/*	###################################
	### 8works - Projekt BHV-Auto	###
	### 10-2007						###
	###################################
*/

html, body{ 
	margin:0; 
	padding:0;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color: #646464;
	background-color:#fff;
	font-size: 12px;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

h1{
	font-size: 18px;
}

h2{
	font-size: 15px;
	color:#66728A;
}

img{
	border:0;
}

a{
	text-decoration:underline;
	color:#4B4B4B;
}

a:hover{
	text-decoration:none;
}

/*	###################################
	### Setup Page					###
	### 10-2007						###
	###################################
*/
#Border{ 
	width:890px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
	background-image:url(../images/Con_Back.jpg);
	background-repeat:repeat-x;
}

#Fahnen{
	float:left;
	width:328px;
}

#Fahnen #FahnenPosition{
	padding:10px 0 0 15px;
}

#Fahnen #FahnenPosition img{
	padding-right:10px;
}

#Navigation{
	float:left;
	width:512px;
	height:33px !important;
	height:33px; /* nur für den IE */
	background:url(../images/navitop_normal.jpg) repeat-x left top;
}

#pagewidth{ 
	width:850px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 
 
#header{
	position:relative; 
	height:197px;
	width:100%;
} 
 
#leftcol{
	width:328px; 
	float:left; 
	position:relative;
}
 
#maincol{
	float: right; 
	display:inline; 
	position: relative; 
	width:522px;
	
}	
#scrollContent{
	padding-top:20px;
	height:380px; /* nur für den IE */
	overflow:auto;
	scrollbar-base-color:#f9f9f9;
  	scrollbar-3d-light-color:#FFFFFF;
  	scrollbar-arrow-color:#FFFFFF;
  	scrollbar-darkshadow-color:#f9f9f9;
 	scrollbar-face-color:#c0c0c0;
 	scrollbar-highlight-color:#FFFFFF;
  	scrollbar-shadow-color:#000000;
  	scrollbar-track-color:#f9f9f9;
}

#maincol #DerInhalt{
	padding:15px;
}

#BreadCrump{
	color:#929292;
	font-size: 11px;
}

#BreadCrump a{
	color:#929292;
}

#BreadCrump a:hover{
	color:#7F7F7F;
}

#footer{
	height:34px; 
	clear:both;
	border-top:5px solid #E0E0E0;
	margin:0 10px 0 10px;
	font-size: 11px;
}

#footer #footerPosition{
	margin-top:5px;
	text-align:right;
	color:#929292;
}

#footer #footerPosition a{
	color:#929292;
}

#footer #footerPosition a:hover{
	color:#7F7F7F;
}
 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



#Logo{
	width:318px;
	padding:70px 0 0 10px;
	float:left;
}

#Stilgrafik{
	width:512px;
	padding:42px 10px 0 0;
	float:left;
}


/*	###################################
	### Navigation Oben 			###
	### 10-2007						###
	###################################
*/

#Navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}
#Navigation li {
	display:inline;
	margin:0;
	padding:0;
}
#Navigation a {
	float:left;
	background:url(../images/navitop_normal.jpg) repeat-x left top;
	margin:0;
	text-decoration:none;
	cursor:pointer;
	font-size:12px;
	text-transform:uppercase;
}
#Navigation a:hover {
	float:left;
	background:url(../images/navitop_hover.jpg) repeat-x left top;
	margin:0;
	text-decoration:none;
}

#Navigation a.aktiv {
	float:left;
	background:url(../images/navitop_hover.jpg) repeat-x left top;
	margin:0;
	text-decoration:none;
}

#Navigation a span {
	float:left;
	display:block;
	padding:11px 16px 7px 16px;
	color:#6F6F6F;
	font-weight:bold;
	background:url(../images/distnav.gif) no-repeat right top;
}

#Navigation a span.last {
	float:left;
	display:block;
	padding:11px 16px 7px 19px;
	color:#6F6F6F;
	font-weight:bold;
	background:none;
}

/*	###################################
	### Navigation Links 			###
	### 10-2007						###
	###################################
*/

ul#NavigationLeft {
    width: 269px;
    margin: 5px 0 0 0; padding: 0;
  }
  * html ul#NavigationLeft {  /* Korrekturen fuer IE 5.x */
    width: 269px;
    w\idth: 269px;
    padding-left: 0;
    padd\ing-left: 0;
  }
  ul#NavigationLeft li {
    list-style: none;
    margin: 0; 
	padding: 0;
  }
  ul#NavigationLeft a {
    display:block;
    padding: 8px 5px 8px 15px;
    text-decoration: none; 
	font-weight: normal;
    background-color: none;
	color:#6F6F6F;
  }
  * html ul#NavigationLeft a {  /* Breitenangaben nur fuer IE */
    width: 100%;
    w\idth: 249px;
  }
  ul#NavigationLeft a:hover {
    color: #DF2A15; 
	background-color: #D5D5D5;
	font-weight: bold;
  }
   ul#NavigationLeft a.aktiv {
    color: #DF2A15; 
	background-color: #D5D5D5;
	font-weight: bold;
  }
  
/*	###################################
	### Formular		 			###
	### 10-2007						###
	###################################
*/
  
form, input{
	padding:0;
	margin:0;
}

#mailform fieldset.csc-mailform {
    margin:0;
    padding:0;
    width:305px; 
    border:0;
}
  
#mailform fieldset.csc-mailform .csc-mailform-field {
    padding:0; 
}

#mailform fieldset.csc-mailform .csc-mailform-field input, textarea, select{
    float:left;
	width:303px;
	border:1px solid #c0c0c0;
	margin-bottom:10px;
}
  
#mailform fieldset.csc-mailform .csc-mailform-field label {
    text-align:left;				
	width:303px;						
	display:block;
	float:left;
}

#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-submit {
	float: right;
	width: 65px;
	color:#D92814;
	border:1px solid #D92814;
	background-color:#fff;
	font-weight:bold;
	cursor:pointer;
}

/*	###################################
	### Textpic			 			###
	### 10-2007						###
	###################################
*/
#maincol .csc-textpic img{
	border:3px solid #cfcfcf;
}