@font-face {
    font-family: 'proxima_nova_softregular';
    src: url('/fonts/proximanovasoft_regular_macroman/ProximaNovaSoft-Regular-webfont.eot');
    src: url('/fonts/proximanovasoft_regular_macroman/ProximaNovaSoft-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/proximanovasoft_regular_macroman/ProximaNovaSoft-Regular-webfont.woff') format('woff'),
         url('/fonts/proximanovasoft_regular_macroman/ProximaNovaSoft-Regular-webfont.ttf') format('truetype'),
         url('/fonts/proximanovasoft_regular_macroman/ProximaNovaSoft-Regular-webfont.svg#proxima_nova_softregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'proxima_nova_softregular';
   src: url( /fonts/proxima_nova_softregular.otf);
   src: local ('Ø'), 
   url( proxima_nova_softregular.otf) format('woff'), 
}

A {text-decoration: none;}
A:Hover {color:#F1F1F1;}

body {
  font-family: 'proxima_nova_softregular', Arial, sans-serif;	
  background-color: #F1F1F1;
  color: #00AFAA;
  font-size: 18px;
}

a:link {color:#fff;}
a:visited { color:#0A0A0A;}
a:hover { color:#FF6000;}

	
.dropdown {
	cursor:pointer; font-family: 'proxima_nova_softregular', Arial, sans-serif; color: #000; font-size:15px; width:260px;
	border-color:#E8E8E8; border-width:2px; border-style:solid; padding:0px;
	background: #fff;
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari, Chrome */
-khtml-border-radius:5px; /* Konqueror */
border-radius:5px; /* CSS3 */ 
	}

.dropdown_2 {
	cursor:pointer; font-family: 'proxima_nova_softregular', Arial, sans-serif; color: #000; font-size:15px; width:100px;
	border-color:#E8E8E8; border-width:2px; border-style:solid; padding:0px;
	background: #fff;
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari, Chrome */
-khtml-border-radius:5px; /* Konqueror */
border-radius:5px; /* CSS3 */ 
	}

.button {
	cursor:pointer;font-family: 'proxima_nova_softregular', Arial, sans-serif;
	color: #ffffff; width:150px;
	border-color:#FF6000; border-width:2px; border-style:solid; padding:0px;
	background: #FF6000;
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari, Chrome */
-khtml-border-radius:5px; /* Konqueror */
border-radius:5px; /* CSS3 */ 
	}

#button_2 {
	cursor:pointer; font-family: 'proxima_nova_softregular', Arial, sans-serif; 
	color: #000; width:80px;
	border-color:#FF6000; border-width:2px; border-style:solid; padding:0px;
	background: #FF6000;
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari, Chrome */
-khtml-border-radius:5px; /* Konqueror */
border-radius:5px; /* CSS3 */ 
	}
	
.selectButton {
    position: absolute;
    top: 0px;
    cursor: pointer;
    left: 0px;
    width: 100%;
    
    background: url("/bilder/form-select.gif") no-repeat scroll 100% 0px transparent;
    -moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari, Chrome */
-khtml-border-radius:5px; /* Konqueror */
border-radius:5px; /* CSS3 */ 

color: #5e5e5e;
}
	
.texteingabe { width:100px;
	border-color:#FF6000; border-width:2px; border-style:solid; padding:0px;
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari, Chrome */
-khtml-border-radius:5px; /* Konqueror */
border-radius:5px; /* CSS3 */ 
	}
.texteingabe_2 { width:50px;
	border-color:#FF6000; border-width:2px; border-style:solid; padding:0px;
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari, Chrome */
-khtml-border-radius:5px; /* Konqueror */
border-radius:5px; /* CSS3 */ 
	}
.texteingabe_3 { width:145px;
	border-color:#ffffff; border-width:2px; border-style:solid; padding:0px;
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari, Chrome */
-khtml-border-radius:5px; /* Konqueror */
border-radius:5px; /* CSS3 */ 
	}
.texteingabe_ek { width:50px;
	border-color:#FF0000; border-width:2px; border-style:solid; padding:0px;
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari, Chrome */
-khtml-border-radius:5px; /* Konqueror */
border-radius:5px; /* CSS3 */ 
	}

.gewaehlt { width:100px; height:15px; background-color:#ffffff; border-color:#FF6000; border-width:2px; border-style:solid; padding:0px;
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari, Chrome */
-khtml-border-radius:5px; /* Konqueror */
border-radius:5px; /* CSS3 */
      }
	
.checkbox { border-color:#ffffff; border-width:2px; border-style:solid; padding:1px; }	
		

#navigation_2 { position:absolute; left:260px;
}
#aktiv a{
font-family: 'proxima_nova_softregular', Arial, sans-serif;	font-size: medium;
color:#FF6000;
background-color:#E8E8E8;
border-color:#FF6000;
border-width:2px;
border-style:solid;
padding:3px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */ 
} 
    
#logo { position:fixed; top:20px; left:12px; width:70px; height:70px;
	}
	
#logo2 { position:fixed; top:20px; left:250px; width:70px; height:70px;;
	}

#navigation { position:fixed; top:100px; left:12px;
      z-index:1; 
      }

.login { position:absolute; top:50%; left:50%; width:155px; height:130px; margin-left:-77.5px; margin-top:-65px;  
      z-index:1; background-color:#E8E8E8; border-color:#FF6000; border-width:2px; border-style:solid; padding:10px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }

#dimensionen { position:absolute; top:20px; left:260px;
      z-index:1; background-color:#E8E8E8; border-color:#FF6000; border-width:2px; border-style:solid; padding:10px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }

#herstellerwahl { position:absolute; top:380px; left:260px; width:580px; height:380px;
      z-index:1; background-color:rgba(141, 199, 63, 0.7); border-color:#ffffff; border-width:1px; border-style:solid; padding:10px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }

#dateneingabe { position:absolute; top:300px; left:480px;
      z-index:1; background-color:rgba(141, 199, 63, 0.7); border-color:#ffffff; border-width:1px; border-style:solid; padding:10px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }

#befestigung { position:absolute; top:300px; left:680px;
      z-index:1;
      }

#titel { position:absolute; top:180px; left:260px;
      z-index:1; background-color:rgba(141, 199, 63, 0.7); border-color:#ffffff; border-width:1px; border-style:solid; padding:10px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }

#typwahl { position:absolute; top:180px; left:500px;
      z-index:1; background-color:rgba(141, 199, 63, 0.7); border-color:#ffffff; border-width:1px; border-style:solid; padding:10px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }

#link { position:absolute; top:530px; left:260px;
      z-index:1	; background-color:rgba(141, 199, 63, 0.7); border-color:#ffffff; border-width:1px; border-style:solid; padding:10px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }


#rechner1 { position:absolute; top:20px; left:260px; width:450px;
      z-index:2	; background-color:rgba(141, 199, 63, 0.7); border-color:#ffffff; border-width:1px; border-style:solid; padding:10px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }

#rechner2 { position:absolute; top:20px; left:260px; width:580px;
      z-index:2	; background-color:rgba(141, 199, 63, 0.7); border-color:#ffffff; border-width:1px; border-style:solid; padding:10px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }

.preisrechner { position:absolute; top:20px; left:260px;
      z-index:2	; background-color:#E8E8E8; border-color:#FF6000; border-width:2px; border-style:solid; padding:5px; 
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }
#preisrechner2 { position:absolute; top:5px; left:5px;}
#preisrechner3 { position:absolute; top:5px; left:300px;}


.berechnung { position:absolute; top:20px; left:265px; width:825px; height:54;
      z-index:2; background-color:#E8E8E8; border-color:#fff; border-width:1px; border-style:solid; padding:5px; 
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }

.felge {position:absolute; top:40px; left:0px; width:260px; height:480px;
      z-index:2; background-color:#E8E8E8; border-color:#fff; border-width:1px; border-style:solid; padding:5px; 
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }
.felgenresultat { font-family: 'proxima_nova_softregular', Arial, sans-serif; font-size:0.8em; position:absolute; top:177px; left:5px; line-height:1.4;
      z-index:2;
      }

.nabe { position:absolute; top:40px; left:283px; width:260px; height:480px;
      z-index:2; background-color:#E8E8E8; border-color:#fff; border-width:1px; border-style:solid; padding:5px; 
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }
.nabenresultat { font-family: 'proxima_nova_softregular', Arial, sans-serif; font-size:0.8em; position:absolute; top:145px; left:290px; line-height:1.4;
      z-index:2;
      }

.speichen { position:absolute; top:40px; left:565px; width:260px; height:480px;
      z-index:2; background-color:#E8E8E8; border-color:#fff; border-width:1px; border-style:solid; padding:5px; 
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }
.speichenresultat { position:absolute; top:202px; left:560px; line-height:1.6;
      z-index:2;
      }

.resultat { font-family: 'proxima_nova_softregular', Arial, sans-serif; position:absolute; top:560px; left:265px; width:826px;
      z-index:3	; background-color:#E8E8E8; border-color:#fff; border-width:1px; border-style:solid; padding:5px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }

#resultat2 { position:absolute; top:20px; left:725px;
      z-index:3	; background-color:rgba(141, 199, 63, 0.7); border-color:#ffffff; border-width:1px; border-style:solid; padding:10px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }
      
.daten { position:absolute; top:5px; left:300px;
z-index:3;
      }

/*Für Elemente nebeneinander*/     
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.left {
float: left;
width: 25%;
}
.left2 {
float: left;
width: 50%;
}

.nabenrechner {
width:620px;
}
.felgenrechner {
width:500px;
}
.colorbox {
color:#000000;
font-size:0.7em;
}

#ritzelrechner { position:absolute; top:100px; left:12px;
      z-index:1	; color:#000000; background-color:rgba(141, 199, 63, 0.7); border-color:#ffffff; border-width:1px; border-style:solid; padding:10px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }


#overmountain_bild {position:absolute; top:70px; left:20px; width:400px; height:240px;
z-index:1
      }
#overmountain_bild_rahmen {position:absolute; top:70px; left:20px; width:400px; height:240px;
z-index:2
      }


#tabelle {position:absolute; top:110px; left:500px;
	 z-index:3	; background-color:rgba(141, 199, 63, 0.7); border-color:#8F8F8F; border-width:0px; border-style:solid; padding:0px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }
      
#button {position:absolute; top:350px; left:500px;}

.delete { background-color:#E8E8E8; border-color:#FF0000; border-width:2px; border-style:solid; padding:5px; 
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
      }