/* general */
* {margin:0px; padding: 0px;}

html, body {height: 100%;}
body {margin: 0 auto; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#fff; text-align: center; background:url(../img/bg.gif) top left repeat-x;}

img {border:none;}

ul li {list-style:none;}

h1 {color:#333333; font-size:20px; padding:10px 0 0 34px; text-align: left; text-transform:uppercase; font-weight:normal; }
h2 {color:#333333; text-transform:uppercase; font-weight:bold; font-size:15px; padding:12px 0 8px 0; }
h3 {}
h4 {}
h5 {}
hr {height: 1px; border-style: none; border-top: 1px solid #fff;; padding: 0; margin: 5px 0 5px 0; text-align: left;}

a, a:visited, a:hover {color:#333; text-decoration:none;}
a.underline, a.underline:visited {color:#333; border-bottom:1px solid #fff;}
a.underline:hover {color:#333; border:0px;}

p {margin:11px 0 11px 0;}

label {cursor:pointer;}

/* Clearfix */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* Layout */ 
div#wrapper {position:relative; width:960px; height:auto; min-height:800px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; overflow:visible; text-align: left; background:#a5c700;}
div#header {width: 960px; height:46px;background-color:#fff;}

div#topnav {float:left;width:745px; margin-top:20px;}

div#leftNav {clear:both; width:159px; float:left; background:#a5c700; font-size:11px;}
div#leftNav img {margin: 10px 0 0 25px;}
div#leftNav ul {margin: 10px 0 0 15px;}
div#leftNav ul li {padding-left:10px;padding-bottom: 5px; font-family:Tahoma, Arial, Verdana, Helvetica; text-transform:uppercase;}
div#leftNav ul li.abstand {margin-top:15px;}
div#leftNav ul li a { color:#333333; text-decoration:none;} 
div#leftNav ul li a:visited,div#leftNav ul li a:hover {color:#333333;}
div#leftNav ul li.active {background:url(../img/leftNav_triangle.gif) 0px -1px no-repeat;}

div#leftNav ul li ul {margin: 5px 0 0 5px;}
div#leftNav ul li ul li {text-transform:none;}
/*div#leftNav ul li.active ul li a {background:none;}*/

div#leftNav ul li.active ul li.active {background:url(../img/leftNav_triangle.gif) 0px -1px no-repeat;}

div#rightCol {display:block; float:left; width:801px; background:#bbe030;}
div#flashVisual {background:#000;}
html*div#flashVisual img {margin-bottom:-3px;}
div#flashModelViewer {width:801px; height:300px; background:#000000; margin-bottom:0px;clear:both;}
div#titleBar {clear:both; width:801px; height:49px; border-top:1px solid #fff; background:#a5c700;}
div#contentWrapper {height:auto !important; height:455px; min-height:455px; line-height:20px; background:#bbe030; color:#333333;}
html>body div#contentWrapper {height:auto !important; height:455px; min-height:455px;}
div#contentWrapper b {color:#333;}
div#contentWrapper strong {color:#333;}
div#contentWrapper strong.weiss {color:#ffffff;}

div#contentLeft {display:inline; width:348px; margin: 0 40px 0 32px; float:left; padding: 20px 0 20px 0; }
div#contentRight {width:348px; float:left; padding: 20px 0 20px 0;  }
div#contentWide {float:left; clear:both;}

/* For Pages with PictureViewer Flash */
div#contentWrapper .pictureViewer {clear:both;display:block; width:800px; height:300px; background:#000;}
div#contentWrapper .contentLeft {display:inline; width:348px; margin: 0 40px 0 32px; float:left; padding: 20px 0 20px 0; }
div#contentWrapper .contentRight {width:348px; float:left; padding: 20px 0 20px 0;}

div#contentWrapper ul li {background:url(../img/cnt_triangle_ibiza.gif) 0px 6px no-repeat;padding-left:10px;}
div#contentWrapper ul li a { color:#fff; font-weight:bold; text-decoration:none; }
div#contentWrapper a { text-decoration:underline; }


span {
font-weight:bold;
}


body.fr div#contentWrapper a, body.fr div#titleBar h1 {color:#ff6600;}
body.fr div#contentWrapper a, body.fr div#contentWrapper a:visited, body.fr div#contentWrapper a:hover {font-weight:bold;text-decoration:none;}
body.fr div#titleBar,body.fr div#Wrapper, body.fr div#leftNav { background-color:#000; color:#fff;}

body.fr div#leftNav ul li a,
body.fr div#leftNav ul li a:visited,
body.fr div#leftNav ul li a:hover,
body.fr div#leftNav ul li.active,
body.fr div#Wrapper, body.fr div#leftNav { background-color:#000; color:#fff;}


body.fr div#contentWrapper { background-color:#1c1c1c;color:#fff;}
body.fr div#leftNav ul li.active,body.fr div#leftNav ul li.active ul li.active {background:url(../img/con_dreieck.gif) 0px 2px no-repeat;}

div#contentWrapper ul.motoren li {
	background:url(../img/cnt_triangle_ibiza.gif) 0px 6px no-repeat;
	padding-left:10px;
	font-weight:bold;
}
div#contentWrapper ul.versionen li a{
	color:#333;
}

h2.lines, h2.haptic, h2.haptic_fr, h2.details, h2.choice, h2.curve, h2.bixenon, h2.hillhold, h2.steering, h2.servo, h2.multifunctional, h2.sound, h2.boardcomputer, h2.temparatur, h2.cominghome, h2.fivestar, h2.safety {
	background-image: url(../img/icon-sprite.gif);
	background-repeat: no-repeat;
	padding: 15px 0 10px 40px;
}
h2.lines {background-position: 0 0px;}  
h2.haptic {background-position: 0 -50px;}
h2.haptic_fr {background-position: 0 -40px;}
h2.details {background-position: 0 -100px;}  
h2.choice {background-position: 0 -150px;}  
h2.curve {background-position: 0 -200px;}  
h2.bixenon {background-position: 0 -250px;}  
h2.hillhold {background-position: 0 -350px;}  
h2.steering {background-position: 0 -400px;}  
h2.servo {background-position: 0 -440px;}  
h2.multifunctional {background-position: 0 -500px;}  
h2.sound {background-position: 0 -550px;}  
h2.boardcomputer {background-position: 0 -600px;}  
h2.temparatur {background-position: 0 -650px;}  
h2.cominghome {background-position: 0 -700px;}  
h2.fivestar {background-position: 0 -750px;}  
h2.safety {background-position: 0 -800px;}