body {overflow-y: scroll !important;}

h1,h2,h3,h4,h5,h6{color:#448DD2;font:25px/1.4 "Myriad Pro", Tahoma, Verdana, "Helvetica Neue", Arial, sans-serif;letter-spacing:-1px;text-shadow:2px 2px 1px #ccc;opacity:0.75;font-weight:bold;}
h1{
font-weight: bold;font-size:50px;color:red;text-align:center;
text-shadow: 
0px 1px 0px #800000, 
0px 2px 0px #700000, 
0px 3px 0px #600000, 
0px 4px 0px #500000, 
0px 5px 0px #400000, 
0px 6px 4px #001111;
background-color:none;
opacity: 0.50;
}

#main_nav {position:absolute;top:3px;left:50%;margin-left:-433px;width:866px;list-style:none;height:33px;}
#main_nav li{float:left;position:relative;padding:0 0 10px}
#main_nav a{float:left;text-decoration:none;font:bold 16px/22px Helvetica,Arial,Verdana,sans-serif;color:#99ccff;font-weight:700;padding:5px 0px 0 30px}
#main_nav a:hover{color:#fff}

#mitte{width:800px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
background-color:rgba(255,255,255,0.8);
border:2px solid #fff;
margin:46px auto 5px auto;
padding:0 30px 10px}


.slider{

height:9px; position:relative; 
cursor:pointer; border:1px solid #333; 
width:90px; float:left; 
clear:right; margin:15px 10px 20px 0; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-moz-box-shadow:inset 0 0 8px #000}

.progress{height:9px; background-color:rgba(0,100,100,0.1);display:none;}

.range{border:1px inset #ddd; 
background-color:#D6EBF7;
font-weight:bold;float:left;font-size:20px;margin:3px 0 0 10px;padding:3px 0;text-align:center; width:50px; 
-moz-border-radius:5px; -webkit-border-radius:5px}   	


.handle{opacity: 0.90;background-color:#C5FF00; 
background-image: linear-gradient(bottom, #A6C8DC 0%, #D6EBF7 78%, #D6EBF7 100%);
background-image: -o-linear-gradient(bottom, #A6C8DC 0%, #D6EBF7 78%, #D6EBF7 100%);
background-image: -moz-linear-gradient(bottom, #A6C8DC 0%, #D6EBF7 78%, #D6EBF7 100%);
background-image: -webkit-linear-gradient(bottom, #A6C8DC 0%, #D6EBF7 78%, #D6EBF7 100%);
background-image: -ms-linear-gradient(bottom, #A6C8DC 0%, #D6EBF7 78%, #D6EBF7 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #A6C8DC),
	color-stop(0.78, #D6EBF7),
	color-stop(1, #D6EBF7)
);
height:28px; width:28px; top:-12px; position:absolute; display:block; margin-top:1px;  cursor:move; 
-moz-box-shadow:0 0 6px #000; 
-webkit-box-shadow:0 0 6px #000; 
-moz-border-radius:14px; -webkit-border-radius:14px}


.pixel{color:#777;font-size:13px;padding-top:19px;padding-left:4px;float:none}

.csscode,#browser{position:relative;margin-bottom:20px;width:98%;min-height:150px;font:normal 15px Monaco, 'Courier New', monospace;line-height:20px;color:#000;background:#fff;padding:9px 10px;
-webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2); 
-moz-border-radius: 0px 15px 15px 15px;
-webkit-border-radius: 0px 15px 15px 15px;
border-radius: 0px 15px 15px 15px;}

.cssdemotext {
font:25px/1.4 "Myriad Pro", Tahoma, Verdana, "Helvetica Neue", Arial, sans-serif;
width:94.5%;
border:1px solid #ccc;
-moz-border-radius: 15px 15px 0px 0px; /* Firefox */
-webkit-border-radius: 15px 15px 0px 0px; /* WebKit */
border-radius: 15px 15px 0px 0px; /* Standard */
padding:0px 20px 0px 20px;
margin:0px auto 0px auto;
}

.cssdemotext p {
text-align:center;
vertical-align: middle;
padding:20px 20px 10px 20px;
}

.cssdemo {
width:97%;
min-height:50px;
border:1px solid #ccc;
-moz-border-radius: 0px 0px 15px 15px; /* Firefox */
-webkit-border-radius: 0px 0px 15px 15px; /* WebKit */
border-radius: 0px 0px 15px 15px; /* Standard */ 
padding:10px;
margin:-1px auto 20px auto;
}

input, select {margin-bottom:15px;}

option {margin:6px 4px 6px 4px;}