@import url(http://www.volkswagen.com.hr/css/elements.css);
@import url(http://www.volkswagen.com.hr/common/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(http://www.volkswagen.com.hr/files/pfeil_orange.gif); background-repeat: no-repeat; background-position: 0px 3px; }
td.pfeilOrange { color: #3e5f88; padding-left: 10px; background-image: url(http://www.volkswagen.com.hr/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(http://www.volkswagen.com.hr/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; }
ul li { margin:0; padding:0; padding-left:10px; 
            margin-bottom:3px; list-style-type:none; 
            background-image: url(http://www.volkswagen.com.hr/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(http://www.volkswagen.com.hr/files/pfeil_orange.gif); background-repeat: no-repeat; background-position: 0px 3px; }
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.com.hr/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 { }

/* 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: 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.com.hr/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; }

/* 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 */


/* 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; }
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;}
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(http://www.volkswagen.com.hr/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; }
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(http://www.volkswagen.com.hr/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;}
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.com.hr/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; }
.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 h3 { }
.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(http://www.volkswagen.com.hr/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 img.plus { margin-left: -16px; 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.com.hr/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; }
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; }