/* !Basiselemernte */
body.bg-large {
	background: url(bg_hp.gif) repeat-x;
	}

body.bg-small {
	background: url(bg_hp_small.gif) repeat-x;
	}

#vwlogo{
	height: 80px;
	}


#metanav {
	height: 80px;
	}

#footer {
	height: 40px;
	color: #9999A3;
	font-size: 11px;
	margin-top: 15px;
	}
		
#partnerlogo {
	height: 70px;
	background-color: #e6e6eb;
	border-right: 1px solid #fff;
	}

#impulsestreifen{
	height: 20px;
	border-right: 1px solid #fff;
	}

#stage {
	background-color: #e6e6eb;
	height: 260px;
	border-right: 1px solid #fff;
	}

#stage-small {
	background-color: #e6e6eb;
	height: 70px;
	border-right: 1px solid #fff;
	}
			
#vwnav {
	height: 20px;
	background-color: #9999a3;
	border-right: 1px solid #fff;
	}

#content {
	margin-top: 20px;
	}
	
/* Links und Text Formateierung */

.katnav {	
	width: 210px;
	height: 20px;
	border-right: 1px solid #87878f;
}

.katnav .img {
	margin-left: 20px !important;
	margin-left: 10px;
	margin-top: 2px;
	float: left;
	}

.katnav .arrow {
	height: 20px;
	width: 10px;
	margin-left: 5px;
	float: left;
	background: url(katnav-arrow.gif) no-repeat center;
	}	

.katnav a {
	width: 210px;
	height: 20px;
	background-color: #9999a3;
	}

.katnav a:hover {
	width: 210px;
	height: 20px;
	background-color: #5c5c61;
	}	

.iconplus {
	position: relative;
	top: -17px;
	left: 2px;
	width: 15px;
	height: 15px;
	display: block;
	background: url(icon_plus.gif) no-repeat;
	}

.ask {
	margin-top: 10px;
	border-top: 1px solid #b9b9be;
	padding-top: 5px;	
	}
	
.ask h4 {
	font-size: 11px;
	margin-bottom: 3px;
	}		

.absatzbild {
	width: 100%;
	display: inline;
	margin-bottom: 15px;
	position:relative;
	float: left;
	}

.absatzbild .asbimage {
	margin-bottom: 5px;
	display:inline;
	width: 35%;
	}

.absatzbild .asbtext {
	display: inline;
	width: 63%;
	}	

.absatzbild h2 {
	margin-bottom: 0px;
	}	

.absatzbild .asbtext .tinymcewysiwyg p {
	margin-bottom: 3px;
	}

.absatzbild .asbtext a.link_item {
	margin-top: 0px;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}		
	
/* !Teaser */
.teaser {
	margin-bottom: 15px;
	}

.teaser p{
	font-size: 11px;
	color: #000;
	line-height: 1.3;
	margin: 5px 0px 0px 0px;
	}

.teaser-head {
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 37px;
	overflow: hidden;
	}

.teaser img {
	margin-top: 0px;}	

.link {
	display: block;
	float: none;
	clear: both;
	}

a.link_item {
	color: #3b7ab2;
	text-decoration: none;
	display: block;
	background: url(arrow_orange.gif) no-repeat;
	background-position:center left;
	padding-left: 10px;
	}

a.link_item:hover {
	text-decoration: underline;
	}	

/* !Animation Stage */
/* rotator in-page placement */
    div#rotator {
	position:absolute;
	top:190px !important;
	top:192px;
	left: 0;
	
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	
	margin: 0;
	padding: 0;
}
/* rotator image style */	
	div#rotator ul li img {
	
}
    div#rotator ul li.show {
	z-index:500
}	


	
/* !Top-mainnav und Footer*/
#metanav ul, #footer ul {
	margin:0;
	padding:0;
	margin-top:4px;
	margin-right: 2px;
	list-style:none;
}

#metanav li, #footer li {
	float:right;
	margin:0;
	padding:0;
}

#footer #copy li {
	float:left;

}

#metanav li:last-child .MenuPipe, #footer li:last-child .MenuPipe{
	display: none;
}

#metanav li a, #footer li a, #footer .copyright {
	font-size:10px;
	color:#9999A3;
	text-decoration:none;
	display:block;
	float:left;
	margin-right:2px;
	height:15px;
	overflow:hidden;
	padding:0;
}

#footer li a, #footer .copyright { 
	font-size: 11px;
	}
#metanav li a:hover, #footer li a:hover  {
	color:black;
}

#metanav .MenuPipe, #footer .MenuPipe {
	display:block;
	float:left;
	margin:0 4px;
	color: #9999A3;
	font-size: 10px;
}

 #footer .MenuPipe {
	font-size: 11px;
}

/* !Main Navi*/	
#mainnav {
	}
#mainnav ul li {
	margin:0;
	padding:0;
}
#mainnav li {
	list-style: none;
	float: right;
	height: 20px;
 }
#mainnav li a {
	display: block;
	float: left;
	font-size:10px;
	letter-spacing: 0.65px;
	font-weight: bold;
	margin: 0px;
	height:22px;
	padding:3px 0px 5px 15px;
	color: #666;
	text-decoration: none;
	 }
#mainnav li:hover {
		}

#mainnav li ul {
	display: none; 
	background-color: #ebebef;
	border-right:0px solid #fff;
	width: 350px; /* Width to help Opera out */
	}

#mainnav li:hover ul, #mainnav li.hover ul {
	display: block;
	position: absolute;
	top:80px !important;
	top:100px;
	height: 70px;
	margin-top: 20px !important;
	margin: 0;
	padding: 0; 
	float: left;
	clear: both;
	}
* + html #mainnav li:hover ul,  * + html #mainnav li.hover ul{
   margin-top: 20px !important;
}

#mainnav li:hover li, #mainnav li.hover li {
	float: left;
	height: 70px;
	}

#mainnav li:hover li a, #mainnav li.hover li a {
	background-image: none;
	font-size: 10px;
	font-weight: normal;
	float: none;
	clear: both;
	height: 14px;
	padding: 1px 0px 1px 0px;
	margin-left: 15px;
	letter-spacing: 0.2;
	text-transform: none;
	display: block;
	color: #999; 
	}

* html #mainnav li:hover li a, *html #mainnav li.hover li a {
	float: left;
	}

#mainnav li:hover li a:hover, #mainnav li.hover li a:hover {
	border-right:0px solid #fff;
	color: #000; 
	}	

/* !Dropdown Mainnav */
#mainnav .mainsub10 {
	width:420px !important; 
	width: 330px;
	left:368px !important;
	left:370px;
	}

#mainnav .mainsub7 {
	width:130px; 
	left:638px !important;
	left:625px;
	}
	
/* !Subnavi normal */
#subnav ul, #subnav ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#subnav  a {
	color: #3b7ab2;
	text-decoration: none;
	display: block;
	background: url(arrow_orange.gif) no-repeat;
	background-position:center left;
	padding-left: 10px
	}

#subnav a:hover {
	text-decoration: underline;
	}	


/* !Subnavi Kathegorieen */
#subnav. subnavkat ul, #subnav .subnavkat ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#subnav .subnavkat  a {
	color: #878791;
	text-decoration: none;
	display: block;
	font-weight: bold;
	background-image: none;
	padding-left: 0px;
	}

#subnav .subnavkat a:hover {
	color: #000;
	}	
	

/* !VW Navigation */
#vwnav a{
	height: 20px;
	overflow: hidden;
	display: block;
	float: left;
	text-decoration: none;
	}

#vwnav a.fox {
	background:url(vw-nav-fox.png) no-repeat 0px 0px;
	width: 37px;
	}
	
#vwnav a.polo {
	background:url(vw-nav-polo.png) no-repeat 0px 0px;
	width: 41px;
	}
	
#vwnav a.golf {
	background:url(vw-nav-golf.png) no-repeat 0px 0px;
	width: 40px;
	}

#vwnav a.newbeetle {
	background:url(vw-nav-newbeetle.png) no-repeat 0px 0px;
	width: 77px;
	}	
	
#vwnav a.scirocco {
	background:url(vw-nav-scirocco.png) no-repeat 0px 0px;
	width: 60px;
	}

#vwnav a.jetta {
	background:url(vw-nav-jetta.png) no-repeat 0px 0px;
	width: 43px;
	}
	
#vwnav a.passat {
	background:url(vw-nav-passat.png) no-repeat 0px 0px;
	width: 52px;
	}	

#vwnav a.passatcc {
	background:url(vw-nav-passatcc.png) no-repeat 0px 0px;
	width: 70px;
	}

#vwnav a.sharan {
	background:url(vw-nav-sharan.png) no-repeat 0px 0px;
	width: 53px;
	}
	
#vwnav a.tiguan {
	background:url(vw-nav-tiguan.png) no-repeat 0px 0px;
	width: 52px;
	}

#vwnav a.touareg {
	background:url(vw-nav-touareg.png) no-repeat 0px 0px;
	width: 60px;
	}
	
#vwnav a.touran {
	background:url(vw-nav-touran.png) no-repeat 0px 0px;
	width: 53px;
	}	

#vwnav a.eos {
	background:url(vw-nav-eos.png) no-repeat 0px 0px;
	width: 35px;
	}	

#vwnav a.phaeton {
	background:url(vw-nav-phaeton.png) no-repeat 0px 0px;
	width: 60px;
	}	
					
#vwnav a:hover {
	background-position: 0px -30px;
	}


/* Suche */
#xsearch_form_top input { width: 150px; border: 1px solid #999; font-size: 10px; margin-top: 2px;}
#xsearch_form input { width: 70%; border: 1px solid #999;}
.searchresults { 
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.searchresults li {
	margin: 15px 0px 15px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #666;
	}

.searchresults li:last-Child {
	border: none;
	}
	
.searchresults h4 {
	margin-bottom: 0px;
	}
.searchresults .highlightedtext {
	margin: 0px;
	}
.searchresults .url {
	margin: 0px;
	}

ul.pagination {
	list-style-image: url(arrow_orange.gif);
}	

#inhalt .url a {
	color:gray;
	border: none;
	}

#suche {
	position: absolute;
	left: 50%;
	margin-left: 320px;
	top: 35px;
	width: 200px;
	height:20px;
	}
	
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/

.formgen 
{
	width: 70%;
}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 75%;
	margin-top: 10px;
	height: 200px;
  	border:1px #878791 solid;
}


/* Textfeld */
.formgen .formtext
{
	width: 75%;
	padding-bottom: 4px;
	font-size: 1em;
	background-image:url(input_verlauf.jpg);
  	border:1px #878791 solid;
  	margin-top: 10px;

}

.formgen input:focus, .formgen input:hover,
.formgen textarea:focus, .formgen textarea:hover {
	border-color: #666;
	/* background-color: #fff;	 */
}



/* Label */
.formgen label {
	width: 90px;
	clear: left;
	float: left;
	margin-top: 10px;
	color: #666;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 75%;
	color: #000000;
	margin-top: 10px;
}

.forminfo {
	color: red;
}

/* Sende-Button */
.formgen .formsubmit
{
	width: 90px;
	text-align: center;
	background-color: #5c5c61;
	border: 1px solid #666;
	color: #fff;
	font-size: 9px;
	margin-top: 8px;
}
.formgen .formsubmit:hover {
	background-color: #666;
}


/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #666;
	width: 250px;
	padding: 2px 5px 2px 5px;
}
.formgen .fieldset {
	margin-bottom: 10px;
	margin-top: 30px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: red;
}

.formgen .formcaptcha
{
	border: 2px solid #333;
	vertical-align: top;
	float: left;
	margin-top: 15px;

}

.formgen .formreq {
	color: red;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */