#content {
	//vertical-align: middle; 
	//background-color: #DDDDDD;
	font-size: 30px;
	//font-style: italic;
	text-align: center;
	margin-top: 10%;
	font-family:'Comic Sans MS', 'Helvetica';
	text-shadow:black 3px 2px 4px;
}

body {
	/*background-color: #000000;
	background-image: -webkit-radial-gradient(center, circle closest-side, #00A3EF 0%, #000000 100%);*/
	margin: 0px;
	padding: 0px;
	background-image: url(bg.png);
	background-repeat: repeat;
}


#made {
	font-family: 'Comic Sans MS'; 
	position: absolute; 
	right: 30px; 
	bottom: 30px;
	color:white;
}


.button {
			position: absolute;
			left: 30px;
			bottom: 30px;
			padding:13px 15px;
			background-color: #b5bdc8;
			background-image:url(rauschen.png);
			border-top:1px solid rgba(255,255,255,0.4);
			color:#222;
			font:22px Arial, Helvetica, sans-serif;
			font-weight:bold;
			text-decoration:none;
			text-shadow: rgba(0,0,0,.3) 1px 1px 1px;	
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			-ms-border-radius: 10px;
			-o-border-radius: 10px;
			border-radius: 10px;
			
		-webkit-box-shadow:
			inset 0px -5px 35px rgba(0,0,0,0.7),
			inset 0px 5px 15px rgba(255,255,255,.7),
			inset 0px -1px 0px rgba(255,255,255,0.3),
			0px 3px 3px rgba(0,0,0,0.5);

		-moz-box-shadow: 	
			inset 0px -5px 35px rgba(0,0,0,0.7), 
			inset 0px 5px 15px rgba(255,255,255,.7),
			inset 0px -1px 0px rgba(255,255,255,0.3),
			0px 3px 3px rgba(0,0,0,0.5);
		-ms-box-shadow: 
			inset 0px -5px 35px rgba(0,0,0,0.7),
			inset 0px 5px 15px rgba(255,255,255,.7),
			inset 0px -1px 0px rgba(255,255,255,0.3),
			0px 3px 3px rgba(0,0,0,0.5);
		-o-box-shadow: 
			inset 0px -5px 35px rgba(0,0,0,0.7), 
			inset 0px 5px 15px rgba(255,255,255,.7),
			inset 0px -1px 0px rgba(255,255,255,0.3),
			0px 3px 3px rgba(0,0,0,0.5);

			box-shadow: 
			inset 0px -5px 35px rgba(0,0,0,0.7), 
			inset 0px 5px 15px rgba(255,255,255,.7),
			inset 0px -1px 0px rgba(255,255,255,0.3), 
			0px 3px 3px rgba(0,0,0,0.5);	
			
}

		.button:hover {
			-moz-box-shadow: inset 2px 2px 5px #000;
			-webkit-box-shadow: inset 2px 2px 5px #000;
			box-shadow: inset 2px 2px 5px #000;	
			border-top:1px solid rgba(0,0,0,0.7);
			color: #6E6E6E;
			/*-webkit-box-shadow:
			inset 0px 5px 15px rgba(0,0,0,.7),
			inset 0px -1px 0px rgba(0,0,0,0.3),
			box-shadow:
			inset 0px 5px 15px rgba(0,0,0,.7),
			inset 0px -1px 0px rgba(0,0,0,0.3),*/
}	

.transitions-ready a {
  -webkit-transition: color 3.0s linear;
     -moz-transition: color 3.0s linear;
       -o-transition: color 3.0s linear;
          transition: color 3.0s linear;
}

a:active {color:#FFBF00}
.transitions-ready.color0 a  { color: hsl(  0, 90%, 60% ); }
.transitions-ready.color0 a  { color: hsl(  10, 90%, 60% ); }
.transitions-ready.color1 a  { color: hsl(  30, 90%, 60% ); }
.transitions-ready.color2 a  { color: hsl(  50, 90%, 60% ); }
.transitions-ready.color3 a  { color: hsl(  70, 90%, 60% ); }
.transitions-ready.color4 a  { color: hsl(  90, 90%, 60% ); }
.transitions-ready.color5 a  { color: hsl( 110, 90%, 60% ); }
.transitions-ready.color6 a  { color: hsl( 130, 90%, 60% ); }
.transitions-ready.color7 a  { color: hsl( 150, 90%, 60% ); }
.transitions-ready.color8 a  { color: hsl( 170, 90%, 60% ); }
.transitions-ready.color9 a  { color: hsl( 190, 90%, 60% ); }
.transitions-ready.color10 a { color: hsl( 210, 90%, 60% ); }
.transitions-ready.color11 a { color: hsl( 230, 90%, 60% ); }
.transitions-ready.color12 a { color: hsl( 250, 90%, 60% ); }
.transitions-ready.color13 a { color: hsl( 270, 90%, 60% ); }
.transitions-ready.color14 a { color: hsl( 290, 90%, 60% ); }
.transitions-ready.color15 a { color: hsl( 310, 90%, 60% ); }
.transitions-ready.color16 a { color: hsl( 330, 90%, 60% ); }
.transitions-ready.color17 a { color: hsl( 350, 90%, 60% ); }


	a:link {text-decoration:none; color:#FFBF00}
	a:visited {color:#FFBF00;}
	a:hover {color:#01DF01;}