@import url(/css/news.css);
@import url(/css/reset.css);
@import url(/css/elements.css);
@import url(/common/popup.css);
@import url(/css/formular.css);

span.switchOnLargeStyle { display: inline; }
span.switchOffLargeStyle { display: none; }

body {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

h1, h2, h3 { color: #004387; }
h1 { font-size: 14px; }
h1.homeClaim {
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	margin: 5px 0px 0px 0px;
}
h2 { font-size: 12px; margin-bottom: 14px; }
h3 {
    font-size: 12px;
    margin-bottom: 14px;
    background: url(/files/allgemein/iconQuestion.jpg) no-repeat 0px 5px;
    padding-left: 19px;
}
h4 { color: #686868; font-size: 12px; margin-bottom: 14px; }
h6 { color: #7d7d7d; font-size: 10px; font-weight: normal; }

ul { list-style-type: none; }
p { color: #686868; margin-bottom: 14px; }
a { text-decoration: none; color: #004387; }
a:hover, li.active a { color: #004387; }

a.lexikon {
    background: none !important;
    text-decoration: none;
    color: #004387 !important;
    padding-left: 0px !important;
    text-decoration: underline !important;
}

.overlay { position: absolute; top: 0px; left: 0px; z-index: 1; }
.imageright .overlay { left: auto; right: 0px; }

/* breite = xx px */
div.page,
div#siteHead,
div#siteHead div#topMenuContainer,
div#footer { width: 950px; margin: 0px auto; }

div.page { position: relative;}

div#languages {
    font-weight: bold;
    position: absolute;
    margin-top: 29px;
    right: 15px;
	z-index: 1;
}

/* +++++++++++++++++++ TOP MENÜS +++++++++++++++++++++++++++++++++++++++++++++ */
div#siteHead { height: 150px; margin-bottom: 10px; }
div#siteHead div#topMenuContainer { height: 30px; position: relative; }
ul#topMenu { position: absolute; top: 7px; left: 0px; }
ul#topRightMenu { position: absolute; top: 7px; right: 0px; }
ul#topMenu li,
ul#topRightMenu li { float: left; }
ul#topMenu li span.seperator,
ul#topRightMenu li span.seperator { padding: 0px 7px; }
ul#topMenu li span,
ul#topRightMenu li span,
ul#topMenu li a,
ul#topRightMenu li a { font-size: 11px; color: #7f7f7f; font-weight: normal; }
ul#topMenu li a:hover,
ul#topRightMenu li a:hover,
ul#topMenu li.active a,
ul#topRightMenu li.active a { color: #004387; }

/* +++++++++++++++++++ MAIN MENÜ +++++++++++++++++++++++++++++++++++++++++++++ */
div#mainMenu {
	position: relative;
    background: url('/files/allgemein/reDesign/back_buttons.gif') no-repeat left top;
	z-index: 50;
}
div#mainMenu ul.main { height: 30px; }
div#mainMenu ul.main li { position: relative; float: left; }
div#mainMenu ul.main li a {
	font-size: 14px;
	color: #000;
	line-height: 30px;
	padding: 6px 9px;
	border-right: 1px solid #fff;
}
div#mainMenu ul.main li.last a { border-right: none; }
div#mainMenu ul.main li a:hover,
div#mainMenu ul.main  li.active a { color: #004387; }

div#mainMenu ul.main li:hover ul#subMenu,
div#mainMenu ul.main li.hover ul#subMenu { display: block; }
div#mainMenu ul#subMenu {
    position: absolute;
    top: 20px;
    display: none;
    margin-top: 10px;
    padding: 10px 0px;
    text-align: left;
	background: url('/files/allgemein/reDesign/subMenuRepeatBg.png') repeat right bottom;
	z-index: 100;
}
div#mainMenu .alignLeft ul#subMenu { left: 0px; }
div#mainMenu .alignRight ul#subMenu { right: 0px; }
div#mainMenu ul#subMenu li { width: auto; height: 17px; float: none; padding: 0px; }
div#mainMenu ul#subMenu li a {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	padding: 0px 10px;
    border: none;
	white-space: nowrap;
}
div#mainMenu ul#subMenu li.active a,
div#mainMenu ul#subMenu li a:hover { color: #fff; background: #004387; }

/* +++++++++++++++++++ SEITLICHES MENÜ RECHTS ++++++++++++++++++++++++++++++++++ */
div#right { float: right; width: 200px; margin: 55px 20px 0px 0px; }
h2#sideHeader {
	color: #fff;
    text-align: center;
    padding: 8px 0px;
    background: url('/files/allgemein/reDesign/back_blue.gif') no-repeat left top;
}
.tipps h2#sideHeader {
    background: url('/files/allgemein/reDesign/back_orange.gif') no-repeat left top;
}
ul#subSubMenu { margin-bottom: 30px; }
ul#subSubMenu li {
    margin-bottom: 10px !important;
    background: url('/files/allgemein/reDesign/back_button_hoch.png') no-repeat left bottom;
}
ul#subSubMenu li a {
    display: block;
    font-size: 12px;
    font-weight: normal;
	line-height: 14px;
    color: #000;
    padding: 8px 15px;
    background: url('/files/allgemein/reDesign/back_button_top.png') no-repeat center top;
}
ul#subSubMenu li a span {
	display: inline-block;
    background: url('/files/allgemein/reDesign/pfeil_orange.gif') no-repeat 0px 2px;
    padding-left: 10px;
}
ul#subSubMenu li.arrowDown a span {
    background: url(/files/allgemein/pfeilOrangeUp.gif) no-repeat -1px 5px;
}
ul#subSubMenu li a:hover,
ul#subSubMenu li.active a { color: #004387; }

ul#subSubMenu li.active ul#subSubSubMenu { margin-left: 20px; padding-bottom: 1px; }
ul#subSubMenu li.active ul#subSubSubMenu li { background: none; border: none; padding: 2px 0px; }
ul#subSubMenu li.active ul#subSubSubMenu li.first { padding-top: 3px; }
ul#subSubMenu li.active ul#subSubSubMenu li a {
	padding: 0px 0px 0px 0px;
    background: none;
    color: #000;
}
ul#subSubMenu li.active ul#subSubSubMenu li a.subsubsubPrefix { float: left; padding-right: 5px; }
ul#subSubMenu li.active ul#subSubSubMenu li a.subsubsubPoint { margin-left: 10px; }
ul#subSubMenu li.active ul#subSubSubMenu li a:hover,
ul#subSubMenu li.active ul#subSubSubMenu li.active a { color: #004387; }

div.tipps { width: 200px; margin-top: 30px; }
div.tipps h2#tipps {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    padding: 8px 0px;
    background: url('/files/allgemein/reDesign/back_orange.gif') no-repeat left top;
}

/* +++++++++++++++++++ Seitentitel + CONTENT ++++++++++++++++++++++++++++++++++ */

div#content { width: 640px; float: left; }
ul li {
    list-style-image: url(/files/allgemein/iconQuestion.jpg);
    margin-bottom: 10px;
    color: #686868;
    margin-left: 15px;
}
ul#topMenu li,
ul#topRightMenu li,
ul.main li,
ul#subSubMenu li,
ul#tipps li {
    list-style-image: none;
    margin-bottom: 0px;
    margin-left: 0px;
}

div.element ul li a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat 0px 2px;
    padding-left: 10px;
    margin-bottom: 5px;
    font-weight: normal;
}
ol li {
    color: #686868;
    margin-left: 15px; margin-bottom: 10px;
}
div#ergebnisText a, /* fuer finanzierungstyp */
div.element a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat 0px 3px;
    padding-left: 9px;
}
div.element ul.pfeilOrange li { list-style-image: none; margin-left: 0px; }

div.element, div#footer, div.clear { position: relative; clear: both; }

/* +++++++++++++++++++ FOOTER ++++++++++++++++++++++++++++++++++ */
div#footer { font-size: 11px; color: #7f7f7f; text-align: right; margin: 25px auto; }
img.plus { margin-left: -10px; }

/* +++++++++++++++++++ HOME STYLES ++++++++++++++++++++++++++++++++++ */
#homeInnerContent { float: left; width: 777px; }
.home div#poolBig { float: left; width: 585px; height: 440px; margin: 0px 10px 10px 0px; position: relative; }
.home div#poolBig #homeNavigation { position: absolute; bottom: 7px; right: 10px; z-index: 10; }
.home div#poolBig .homeAktion { width: 585px; height: 440px; position: absolute; top: 0; left: 0; }
.home div#poolBig .activeAktion { z-index: 10; }
.home div#homeRightBanner { float: left; width: 172px; margin-right: 10px; }
.home div#homeRightBanner .banner { margin-bottom: 7px; }
.home div#homeBottomBanner .banner { float: left; margin-right: 10px; }
.home div#homeRightLargeBanner { float: right; width: 173px; }
.home div#homeRightLargeBanner .banner { margin-bottom: -4px; }

.home div#homeMenu ul.main { margin-top: 15px; }
.home div#homeMenu ul.main li { float: left; padding: 0px; }
.home div#homeMenu ul.main li a {
    color: #004387;
    font-size: 14px;
    margin-bottom: 9px;
    display: block;
}
.home div#homeMenu ul.main li a:hover,
.home div#homeMenu ul.main li.active a { color: #004387; }
.home div#homeMenu ul.main li ul#subMenu li {
    display: block;
    float: none;
    padding: 0px;
    width: 160px;
}
.home div#homeMenu ul.main li ul#subMenu li a {
    color: #686868;
    font-size: 11px; font-weight: normal;
    margin-bottom: 4px;
}
.home div#homeMenu ul.main li ul#subMenu li a:hover { color: #004387; }

/* +++++++++++++++++++ STYLES für diverse Templates ++++++++++++++++++++++++++++++++++ */
.lexikon div#content img.icon { float: left; margin-top: 2px; }
.lexikon div#content ul.abc { padding-left: 10px; height: 15px; padding-bottom: 14px; }
.lexikon div#content ul.abc li {
    background: none;
    float: left;
    margin-left: 0px;
    padding: 0px; padding-left: 8px;
    font-weight: bold;
    list-style-image: none;
}
.lexikon div#content ul.abc li a { background: none; }
.lexikon div#content ul.abc li.empty { color: #c9c9c9; }
.lexikon div#content ul.abc li a:hover,
.lexikon div#content ul.abc li.active { color: #004387; font-size: 11px; }

.lexikon div#content ul li.abisz {
    margin-left: 35px;
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat 0px 2px;
}
.lexikon div#content div.word h3 { padding-left: 15px; margin-bottom: 0px; }
.lexikon div#content div.word p { margin-left: 15px; }

.angebotedetails div.element { width: 700px; }
.angebotedetails table { border: 1px solid #ccc; width: 340px; float: left; }
.angebotedetails table tr td.head { border-bottom: 1px solid #ccc; }
.angebotedetails table tr td.head h2 { margin: 0px; }
.angebotedetails table tr td { padding: 5px 10px; color: #686868; }
.angebotedetails table tr td.first { width: 140px;}
.angebotedetails table tr.blue td { background-color: #e5ecf3; }
.angebotedetails div.pic { width: 350px; float: right; text-align: center; }
.angebotedetails div.pic h2 { margin: 7px; text-transform: uppercase; letter-spacing: 0.35em; }
.angebotedetails div.text { padding-top: 22px; }
.angebotedetails ul#subSubMenu li.active ul#subSubSubMenu li a {
    color: #000; padding-left: 10px;
}
.angebotedetails ul#subSubMenu li.active ul#subSubSubMenu li a:hover,
.angebotedetails ul#subSubMenu li.active ul#subSubSubMenu li.active a { color: #004387; }

.subMenuAuswahl div#content ul li { margin-bottom: 5px; }
.subMenuAuswahl div#content ul li a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat 0px 3px;
    padding-left: 10px;
    margin-bottom: 5px; 
    font-weight: normal;
}
.subMenuAuswahl div#content ul li a:hover { color: #004387; }


div#popupLoading { border: 20px solid #fff; }
div.tippAnsicht,
div.lexikonAnsicht  {
    position: absolute;
    z-index: 65;
    top: 0; left: 0;
    width: 658px;
	padding: 20px;
    background-color: white;
}
div.contentTipps { padding: 0px 20px 60px 20px; }
div.entTipps h1 { margin-bottom: 17px; }
div.entTipps h2 { padding-bottom: 14px; border-bottom: 1px solid #cecece; }
div.entTipps h4 { color: #686868; }
div.entTipps div.element { padding-left: 0px; }
div.tippAnsicht a.close,
div.lexikonAnsicht a.close { position: absolute; top: 0px; right: 0; z-index: 12; }


/* +++++++++++++++++++ STYLES für Finanzierungstyp ++++++++++++++++++++++++++++++++++ */
.finanzierungstyp .clear { height: 0px; }
.finanzierungstyp #steps { margin-top: 20px; margin-bottom: 30px; }
.finanzierungstyp #steps img { margin-right: 2px; }
.finanzierungstyp #steps img.last { margin-right: 0px; }

.finanzierungstyp #fragenContent h2#frageTitel { margin-bottom: 20px; }

.finanzierungstyp #fragenContent #frageAntworten { margin-bottom: 10px; }
.finanzierungstyp #fragenContent #frageAntworten .antwortWrapper {
    float: left;
    width: 212px;
    margin-right: 2px;
}
.finanzierungstyp #fragenContent #frageAntworten .antwortWrapper3 { margin-right: 0px; }

.finanzierungstyp #fragenContent #frageAntworten .antwortWrapper input { float: left; }
.finanzierungstyp #fragenContent #frageAntworten .antwortWrapper div { color: #686868; margin-left: 20px; }

.finanzierungstyp #fragenContent #frageAntwortenBilder img { margin-right: 2px; }
.finanzierungstyp #fragenContent #frageAntwortenBilder img:hover { cursor: pointer; }
.finanzierungstyp #fragenContent #frageAntwortenBilder img.last { margin-right: 0px; }

.finanzierungstyp #empfehlung,
.finanzierungstyp #ergebnis { display: none; }
.finanzierungstyp #empfehlung { margin-top: 40px; }
.finanzierungstyp #empfehlung #empfehlungTitel {
    font-weight: bold;
    color: #686868;
    background: url(/files/allgemein/finanzErgebnisCheck.jpg) no-repeat center left;
    margin-bottom: 14px;
    padding-left: 25px;
}
.finanzierungstyp #ergebnisText p { margin: 20px 0px; }

.finanzierungstyp #navi { margin-top: 20px; }
.finanzierungstyp #navi a#btnPrev {
    float: left;
    font-weight: bold;
    padding: 3px 0px 3px 15px;
    background: url(/files/allgemein/pfeilOrangeBack.gif) no-repeat center left;
}
.finanzierungstyp #navi a#btnNext {
    float: right;
    font-weight: bold;
    padding: 3px 15px 3px 0px;
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat center right;
}
.finanzierungstyp #navi a#btnReset {
    float: right;
    font-weight: bold;
    padding: 3px 0px 3px 15px;
    background: url(/files/allgemein/pfeilOrangeBack.gif) no-repeat center left;
    display: none;
}

.finanzierungstyp #navi #nothingChecked {
    font-size: 12px; font-weight: bold;
    display: none; text-align: center; padding: 3px 100px 0px 100px;
    color: orange;
}

/* +++++++++++++++++++ STYLES für Gewinnspiel ++++++++++++++++++++++++++++++++++ */
.gewinnspiel div.formularainer { position: relative; }
.gewinnspiel div.formularainer div#forment { position: relative; }
.gewinnspiel div.formularainer img#imgThema {
    position: absolute;
    top: 113px; right: 0px;
}
.gewinnspiel table.formular { margin-bottom: 7px; width: 625px; }

.gewinnspiel table.formular tr#FormTrantwort td.name { background: none; }
.gewinnspiel table.formular tr td.field { width: -1px; *width: 0px; }
.gewinnspiel table.formular tr#FormTrantwort td.field { padding-bottom: 23px; }
.gewinnspiel table.formular tr#FormTrantwort td.field input { width: 13px; margin-right: 5px; }
.gewinnspiel table.formular tr#FormTrantwort td.field label { margin-right: 45px; }
.gewinnspiel table.formular tr.pflicht td.name,
.gewinnspiel table.formular tr td.name { width: 90px; }

/* +++++++++++++++++++ Kundenservice +++++++++++++++++++++++++++++++++++++++++++ */
.magazin .image { float: left; width: 120px; }
.magazin .text { float: right; width: 490px; margin-top: 148px; }
.magazin .text a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat scroll 0 2px;
    padding-left: 10px;
}
.folder .text .size { margin-left: 9px; color: #686868; }

/* +++++++++++++++++++ Direktsparen Banner++++++++++++++++++++++++++++++++++++++ */
.direktsparen .box { margin-bottom: 10px; }
.direktsparen .box.text { width: 200px; }

/* +++++++++++++++++++ WARTUNGS-BANNER++++++++++++++++++++++++++++++++++++++++++ */
.box.text { width: 285px; font-size: 11px; font-weight: bold; padding: 0px; }
.orange, .orange p { color: orange; }

/* ----------------VOLLTEXTSUCHE--------------------------------------------- */
.indexSearch .searchField { margin: 15px 0px 20px 0px; }
.indexSearch .hitDescTop { width: 380px; margin-bottom: 15px; padding-bottom: 3px; border-bottom: 1px solid #cdcdcd; }
.indexSearch .hitCount { float: left; width: 125px; }
.indexSearch .hitPaging { float: left; width: 250px; text-align: center; }
.indexSearch .hitPaging a:hover { border-bottom: 1px solid #004387; }
.indexSearch .hitPaging a.current { font-weight: bold; color: #686868; }
.indexSearch .hitPaging a.current:hover { border-color: #686868; }
.indexSearch .hitList li { margin-left: 0px; margin-bottom: 15px; list-style-image: none; }
.indexSearch .hitList li.last { margin-bottom: 0px; }
.indexSearch .hitList li .hitHeadlineLink { font-weight: bold; }
.indexSearch .hitList li .hitContent { width: 380px; }
.indexSearch .hitList li .hitContent .highlightTerms { font-weight: bold; }
.indexSearch .hitList li .hitLink { width: 100%; overflow: hidden; white-space: nowrap; }
.indexSearch .hitList li .hitLink a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat scroll 0 2px;
    padding-left: 10px;
}
.indexSearch .hitList li .borderLine { width: 380px; height: 1px; padding-top: 15px; border-bottom: 1px solid #cdcdcd; }
.indexSearch .hitList li.last .borderLine { border-bottom: none; }
.indexSearch .hitDescBottom { width: 380px; padding-top: 3px; border-top: 1px solid #cdcdcd; }

/* LOGIN */
#login {
    width: 222px;
	height: 94px;
	margin: 60px auto 0px auto;
	padding: 40px 10px 0px 10px;
	background: url('/files/allgemein/reDesign/login_feld.png') no-repeat center center;
}
#login label { float: left; display: block; font-size: 11px; font-weight: bold; color: #004387; margin-top: 2px; }
#login #dealerNumber { width: 120px; margin-left: 10px; }
#login #dealerSubmit {
	font-size: 11px;
	font-weight: bold;
	color: #004387;
	margin: 30px 0px 0px 130px;
	padding-left: 10px;
	background: url('/files/allgemein/reDesign/pfeil_orange.gif') no-repeat left 3px;
	border: none;
	overflow: visible;
	cursor: pointer;
}

/* SITEMAP */
.sitemap #right { display: none; }
.sitemap #content { width: 100%; }
.sitemap h1 { margin-bottom: 0px !important; }
#sitemap ul { margin: 0px; padding: 0px; clear: both; }
#sitemap li { margin: 0px; padding: 0px; list-style-image: none; }
#sitemap .level1 { float: left; width: 237px; margin-bottom: 20px; }
#sitemap .level1 a {
	display: block;
    font-weight: bold;
    line-height: 30px;
	margin: 0px 0px 20px 0px;
    padding: 0px 25px;
    background: #f0f0f0 url('/files/allgemein/reDesign/pfeil_orange.gif') no-repeat 10px 10px;
}
#sitemap .level2 a {
    font-weight: normal;
	line-height: 20px;
	margin: 0px;
	padding: 0px 0px 0px 25px;
	background-color: #fff;
    background-position: 10px 2px;
}
#sitemap .level3 a {
    padding-left: 40px;
	background-position: 25px 2px;
}