/* KEC CARGO GMBH | Kurier Express Cooperation */
body {
text-align:center; /*center hack*/
font-size:76%;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.3;
margin: 1.3em 0;
background: url(../body_background.png) repeat-x ;

}

#wrap {
min-width:960px;
max-width:960px;
width: auto !important; /*IE6 hack*/
width:960px; /*IE6 hack*/
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/

}

#leftbar {
		float:left;
		width:264px; 
		overflow:hidden; 
		
				 } 
				 
				 
#content60 {float:left;width:696px;overflow:hidden; /* background: #F4F4F4; */}
#sidebar-2 {float:left;width:20%; overflow:hidden;  } 

.inside {padding:20px 0px 20px 0px;}


div.inside a img { 
  width: 225px;
  height: 155px;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  border: none; 
  


  }


/* The famous global reset for all browser */ 
* 	{margin: 0;	padding: 0;}
p,blockquote,form,label,h1,h2,h3,h4,h5,h6,ul,ol,dl,fieldset,address {	margin: 0.5em 0;}
li, dd {margin-left: 1em;}
fieldset {	padding: .5em;}


h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0;
font-family:arial,verdana,serif;
}
li,dd { 
margin-left:1em;
}
fieldset { 
padding:.5em; 
}




/* General */
a {
text-decoration:none;
}
a:hover{
text-decoration: none;
}
h1,.componentheading{
font-size:1.1em;
}
h2,.contentheading{
font-size:1.1em;
}
h3{
font-size:1.1em;
}
h4{
font-size:1.1em;
}
h5{
font-size:1.1em;
}
h6{
font-size:1em;
font-weight:bold;
}
#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:0.8em Arial,Helvetica,sans-serif;
color:black;
}

#head_banner {
	float: left; 
	width: 100%;
	height: 107px; 	
    color: black;
	background: url(../head_banner.png) no-repeat ;
	background-position: right;
	overflow: hidden;
	
	}
.moduletable_search {
	float: left; 
	width: 275px;
	height: 50px; 	
    color: black;
	overflow: hidden;
		 }
		 
.inside_search {padding:5px 0px 0px 10px ;}

.search_button {
	
	background: url(../search_button.png) no-repeat; 	
	font-size: 8pt;
	width: 50px;
	height: 20px;
	margin: 0px 0px 0px 5px;
	border: none;
					}


.intro {
	float: left;
	width: 400px;
	height: 107px;
	overflow: hidden;
 		}
.keclogo  {
	float: left;
	width: 268px;
	height: 93px;
        text-decoration: none;
        margin: 2px 0px 0px 0px;

	}

.keclogo img {
	border: 0;
	}

		
#main_banner, #mainstart {
	float: left;
	height: 186px;   
	width: 960px;
	overflow: hidden;
		}

#mainstart {
     
        background: url(../1main_banner.jpg) no-repeat ;


}

#obj1   {
       width: 960px;
       height: 186px;


}
		
		
#topmenue_left {
	float: left;
	height: 45px;   
	width: 360px;
	background: url(../topmenue_left.png) no-repeat ;
	background-position: left;	
	overflow: hidden;
	
	}

#topmenue_left a img  {
	float: left;
	height: 20px;   
	width: 20px;
	margin: 15px 0px 0px 5px;
        border: none; 
	
	}
	

/* TOPMENUE */	
		
.moduletable_topmenu {
	float: left;
	width: 600px; 
	height: 45px; 
	overflow: hidden;
	background: white;
      		}
		
.moduletable_topmenu ul {
	padding: 0px;
	margin: 0px;
   	float: left;
	width: 600px;
	height: 45px;
	list-style-type: none;
	color: white;
	
			}
		
.moduletable_topmenu li {
	margin: 0px;
	float: left;
	width: 120px;
	height: 45px;
	overflow: hidden;	
	text-align: center;
	
			}
			
.moduletable_topmenu li a{
	margin: 0px;
	padding: 15px 0px;	
	font-size: 1.2em;
	float: left;
	width: 120px;
	height: 45px;
	background:url(../button_top_std.png);
	overflow: hidden;	
	text-align: center;
	color: white;
	
			}
						





			
.moduletable_topmenu li a:hover{
	margin: 0px;
	font-size: 10pt;
	width: 120px;
	height: 45px;
	margin: 0px;
	overflow: hidden;
	text-align: center;
	background:url(../button_top_hover.png);
	
			}

.moduletable_topmenu li a.current{
       background:url(../button_top_hover.png);
      


}
			
.moduletable_topmenu span{
	color: white;
	
	}			
			

				
			
			
#leftfauxcol {
float: left;
clear: left;
background: url(../leftfauxcol.png) 25% 0;
}

#rightfauxcol {
clear: left;
background: url(../rightfauxcol.png) 75% 0;

}
	

/*Mainmenu */




/* MAIN MENU AUSGABE ALS ROUNDED - ROUNDED CORNER MAIN MENU */ 
.menu {
 margin: 0px 0px 0px 0px;
 padding:40px 0px 0px 0px;
 width: 264px; 
 height: 100%;
 overflow: hidden;

}

.menu ul{
list-style: none;
margin: 0 0 0 10px;
padding: 0;
}

.menu li{

margin: 0px 0px 0px 0px;
width: 264px;  /* width: 244px; */
height: 69px;

background: url(../left_button.png) no-repeat ; 
background-position: top left;
overflow: hidden;
 }

.menu li a {    
height: 100%;
width: 100%;
margin: 0px;
padding: 10px 5px 10px 62px;
display: block;

color: black;
font-size: 1.1em;
text-decoration: none;
}


.menu li.active a  {
width: 100%;
padding: 10px 5px 10px 62px;
background: url(../active_button.png) no-repeat ; 
background-position: top left;
overflow: hidden;

}

.shortdesc {    
margin: 0px;    
width: 172px;    
display: block;
font-size: 0.8em;
color: black;
text-decoration: none;
}

.menu li a:hover,a#active_menu:link,a#active_menu:visited  {  
height: 100%;
margin: 0px;
display: block;
color: black;
background: #F4F4F4 url(../left_button_hover.png) no-repeat ;  
background-position: top left;
overflow: hidden; 
}


html>body .menu li a {
width: auto;
}


/* ENDE ROUNDED CORNER MAIN MENU */  




#footer {
	clear:both; 
	width: 960px;
	height:80px;
    background: url(../footer.png) no-repeat ;
    background-position: bottom left;
    overflow: hidden;
	}





.footerinside {
	float: left;
	width: 270px;
	
		}

		
.footerinside h1 {
        width: 100%;
	margin: 20px 0px 0px 50px; 	
	
	}
	
.footerinside p {
	clear: left;
	float: left;
	width: 100%; 
	margin: 0px 0px 0px 50px; 	
	
	}



.footerinsidew  {
        float: left;
      	width: 500px;
	
		}

.footerinsidew p {
	font-size: 2em;
        color: #999999; 
	margin: 15px 0px 0px 10px; 	
	
	}

.footmessage {
	margin: 0px 0px 0px 0px;
	height: 100%;
	padding: 0px 0px 0px 20px;
	font-size: 8pt;
	color: black;
	background: #F4F4F4;
	
}

.footmessage a {
	
	color:black;
	
	}

.hidepics {
  width:0px;
  height:0px;
  display:none;
}

/* ###############  main * ########################### */
/* position */
.leading
{
	 background:  url(../corner1/smallcorner_left_top.png) 100% 0% no-repeat; 
	 background-position: top left; 
         margin: 0px 0px 0px 0px;
	 width: 685px;
        
}

.leading p {    
                margin: 0px 0px 15px 0px;
		padding: 0px; 
                font-size: 1.0em;
				}

.leading h2 {
		
		font-size: 1.0em;
		color: black;
	   	width:100%;
	  	margin: 0px 0px 3px 0px;
		padding: 0px; 		
}


.leading h3 {
		float: left;
		font-size: 1.1em;
		color: black;	       
		width: 100%;
		margin: 0px;
		padding: 0px; 		
}

.leading a {
		color: #990000;	       
				
}


.leading ul {
	float: left;
	width: 360px;
        margin: 0 0 0 30px;
	font-size: 1.0em;
        list-style-image:url(../logoliste.png);
        color: black;
        font-weight: bold; 
        
	}



.leading img.headline  {
               	float: left;
                padding: 0 0px 0 0px;
	        margin: 10px 0px 5px 0px;
	}



.leading img.full, .leading img.half, .leading img.third, .leading img.fourth, .leading img.fullr,.leading img.halfr,.leading img.thirdr,.leading img.fourthr    {
               	float: left;
		width: 660px;  
		padding: 0 0px 0 0px;
	        margin: 0px 10px 0px 10px;	
}

.leading img.half, .leading img.halfr   {width: 330px;}
.leading img.third, .leading img.thirdr  {width: 220px; }		
.leading img.fourth, .leading img.fourthr  {width: 165px; } 
		

.leading img.fullr,.leading img.halfr,.leading img.thirdr,.leading img.fourthr    {
               	float: right;
		
}

div.leading div {
	 background:  url(../corner1/smallcorner_right_top.png) 100% 0 no-repeat; 	
 	 background-position: top right; 
 	
}

div.leading div div {
     
     background:  url(../corner1/smallcorner_left_down.png) 0 100% no-repeat;  
     background-position: bottom left; 
}

div.leading div div div  {
  background: url(../corner1/smallcorner_right_down.png) 0 100% no-repeat;
  background-position: bottom right; 
  margin: 0px 0px 0px 0px;
  padding: 5px 10px 5px 10px;
  height: 100%;
  overflow:hidden; /* Clearen der Inhalte */
  
}




* html div.leading div div div {
  height:1%; /* hasLayout für IE5+6 für korrekte Darstellung */
}

div.leading div div div div {
  background-image:none;
  padding:0;
 
}

.small
{
        border: solid 0px;
        color: black;
        font-size: 0.85em;
        margin: 0 0 20px 0;
}
	
.clear  {
	
	clear: both;
}
	
.anfrage {
float: left;
width: 660px;
height: 100%;


}

.anfrage textarea {
 float: left;
 width: 300px;

 margin: 0px 0px 15px 0px;
 

}
/*

input.formsubmit {
width: 250px; 
margin: 25px 0 0 0px;


}

*/
.formsubmit {
clear: left;
float: left;
width: 250px; 
margin: 25px 0 0 0px;


}


#form-module-thanks {
width: 100%;
 height: 100%;
float: left; 

}



.anfrage {
float: left;
width: 450px;
height: 100%;


}


.formhinweis {
clear: left; 
float: left; 
width: 600px;


}

div.forminfo {
clear: left; 
float: left; 
margin: 0 0 20px 0px; 
width: 450px;


}

.formselect  {
clear: left;
float: left; 
width: 50px;

}

.formtext {
float: left; 
width: 250px;
margin: 0px 0px 15px 0px;
}

.formtextfield {
clear: left;
float: left; 
width: 250px;
}

#el_10.formtext,#el_12.formtext, #el_14.formtext, #el_16.formtext{
clear: left;
}

#el_10.formselect {

width: 250px;
margin: 0px 0px 15px 0px;
}

.radiobuttons {
clear: left;
float: left;
width: 100%;
height: 50px;
}

.formradio label {
margin: 0px 0px 20px 0px;

} 

.formradio input  {
margin: 0px 0px 20px 0px;

} 

.sweets p a img {
clear: left;
clear: right;
float: right;
width: 60px;
height: 41px;

}

div.formerror {
float: left;
width: 450px;
font-size: 1.5em;
color: red; 
}

/* ###############  GOOGLE MAPS CSS FILE  ########################### */


#directions {

   width: 275px;
   

}


#map_canvas {
 
   width: 680px;
   height: 350px; 
  

}


#map_canvas div img{
  
     color: #000000;

   
}



#getDistancetext {
   float: left; 
   width: 120px;


}
#getDistance  {
   float: left; 
   width: 275px;
  
   
}

#getDuration {

width: 275px;


}



map { height: 680px;
	width: 350px;
	
}



#descr { position:absolute;
	top:45px;
	left: 580px;
	width: 250px;
}

.infowindow { 
	text-align: left;
     }

.infowindow p { 
       font-size: 1em;
       text-align: left;
       float: left;
       width: 180px; 
}

div.infowindow img { 
       font-size: smaller;
       text-align: left;
       float: right;
       width: 40px; 
}



#acccont {
       width: 660px;
     
             
       
}