@charset "utf-8";
html {
   height:100%;
   font-family:Arial,Helvetica,Verdana,Sans-serif;
   font-size:11px;
   width:100%;
   margin:auto;
   }
/* CSS Document */

body {
   margin:0 auto;
   padding:0;
   text-align:center;
   background-color:#ffffff;
   width:100%;
}

/* ---------- Content ---------- */

#container {
   z-index:10;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   width:900px;
   margin-top:0 auto; 
   text-align:left;  
}

/* ---------- Head ---------- */

#containerHead {
   float:left;
   margin:100px 0 0 0;
   padding:0;
   display:inline;
   width:900px;
   
}

#logoVCF {
   float:left;
   margin: 0 auto;
   margin-left:20px; 
   width:496px;
   display:inline;
}

#logoVolvo {
   float:right;
   margin: 0 auto;
   width:49px;
   display:inline;
}


/* ---------- Center ---------- */

#containerCenter {
   float:left;
   margin:0 auto;
   padding:0;
   display:inline;
   width:900px;
   margin-top:25px;

}

#centerLeft {
   float:left;
   margin: 0 auto;
   width:705px;
   display:inline;
}

#centerRight {
   float:right;
   margin: 0 auto;
   width:188px;
   height:292px;
   display:inline;
   background-image: url(../gfx/center_right.jpg);
}

#centerRightOstend {
   float:left;
   margin:90px 0 0 18px;
   display:inline;
   width:170px;
   color:#ffffff;
   font-size:11px;
   height:60px;
}

#centerRightOstendLinks {
   float:left;
   margin:5px 0 0 65px;
   display:inline;
   width:123px;
   height:15px;   
}

#centerRightNied {
   float:left;
   margin:40px 0 0 18px;
   display:inline;
   width:170px;
   color:#ffffff;
   font-size:11px;
}

#centerRightNiedLinks {
   float:left;
   margin:5px 0 0 65px;
   display:inline;
   width:123px;
}

a:link.crLinks { color:#d06b1e; text-decoration:underline; font-size:11px; font-weight:bold; }
a:visited.crLinks { color:#d06b1e; text-decoration:underline; font-size:11px; font-weight:bold; }
a:active.crLinks { color:#d06b1e; text-decoration:underline; font-size:11px; font-weight:bold; }
a:hover.crLinks { color:#d06b1e; text-decoration:none; font-size:11px; font-weight:bold; }


/* ============================ */
/* ! Link zu den Mitarbeitern   */
/* ============================ */

#mitarbeiterlink {
	position: absolute;
	/*top:850px;*/
   top: 1054px;
	left: 50%;
	width: 560px;
	margin-left: -150px;
	height: 30px;
	text-align: right;	
}

#mitarbeiterlink a{
	color: #cc6633;
	font-size: 18px;
	font-weight: bold;
}

#mitarbeiterlink a:hover{
	text-decoration: none;
}


/* ---------- Bottom ---------- */

#containerBottom {
   float:left;
   margin:0 auto;
   padding:0;
   display:inline;
   width:900px;
   margin-top:10px;
}

#bottomLeft {
   float:left;
   margin:0 auto;
   padding:0;
   display:inline;
   width:318px;
}

#bottomLeftHead {
   float:left;
   margin:0 auto;
   padding:0;
   display:inline;
   width:318px;
}

#bottomLeftFlash {
   float:left;
   margin:0 auto;
   padding:0;
   display:inline;
   width:318px;
   margin-top:5px;
}

#bottomRight {
   float:left;
   margin:0 auto;
   padding:0;
   display:inline;
   width:318px;
   margin-left:10px;
}

#bottomRightHead {
   float:left;
   margin:0 auto;
   padding:0;
   display:inline;
   width:572px;
}

#bottomRightFlash {
   float:left;
   margin:0 auto;
   padding:0;
   display:inline;
   width:572px;
   margin-top:5px;
}

/* ---------- Meta Navi ---------- */

#metanavi {
   float:left;
   margin:0 auto;
   padding:0;
   display:inline;
   width:900px;
   margin-top:10px;
   margin-left:7px;   
   font-size:9px;
}

a:link.metaLink { color:#000000; text-decoration:none; font-size:9px; }
a:visited.metaLink { color:#000000; text-decoration:none; font-size:9px; }
a:active.metaLink { color:#000000; text-decoration:none; font-size:9px; }
a:hover.metaLink { color:#000000; text-decoration:underline; font-size:9px; }

/* ---------- Kontakt ---------- */

#kontaktButton {
   z-index:99;
   display:inline;
   width:201px;
   display:inline;
   position:absolute;
   margin:0 auto;
   margin-left:-100px;
   left:50%;
   top:0px;
}

#divKontakt {
	z-index:100;
	width:700px;
	background-color:#dddddd;
	position:absolute;
	margin:0 auto;
	margin-left:-350px;
	left:50%;
	top:70px;
	border:1px solid #333333;
	display:none;
}

#divKontaktForm {
   display:inline;
   width:650px;
   display:inline;
   float:left;
   margin:25px 25px 25px 25px;
   text-align:left;
}

#fehlerBox {
   /* display:inline; */
   font-family:arial,helvetica,sans-serif;
   color:#000000;
   font-size:11px;
   padding:5px;
   border:1px solid #ff0000;   
   width:auto;
   }   
   
#fehlerBoxText {
   font-weight:normal;
   width:auto;
   }     
   
.formStyle {
   font-family:arial,helvetica,sans-serif;
   color:#000000;
   font-size:11px;   
   }   
   
.hlFormTop {
   display:inline;
   font-family:arial,helvetica,sans-serif;
   color:#d54600;
   font-size:16px;
   font-weight:bold;   
   }  
   
.hlForm {
   display:inline;
   font-family:arial,helvetica,sans-serif;
   color:#000000;
   font-size:11px;
   font-weight:bold;   
   }   
   
.inputTextfeld {
   display:inline;
   width:300px;
   font-family:arial,helvetica,sans-serif;
   color:#000000;
   background-color:#eeeeee;
   font-size:11px;   
   border:1px solid #cccccc;
   } 
   
.inputSelect {
   display:inline;
   width:300px;
   font-family:arial,helvetica,sans-serif;
   color:#000000;
   background-color:#eeeeee;
   font-size:11px;   
   border:1px solid #cccccc;
   }      
   
.inputPLZ {
   display:inline;
   float:left;
   width:60px;
   font-family:arial,helvetica,sans-serif;
   color:#000000;
   background-color:#eeeeee;
   font-size:11px;   
   border:1px solid #cccccc;
   }     
   
.inputOrt {
   float:left;
   display:inline;
   width:230px;
   font-family:arial,helvetica,sans-serif;
   color:#000000;
   background-color:#eeeeee;
   font-size:11px;   
   border:1px solid #cccccc;
   margin-left:10px;
   }    
   
.inputArea {
   display:inline;
   width:300px;
   font-family:arial,helvetica,sans-serif;
   color:#000000;
   background-color:#eeeeee;
   font-size:11px;   
   border:1px solid #cccccc;
   }         
   
.cboxContainer {
   width:300px;
   display:inline;
   float:left;   
}   

.cboxBox {
   width:25px;
   display:inline;
   float:left;   
}   

.cboxBox input {
   border:1px solid #cccccc;
   background-color:#eeeeee;   
   display:inline;   
   }  
      
.cboxText {
   padding-top:4px;
   display:inline;
   width:225px;
   font-family:arial,helvetica,sans-serif;
   color:#000000;
   font-size:11px;   
   float:left;  
}   

.cboxPrice {
   display:inline;
   width:50px;
   font-family:arial,helvetica,sans-serif;
   color:#000000;
   font-size:11px;   
   text-align:right;
   float:left;  
   padding-top:4px;
} 
/* ---------- Maps ---------- */

.mapFrankfurt {
   z-index:1;
   width:475px;
   height:425px;
   display:block;
   position:absolute;
   margin:0 auto;
   margin-left:-238px;
   left:50%;
   top:75px;
   overflow:hidden;
   border:1px solid #333333;
   background-color:#dddddd;
}

#overlay {
   z-index:5;
   width:800px;
   height:500px;
   display:block;
   position:absolute;
   margin:0 auto;
   margin-left:-400px;
   left:50%;
   top:75px;
   background-color:#ffffff;
}