@import url(http://www.volkswagen.ba/cms/css/elements.css);

@import url(http://www.volkswagen.ba/cms/css/popup.css);



html, body { margin: 0; padding: 0; }

body { background-color: white;}



html, body, td, input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:11px; }

img { border-width: 0px }

form { margin: 0; }

a { color: #3e5f88; text-decoration: none; }

a:hover { text-decoration: underline; }



h1 { font-size: 14px; font-weight: bold;   margin-top: 0;    margin-bottom: 10px; }

h2 { font-size: 11px; font-weight: bold;   margin-top: 10px; margin-bottom: 5px; line-height: 15px;  }

h3 { font-size: 11px; font-weight: bold;   margin-top: 0;    margin-bottom: 0px; line-height: 15px;  }

h4 { font-size: 11px; font-weight: bold;   margin-top: 0;    margin-bottom: 5px; line-height: 15px;  }

h6 { font-size: 10px; font-weight: normal; margin-top: 0;    margin-bottom: 10px; }

p {  font-size: 11px; font-weight: normal; margin-top: 0;    margin-bottom: 5px; line-height: 15px;  }

h1.vwhead { font-size: 15px; margin-top: 14px; margin-bottom: 15px; font-weight: bold; height: 20px; }

a.pfeilOrange { color: #3e5f88; padding-left: 10px; background-image: url(../files/pfeil_orange.gif); background-repeat: no-repeat; background-position: 0px 3px; }

td.pfeilOrange { color: #3e5f88; padding-left: 10px; background-image: url(../files/pfeil_orange.gif); background-repeat: no-repeat; background-position: left center; }

td.pfeilOrange a { color: #3e5f88; }

a.pfeilOrangeBack { color: #3e5f88; padding-left: 10px; background-image: url(../files/pfeil_orange_back.gif); background-repeat: no-repeat; background-position: 0px 3px; }

ul { margin: 0; padding: 0; list-style-type: square; margin-bottom: 5px; margin-left: 10px; position: relative;}

ul li { margin:0; padding:0; padding-left:10px; 

            margin-bottom:3px; list-style-type:none; 

            background-image: url(http://www.volkswagen.rs/files/aufzaehlung_quadrat.gif); background-repeat: no-repeat; background-position: 0px 5px; }

ol { margin: 0; padding: 0; margin-left: 25px; margin-bottom: 5px; }

ol li { margin:0; padding:0; margin-left:20px; margin-bottom:3px; }

ul.pfeilOrange { margin: 0; padding: 0; list-style-type: none; margin-bottom: 5px; }

ul.pfeilOrange li { margin: 0; margin-top: 2px; padding-left: 10px; background-image: url(../files/pfeil_orange.gif); background-repeat: no-repeat; background-position: 0px 3px;  display:table;}

ul.pfeilOrange li span { color: #878791; }

ul.pfeilOrange li a { color: #3e5f88; }

ul.pfeilOrange li a.pdf,

a.pdf { background-image: url(http://www.volkswagen.rs/files/pdf.gif); background-repeat: no-repeat; background-position: right center; padding-right: 15px; }

a.lexikon { padding: 0; color: #3e5f88; }

button { height: 16px; background-color: white; padding: 0; margin: 0; color: #5d5c62; font-size: 11px; text-align: left; border: 0; cursor: pointer; }



p.mehrLink { margin-top: 5px; }



table.vwtable { margin-top: 20px; width: 100%; border: 1px solid #ccccd1; border-collapse: collapse; }

table.vwtable tr td { font-size: 11px; padding: 2px; padding-left: 10px; border-right: 1px solid #ccccd1; }

table.vwtable tr.head td { background-color: #ccccd1; font-weight: bold; }

table.vwtable tr.row1 td { background-color: #f0f0f5; }

table.vwtable tr.row2 td { }



div.printHeader { display: none; }

p.printPage { clear: both; background: url('../files/stampaj.gif') no-repeat 3px 5px; background-color: #f0f0f5; line-height: 18px; margin: 0; padding: 0; margin-top: 15px; }

p.printPage a {padding-left: 16px;}



/* kein display: none - weil dann würde es von screenreadern auch nicht vorgelesen werden */

.hidden { position: absolute; left: -3000px; top: -2000px; width: 0px; height: 0px; overflow: hidden; display: inline; }



/*Styles für plus-img*/

img.plus { margin-left: -20px; margin-bottom: 3px;}



a.imagePopup {position: relative;}

a.imagePopup img.plus {position: absolute; bottom: 5px; right: 0px; margin-right:5px;}



div.lexikonAnsicht { padding: 10px; border: 10px solid #E6E6EB; position: absolute; z-index: 65; top: 0; left: 0; width: 600px; background-color: white; }

div.lexikonAnsicht div.text { margin-left: 195px; }

div.lexikonAnsicht div.bild { float: left; }

div.lexikonAnsicht div.bild p.symbolfoto { font-size: 0.8em; }

div.lexikonAnsicht a.close { position: absolute; top: 0px; right: 0; z-index: 12; }



/*Tabs; verwendet von DownloadTabs und DownloadTabsShared*/

div.tabs { position: relative; height: 30px; margin-top: 10px; z-index: 0;}

div.tab h2 { font-weight: normal; background-color: #f0f0f5; float: left; height: 22px; margin: 0; border-right: 1px solid white; border-bottom: 1px solid white; }

div.tab h2 a { color: black; text-decoration: none; padding: 5px; padding-bottom: 3px; display: block;}

div.tabActive h2 { font-weight: bold; background-color: #d7d7dd; border-bottom-color: #d7d7dd; }

div.tab div.tabContent { position: absolute; left: 0; top: 23px; width: 100%; display: none; border: 1px solid #d7d7dd; border-top-width: 10px; }

div.tabActive div.tabContent { display: block;}





/*Navigation: die Links rechts oben*/

div#topMenu { z-index: 1; position: absolute; width: 781px; text-align: right; font-size: 10px; color: #a79fad; margin-top: 5px; }

div#topMenu a { color: #9999A3; text-decoration: none; }

div#topMenu a:hover { color: black; text-decoration: none; }

div#topMenu span { margin-left: 5px; margin-right: 5px; }

div#topMenu a.normal { display: none; }

div#topMenu a.large { display: inline; }



/*Das VW-Logo oben links*/

div#topLogo { float: left; height: 100px }



/*Navigation: der Fuß unten*/

div#footer { clear: both; color: #9999A3; width: 765px; font-size: 11px; margin-left: 15px; padding-top: 17px; }

div#footer a { color: #9999A3; text-decoration: none; }

div#footer a:hover { color: black; }

div#footer span { margin-left: 5px; margin-right: 5px; }

div#footer p.footerLeft { float: left; }

div#footer p.footerRight { float: right; } 



/*Die Headline über der Stage*/

div#topHeadlineHaendler,

div#topHeadlineHaendler2,

div#topHeadline { border-right: 1px solid white; width: 780px; clear: left; background-color: #e6e6eb; height: 70px; }

div#topHeadlineHaendler h1,

div#topHeadlineHaendler2 h1,

div#topHeadline h1 { margin: 0; line-height: 20px; font-size: 17px; }

div#topHeadlineHaendler h1 span,

div#topHeadlineHaendler2 h1 span,

div#topHeadline h1 span { display: block; padding-left: 15px; padding-top: 40px; }



/*Die Stage selbst (ohne Headline)*/

div#stage { border-right: 1px solid white; background-color: #e6e6eb; width: 780px; }



/*Die Stage, wenn Flash-Version ausgewählt, aber kein Flash installiert*/

div.flashStageNoFlash { height:260px; background-image:url(http://www.volkswagen.rs/files/stage_noflash_back.gif);}

div.flashStageNoFlash div { text-align:center; padding-top:75px; padding-left: 210px; width:385px; }

div.flashStageNoFlash div p { font-weight:bold; color:#5C5C61; padding-bottom:10px;}

div.flashStageNoFlash div p a { color:#5C5C61;}



/*Hintergrund für die Stage der über die komplette Fensterbreite geht*/

div#stageBack { background-color: #e6e6eb; }



/*Ab Submenu, hier ist die content-breite eingestellt*/

div#outerContent { width: 780px; }



/*Der Content selbst, breite wird für einige templates überschrieben*/

div#content { min-height: 300px; float: right; }



.menulinks div#content { width: 570px; }

.vollebreite div#content { float: none; margin-left: 15px; }

.vollebreite div.element { width: 750px; }



/*Content-Bereich links: subMenuLeft und Banner*/

div#leftContent { width: 195px; float: left; }



/*Content-Bereich rechts: Banner*/

/* wann es rechts banner gibt, wird der content schmäler */

div#outerRightContent { width: 570px; float: right; margin: 0; }

div#outerRightContent div#content { width: 375px; float: left; }

div#outerRightContent div.element { width: 375px; border-right: 1px solid #CCCCD1; padding-right: 7px; }

div#rightContent { float: right; width: 180px; margin-top: 35px;}

div#rightContent ul.banner { padding-left: 0; margin-top: 5px; }

div#rightContent div.hideBorder { background-color: white; position: absolute; height: 50px; margin-top: -35px; margin-left: -10px; /*top: -20px;*/ width: 190px; }



.bannerrechts div#outerRightContent { width: 780px; }

.bannerrechts div#outerRightContent div#content { width: 592px; margin-top: 15px; border-right: 1px solid #9a999f; }



/*Standard-Einstellung für Elemente, breite wird von einigen Templates überschrieben*/

div.element { width: 570px; position: relative; z-index: 0;}



/* elemente "aufschieben" - parent so hoch wie childs machen (=clearfix) */

/*http://positioniseverything.net/easyclearing.html*/

div.element:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

div.element {display: inline-table;}

/* Hides from IE-mac \*/

* html div.element {height: 1%;}

div.element {display: block;}

/* End hide from IE-mac */



/*clearfix-css: wird an diversen stellen verwendet http://positioniseverything.net/easyclearing.html*/

div.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

div.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html div.clearfix {height: 1%;}

div.clearfix {display: block;}

/* End hide from IE-mac */



div.clear {clear: both;}



/* Formulare */

div.formularContainer { border: 1px solid #d7d7dd; background-color: #f0f0f5; margin-bottom: 10px; }

div.formularContainer h2 { padding: 5px 10px 5px 10px; background-color: #d7d7dd; margin-top: 0; }

div.formularContainer table.formular { margin-top: 5px; }

div.formularContainer p { padding-right: 10px; padding-left: 10px; padding-top: 10px; }

table.formular { border-collapse: collapse; width: 100%; }

table.formular td { }

table.formular tr td.name { color: black; padding-right: 5px; padding-left: 10px; }

table.formular td.field { padding: 3px; border-left-width: 0; padding-left: 6px; width: 90%; padding-right: 10px; }

table.formular td.color { width: 4px; border-right-width: 0; }

table.formular tr.error td.name { color: red; }

table.formular input,

table.formular textarea { border: 1px solid #99999b; }

table.formular tr.submit input { margin-top: 10px; padding: 0; width: auto; }

table.formular tr.checkbox input,

table.formular tr.multicheckbox input,

table.formular tr.option input { border-width: 0px; }

table.formular tr.option label { padding-right: 5px; }

table.formular tr.text td.field input { width: 200px; }

table.formular tr.plzort td.field input { width: 143px; }

table.formular tr.email td.field input { width: 200px; }

table.formular tr.textarea td.field textarea { width: 200px; height: 100px; }

table.formular tr.format td.field input { border-width: 0; }

table.formular tr.headline td { font-weight: bold; padding-top: 10px; }

table.formular tr.submit td { background-color: white; padding-top: 10px; padding-bottom: 10px; border-top: 10px solid #f0f0f5; }



div#fehler { padding: 5px; margin-bottom: 10px; }

div#fehler p { color: red; margin: 0; }

div#fehler ul { color: red; margin: 0; padding: 0; padding-left: 15px; }



/*

form.formular div { margin-top: 5px; margin-left: 5px; }

form.formular label { float: left; display: block; width: 100px; clear: left; }

form.formular div.field { margin: 0; }

form.formular div.field label { float: none; display: inline; width: auto; clear: none; }



form.formular .text input { width: 200px; }

form.formular .plzort input { width: 143px; }

form.formular .email input { width: 200px; }

form.formular .textarea textarea { width: 200px; height: 100px; }

form.formular .format input { border-width: 0; }

form.formular .headline { font-weight: bold; padding-top: 10px; }

form.formular .submit td { background-color: white; padding-top: 10px; padding-bottom: 10px; border-top: 10px solid #f0f0f5; }

*/



/*Navigation: Das Mainnmenü (oben) - 2 Ebenen, dropdown*/

div#mainMenu { height: 100px; width: 780px; position: relative; }

div#mainMenu ul { margin-right: 0px; height: 18px; list-style-type: none; margin: 0; padding: 0; position: absolute; bottom: 0; right: 0; }

div#mainMenu ul li { background-image: none; padding: 0; float: left; margin-left: 10px; margin-right: 4px; height: 18px; }

div#mainMenu ul li.notActive a.level1 { color: #5C5C61; }

div#mainMenu ul li.active a.level1,

div#mainMenu ul li a.level1:hover { color: black; text-decoration: none; }

div#mainMenu ul li.alignLeft { position: relative; }

div#mainMenu ul li a { overflow: hidden; background-repeat: no-repeat; font-weight: bold; height: 18px; text-decoration: none; }

div#mainMenu ul li div { height: 70px; display: none; right: 5px; top: 18px; position: absolute; margin-left: 0px; background-color: #e6e6eb;}

div#mainMenu ul li.alignLeft div { left: -10px; width: 350px; right: auto; }

div#mainMenu ul li:hover div,

div#mainMenu ul li.hover div { display: block; }

div#mainMenu ul ul { height: 70px; height: auto; padding-left: 10px; margin-top: 4px; position: static; float: left; bottom: auto; right: auto; }

div#mainMenu ul ul li { height: auto; float: none; margin: 0; margin-bottom: 1px; }

div#mainMenu ul ul li a { font-weight: normal; color: #878791; height: auto; }

div#mainMenu ul ul li a:hover  { color: black; text-decoration: none; }



/*Navigation: Das Submenü oben (bei Modellen) - 2 Ebenen, dropdown*/

div#subMenueTop { border-right: 1px solid white; width: 780px; background-color: #9999a3; height: 20px; position: relative; z-index:20;}

div#subMenueTop h2 { margin: 0; width: 208px; float: left; background-color: #9999a3; height: 20px; border-right: 1px solid #878791;}

div#subMenueTop h2 a { height: 12px; color: white; text-decoration: none; display: block; }

div#subMenueTop h2 a span { padding-left: 14px; padding-top: 4px; padding-bottom: 2px; display: block; }

div#subMenueTop h2 a.active span,

div#subMenueTop h2 a:hover span { background-color: #5c5c61; text-decoration: none; }

div#subMenueTop ul { list-style-type: none; margin: 0; padding: 0; padding-left: 7px; }

div#subMenueTop ul li { background-image: none; display: inline; height: 20px; margin: 0; padding: 0; }

div#subMenueTop ul li div.level1 { height: 20px; display: block; float: left; position: relative; border-right: 1px solid #878791;}

div#subMenueTop ul li a { display: block; color: white; font-weight: bold; text-decoration: none; }

div#subMenueTop ul li a.level1:hover,

div#subMenueTop ul li:hover a.level1,

div#subMenueTop ul li.hover a.level1 { background-color: #5c5c61; text-decoration: none; }

div#subMenueTop ul li a span { padding-top: 3px; padding-bottom: 3px; display: block; padding-right: 8px; padding-left: 8px; }

div#subMenueTop ul li a img { display: block; }

div#subMenueTop ul li div.level2 {display: none; position: absolute; z-index: 10; left: 0; top: 20px; }

div#subMenueTop ul li:hover div,

div#subMenueTop ul li.hover div { display: block;  z-index: 10;}

div#subMenueTop ul li div { background-color: #9999a3; }

div#subMenueTop ul li div.level2 ul { margin: 0; padding: 0;}

div#subMenueTop ul li div.level2 ul li { border-right-width: 0; float: none; height: auto; display: block; padding: 0; margin: 0; }

div#subMenueTop ul li div.level2 ul li.hover { background-color: #5c5c61; }

div#subMenueTop ul li div.level2 ul li a { border-top: 1px solid #878791; font-weight: normal; display: block; color: white; text-decoration: none; height: auto; padding-top: 3px;  padding-bottom: 3px;  padding-right: 15px; padding-left: 10px; min-width:110px;}

div#subMenueTop ul li div.level2 ul li a:hover { background-color: #5c5c61; text-decoration: none; }



/*Navigation: Das Submenü links - 2 Ebenen */

ul#subMenueLeft { list-style-type: none; padding: 0; margin: 0; margin-top: 6px; }

ul#subMenueLeft li { background-image: none; padding: 0; font-weight: bold; margin: 0; margin-left: 15px; line-height: 20px; }

ul#subMenueLeft li a { color: #9999a3; text-decoration: none; }

ul#subMenueLeft li.active a,

ul#subMenueLeft li a:hover { color: black; text-decoration: none; }

ul#subMenueLeft li ul { list-style-type: none; padding: 0; margin: 0; margin-left: 10px; margin-bottom: 5px; }

ul#subMenueLeft li.active ul li a { color: #9999a3; }

ul#subMenueLeft li.active ul li a:hover,

ul#subMenueLeft li.active ul li.active a { color: black; text-decoration: none; }

ul#subMenueLeft li ul li { font-size: 10px; font-weight: bold; margin: 0; line-height: 15px; }



/*Banner (werden auf (fast) allen Seiten verwendet)*/

ul.banner { list-style-type: none; padding: 0; margin: 0; padding-left: 15px; margin-top: 20px; }

ul.banner h3 { margin-top: 15px; border-top: 1px solid #ccccd1; color: #88878d; font-weight: normal; font-size: 11px; padding-top: 5px; margin-bottom: 5px; }

ul.banner li { background-image: none; padding: 0; margin: 0; }

ul.banner li.pic { margin-top: 15px; }

/*ul.banner li.pic img { display: none; }*/

ul.banner li.text { font-size: 10px; margin: 0;margin-top: 2px; padding-left: 10px; background-image: url(../files/pfeil_orange.gif); background-repeat: no-repeat; background-position: 0px 3px; }

ul.banner li.text a { color: #3E5F88; }



/*Navigation: die letzte ebene über dem Content - 1 Ebene*/

div#topContentSubMenu { float: right; width: 570px; margin: 0; padding: 0; list-style-type: none; margin-top: 10px; }

div#topContentSubMenu a { color: #9999a7; text-decoration: none; }

div#topContentSubMenu a.active { color: black; }

div#topContentSubMenu a:hover { color: #3e5f88; }

div#topContentSubMenu span { color: #9999a7; margin-left: 3px; margin-right: 3px; }





/* Home: Teaser */

div.homeTeaserContainer { width: 585px; float: left; clear: both; }

div.homeTeaser { width: 180px; height: 160px; float: left; padding-left: 15px; margin-top: 18px; padding-bottom:15px; }

div.homeTeaser a { display: block; }

div.homeTeaser img { display: block; padding-bottom: 3px; }

div.homeTeaser h1 { margin: 0; height: 37px; color: #5c5c61; font-size: 11px; font-weight: bold; border-bottom: 1px solid #ccccd1; }

div.homeTeaser h1 a { color: #5c5c61; text-decoration: none; height: 30px; }

div.homeTeaser h1 a:hover { color: black; text-decoration: none; }

div.homeTeaser h1 img { display: block; padding-bottom: 0; }

div.homeTeaser p { margin: 0; line-height: 15px; }

div.homeTextTeaserHaendler,

div.homeTextTeaser { width: 180px; float: right; margin-top: 18px; }

div.homeTextTeaserHaendler h1,

div.homeTextTeaser h1 { margin: 0; height: 37px; color: #5c5c61; font-size: 11px; font-weight: bold; border-bottom: 1px solid #ccccd1; margin-bottom: 3px; }

div.homeTextTeaserHaendler h1 { color: #ff6501; border-bottom: none; margin-bottom: 0; }

div.homeTextTeaserHaendler ul,

div.homeTextTeaser ul { list-style-type: none; margin: 0; padding: 0;  }

div.homeTextTeaserHaendler ul li,

div.homeTextTeaser ul li { margin: 0; padding-top: 2px; padding-left: 10px; background-image: url(../files/pfeil_orange.gif); background-repeat: no-repeat; background-position: 0px 5px; }

div.homeTextTeaserHaendler ul li { border-top: 1px solid #ccccd1; padding-bottom: 3px; padding-top: 6px; background-position: 0px 9px; }

div.homeTextTeaserHaendler ul li a,

div.homeTextTeaser ul li a { color: #3E5F88; }



/*Home: die Modellauswahl (Submenu)*/

div#homeSubMenue { border-right: 1px solid white; width: 780px; background-color: #9999a3; height: 20px; }

div#homeSubMenue ul { list-style-type: none; margin: 0; padding: 0; padding-left: 9px;}

div#homeSubMenue ul li { background-image: none; float: left; height: 20px; margin: 0; padding: 0; position: relative; overflow: hidden; }

div#homeSubMenue ul li a { color: white; font-weight: bold; text-decoration: none; }

div#homeSubMenue ul li a:hover { color: #CCCCD1; text-decoration: none; }

div#homeSubMenue ul li a span { padding-right: 8px; padding-left: 8px; padding-top: 3px; display: block; }





/*Template Modellbasis: Die Modelle-Tabelle*/

.modellBasis div.porschebank { margin-top: 15px; }

.modellBasis div#rightContent { margin-top: 0px;}

.modellBasis table { border-collapse: collapse; margin-left: 15px;  padding-right: 10px; }

.modellBasis table tr td { border-top: 1px solid #ccccd1; }

.modellBasis table tr.first td { border-top-width: 0; }

.modellBasis table td.space { width: 10px; }

.modellBasis table td { margin-left: 20px; vertical-align: top; width: 180px; height: 110px; }

.modellBasis table td a.modellBild { display: block; height: 90px; }

.modellBasis table td.first { border-left-width: 0; }

.modellBasis table td.hover,

.modellBasis table td:hover { background-color: #f0f0f5;  }

.modellBasis table td.space:hover { background-color: white;  }

.modellBasis table ul { list-style-type: none; padding: 0; margin: 0; margin-left: 10px; margin-bottom: 10px; }

.modellBasis table ul li { background-image: none; margin: 0; padding: 0; font-size: 10px; line-height: 13px; }

.modellBasis table ul li a { text-decoration: none; color: #878791; }

.modellBasis table ul li a:hover { color: black; text-decoration: none; }





/*Template Modellgruppe: die Auswahl in der Stage*/

div.modellGruppeStage { height: 280px; }

div.modellGruppeStage a { overflow: hidden; border-right: 1px solid white; height: 280px; display: block; float: left; text-decoration: none;}

/* Izmjena za prikaz 3 slike u heading stage-u (Golf 6) */
div.modellGruppeStage a.num2 { /*width: 389px;*/ }

div.modellGruppeStage a.num2first { /*width: 390px;*/ }



div.modellGruppeStage a.num3 { width: 259px; }

div.modellGruppeStage a.num3first { width: 260px; }

div.modellGruppeStage a img { display: block; }

div.modellGruppeStage a span { cursor: pointer; display: block; color: white; font-weight: bold; background-color: #9999a3; height: 20px; }

div.modellGruppeStage a span span { padding-left: 15px; padding-top: 3px; }

div.modellGruppeStage a:hover span { text-decoration: none; background-color: #5c5c61; }



/* Template Submenuauswahl 1. Ebene */

.submenuAuswahl div.childSite { width: 375px; float: left; padding-top: 10px; margin-right: 15px; }

.submenuAuswahl div.childSite img { float: left; }

.submenuAuswahl div.childSite h3 { margin: 0; }

.submenuAuswahl div.childSite div.text { margin-left: 195px; }

.submenuAuswahl div.childSite p.link { margin: 0; margin-bottom: 10px; }

.submenuAuswahl div.childSiteRow1 { clear: left;  }

.submenuAuswahl div.childSiteRow2 { margin-right: 0;}

.submenuAuswahl div.menulinks_textbreiter div.childSite { width: 570px; }

.submenuAuswahl div.menulinks_2nebeneinander div#content { width: 570px; }

.submenuAuswahl div.menulinks_2nebeneinander div.childSiteRow2 { margin-right: 10px; } /* damits umbricht */

.submenuAuswahl div.menulinks_2nebeneinander div.childSite { width: 180px; }

.submenuAuswahl div.menulinks_2nebeneinander div.childSite img { float: none; }

.submenuAuswahl div.menulinks_2nebeneinander div.childSite div.text { margin-left: 0; }

.submenuAuswahl div.menulinks_bildbannerrechts div.childSite { margin-right: 0; border-right: 1px solid #CCCCD1; padding-right: 7px; }



/* Template Submenuauswahl 2. Ebene */

.submenuAuswahl2 div.childSite { padding-left: 15px; width: 180px; }

.submenuAuswahl2 div.childSite { padding-top: 10px; float: left; padding-bottom: 10px; }

.submenuAuswahl2 div.childSite img { /*float: left;*/ }

.submenuAuswahl2 div.childSite h3 { margin: 0; color: #5C5C61; margin-bottom: 5px; font-weight: bold; }

.submenuAuswahl2 div.childSite p { margin: 0; }

.submenuAuswahl2 div.childSite div.text p { height: 4em; }

.submenuAuswahl2 div.childSiteFirst { clear: left; }

.submenuAuswahl2 div.breiter img { float: left; }

.submenuAuswahl2 div.breiter { width: 570px; padding-left: 0; }

.submenuAuswahl2 div.breiter div.text { margin-left: 180px; padding-left: 10px; background-color: #f1f0f5; height: 70px; }

.submenuAuswahl2 div.breiter div.text p { padding-top: 5px; }

.submenuAuswahl2 div#content div.childSite ul { margin: 0; }

.submenuAuswahl2 div#content div.childSite ul li a { color: #3e5f88; padding: 0; background-image: none; }

.submenuAuswahl2 div#content div.childSiteFirst { padding-left: 0; }

.submenuAuswahl2 div.menulinks_bildbannerrechts div.childSite { padding: 0; padding-top: 10px; clear: left; padding-bottom: 10px; border-right: 1px solid #CCCCD1; width: 375px; padding-right: 7px; }

.submenuAuswahl2 div.menulinks_bildbannerrechts div.childSite img { float: left; padding-bottom: 20px; }

.submenuAuswahl2 div.menulinks_bildbannerrechts div.childSite h3 { color: black; margin: 0; }

.submenuAuswahl2 div.menulinks_bildbannerrechts div.childSite div.text { margin-left: 195px; }

.submenuAuswahl2 div.menulinks_bildbannerrechts div.childSite div.text p { height: auto; }



/* Template Submenüauswahl mit Bild */

.submenuAuswahlEinBild div#content div.mListe { float:left; margin-right:26px; }





/* TechnikLexikon + TechnikLexikonDetails */

p.technikLexikonLetters { clear: left; width: 470px; margin-top: 15px; }

p.technikLexikonLetters a,

p.technikLexikonLetters span { text-decoration: none; font-size: 12px; font-weight: bold; width: 18px; height: 16px; display: block; float: left; text-align: center; padding-top: 2px; }

p.technikLexikonLetters a { color: #878791; }

p.technikLexikonLetters span { color: #eeeef0; }

p.technikLexikonLetters a.active,

p.technikLexikonLetters a:hover { background-color: #e6e6eb; color: black; text-decoration: none; }



.technikLexikon h3 { border-bottom: 1px solid #ccccd1; color: #878791; font-weight: bold; padding-left: 5px;  }

.technikLexikon div.row { float: left; width: 175px; margin-right: 15px; }

.technikLexikon div.firstRow { clear: left; }

.technikLexikon div.text { margin-left: 195px; }

.technikLexikon div.bild { float: left; }

.technikLexikon div.bild p.symbolfoto { font-size: 0.8em; }



/* Template NewsArchiv */

.newsArchiv form { margin-top: 20px; }

.newsArchiv form div { float: left; margin-right: 10px; width: 150px; }

.newsArchiv form div input,

.newsArchiv form div select { width: 150px; }

.newsArchiv form label { font-weight: bold; display: block; }

.newsArchiv form div.suche { clear: left; margin-top: 10px; }

.newsArchiv form button { background-color: white; }

.newsArchiv ul.pfeilOrange { clear: left; }



/* Template NewsDetails */

.newsDetails p.weiterEmpfehlen { float: right; margin-top: 20px; }

.newsDetails p.zurueck { margin-top: 20px; }

.newsDetails p.datum { margin-top: 10px; margin-bottom: 10px; color:#878791; }

.newsDetails div.elvwheadline h1.vwhead { margin-bottom: 0px;}



/* Template Download */

.download div.uebersicht { clear: left; padding-bottom: 10px; }

.download div.uebersicht img.bild { float: left; margin-bottom: 30px; }

.download div.uebersicht div.text { margin-left: 235px; }

.download div.quicktime { clear: left; margin-top: 10px; }

.download div.quicktime img { float: left; margin-top: 10px; }

.download div.quicktime p.link { margin-left: 235px; margin-top: 10px; }



/* Template DownloadTabs und DownloadTabsShared*/

table.downloadTabsDateien { width: 100%; border-collapse: collapse; }

table.downloadTabsDateien tr.row2 td { background-color: #f0f0f5; }

table.downloadTabsDateien td { padding: 4px 10px 4px 10px; }

table.downloadTabsDateien td.text { padding-left: 5px; }

table.downloadTabsDateien td.text2 { padding-left: 5px; width: 100px; }

table.downloadTabsDateien td.text3 { padding-left: 5px; width: 60px; }

table.downloadTabsDateien td.size { color: #9999a3; width: 60px; }

table.downloadTabsDateien td.download { width: 110px; text-align: right; padding-left: 0px; }

table.downloadTabsDateien td.download a span.pdfIcon { padding-bottom: 1px; background-image: url(http://www.volkswagen.rs/files/pdf.gif); background-repeat: no-repeat; background-position: right center; padding-right: 15px;}

div.adobeReaderDownload { clear: both; }

div.adobeReaderDownload p,

div.adobeReaderDownload h2 { margin: 0; }

div.adobeReaderDownload img { float: left; margin-right: 10px; margin-bottom: 20px; }



/* Template Bildgalerie */

.bildgalerie div.bildgalerie { background-color: #e6e6eb; height: 280px; overflow: hidden; margin-top: 10px; }

.bildgalerie div.thumbs { padding-left: 10px; margin-top: 15px; height: 250px; width: 117px; float: left; }

.bildgalerie div.thumbs a { border-right: 1px solid white; border-bottom: 1px solid white; display: block; float: left; height: 35px; width: 55px; overflow: hidden; }

.bildgalerie div.thumbs a.row2 { border-right-width: 0; }

.bildgalerie div.thumbs a.bottom { border-bottom-width: 0; }



/* Template Technische Daten*/

.technischedaten form { margin-top: 30px; }

.technischedaten button { margin-left: 10px; }

.technischedaten table { margin-top: 20px; width: 100%; }

.technischedaten table tr td { padding: 2px; padding-left: 10px; border-right: 1px solid #ccccd1; }

.technischedaten table tr td.name { width: 50%; }

.technischedaten table tr td.wert { width: 50%; }

.technischedaten table tr.fusszeilen td { background-color: #ccccd1 }



/* Template Grusskarte */

.grusskarte tr#FormTrempfaenger td,

.grusskarte tr#FormTrmitteilung td { padding-top: 10px; }

.grusskarte div.bild { margin-top: 20px; margin-bottom: 20px; font-weight: bold; width: 180px; float: left; text-align: center; margin-right: 15px; }

.grusskarte div.lastBild { margin-right: 0; }

.grusskarte div.formularContainer { clear: left; }

.grusskarte div.formularContainer table td.name { padding-left: 10px; }

.grusskarte div.formular { padding: 10px 0 0px 0; }

.grusskarte div.formular div.buttons { margin-top: 10px; }

.grusskarte div.vorschau { margin: 0; border-top-width: 0; }

.grusskarte div.vorschauBild { height: 200px; overflow: hidden; }

.grusskarte div.buttons { height: 45px; background-color: white; }

.grusskarte div.buttons p,

.grusskarte div.buttons form { margin: 0; padding: 15px 15px 0px 15px; }

.grusskarte div.buttons form.submit,

.grusskarte div.buttons p.submit { float: right; margin: 0; }

.grusskarte div.buttons form.back { width: 200px; float: left; margin: 0px; }



.grusskarte div.oben { color: white; background-color: #9999a3; margin: 0; font-weight: bold; padding: 15px 15px 5px 15px; }

.grusskarte div.oben h4 { margin: 0; font-weight: bold; width: 70px; float: left; }

.grusskarte div.oben p { margin: 0; margin-bottom: 10px; margin-left: 70px; }

.grusskarte div.mitteilung { padding: 15px 15px 15px 15px; }

.grusskarte div.mitteilung p { margin: 0; margin-bottom: 10px; }





/*AutoZeitung*/

.autozeitunghighlights div#content {}

.autozeitunghighlights div#content div.thumbLeft { float:left; margin-right:10px; }

.autozeitunghighlights div#content div.thumbRight { float:right; margin-left:10px; }

.autozeitunghighlights div#content div h2 { margin:0px; }

.autozeitunghighlights div#content div p { margin:0px; margin-bottom:3px; }

.autozeitunghighlights div#content div img.pdf { margin-left:2px; }

.autozeitunghighlights div#content p.pPDFLink { padding-bottom:3px; float:left; }

.autozeitunghighlights div#content p.azLSpace { clear:both; }



.autozeitunginhaltsverzeichnis div#rightContent img { padding-bottom:5px; }



.autozeitungarchivinhalt div#content ul li { width:382px; }

.autozeitungarchivinhalt div#content ul li div { float:right; }

.autozeitungarchivinhalt div#content div img.pdf { margin-left:2px; }

.autozeitungarchivinhalt div#content p.pPDFLink { margin-bottom:-2px; float:left; margin-left: 10px; }

.autozeitungarchivinhalt div#content ul li p { padding:0px; margin:0px; }



.autozeitungarchivsuche div#content span { font-weight:bold; color:#3E5F88; }

.autozeitungarchivsuche div#content div.suchfeld { float:left; }

.autozeitungarchivsuche div#content div.suchfeld input { width:200px; }

.autozeitungarchivsuche div#content div.suche { margin-top:3px; margin-left:250px; }

.autozeitungarchivsuche div#content ul li h2 { margin-bottom:0px; }

.autozeitungarchivsuche div#content ul li h2 span { font-weight:normal; color:#000000; }

.autozeitungarchivsuche div#content ul li p.AText { width:520px; text-align:justify; }

.autozeitungarchivsuche div#content ul li p img.pdf { margin-left:2px; }

.autozeitungarchivsuche div#content ul li p.pPDFLink { width:503px; text-align:right; padding-bottom:3px; float:left; }



.autozeitungbestellformular div#content div#pForm { display:none; }

.autozeitungbestellformular div#content div#FForm { display:none; }



#AuswahlAnrede { float:left; }





/* Template Sondermodelle und Sondermodelle Alle*/

.sondermodelle div.modell { clear: both; padding-top: 10px; }

.sondermodelle div.modell img { float: left; margin-right: 10px; }

.sondermodelle div.modell div.text { margin-left: 190px; }

.sondermodelle p.fussZeile { clear: both; margin-left: 190px; padding-top: 20px; }



/* Template Preisliste */

.preisliste table { width: 100%; border: 1px solid #ccccd1; border-collapse: collapse; }

.preisliste table tr td { padding: 2px; padding-left: 10px; border-right: 1px solid #ccccd1; }

.preisliste table tr.row td.name { padding-left: 10px; }

.preisliste table tr.row td.name p { margin: 0; width: 98px; padding-left: 8px; background-image: url(../files/pfeil_orange.gif); background-repeat: no-repeat; background-position: 0px 3px; }

.preisliste table tr td.treibstoff { width: 25px; }

.preisliste table tr td.ps { width: 50px; }

.preisliste table tr td.hubraum { width: 50px; }

.preisliste table tr td.getriebe { width: 60px; }

.preisliste table tr td.tueren { width: 30px; }

.preisliste table tr td.nova { width: 40px; }

.preisliste table tr td.preis { width: 80px; }

.preisliste table tr.head td { background-color: #ccccd1; font-weight: bold; }

.preisliste table tr.row1 td { background-color: #f0f0f5; }

.preisliste div.fusszeilen { padding: 10px; background-color: #ccccd1; font-size: 0.9em; }

.preisliste div.fusszeilen ul,

.preisliste div.fusszeilen li,

.preisliste div.fusszeilen p { margin: 0; }

.preisliste div.fusszeilen div.dpf { padding: 5px; margin-bottom: 5px; }

.preisliste div.fusszeilen div.dpf p,

.preisliste div.fusszeilen div.dpf li { line-height: 14px; }



/* Template AltfahrzeugRücknahmestellen*/

.altfahrzeugRuecknahmestellen div.karte { position:relative; height:200px; padding-bottom:20px;}

.altfahrzeugRuecknahmestellen div.karte div.spacer { padding-right: 7px; border-right: 1px solid #ccccd1; padding-bottom: 26px; position:absolute; z-index:10;}

.altfahrzeugRuecknahmestellen div.karte div.spacer img { width:375px; height:200px; }

.altfahrzeugRuecknahmestellen div.karte div.austria { position:absolute; }

.altfahrzeugRuecknahmestellen div.karte div.bundesland { position:absolute; visibility:hidden;}

.altfahrzeugRuecknahmestellen div.karte div.wien { z-index:2; top:52px; left: 326px; }

.altfahrzeugRuecknahmestellen div.karte div.niederoes { z-index:1; top:1px; left: 241px; }

.altfahrzeugRuecknahmestellen div.karte div.tirol { z-index:2; top:85px; left: 21px; }

.altfahrzeugRuecknahmestellen div.karte div.oberoes { z-index:1; top:15px; left: 156px; }

.altfahrzeugRuecknahmestellen div.karte div.sbg { z-index:1; top:65px; left: 121px; }

.altfahrzeugRuecknahmestellen div.karte div.kaernten { z-index:1; top:133px; left: 147px; }

.altfahrzeugRuecknahmestellen div.karte div.steiermark { z-index:1; top:88px; left: 194px; }

.altfahrzeugRuecknahmestellen div.karte div.burgenland { z-index:2; top:68px; left: 316px; }

.altfahrzeugRuecknahmestellen div.karte div.vorarl { z-index:2; top:84px; left: 0px; }

.altfahrzeugRuecknahmestellen div.ruecknahmeHaendler { border-right: 1px solid #ccccd1; padding-right: 7px; width: 375px; }

.altfahrzeugRuecknahmestellen div.ruecknahmeHaendler h2 { margin:0; padding:3px; padding-left:10px; background-color:#CCCCD1; }

.altfahrzeugRuecknahmestellen div.ruecknahmeHaendler ul {margin:0; padding:0; border:1px solid #CCCCD1;}

.altfahrzeugRuecknahmestellen div.ruecknahmeHaendler ul li { background-image:none; margin:0; padding:3px; padding-left:10px;}

.altfahrzeugRuecknahmestellen div.ruecknahmeHaendler ul li.color1 {background-color:#F0F0F5;}

.altfahrzeugRuecknahmestellen div.ruecknahmeHaendler ul li.color2 {background-color:#FFFFFF;}

.altfahrzeugRuecknahmestellen div.ruecknahmeHaendler ul li h3,

.altfahrzeugRuecknahmestellen div.ruecknahmeHaendler ul li p { margin:0; padding:0px; }



/* Template Farben und Stoffe */



.farbenStoffe div.farbenstoffe { clear: both; border: 1px solid #d7d7dd; }

.farbenStoffe div.farbenstoffe h1 { background-color: #d7d7dd; margin: 0; padding: 3px 10px 3px 10px; font-size: 11px; }

.farbenStoffe div.detailsContainer { border-bottom: 1px solid #d7d7dd; padding-bottom: 5px; margin-bottom: 10px; }

.farbenStoffe div.detail { float: left; margin-left: 10px; margin-right: 10px; }

.farbenStoffe div.detail h2 { margin-top: 5px; height: 40px; overflow: hidden; }

.farbenStoffe div.detail h2 span { font-weight: normal; display: block; line-height: 13px; }

.farbenstoffe div.detail a.imagePopup img.plus {position: static; margin-left: -20px; margin-bottom: 5px; }

.farbenStoffe div.farbeDetail { margin-right: 25px; width: 260px; }

.farbenStoffe div.farbeDetail h2 { margin-bottom: 10px; height: 40px; }

.farbenStoffe div.farbeDetail img { margin-left: 40px; }

.farbenStoffe div.bezugDetail { width: 115px; }

.farbenStoffe div.dekorDetail { margin-right: 0; width: 115px; }

.farbenStoffe div.dekorDetail h2 {  }

.farbenStoffe div.iconsContainer { clear: left; }

.farbenStoffe h2.iconsHead { width: 80px; float: left; clear: both; margin: 0; padding-left: 10px; margin-top: 25px; }

.farbenStoffe div.icons { margin-left: 100px; margin-bottom: 30px; }

.farbenStoffe div.icons h3 { margin: 0; font-weight: normal; margin-top: 10px; }

.farbenStoffe div.icons div.kat { float: left; margin-right: 10px; }

.farbenStoffe div.icons a { border: 1px solid white; display: block; float: left; font-size: 1px; line-height: 1px; }

.farbenStoffe div.icons a.active { border-color: #5c5c5c; }

.farbenStoffe div.icons a img { border: 2px solid #f1f1f1; }

.farbenStoffe div.fusszeilen { margin-top: 10px; }

.farbenStoffe div.fusszeilen p { margin-left: 10px; margin-right: 10px; }







/* AUV-Auswahl (optionboxen) verwendet bei FarbenStoffe und Preisen */

form.auvAuswahl { margin-top: 10px; width: 480px; }

form.auvAuswahl label { width: 115px; margin-right: 10px; display: block; float: left; margin-bottom: 5px; }

form.auvAuswahl p.submit { padding-top: 10px; clear: left; }



/* Ausstattungsvergleich */

.ausstattungsVergleich div.ausstattungswahl {}

.ausstattungsVergleich div.ausstattungswahl ul {margin:0; padding:0; }

.ausstattungsVergleich div.ausstattungswahl ul li { background-image:none; list-style-type:none; float:left; width:166px; margin:0; padding:0; margin-left:-4px;}

.ausstattungsVergleich div.ausstattungswahl p.submit {clear:both; padding-top: 10px; }

.ausstattungsVergleich div.ausstattungswahl p.verdichten { clear:both;margin:0; padding:0; margin-left:-4px;}

.ausstattungsVergleich form { margin-top: 10px; }

.ausstattungsVergleich table { width:100%; border: 1px solid #ccccd1; border-collapse: collapse; margin-top:10px; }

.ausstattungsVergleich table tr.legende td {background-color: #CCCCD1; text-align:right; padding:5px;}

.ausstattungsVergleich table tr.legende td img {margin-left:10px; margin-right:5px; }

.ausstattungsVergleich table tr td { padding: 2px; border-right: 1px solid #ccccd1; }

.ausstattungsVergleich table tr.head td { text-align:center; background-color: #F0F0F5; }

.ausstattungsVergleich table tr.space td { height:10px; background-color: #FFFFFF; }

.ausstattungsVergleich table tr.row2 td { background-color: #f0f0f5; }

.ausstattungsVergleich table tr td.text { padding-left:10px; }

.ausstattungsVergleich table tr td.data { vertical-align: middle; text-align:center;}



/* Template Sitemap */

.sitemap ul.map { padding: 0; margin: 0; }

.sitemap ul.map li { list-style-type: none; background-image: none; padding: 0; margin: 0; clear: both; text-align: left; margin-top: 10px; }

.sitemap ul.map li.newline { clear: both; }

.sitemap ul.map li a { font-size: 1.2em; font-weight: bold; margin: 0; }

.sitemap ul.map li a:hover { text-decoration: none; }

.sitemap ul.map ul { clear: both; margin: 0; }

.sitemap ul.map ul li { clear: none; width: 122px; float: left; margin-right: 5px; padding: 0; margin-bottom: 5px; }

.sitemap ul.map ul li { background-image: url(http://www.volkswagen.rs/files/general_images/sitemap-line.png); background-repeat: repeat-y; background-position: center; }

.sitemap ul.map ul li a { height: 20px; width: 100%; overflow: hidden; text-align: center; display: block; font-size: 1em; font-weight: normal; background-color: #ccccd1; }

.sitemap ul.map ul li span { display: block; padding-top: 3px; }

.sitemap ul.map ul ul { margin: 0; }

.sitemap ul.map ul ul li {  width: 120px; margin: 0; margin-top: 5px; }

.sitemap ul.map ul ul li a { background-color: #f1f0f5; }



/* Template Finanzierungsangebote */

.finanzierungsAngebot table { width: 100%; border-collapse: collapse; margin-bottom: 10px; }

.finanzierungsAngebot table tr td { padding: 2px 10px 2px 10px; }

.finanzierungsAngebot table tr.row1 td { background-color: #f0f0f5; }

.finanzierungsAngebot p.bild { text-align: center; margin : 0; }



.newsletterAbmelden form { background-color: white; padding: 10px; }





.grossabnehmer div#content { float: left; margin: 0; margin-left: 15px; }

.porschebank div#content { float: left; margin-left: 15px; }

.porschebank div#subMenueTop,

.grossabnehmer div#subMenueTop { width: auto; }

.grossabnehmer div#subMenueTop ul { padding-left: 15px; }

.modellBasis .grossabnehmer table { margin-left: 0; }

.modellBasis div.gaHaendler { z-index: 100; padding-top: 10px; clear: both; padding-left: 15px; border-top: 1px solid #9999a3; }

.modellBasis div.gaHaendler label { margin-right: 20px; font-weight: bold; }



html { font-size: 11px; }

body, td, input, textarea, select { font-size: 1em; }

h1 { font-size: 1.5em; }

h2 { font-size: 1em; }

h3 { font-size: 1em; }

h4 { font-size: 1em; }

h6 { font-size: 0.9em; }

p { font-size: 1em; }

h1.vwhead { font-size: 1.5em; }

h1.vwhead img {position: absolute;}

button { font-size: 1em; }

div#topMenu, div#footer { font-size: 0.9em; }

div#topHeadline h1 { font-size: 1.6em; }

ul#subMenueLeft li ul li { font-size: 0.9em; }

ul.banner h3 { font-size: 1em; }

ul.banner li.text { font-size: 0.9em; }

div.homeBanner h1 { font-size: 1em; }

.modellBasis table ul li { font-size:0.9em; }

.modellBasis div.modellBasisBanner h1 { font-size: 1em; }

p.technikLexikonLetters a,

p.technikLexikonLetters span { font-size: 1.1em; }

.farbenStoffe div.farbenstoffe h1 { font-size: 1em; }