* {margin:0; padding:0;}
html {			background: #000000 url(Bilder/spacer_links_rechts.gif);
				background-repeat: repeat-x;
				font-family: Arial, Verdana, sans-serif;
				font-size:12px;
				}

table{
margin-left:auto;
margin-right:auto;
}

/*Layoutformatierungen*/
#containerfolge { height: 247px; width: 866px; margin: 0 auto;; ;position:relative;z-index:10;}
#linkerrand { height: 247px; width: 25px; background-color: #000000;z-index:20;float:left;}
#headerandnav { height: 247px; width: 822px; z-index:20;float:left; }
#rechterrand { height: 247px; width: 19px; background-color: #000000 ;z-index:20;float:left; }
#logoreifen { height: 162px; width: 822px; background: url(Bilder/spacer_oben.gif) ;z-index:30;float:left; }
#nav { height: 85px; width: 822px; z-index:30;float:left; }
#logo { height: 162px; width: 400px; z-index:40;float:left; }
#reifen { height: 162px; width: 422px; background: url(Bilder/banner_reifen.gif) ;z-index:40;float:left; color:#ffffff; }
#reifen a{  color:#ffffff;}
#nav1 { height: 31px; width: 822px; background: url(images_nav/spacer.gif) ; background-repeat: repeat-x;z-index:50;float:left;}
#nav2 { height: 51px; width: 822px; z-index:50;float:left;padding-top:0px; background: url(images_nav/nav2bg.gif) ; background-repeat: repeat-x; margin-top:0px; }
#nav2 img {display: block; width:15px; height:31px; float:left;}

#containercontent { height: auto; width: 866px; margin: 0 auto;; background-color: #000000 ;position:relative;z-index:10;}
#contentspacerleft { height: 100px; width: 25px; background-color: #000000;;z-index:20;float:left; }
#content { height: auto; width: 822px; background-color: #f3f3f3;z-index:50;float:left; }
#contentspacerright { height: 100px; width: 19px; background-color: #000000;;z-index:20;float:left; }
#contentlinks { height: 300px; width: 200px;z-index:20;float:left;padding-top:12px;padding-left:10px }
#maincontent { height: auto; width: 760px; margin-left: 10px;margin-top:10px; padding:15px; top: 0px; background-color: #ffffff; border: 1px solid #cccccc; float:left; }
#druckdiv {height:30px; width:812px;z-index:20;float:left; padding-right:10px; padding-top:5px; text-align: right;}
#footerzeile { padding-top:5px;padding-bottom:20px;height: auto; width: 846px; margin: 0 auto; position:relative;z-index:100;color:#ffffff;padding-right:20px;text-align:right;font-size:10px;clear:both;}

/*#nav1 a img {position:relative; top:-7px;}*/

#searchboxpos {position:absolute; top: 0; right:0px; width:120px;}

/*Formatierungen f?r den Footer*/
#footer {		font-size:10px;
				color:#ffffff;
				text-align: right;
				margin-top:10px;}
#designby a{color:#ffffff;text-decoration:underline;}
/*Formatierungen f?r den Pressebereich*/
#presse {		font-size:12px;
				color:#ffffff;
				text-align: left;
				font-weight: bold;
				padding-left:20px;
				padding-top:7px;}
				
/*Printlink formatieren*/
.printlink {   font-size:10px;
				color:#383838;
				text-decoration:none;
								}
.printlink a {text-decoration: none;
				color:#383838;
				}
span .printlink {text-decoration: none;
				color:#383838;
				}
a {text-decoration: none;}
/*Ab hier beginnen die Formatierungen für den Text, h1, ...*/
h1 {			font-family: Arial;
				font-size:14px;
				font-weight: 700;
				color:#383838;
}

h3 {			font-family: Arial;
				font-size:14px;
				font-weight: 700;
				color:#b2b2b2;}
/*?berschrift 1 f?r Spalte col_pos=3, rand */				
h1.h1_col_3{	
				color:#383838;
				text-decoration: none;
				font-size:12px;
				background: url(../images/pfeil_rot.gif);
				background-repeat: no-repeat;
				padding-left:20px;}
				
p.bodytext {	font-family: Arial;
				font-size:11px;
				color:#383838;
				padding-right:10px;
				padding-top:0px;
				padding-bottom:20px;
				line-height: 15px;
				}

/*Zitate auf der linken Seite in #contentlinks formatieren*/
#contentlinks p.bodytext {padding-left:15px;
				padding-right:15px; padding-top:10px;
				color:#383838;
				font-style: oblique; }
.csc-textpic  {}

.colpos3 p.bodytext {	
				font-family: Arial;
				font-size:11px;
				color:#383838;
				padding-left:20px;
				padding-right:10px;
				padding-bottom:10px;
				line-height: 13px;
				}

.borderumtext {	border: 1px solid #616161;
				text-align: left;
				padding-bottom:20px;
				padding-top:5px;
				width:560px;
				padding-left:15px;
				padding-right:10px;
				background-color: #ffffff;}
.borderumtext_presse {	border: 1px solid #616161;
				text-align: left;
				padding-bottom:20px;
				padding-top:5px;
				width:790px;
				padding-left:15px;
				padding-right:10px;
				background-color: #ffffff;}


/*Zur?ckbutton formatieren*/
#maincontent a{text-decoration: underline;
				color:#383838;
				font-family: Arial;
				font-size:11px;
				color:#383838;}
				
				
#maincontent ul {margin-left:40px;
				list-style-type: square;
				list-style-position: outside;
				font-family: Arial;
				font-size:11px;
				color:#383838;
				margin-bottom:30px;}
#maincontent ul li {padding-top:10px;}

.borderumtext_presse a{text-decoration: underline;
				color:#383838;
				font-size:12px;}
				
				
.borderumtext_presse ul {margin-left:40px;
				list-style-type: square;
				list-style-position: outside;
				font-family: Arial;
				font-size:11px;
				color:#000000;
				margin-bottom:30px;}

.rahmengrau {border: 3px solid #e5e5e5;}

/*Bildunterschriften*/				
.csc-textpic-caption {font-family: Arial;
				font-size:9px;
				color:#383838;
				}

/*externe Links new Window*/
.external-link-new-window {font-family: Arial;
				font-size:9px;
				color:#616161;
		}
p.bodytext a.internal-link {font-family: Arial;
				font-size:9px;
				color:#616161;
		}
.internal-link a{font-family: Arial;
				font-size:9px;
				color:#616161;
		}


/*Ab hier beginnen die Formatierungen für die dynamischen Navigationen*/

/*Hauptnavigationsebene*/				
ul #nav {		font-family: Arial, Verdana, sans-serif;
				font: Arial;
				font-size:12px;
				color:#ffffff;
				list-style: none;
				display:block;
				height:25px;
				width:800px;
				white-space: nowrap;
				overflow: hidden;
				padding-top:105px;
				}
#nav li 		{font-family: Arial, Verdana, sans-serif;
				font: Arial;
				font-size:12px;
				float: left;
				display: block;
				width:auto;
				height: 25px;
				list-style: none;
				overflow: hidden;
				}
				
#nav a{			font-family: Arial, Verdana, sans-serif;
				font: Arial;
				font-size:12px;
				display:block;
				width:auto;
				height:25px;			
				text-decoration: none;
				color:#ffffff;
				text-align: center;
				float:left;
				padding-top:0px}

#nav a:hover 	{font-family: Arial, Verdana, sans-serif;
				font: Arial;
				font-size:12px;
				display:block;		
				width:auto;
				height:25px;				
				text-decoration: none;
				color:#ef7f02;
				}
				
li#act a		{font-family:Arial,Verdana, sans-serif;
				font: Arial;
				font-weight: bold;
				font-size:12px;
				display:block;		
				width:auto;
				height:25px;				
				text-decoration: none;
				color:#ef7f02;
				}


/*Navigationeebene 2, d.h. 50er, 125er,...*/

ul#navebene2 {	font-family: Arial, Verdana, sans-serif;
				font: Arial;
				font-size: 12px;
				color:#7c7c7c;
				list-style: none;
				display:block;
				height:25px;				
				white-space: nowrap;
				padding-top:10px;
				padding-left:10px;
				padding-right:10px;
				background-image: url (images_nav/nav2bg.gif);
				float:left;}
#navebene2 li 		{font-family: Arial, Verdana, sans-serif;;
				font: Arial;
				font-size: 12px;
				float: left;
				height: 25px;
				list-style: none;
							}
				
#navebene2 a{		font-family: Arial, Verdana, sans-serif;;
				font: Arial;
				height:25px;			
				text-decoration: none;
				color:#7c7c7c;
				}

#navebene2 a:hover 	{font-family: Arial, Verdana, sans-serif;;
				font: Arial;
				height:25px;			
				text-decoration: none;
				color:#ef7f02;}

li#act2 a		{font-family: Arial, Verdana, sans-serif;;
				font: Arial;
				height:25px;			
				text-decoration: none;
				color:#ef7f02;
				}

/*Formatierungen der Breadcrumnavigation*/
#root {			font-size: 10px;
				color: #383838;
				line-height:30px;
				display: block;
				width: 96%;
				
		}
		
#root a{		font-size: 10px;
				color: #383838;
				text-decoration:underline;
				}
				
#root a:hover {	font-size: 10px;
				color: #ef7f02;
				text-decoration:underline;
							 }
		
/*Formatierungen f?r die Tabelle bei den Fahrzeugdetails*/
.details {font-size:10px;}
table.contenttable {float:left;
	display:block;
	width: auto;
	height:auto;
	margin-left: 0px;
	font-size:10px;
	background-color: #f3f3f3;
	vertical-align: top;}
table.contenttable th{float:left;
	display:block;
	height:30px;
	width:175px;
	color: #ffffff;
	background-color: #ef7f02;
	font-size:12px;
	font-weight: bold;
	padding-left:5px;
	padding-top:5px;
	vertical-align: top;}
table.contenttable td{float:left;
	display:block;
	height:220px;
	width:175px;
	color: #383838;
	font-size:10px;
	background: #ffffff;
	vertical-align: top;
	padding-left:5px;
	padding-top:5px;}



/*Formatierungen f?r die linke Tabellenh?lfte*/
.tr-odd .td-0{
	
	padding-left:10px;
	width:200px;
	color: #ffffff;
	font-weight: bold;
	background:#686868;
	height:20px;}
.tr-even .td-0 {
	padding-left:10px;
	width:200px;
	color: #ffffff;
	font-weight: bold;
	background:#686868;
	height:20px;}

/*Formatierungen f?r die rechte Tabellenh?lfte*/
.tr-odd .td-last{
	padding-left:10px;
	width:250px;
	color: #000000;
	font-weight: bold;
	background:#b2b2b2;
	height:20px;}
.tr-even .td-last {
	padding-left:10px;
	width:250px;
	color: #000000;
	font-weight: bold;
	background:#b2b2b2;
	height:20px;}

/*blauen Rahmen um Bilder mit Link entfernen*/
a img {border:none;}

/*Googlemaps formatieren*/
.tx_lumogooglemaps_pi1_sidebar {
	display:block;
	width:auto;
	font-size:14px;
	font-family: Arial, Verdana; 
	font: Arial;
	}
.tx_lumogooglemaps_pi1_infobox {
	font-family: Arial, Verdana; 
	font: Arial;
	font-size:12px;
	background-color: #e5e5e5;
	border: 1px solid #ef7f02;
	padding:10px;}

/*Suchformular einfaerben*/
.table-menusearch input {font-size:10px;}

/*Kontaktformular stylen*/
.csc-mailform {border:none;font-size:11px;}
.csc-mailform-field {padding-bottom:11px;}
.csc-mailform-field label {display: inline; width:300px; color:#383838; float:left;padding-left:5px; padding-right:20px;}
.csc-mailform-submit {margin-top:40px;}
.csc-mailform select {font-size:11px;background-color: #e5e5e5;width:100px;}
.csc-mailform input {font-size:11px;background-color: #e5e5e5;}
.csc-mailform textarea {font-size:11px;background-color: #e5e5e5;}

/*LoginMaske formatieren*/
#user {color:red;float:left;}

/*Auswahlfelder Kategorien Newsletter*/
#tx-srfeuserregister-pi1-module_sys_dmail_category {font-size:20px;}

.tx-srfeuserregister-pi1-multiple-checkboxes {display:block; line-height:30px; }
.tx-srfeuserregister-pi1-multiple-checkboxes dd label {display:block; width:200px;}

/*Formatierungen für das Inhaltselement 2-Spalten*/
.c2l1-left,  {vertical-align:top; width:40% }
.c2l1-left p.bodytext{margin:0;padding:0;  }
.c2l1-left ul {margin-left:20px;
				list-style-type: square;
				list-style-position: outside;
				font-family: Arial;
				font-size:11px;
				color:#383838;
				margin-bottom:10px;}
.c2l1-left ul li {font-size:11px; line-height:8px}

.c2l1-middle,  {vertical-align:top;width:60%; padding-left:35px;  }
.c2l1-middle p.bodytext{margin:0;padding:0;  }
.c2l1-middle ul {margin-left:20px;
				list-style-type: square;
				list-style-position: outside;
				font-family: Arial;
				font-size:11px;
				color:#383838;
				margin-bottom:10px;}
.c2l1-middle ul li {font-size:11px; line-height:8px}


/*###########################################################################
# Trigger
###########################################################################*/

#451 div.csc-default {
    margin-bottom: 0 !important;
} 

.panel {
position: fixed;
top: 50px;
left: 0;
display: none;
background: #ffffff;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 550px;
height: auto;
padding: 30px 30px 30px 200px;
filter: alpha(opacity=100);
opacity: 1;
z-index:100000;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #000000;
font-size:14px}
.panel ul {color:#000000;margin-left:30px;margin-bottom:20px;font-size:18px}
.panel h1 {color:#000000;font-size:16px}


.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}


a.trigger{
position: fixed;
text-decoration: none;
top: 160px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(../mainlayout/images/plus.png) 95% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;z-index:110000;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 160px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(../mainlayout/images/plus.png) 95% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;z-index:110000
}

a.active.trigger {
background:#222222 url(../mainlayout/images/minus.png) 95% 55% no-repeat;z-index:110000
}

/*a.trigger {display:none;}*/

