@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);
@import url(/css/menu.css);

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #555; background: #ececec; }

/*h1 und h2 sind gleich gestylt, weil im neuen CI nur noch 1 version von ueberschrift vorhanden*/
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 17px; color: #000; margin-bottom: 10px; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 17px; color: #000; margin-bottom: 10px; }
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #555; }
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #000; }
h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: normal; color: #555; margin-bottom: 10px; }

p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #555; margin-bottom: 14px; }
a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #299926; text-decoration: none; }
a:hover { text-decoration: underline; }

.linkButton { display: block; color: #299926; padding-left: 17px; background: url('/files/general_images/structure/preLinkButton.jpg') no-repeat left 3px; border: none; cursor: pointer; }
.box .linkButton,
#innerContent .linkButton { display: inline; background-position: left 2px !important; }
.linkButton:hover { background: url('/files/general_images/structure/preLinkButtonActive.jpg') no-repeat left 3px; text-decoration: underline; }
.linkButtonWhite { display: block; background: url('/files/general_images/structure/preLinkButtonWhite.jpg') no-repeat left 3px; padding-left: 20px; }
.linkArrow { display: block; background: url('/files/general_images/structure/preLinkArrow.png') no-repeat left 4px; padding-left: 11px; }
#footer .linkArrow { padding-left: 12px; }
#innerContent .linkArrow { display: inline; }

blockquote { line-height: 16px; margin: -16px 0px 0px 20px; }

ul { margin-left: 20px; }
ol { margin-left: 25px; }
ul, ol { margin-bottom: 14px; }
ul li { list-style-type: disc; }
li { line-height: 16px; }

ul.webListNone, .webListNone ul { margin: 0px; }
ul.webListNone li, .webListNone ul li { list-style-type: none; }

.left { float: left; }
.right { float: right; }
.clear { height: 0px; clear: both; }

#page { background: url('/files/general_images/structure/pageRepeatBg.jpg') repeat-x left top; }

#page #outerHeader #header,
#page #outerStage #stage,
#page #outerSubSubMenuTop #subSubMenuTop,
#page #outerContent #content,
#page #outerFooter #footer { width: 940px; margin: 0px auto; }

#page #outerStage,
#page #outerSubSubMenuTop,
#page #outerContent { background-color: #fff !important; }

#page #outerHeader { position: relative; background: url('/files/general_images/structure/outerHeaderRepeatBg.jpg') repeat-x left top; z-index: 20; }
#page #outerHeader #header { position: relative; }
#page #outerHeader #header #slogan { position: absolute; top: 20px; left: 25px; }
#page #outerHeader #header #mainMenuSearch { width: 780px; }

#page #outerStage { margin-bottom: -4px; padding-bottom: 4px; }
#page #outerStage #stage { position: relative; top: -15px; z-index: 5; }
.home #page #outerStage #stage { top: 5px; }
.farbenStoffe #page #outerStage #stage { top: 0px; height: 253px; }

#page #outerContent #content { width: 900px; padding: 0px 20px 20px 20px; }
#page #outerContent #content #stageOverflowContent { position: relative; background: #fff; z-index: 10; }
#page #outerContent #content #breadCrumbs { line-height: 40px; background: #fff; white-space: nowrap; overflow: hidden; }
.home #page #outerContent #content #breadCrumbs { margin-top: 4px; }
#page #outerContent #content #innerContent { position: relative; width: 635px; }
.fullwidth #page #outerContent #content #innerContent,
.menutop_fullwidth #page #outerContent #content #innerContent { width: 900px; }
.menutop_bannerright_menuleft #page #outerContent #content #innerContent { width: 410px; }

#page #outerFooter { background: #ececec; }
#page #outerFooter #footer { width: 900px; color: #555; padding: 30px 20px 20px 20px; background: #ececec url('/files/general_images/structure/footerBg.jpg') no-repeat right top; }
#page #outerFooter #footer a { color: #555; }
#page #outerFooter #footer a:hover { color: #000; }
#page #outerFooter #footer #shareSocialNetworks { float: right; }
#page #outerFooter #footer #shareSocialNetworks a { cursor: pointer; }


/* ---------------STAGE------------------------------------------------------ */
#stage { position: relative; width: 940px; z-index: 5; }
.home #stage { height: 401px; }
.ie7 .home #stage { top: -15px !important; height: 382px; }
#stage .emptyStage { height: 0px; margin-bottom: 0px !important; }
.modell_modellbasis #stage .emptyStage,
.modell_modell #stage .emptyStage { margin-bottom: 15px !important; }
#stage #stageContainer { margin-bottom: -18px; }
.farbenStoffe #stage #stageContainer { margin-bottom: 0px; padding-top: 25px; }
#stage #stageContainer .homeStage { position: absolute; }
#stage #stageContainer .activeStage { z-index: 10; }
#stage #stageContainer .stageContent {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 300px;
    height: 115px;
    padding: 15px 20px 20px 20px;
    background: url('/files/general_images/structure/stageOverlayHome.png') no-repeat left top;
}
#stage #stageContainer .stageContent h1 { font-size: 17px; font-weight: bold; line-height: 20px; color: #fff; text-transform: uppercase; }
#stage #stageContainer .stageContent p { color: #fff; margin: 15px 0px 10px 0px; }
#stage #stageContainer .stageContent a { font-size: 14px; color: #fff; }
#stage #stageContainer .switchPics { position: absolute; top: 55px; right: 40px; z-index: 13; }
#stage #stageContainer .switchPics a { display: block; color: #fff; }
#stage #stageContainer .switchPics .switchButtons { float: left; display: inline; }
#stage #stageContainer .switchPics .switchButtons a {
    position: relative;
    width: 7px;
    height: 19px;
    padding: 8px 14px;
    background: url('/files/general_images/structure/stagePagingBg.png') no-repeat left top;
    text-decoration: none;
    z-index: 14;
}
#stage #stageContainer .switchPics .switchButtons a:hover {
    color: #299926;
    background: url('/files/general_images/structure/stagePagingBgHover.png') no-repeat left top;
}
#stage #stageContainer .switchPics .switchButtons a.active {
    width: 35px;
    height: 35px;
    padding: 0px;
    background: url('/files/general_images/structure/stagePagingBgActive.png') no-repeat left top;
}
#stage #stageContainer .switchPics .switchButtons a.active .number { display: none; }
#stage #stageContainer .switchPicsPreview {
    display: none;
    position: absolute;
    top: 27px;
    right: -20px;
    border: 10px solid #000;
    z-index: 12;
}
#stage #stageContainer .switchPicsPreview .previewText {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 208px;
    color: #fff;
    padding: 2px 5px 2px 20px;
    background: #302f2e url('/files/general_images/structure/stagePreviewArrow.png') no-repeat 7px 6px;
}
#stage #stageContainer .switchPicsPreview img { height: 100px; margin-bottom: -3px; }

#stage #stageContainer #stageText {
    position: absolute;
    top: 43px;
    left: 40px;
    width: 233px;
    font-size: 25px;
    line-height: 28px;
    color: #fff;
    padding: 15px 20px 20px 20px;
    text-transform: uppercase;
}
#stage #stageContainer #largeStage #stageText {
    height: 52px;
    background: url('/files/general_images/structure/stageOverlayLarge.png') no-repeat left top;
}
#stage #stageContainer #smallStage #stageText {
    height: 28px;
    background: url('/files/general_images/structure/stageOverlaySmall.png') no-repeat left top;
}

/* ---------------SEARCH----------------------------------------------------- */
#search { margin-top: 103px; }
#search input { margin: 0px !important; }
#search #searchQuery {
    position: relative;
    top: -1px;
    right: -4px;
    width: 106px;
    height: 12px;
    padding: 5px;
    background: url('/files/general_images/structure/searchQueryBg.jpg') no-repeat left top;
    border: none;
}
.opera #search #searchQuery,
.ie7 #search #searchQuery { top: 0px; }
.ie8 #search #searchQuery { top: -4px; }
.ie9 #search #searchQuery { top: 3px; right: -5px; }
.chrome #search #searchQuery,
.safari #search #searchQuery { top: 3px; }
.mac.safari #search #searchQuery { top: 0px; }

#search #searchButton {
    width: 22px;
    height: 22px;
    background: url('/files/general_images/structure/searchButtonBg.jpg') no-repeat left top;
    border: none;
}


/* ---------------RIGHT BOXEN------------------------------------------------ */
#rightContent { float: right; width: 200px; margin-left: 16px; }

/* ---------------LEFT BOXEN------------------------------------------------- */
#leftContent {
    float: left;
    width: 210px;
    min-height: 290px;
    margin-right: 15px;
    padding: 15px;
    background: url('/files/allgemein/subSubMenuLeftBg.jpg') repeat-x left top;
}


/* ---------------HOME------------------------------------------------------- */
body.home #innerContent { width: 900px !important; }
body.home #innerInnerContent { width: 635px; }
.homeTeasers { position: relative; width: 540px; height: 153px; padding: 30px; background: #ececec; overflow: hidden; }
.homeTeasers .navigation { position: absolute; top: 92px; z-index:1; }
.homeTeasers #navigationPrev { left: 11px; }
.homeTeasers #navigationNext { right: 11px; }
.homeTeasers .homeTeaserOverflow { position: absolute; top: 0px; left: 30px; width: 540px; height: 210px; overflow: hidden; }
.homeTeasers .homeTeaser { position: absolute; top: 30px; width: 257px; padding: 0px 6px; }
.homeTeasers .homeTeaser a { display: block !important; color: #000; }
.homeTeasers .homeTeaser a:hover { color: #299926; }
.homeTeasers .homeTeaser a img { margin-bottom: 8px; }


/* ---------------BOXEN------------------------------------------------------ */
.box { margin-bottom: 15px; }

.box_cc,
.box_pf,
.box_sl,
.box_links,
.box_download,
.box_socialBookmarks { background: #fff; border: 1px solid #ccc; }

.box_cc select,
.box_pf select,
.box_sl select { width: 170px; font-size: 11px; margin-bottom: 10px; padding: 0px; }

.box_cc h2,
.box_pf h2,
.box_sl h2,
.box_links h2,
.box_socialBookmarks h2 {
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 50px;
    background: url('/files/general_images/structure/boxHeadline.jpg') no-repeat 30px 6px;
    border-bottom: 1px solid #ccc;
}

.box_cc .boxContent,
.box_pf .boxContent,
.box_sl .boxContent,
.box_download .boxContent,
.box_links .boxContent { padding: 15px 20px; }

.box_links li { padding: 5px 0px; }

#leftContent .box_picLink { margin-left: 5px; }

.box_tabs #tabMenu li {
    display: inline;
    margin-right: 5px;
    padding: 5px;
    background: #ececec;
    border: 1px solid #ccc;
    border-bottom: none;
}
.box_tabs #tabMenu li.last { margin-right: 0px; }
.box_tabs #tabMenu li a { line-height: 25px; color: #000; }
.box_tabs #tabMenu li a:hover { color: #299926; text-decoration: none; }
.box_tabs #tabMenu li.active { background: #fff; border-bottom: 1px solid #fff; }
.box_tabs #tabMenu li.active a { color: #299926; }
.box_tabs .tabContent { display: none; }
.box_tabs .active { display: block; }

.box_socialBookmarks .boxContent { padding: 10px; }
.box_socialBookmarks .boxContent p { font-size: 11px; line-height: normal; margin-bottom: 7px; }
.box_socialBookmarks .boxContent a { font-size: 11px; }
.box_socialBookmarks .boxContent ul li { float: left; }
.box_socialBookmarks .boxContent ul li a {
    display: block;
    padding: 5px;
    background: url('/files/general_images/socialbookmarks/shadow.gif') no-repeat left top;
}



.download .boxContent .icon { padding-right: 5px; }


/* ---------------TEMPLATES STYLES------------------------------------------- */
.subMenuLeft div#outerContent div#content { width: 635px; float: right; }

.subMenuAuswahl div.container,
.subMenuAuswahl2 div.container { margin-bottom: 27px; }
.subMenuAuswahl div.container li,
.subMenuAuswahl2 div.container li { margin-top: 2px !important; }
.subMenuAuswahl div.container .text p,
.subMenuAuswahl2 div.container .text p { margin-top: 0px; }
.subMenuAuswahl div.image,
.subMenuAuswahl2 div.image { float: left; }
.subMenuAuswahl div.text,
.subMenuAuswahl2 div.text { float: right; width: 420px;}
.subMenuAuswahl div.text p.link,
.subMenuAuswahl2 div.text p.link { margin-top: 0px; }
body.fullwidth div.text { float: right; width: 685px;}
.subMenuAuswahl div.image a,
.subMenuAuswahl2 div.image a { border-bottom: none !important; }

.ausstattung form label { padding-right: 10px;}
.ausstattung form input { margin-right: 5px; }
.ausstattung form p.verdichten { margin-top: 10px; }
.ausstattung form span { color: #299926; }
.ausstattung form button {
    border: none;
    border-bottom:1px dotted #299926;
    color: #299926;
    background: none;
    width: 60px;
}
.ausstattung tr.row2 td { background-color: #eeeff1; }
.ausstattung tr td {
    text-align: center;
    padding: 3px 0px;
    padding-bottom: 6px;
    border-right: 1px solid #fff;
    width: 100px;
}
.ausstattung tr td.text { text-align: left; width: 340px; }
.ausstattung tr.legende td { text-align: left; line-height: 18px; width: 100%; }
.ausstattung tr.legende td span { padding: 0px 5px; }

.ausstattung .ausstattungswahl .model { float: left; padding-right: 50px;}
.ausstattung .ausstattungswahl .differences { width: 240px; }

.serienausstattung tr { height: auto; }
.serienausstattung tr.row2 td { background-color: #eeeff1; }
.serienausstattung tr td { padding: 4px 0px; }

.adobeReaderDownload { width: 350px; }
.adobeReaderDownload a { border: none !important; }
.adobeReaderDownload .image { float: left; width: 100px; }
.adobeReaderDownload .text { float: left; width: 250px; }
.adobeReaderDownload p { margin-top: 0px; }
.adobeReaderDownload h2, .adobeReaderDownload p { margin-bottom: 0px; font-size: 10px; line-height: normal; }


/* ---------------Modelle---------------------------------------------------- */
.modellbasis td { width: 220px; height: 150px; text-align: center; vertical-align: top; }
.modellbasis a.modellBild { border-bottom: none !important; }
.modellbasis .modellName { text-align: center; padding-top: 10px; }


/* ---------------LEFT-SUBSUBMENU-------------------------------------------- */
#left ul li {
    width: 220px;
}
#left ul li a {
    background: url(/files/allgemein/subSubMenuLeftIcon.gif) no-repeat 0px 4px;
    color: #000;
    line-height: 18px;
}
#left ul li a.down {
    background: url(/files/allgemein/subSubMenuLeftDownIcon.gif) no-repeat 0px 4px;
}
#left ul li.active a,
#left ul li:hover a {
    color: #299926;
}
#left ul li a span { display: none; }
#left ul li a span.text {
    position: relative;
    left: 15px;
    display: inline;
}
#left ul li li { margin-left: -10px; }
#left ul li ul { margin-left: 30px; }
#left ul.subSubSubMenu li { width: 190px; }
.ie7 #left ul.subSubSubMenu li a span.text { left: 0px; padding-left: 15px; }
#left ul ul li a {
    background: none !important;
    color: #000 !important;
}
#left ul ul li.active a,
#left ul ul li:hover a {
    color: #299926 !important;
}


/* ---------------GRUSSKARTEN------------------------------------------------ */
.grusskarte .choose { float: left; width: 440px; margin-bottom: 20px; }
.grusskarte .choose .bild { float: left; text-align: center; margin-right: 20px; margin-bottom: 20px; }

.grusskarte .preview { border: 1px solid #ccc; }
.grusskarte .preview .previewImg { float: left; width: 375px; margin-bottom: -3px; }
.grusskarte .preview .previewText { float: left; width: 225px; padding: 15px 15px 30px 15px; }
.grusskarte .preview .submitWrapper { position: absolute; right: 15px; bottom: 15px; width: 170px; }

.formularContainer .mitteilung { margin-left: 400px; }
.ansichtImg { float: left; width: 400px; }


/* ---------------360-DEGREE------------------------------------------------- */
div#movie, div#flashmediaplayer { text-align: center; margin: 30px 0px; margin-top: 80px; }


/* ---------------WALLPAPER-------------------------------------------------- */
.wallpaper .image { float: left; margin-right: 20px; margin-bottom: 25px; padding-bottom: 5px; }
.wallpaper .image ul { margin-top: 5px; margin-left: 50px; }
.wallpaper .image ul li { margin-bottom: 0px !important; }


/* ---------------WERBESPOTS------------------------------------------------- */
div#flashmediaplayer { text-align: center; }
div.flash-media-item {
    width: 290px;
    float: left;
    margin-bottom: 20px;
}
div.headline { margin: 10px 0px; }
div.follow { margin-top: 30px; padding-top: 30px; border-top: 1px solid #eee; }
div.previewImage { float: left; margin-bottom: 5px; }
div.previewImage a { border-bottom: none !important; }
div.inklImage { position: relative; top: 130px; left: 5px; }

div.title { float: left; margin: 20px 10px 0px 0px; }
div.type { float: left; }


/* ---------------HANDY-WALLPAPER-------------------------------------------- */
#handyWallpaper div.bild { float: left; margin-right: 24px; margin-bottom: 20px; }
#handyWallpaper div.four { margin-right: 0px; }
#handyWallpaper div.bild input { margin-left: 55px; }
#handyWallpaper div.lastBild { margin-right: 0px;}


/* ---------------HANDY-RINGTONES-------------------------------------------- */
#handyRingtones #handyflashmediaplayer { float: right; }


/* ---------------COLOR-AND-MATERIAL----------------------------------------- */
.farbenStoffe .previewSelection { float: right; width: 270px; padding-top: 20px; padding-left: 20px; height:165px}
.farbenStoffe .previewSelection #colorPreview { margin-bottom: 5px !important; }
.farbenStoffe .previewImg { float: right; }
.farbenStoffe .previewImg img.plus { margin-bottom: 17px; padding-left: 8px; }
.farbenStoffe table#color input { width: auto; }
.farbenStoffe table#color td { padding: 0px 10px; vertical-align: top; }
.farbenStoffe table#color a { color: #000 !important; border: none !important; }
.farbenStoffe table#color a:hover { color: #299926 !important; }
.farbenStoffe table#color img#stoffPic { border: 5px solid #d0d0d0; }
.farbenStoffe table.farbenStoffeDetail td { padding: 0px 2px !important; vertical-align: middle !important; }


/* ---------------AUSSTATTUNGSVERGLEICH-------------------------------------- */
.ausstattungsvergleich input { margin-right: 7px; margin-bottom: 10px; }
.ie7 .ausstattungsvergleich input { margin-right: 0px; margin-bottom: 0px; }
.ausstattungsvergleich label { margin-right: 20px; }
.ausstattungsvergleich .model { width: 635px; margin: 10px 0px; }
.ausstattungsvergleich .model .variant { float: left; }
.ausstattungsvergleich .model .variant label { white-space: nowrap; }
.ausstattungsvergleich .model .submitWrapper { display: block; float: left; }
.ausstattungsvergleich .differences p.verdichten { float: left; margin-top: 0px; }
.ie .ausstattungsvergleich .submitWrapper { padding: 3px 0px 0px 0px !important; }
.ausstattungsvergleich table { width: 100%; border-collapse: inherit; }
.ausstattungsvergleich table tr { height: auto; }
.ausstattungsvergleich table tr td { padding: 5px 10px; }
.ausstattungsvergleich table tr.legende td { padding: 0px; }
.ausstattungsvergleich table tr.legende td span { margin-right: 10px; }
.ausstattungsvergleich table tr.row1 td { background: #eeeff1; }
.ausstattungsvergleich table tr.head td,
.ausstattungsvergleich table tr td.data { text-align: center; }


/* ---------------ZUBEHOER--------------------------------------------------- */
.zubehoer li { float: left; width: 210px; height: 340px; }
.zubehoer li h2 { margin-top: 10px; margin-bottom: 10px; }
.zubehoer li ul.zubehoerModell li { float: none; width: auto; height: auto; }
.zubehoerliste { width: 630px; margin-top: 20px; }
.zubehoerliste tr td { padding-bottom: 17px; vertical-align: top; }
.zubehoerliste tr td.previewImage { width: 160px; }
.zubehoerliste tr td.previewImage div.previewImageCrop { position: relative; width: 150px; height: 100px; overflow: hidden; margin-right: 15px; }
.zubehoerliste tr td.description { width: 300px; padding-right: 15px; }
.zubehoerliste tr td.description .descText { margin-bottom: 5px; }
.zubehoerliste tr td.artnr { width: 100px; }
.zubehoerliste tr td.price { width: 160px; font-weight: bold; text-align: right; white-space: nowrap; }
.zubehoerliste tr td.previewImage a { border-bottom: none !important; }
.zubehoerliste tr td.previewImage a img.plus { position: absolute; bottom: 5px; right: 5px; }


/* ---------------FINANZIERUNG----------------------------------------------- */
.finanzierungsAngebot h1 { margin-top: 10px; }
.finanzierungsAngebot .tableHeadline { border-bottom: 1px solid #D0D0D0; }
.finanzierungsAngebot .tableHeadline h2 { margin: 0px; }
.finanzierungsAngebot .finanzierungsAngebotDetail .image { float: right; }
.finanzierungsAngebot .finanzierungsAngebotDetail .text { float: left; }
.finanzierungsAngebot .finanzierungsAngebotDetail .text .row2 { background: #f1f1f1; }
.finanzierungsAngebot .finanzierungsAngebotDetail .text table { width: 275px; border: 1px solid #D0D0D0; }
.finanzierungsAngebot .finanzierungsAngebotDetail .text table tr { height: auto; }
.finanzierungsAngebot .finanzierungsAngebotDetail .text table tr td { padding: 5px; vertical-align: top; }
.finanzierungsAngebot .finanzierungsAngebotDetail .text table tr td.head { width: 140px; }
.finanzierungsAngebot .finanzierungsAngebotDetail .text table tr td.desc { padding-left: 0px; }
.finanzierungsAngebot .sharedContent h1 { margin-bottom: 0px; }
.finanzierungsAngebot .sharedContent h6 { margin-top: 0px; font-weight: normal; }
.finanzierungsAngebot .sharedContent p { margin: 0px 0px 10px 0px; }


/* ---------------PREISLISTEN------------------------------------------------ */
.preisliste form { margin: 10px 0px; }
.preisliste form label { margin-right: 15px; white-space: nowrap; float: left }
.preisliste form input { margin-right: 5px; }
.preisliste tr td { text-align: center;  padding: 3px 0px; padding-bottom: 6px;}
.preisliste tr td.name { text-align: left; }
.preisliste tr.head td { font-weight: bold; line-height: 22px; }
.preisliste tr.head td.name { width: 170px; text-align: left; }
.preisliste tr.head td.treibstoff { width: 30px; }
.preisliste tr.head td.ps { width: 60px; }
.preisliste tr.head td.hubraum { width: 70px; }
.preisliste tr.head td.tueren { width: 50px; }
.preisliste tr.head td.nova { width: 60px; }
.preisliste tr.head td.preis { width: 100px; }
.preisliste tr.row2 td { background-color: #eeeff1; }
.preisliste .fusszeilen { margin-top: 20px; }


/* ---------------KATALOGE-UND-PREISLISTEN----------------------------------- */
.kataloge table tr#FormTrEMail div.label { margin-top: 10px; }
.katalogepreislistenshared { margin: 20px 0px; }
.cont { float: left; margin-bottom: 20px; }
.cont h2 { margin-bottom: 5px; }
.cont ul li { float: left; width: 315px; margin-bottom: 15px; padding-bottom: 1px; }
.cont ul li.noImage { float: none; width: auto; }
.cont ul li img.bild { float: left; margin-right: 35px; margin-left: -25px; border: 1px solid black; }
.cont ul li .noIcon img.bild { margin-right: 0px; }
.cont ul li .content { padding-left: 25px; padding-right: 15px; }
.cont ul li .content .link { padding-top: 76px; padding-left: 130px; }
.cont ul li .noIcon .link { padding-left: 110px; }
.cont ul li .content span.pdfIcon { float: left; margin-left: -25px; }
.cont ul li .content span.fileInfo { white-space: nowrap; }


/* ---------------KONTAKT---------------------------------------------------- */
.kontakt h1.headline { margin-top: 10px; }


/* ---------------KUNDENZEITUNG---------------------------------------------- */
.kundenzeitung .year,
.kundenzeitung .akt { margin-top: 30px; margin-bottom: 10px; }
.kundenzeitung .year h3 { margin-bottom: 10px; }
.kundenzeitung .ausgabe { position: relative; float: left; width: 315px; }
.kundenzeitung .akt { width: 635px; }
.kundenzeitung .downLink .pdf { float: left; margin-right: 5px; }
.kundenzeitung .ausgabe .downLink { position: absolute; top: 170px; left: 150px; width: 160px; }
.kundenzeitung .ausgabe .both { top: 155px; }
.kundenzeitung .akt .downLink { width: 485px; }
.kundenzeitung .akt .downLink { top: 180px; }
.kundenzeitung .akt .both { top: 165px; }
.ie6 .kundenzeitung .downLink,
.ie7 .kundenzeitung .downLink { padding-bottom: 1px; }
.kundenzeitung .year .first { margin-right: 5px; }
.kundenzeitung .adobeReaderDownload { margin-top: 30px; }


/* ---------------SHOW-URL-PHOTOBOX------------------------------------------ */
.showUrlPhotobox {
    background-color:white;
    border:10px solid #E6E6EB;
    left:0;
    padding:10px;
    position:absolute;
    top:0;
    width:600px;
    z-index:65;
}
.showUrlPhotobox a.close { position: absolute; top: 0px; right: 0px; }
.showUrlPhotobox .text10b { font-weight: bold; color: #299926; }


/* ---------------ERROR------------------------------------------------------ */
#fehler {
    border: 1px solid #c33;
    font-weight: bold;
    background: #ffdcdc;
    margin-bottom: 30px;
    padding: 10px;
}
#fehler ul { margin-left: 30px; }
#fehler ul li { color: #c33; list-style-type: square; }

span.switchOnLargeStyle { display: inline; }
span.switchOffLargeStyle { display: none; }
#switchHtmlFlashHtml { display: none; } /*standard value to avoid flicker*/


/* ----------------POPUP----------------------------------------------------- */
div.popupPic div.text { background-color: #E6E6EB; }


/* ----------------TECHNIK-LEXIKON------------------------------------------- */
.technikLexikonDetails .entry { margin-bottom: 20px; }
.technikLexikonDetails .entry .img a { position: relative; border-bottom: none !important; }
.technikLexikonDetails .entry .img a .plus { position: absolute; bottom: 5px; right: 5px; }
.technikLexikonDetails .entry .left { width: 235px; float: left; }
.technikLexikonDetails .entry .right { width: 395px; float: right; }
.technikLexikonDetails .entry p { margin-top: 0px; margin-bottom: 10px; }


/* ----------------TECHNIK-LEXIKON PHOTOBOX---------------------------------- */
.lexikonAnsicht {
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    border: 10px solid #E6E6EB;
    background-color: white;
    padding: 15px;
    padding-bottom: 5px;
    z-index: 65;
}
.lexikonAnsicht .left { width: 225px; float: left; margin-right: 15px; }
.lexikonAnsicht .image p.symbolfoto { font-size: 9px; line-height: 12px; margin: 0px; margin-bottom: 10px; }
.lexikonAnsicht .right { width: 360px; float: right; }
.lexikonAnsicht .text p { margin-top: 0px; margin-bottom: 10px; }
.lexikonAnsicht .text .headline { margin-top: 0px; }
.lexikonAnsicht a.close { position: absolute; top: 0px; right: 0; z-index: 12; }


/* ----------------VOLLTEXTSUCHE--------------------------------------------- */
.indexSearch .searchField { margin: 15px 0px 20px 0px; }
.indexSearch .hitDescTop { width: 380px; margin-bottom: 30px; }
.indexSearch .hitCount { float: left; width: 125px; }
.indexSearch .hitPaging { float: left; width: 250px; text-align: center; }
.indexSearch .hitPaging a { border-bottom: none !important; }
.indexSearch .hitPaging a:hover { border-bottom: 1px dashed #299926 !important; }
.indexSearch .hitPaging a.current { font-weight: bold; color: #000 !important; }
.indexSearch .hitPaging a.current:hover { border-color: #000 !important; }
.indexSearch .hitList li { margin-bottom: 30px; }
.indexSearch .hitList li.last { margin-bottom: 0px; }
.indexSearch .hitList li .hitContent { width: 380px; margin: 5px 0px; }
.indexSearch .hitList li .hitContent .highlightTerms { font-weight: bold; color: #299926; padding: 2px; background: #e8f4e4; }
.indexSearch .hitList li .hitLink { width: 100%; overflow: hidden; white-space: nowrap; }
.indexSearch .hitDescBottom { width: 380px; margin-top: 30px; }


/* ----------------CAR-CONFIGURATOR------------------------------------------ */
body.cc #page #outerContent { background-color: #ececec !important; }
body.cc #content {
    position: relative;
    width: 870px !important;
    margin: 0px 0px 50px 0px !important;
    padding: 0px 0px 19px 30px !important;
    background: #fff;
}
body.cc #content #stageOverflowContent {
    top: 19px;
    height: 531px;
    overflow: hidden;
    overflow-y: auto;
}
body.cc #content #ccMenu { padding: 0px !important; }
body.cc #content #ccMenu h1 { font-size: 20px; color: #555; text-transform: uppercase; margin: 0px; padding: 22px 0px 21px 0px; }
body.cc #content #leftContent {
    float: none;
    width: 800px;
    height: 30px;
    min-height: 0px;
    margin: 0px 0px 30px 0px;
    padding: 0px 20px;
    background: #4ba82e;
    clear: both;
}
body.cc #content #leftContent ul { height: 30px; clear: both; }
body.cc #content #leftContent ul li { float: left; }
body.cc #content #leftContent ul li a {
    font-size: 12px;
    color: #fff;
    padding: 7px 15px;
    background: none;
}
body.cc #content #leftContent ul li a:hover {
    color: #9f9f9f;
    background: #fff;
}
body.cc #content #leftContent ul li.current a { color: #000; }
body.cc #content #innerContent { width: 840px !important; }
body.cc #content #innerContent .impressumVividPlanet { display: none; }

/* -------------------------- ZUBEHÖR ------------------------------------- */
body.zubehoerMain table tr {height: auto }
body.zubehoerMain .selects { position: relative; } 
body.zubehoerMain #loadingDiv {
	position: absolute;
	top: 45px;
	left: 0px;
	width: 635px;
	height: 30px;
	text-align: center;
	padding-top: 16px;
	background-color: white;
}
body.zubehoerMain .selection { width: 305px; }
body.zubehoerMain #categorySelect { margin-right: 23px; }
body.zubehoerMain #cumstomerSearch { padding: 20px 0px 30px 0px; }
body.zubehoerMain #cumstomerSearch .linkButton { margin-top: 3px; display:block; }
body.zubehoerMain #disclaimer p { font-size: 10px; line-height: normal; }
body.zubehoerMain #infoText {
    font-weight: bold;
	color: #CC3333;
	height: 20px;
}

body.zubehoerMain .whiteSpace { height: 20px; }
body.zubehoerMain .article .image { width: 150px; border: 1px solid #e7e6eb; }
body.zubehoerMain .article .image a { position: relative; }
body.zubehoerMain .article .image img { margin-bottom: -3px; }
body.zubehoerMain .article .image img.plus { position: absolute; bottom: 8px; left: 5px; }
body.zubehoerMain .article .text {
	width: 460px;
	min-height: 80px;
	padding: 10px;
	background: #e8f4e4;
	border: 1px solid #e7e6eb;
	border-left: none;
	border-left: none;
}
body.zubehoerMain .article .text .wrapper { position: relative; }
body.zubehoerMain .article .text .description { padding-bottom: 20px; }
body.zubehoerMain .article .text .groupItems { padding-bottom: 20px; }
body.zubehoerMain .article .text .add { position: absolute; bottom: 0px; width: 460px; height: 16px; }
body.zubehoerMain .article .text .add .price { width: 220px; }
body.zubehoerMain .article .text .add .price h2 { font-size: 10px; color: #555; margin: 0px; }
body.zubehoerMain .article .text .add .price .priceNbr { font-size: 15px; }
body.zubehoerMain .article .text .add .artnr { margin-right: 20px; }
body.zubehoerMain .article .text .add .piece { margin-top: -3px; }
body.zubehoerMain .article .text .add .piece input { width: 20px; text-align: center; }

body.zubehoerCartOverview h2 { font-size: 12px; color: #555; margin: 0px; }
body.zubehoerCartOverview table { margin-top: 25px; border: 1px solid #dedee3; }
body.zubehoerCartOverview th { padding: 3px 6px; background: #e8f4e4; }
body.zubehoerCartOverview th,
body.zubehoerCartOverview td { font-weight: normal; border-top: 1px solid #dedee3; border-right: 1px solid #dedee3; }
body.zubehoerCartOverview th.title { padding: 3px 10px; }
body.zubehoerCartOverview th.reloadDelete { border-right: none; }
body.zubehoerCartOverview .item .image { width: 150px; height: 100px; }
body.zubehoerCartOverview .item .title { padding: 0px 10px; }
body.zubehoerCartOverview .item .price { width: 60px; }
body.zubehoerCartOverview .item .piece { width: 40px; }
body.zubehoerCartOverview .item .piece input { width: 20px; text-align: center; }
body.zubehoerCartOverview .item .sum { width: 50px; }
body.zubehoerCartOverview .item .reloadDelete { width: 70px; padding: 10px; border-right: none; }
body.zubehoerCartOverview .item .reloadDelete a { font-size: 10px; }
body.zubehoerCartOverview #sumRow td { padding: 10px 0px; border-right: none; }

body.zubehoerCartOverview .disclaimer { margin: 20px 0px 30px 0px; }
body.zubehoerCartOverview .contact { margin-bottom: 30px; padding: 10px; border: 1px solid #e5e5e8; }
body.zubehoerCartOverview .contact h2 { float: left; line-height: 23px; }
body.zubehoerCartOverview .contact #contactButton { float: right; }
body.zubehoerCartOverview .contact #contactButton img { margin-bottom: -3px; }

body.zubehoerContact #countResult { margin: 20px 0px; }
body.zubehoerContact #dealers .dealer { padding: 10px; border-top: 1px solid #299926; }
body.zubehoerContact #dealers .dealer:hover { background: #f0f0f5; }
body.zubehoerContact #dealers .last { border-bottom: 1px solid #299926; }
body.zubehoerContact #dealers .dealer .dealerName .dealerIcon { margin: 0px 0px -3px 5px; }
body.zubehoerContact #dealers .submit td { border: none !important; }