@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);

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

h1 { font-size: 16px; margin-bottom: 10px; font-weight: normal; }
h2 { font-size: 11px; color: #000; margin-bottom: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 10px; }
h6 { font-size: 9px; margin-top: 10px; }

p { margin-top: 14px; line-height: 17px; }

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

ul { margin-left: 20px; list-style-type: disc; }
ol { margin-left: 25px; }

ul li, ol li { line-height: 17px; }

ul#topMenu,
ul#mainMenu,
ul#subMenu,
ul#subSubMenu,
ul.subSubSubMenu,
ul#bottomMenu,
div#right ul,
div.download ul,
div.fusszeilen ul,
div.wallpaper ul,
ul.hoverSubMenu,
ul.zubehoer,
ul.zubehoerModell,
div.container ul,
ul.modelGroupLinks,
ul.hitList { margin-left: 0px; list-style-type: none; list-style-position: outside; }

a { text-decoration: none; line-height: 15px; }
div.element a,
div.subMenuAuswahl a,
div.box a,
div.wallpaper ul a,
div.flash-media-item a,
div.follow a,
ul.zubehoerModell a,
div.downLink a {
    background: url(/files/linkPrefix.jpg) no-repeat 0px 4px;
    padding-left: 10px;
}
div.picLinkImg a,
div.element div.imageright a,
div.element div.imageleft a,
div.el_thumbs a,
div.el_thumbs_blaettern a,
div.previewImage a,
span.mail a,
div.adobeReaderDownload a,
a.noPrefix,
div.download a,
a.lexikon { background: none !important; padding-left: 0px !important; }

p.link,
span.link { color: #029F02; }

a.img { border-bottom: none !important; }

div.clear { clear: both; }
.ie7 div.clear { height: 0px; }

/* breite = xx px */
div.page, div#siteHead, div#footer { width: 904px; }
body.cc div.page, body.cc div#siteHead, body.cc div#footer { width: auto; }
body.cc div.impressumVividPlanet { display: none; }

.ie7 body.cc div.page { overflow-x: hidden; }
div.page, div#footer { margin: 0em auto; position: relative;}

.printPage { text-align: right; margin: 15px 0px 0px 0px; }

/* ---------------SITE-HEAD-------------------------------------------------- */
a#linkToHome {
    position: absolute;
    top: 0px;
    left: 725px;
    width: 75px;
    height: 90px;
    background: url(/files/allgemein/spacer.gif) repeat top left;
    z-index: 1;
}
div#siteHead {
    height: 135px;
    background: url(/files/allgemein/headerBg.jpg) no-repeat bottom left;
    position: relative;
    margin-bottom: 10px;
}
div.headhu {
    background: url(/files/allgemein/headerBg_hu.jpg) no-repeat bottom left !important;
}
div#siteHead ul#mainMenu { padding-top: 93px; padding-left: 20px; }
div#siteHead ul#mainMenu li {
    float: left;
    background: url(/files/allgemein/menueLeft.jpg) no-repeat top left;
    padding-left: 6px; padding-top: 1px; padding-bottom: 2px;
}
div#siteHead ul#mainMenu li.hover,
div#siteHead ul#mainMenu li.active {
    background-position: left -20px;
    padding-bottom: 10px;
}
div#siteHead ul#mainMenu li a {
    position: relative;
    background: url(/files/allgemein/menueRight.jpg) no-repeat right top;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    padding: 4px 10px 4px 6px;
    cursor: pointer;
}
div#siteHead ul#mainMenu li.hover a,
div#siteHead ul#mainMenu li.hovTop a,
div#siteHead ul#mainMenu li.active a { background-position: right -20px; color: #029f02; }

div#siteHead ul#mainMenu .hoverSubMenu {
    position: absolute;
    top: 115px;
    left: 28px;
    width: 870px;
    z-index: 10;
    display: none;
    background: url(/files/allgemein/menuHoverBg.jpg) repeat-x 0px 1px;
}
div#siteHead ul#mainMenu li.hovTop .hoverSubMenu,
div#siteHead ul#mainMenu li.hover .hoverSubMenu {
    display: block;
}
div#siteHead ul#mainMenu .hoverSubMenu li {
    line-height: 15px;
    padding: 0px;
    background: url(/files/allgemein/menuHoverBg.jpg) repeat-x 0px 1px;
}
div#siteHead ul#mainMenu .hoverSubMenu li a {
    font-weight: normal;
    color: black;
    background: none;
    padding: 0px 4px;
}
div#siteHead ul#mainMenu .hoverSubMenu li a:hover { color: #029f02; }

div#siteHead ul#subMenu { position: absolute; top: 115px; left: 32px; }
div#siteHead ul#subMenu li { float: left; line-height: 15px; }
div#siteHead ul#subMenu li span { padding: 0px 5px; }
div#siteHead ul#subMenu li a { font-size: 10px; color: #000; }
div#siteHead ul#subMenu li a:hover { color: #029f02; }
div#siteHead ul#subMenu li.active a { color: #029f02; font-weight: bold; }

div#siteHead ul#topMenu { position: absolute; top: 10px; left: 5px;}
div#siteHead ul#topMenu li { float: left; line-height: 16px; }
/*
 * RSS icon
div#siteHead ul#topMenu li.first { margin-right: 10px; }
div#siteHead ul#topMenu li.first a,
div#siteHead ul#topMenu li.first a:hover { border: none; }
div#siteHead ul#topMenu li.first a img { margin-top: 5px; }
div#siteHead ul#topMenu li.first span { display: none; }
*/
div#siteHead ul#topMenu li span.topMenuPipe { padding: 0px 5px; font-size: 10px; color: #808080; }
div#siteHead ul#topMenu li a {
    color: #808080;
    font-size: 10px;
    border-bottom: 1px dotted #808080;
    display: block; float: left;
}
div#siteHead ul#topMenu li a:hover,
div#siteHead ul#topMenu li.active a { color: #000; border-bottom: 1px dotted #000; }

/* ---------------STAGE------------------------------------------------------ */
div#stage {
    position: relative;
    width: 900px;
    border: 2px solid #d0d0d0;
    border-bottom: none;
    padding-bottom: 1px;
}
body.cc div#stage { width: auto; border: none; }
div#stage div#stageTop { border-bottom: 1px solid #d0d0d0; }
div#stage div#stageTop, div#stage div#stageContainer { width: 900px; }
body.cc div#stage div#stageTop, body.cc div#stage div#stageContainer { width: auto; }
div#stage div#stageTop h1 { margin: 15px 0px 12px 10px; }
.safari div#stage div#stageTop h1 { margin-top: 14px; }
div#stage div#stageTop h1 img { margin: -15px 0px -15px -10px; }
.safari div#stage div#stageTop h1 img { margin-top: -14px; }
div#stage div#stageTop ul { position: absolute; top: 0px; right: 0px; }
div#stage div#stageTop ul li { float: left; text-align: center; margin: 0px 10px; }
div#stage div#stageTop ul li a { color: #000; }
div#stage div#stageTop ul li a p { margin-top: -4px; }
div#stage div#stageTop ul li a:hover,
div#stage div#stageTop ul li.active a { color: #029F02; }
div#stage .emptyStage { height: 0px; }
div#stage div#stageContainer div { margin-bottom: -2px; }
.home div#stage div#stageContainer div { margin-bottom: 0px; }
div#stage div#stageContainer .noStageImage { float: none; }
div#stage div#stageLeft { float: left; padding-right: 2px; }
div#stage div#stageRight { float: right; }

.home div#stage div#stageContainer { position: relative; height: 250px; background-color:black; }
.home div#stage div.homeStage { position: absolute; top: 0px; width: 900px; background: #fff; }
.home div#stage div.activeStage { z-index: 10; }

/* ---------------OUTERCONTENT, CONTENT-------------------------------------- */
div#outerContent {
    width: 870px;
    margin-bottom: 10px;
    padding: 20px 15px;
    padding-bottom: 15px;
    border: 2px solid #d0d0d0;
    border-top: none;
}
body.home div#outerContent { padding-top: 40px; }
body.cc div#outerContent { width: auto; border: none; }
.ie7 body.cc div#outerContent { padding-left: 0px; }
div#outerContent div#content { width: 635px; float: left; }
body.cc div#outerContent div#content { width: auto; margin: -295px 0px 0px 195px; padding-right: 10px; }
.ie7 body.cc div#outerContent div#content { margin: 0px; }
body.fullwidth div#outerContent div#content { width: 870px; float: left; }
body.menutop_fullwidth div#outerContent div#content { width: 870px; float: left; }
body.menuleft div#outerContent div#content { float: right; }
body.menutop_bannerright_menuleft div#outerContent div#content { width: 410px; float: left; }
div#outerContent div#content a { border-bottom: 1px dotted #029f02; color: #029f02; font-size: 11px; }
div#outerContent div#content h3 a { font-size: 12px; }
div#outerContent div#content ul li span { color: #029f02; padding-right: 5px; }

/* ---------------LEFT BOXEN------------------------------------------------- */
div#left {
    width: 220px;
    min-height: 290px;
    float: left;
    margin-top: -19px;
    margin-left: -15px;
    margin-right: 15px;
    padding-top: 25px;
    padding-left: 15px;
    background: url(/files/allgemein/subSubMenuLeftBg.jpg) repeat-x top left;
}
body.cc div#left { width: 180px; margin-top: -21px; }
.ie7 body.cc div#left { margin-left: 0px; }
div#left div.banner { margin-top: 100px; }
div#left div.picLink .desc { width: 200px; }
div#left div.picLink .desc span { margin-left: -11px; }
div#left div.picLink div.desc a { border-bottom: 1px dotted #029f02; color: #029F02; }

/* ---------------RIGHT BOXEN------------------------------------------------ */
div#right { width: 216px; float: right; }
body.cc div#right { display: none; }
div#right ul li.text { margin-bottom: 5px; line-height: 13px; }
div#right a,
div#right ul li span { color: #029f02; float: left; }
div#right ul li a { border-bottom: 1px dotted #029f02; }
div#right div.picLink {
    background: none;
    margin-left: 8px;
}
div#right div.picLink a { float: none; }
div#right div.picLink .desc span { margin-left: -11px; }
div#right div.picLink div.desc a { border-bottom: 1px dotted #029f02; color: #029F02; }
div#right div.box h2 {
    color: #000;
    padding: 10px 0px;
    margin-bottom: 0px;
}
div#right div.box div.container { padding: 10px 20px; text-align: left; }
div#right div.box div.container form select { margin-bottom: 5px; width: 100%; }
div#right div.bannerBox { margin-left: 10px; }
div#right div.bannerBox div.banner { margin-bottom: 10px; }
div#right div.bannerBox div.banner img { padding-bottom: 2px; }
div#right div.bannerBox div.banner a { border: none; text-decoration: underline; }

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

.box_cc select,
.box_pf select,
.box_sl select {
    width: 156px;
    margin-bottom: 5px;
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 11px;
}
.box_cc,
.box_pf,
.box_sl {
    background: url(/files/right/boxBg.jpg) repeat-y left bottom;
    margin-bottom: 25px;
    padding: 10px 30px 30px 30px;
}
.box_sl { margin-bottom: 15px; }
.box_cc h2,
.box_pf h2,
.box_sl h2 {
    text-align: center;
    margin: -20px -30px 10px -30px;
    padding: 10px 0px;
    background: url(/files/right/container_header.gif) no-repeat top left;
}
.box_cc a,
.box_pf a,
.box_sl a { border-bottom: 1px dotted #029F02; }
.links h2 {
    text-align: center;
    margin: 0px !important;
    background: url(/files/right/boxHeadlineBg.jpg) no-repeat left top;
}
.links .boxContent {
    background: url(/files/right/boxBg.jpg) repeat-y left bottom;
    margin-top: -3px;
    margin-bottom: 10px;
    padding: 10px 30px 20px 30px;
}
.links .boxContent ul li a { float: none !important; }
.tabs h2 {
    background-position: -100px -100px;
    margin: 0px !important;
    padding: 0px !important;
}
.tabs .boxContent {
    background: none;
    margin: 0px;
    padding: 0px;
}
.tabs .boxContent ul li a { float: none !important; }
.ie7 .tabs .boxContent ul li a { position: relative; }
.download .boxContent .icon { padding-right: 10px; }
.socialBookmarks {
    padding: 10px 15px;
    background: url(/files/right/boxBg.jpg) repeat-y left bottom;
}
.socialBookmarks h2 {
    text-align: center;
    color: #000;
    margin: -10px -15px;
    margin-bottom: 0px;
    padding: 10px 0px;
    background: url(/files/right/container_header.gif) no-repeat left top;
}
.socialBookmarks p { line-height: normal; color: #029f02; margin-top: 5px; }
.socialBookmarks p.link { margin: 5px 0px 10px 0px; }
.socialBookmarks p.link a { float: none !important; font-size: 11px; color:#029F02; border-bottom: 1px dotted #029f02; }
.socialBookmarks ul { width: 170px; margin: 10px 20px 0px 0px; }
.socialBookmarks ul li { float: left; width: auto !important; list-style-type: none; }
.socialBookmarks ul li a {
    display: block;
    padding: 5px;
    background: url(/files/general_images/socialbookmarks/shadow.gif) no-repeat top left !important;
    border: none !important;
}

/* ---------------FOOTER----------------------------------------------------- */
div#footer {
    height: 90px;
    background: url(/files/allgemein/footer.jpg) no-repeat top left;
    padding-bottom: 35px;
}
div#footer ul#bottomMenu { position: absolute; top: 67px; left: 20px; }
div#footer ul#bottomMenu li { float: left; font-size: 9px; }
div#footer ul#bottomMenu li span { padding: 0px 5px; color: #808080; }
div#footer ul#bottomMenu li#copy,
div#footer ul#bottomMenu li a { color: #808080; border-bottom: 1px dotted #808080; }
div#footer ul#bottomMenu li#copy { border: none; }
div#footer ul#bottomMenu li a:hover,
div#footer ul#bottomMenu li.active a { color: #000; border-bottom: 1px dotted #000; }

/* ---------------HOME------------------------------------------------------- */
body.home div#top { top: -40px; left: -17px; }
body.home div#top a { color: #fff !important; border-bottom: none !important; }
body.home div#top a:hover { color: #029f02 !important; }
body.home div#leftContent { float: left; width: 635px; }
body.home div#leftContent .homeTeaser { margin-bottom: 30px; }
body.home div#leftContent .homeTeaserlast { margin-bottom: 0px; }
body.home div#leftContent .homeTeaser img { float: left; }
body.home div#leftContent .homeTeaser span.cont { float: right; width: 435px; margin-bottom: 0px; }
body.home div#leftContent .homeTeaser span.cont h3 { font-weight:normal !important; }
body.home div#leftContent .homeTeaser span.cont p { margin-top: 5px; }
.ie7 div#right .tabs ul#tabMenu { margin-bottom: -10px; }

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

.subMenuAuswahl div.container,
.subMenuAuswahl2 div.container { margin-top: 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: 650px;}
.subMenuAuswahl div.image a,
.subMenuAuswahl2 div.image a { border-bottom: none !important; }

.preisliste form label { margin-right: 10px; }
.preisliste form input { margin-right: 5px; }
.preisliste table { margin: 15px 0px; }
.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; }

.ausstattung form label { padding-right: 10px;}
.ausstattung form input { margin-right: 5px; }
.ausstattung form p.verdichten { margin-top: 10px; }
.ausstattung form span { color: #029f02; }
.ausstattung form button {
    border: none;
    border-bottom:1px dotted #029f02;
    color: #029f02;
    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: 370px; }
.adobeReaderDownload a { border: none; }
.adobeReaderDownload img { float: left; margin-right: 10px; }
.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; }

/* ---------------PAGE-SUBSUBMENU-------------------------------------------- */
#top { position: relative; z-index: 50; margin-top: -2px; height: 23px; }
#top a { line-height: normal; }
#top #subSubMenu {
    position: absolute;
    margin-top: 0px !important;
    padding-left: 10px;
    height: 23px; width: 890px;
    background: url(/files/allgemein/subSubMenuBg.jpg) no-repeat left top;
    border-left: 2px solid #d0d0d0;
    border-right: 2px solid #d0d0d0;
}
#top ul li {
    position: relative;
    float: left;
    margin-top: 1px !important;
}
#top ul li a {
    color: #fff;
    font-size: 10px;
    padding: 0px 10px;
    display: block;
    line-height: 21px;
    border-left: 1px solid #606060;
    border-right: 1px solid #898989;
}
#top ul li.last { border-right: 1px solid #898989; }
#top ul ul li.last { border-right: none; }
#top ul li.last a { border-right: 1px solid #606060; }
#top ul ul li.last a { border-right: none; }
#top ul li.last li,
#top ul li.last li a { border-right: none; }
#top ul li a.down { padding-right: 0px; }
#top ul li:hover a,
#top ul li.active a {
    background: white;
    color: #029f02;
    text-decoration: underline;
}
#top ul li a.down span.top {
    padding: 0px 10px;
    background: url(/files/allgemein/subSubMenuIcon.gif) no-repeat 5px 5px;
    text-decoration: none;
}
#top ul li:hover a.down span.top,
#top ul li.active a.down span.top {
    background: #fff url(/files/allgemein/subSubMenuIconOver.gif) no-repeat 5px 5px;
}
#top ul li:hover div.subMenuContainer ul { display: block; }
#top ul li:hover div.subMenuContainer {
    position: absolute;
    top: 22px;
    left: 0px;
    width: 167px;
    height: 5px;
    display: block;
    background: url(/files/allgemein/dropdownTop.png) no-repeat top left;
    z-index: 100;
}
#top ul ul {
    position: absolute;
    z-index: 100;
	top: -2px;
    left: 0px;
    width: 167px;
    display: none;
    background: url(/files/allgemein/dropdownBg.png) repeat-y bottom left !important;
    padding-bottom: 10px;
}
#top ul ul li { float: none; }
#top ul ul li a {
    background: none !important;
    border: none;
    color: #000 !important;
    line-height: 20px;
    padding: 0px 10px;
    font-weight: normal;
    text-decoration: none !important;
}
#top ul ul li:hover a,
#top ul ul li.active a {
    font-weight: bold;
}

/* ---------------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: #029f02;
}
#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: #029f02 !important;
}

/* ---------------GRUSSKARTEN------------------------------------------------ */
.choose {
    float: left;
    width: 440px;
    margin-bottom: 20px;
}
.choose .bild {
    float: left;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
}
.choose .bild span { border-bottom: 1px dotted #029f02; }

.preview { border: 1px solid #ccc; }
.preview .previewImg { float: left; margin-right: 20px; margin-bottom: -2px; }
.preview .previewText { padding: 0px 15px; padding-top: 15px; margin-bottom: 0px; }
.preview .previewText .vorschau { margin-left: 380px; }
.preview .previewText button {
    float: left;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 20px;
}
.preview .previewText button span {
    padding: 0px 3px;
    border-bottom: 1px dotted #029f02;
}
.preview .clear { margin-top: -12px; }

.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; }

/* ---------------BOT-TABS--------------------------------------------------- */
.tabs ul#tabMenu li { float: left; height: 21px; margin-right: 5px; }
.tabs ul#tabMenu li.last { margin-right: 0px; }
.tabs ul#tabMenu li span { width: 8px; height: 21px; padding-right: 0px !important; }
.tabs ul#tabMenu li.active span { height: 22px; }
.tabs ul#tabMenu li #left { background: url(/files/right/tabBoxHeadlineLeftBg.jpg) no-repeat left top; }
.tabs ul#tabMenu li #right { background: url(/files/right/tabBoxHeadlineRightBg.jpg) no-repeat left top; }
.tabs ul#tabMenu li.active #left { background: url(/files/right/tabBoxHeadlineLeftBgActive.jpg) no-repeat left top; }
.tabs ul#tabMenu li.active #right { background: url(/files/right/tabBoxHeadlineRightBgActive.jpg) no-repeat left top; }
.tabs ul#tabMenu li a {
    height: 15px;
    font-size: 10px;
    font-weight: bold;
    color: #000;
    padding-top: 4px;
    padding-left: 0px;
    border: none !important;
    background: url(/files/right/tabBoxHeadlineBg.jpg) repeat-x left top !important;
}
.tabs ul#tabMenu li.active a { height: 18px; background: url(/files/right/tabBoxHeadlineBgActive.jpg) repeat-x left top !important; }
.tabs div.tabContent { display: none; border-top: 1px solid #ccc; }
.tabs div.active { display: block; }
.tabs div.tabContent .box {
    background: url(/files/right/boxBg.jpg) repeat-y left bottom;
    padding: 10px 10px 20px 10px;
}
.tabs div.tabContent li { padding: 5px 0px; }
.tabs div.tabContent a { float: none !important; }
.tabs div.tabContent span.icon { margin-right: 5px; }

/* ---------------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----------------------------------------- */
body.farbenStoffe .previewSelection { float: right; width: 270px; padding-top: 20px; padding-left: 20px; height:165px}
body.farbenStoffe .previewSelection #colorPreview { margin-bottom: 5px !important; }
body.farbenStoffe .previewImg { float: right; }
body.farbenStoffe .previewImg img.plus { margin-bottom: 17px; padding-left: 8px; }
body.farbenStoffe table#color input { width: auto; }
body.farbenStoffe table#color td { padding: 0px 10px; vertical-align: top; }
body.farbenStoffe table#color a { color: #000 !important; border: none !important; }
body.farbenStoffe table#color a:hover { color: #029f02 !important; }
body.farbenStoffe table#color img#stoffPic { border: 5px solid #d0d0d0; }
body.farbenStoffe table.farbenStoffeDetail td { padding: 0px 2px !important; vertical-align: middle !important; }

/* ---------------AUSSTATTUNGSVERGLEICH-------------------------------------- */
body.ausstattungsvergleich input { margin-right: 7px; margin-bottom: 10px; }
.ie7 body.ausstattungsvergleich input { margin-bottom: 0px; }
body.ausstattungsvergleich label { margin-right: 20px; }
body.ausstattungsvergleich .model { margin-bottom: 10px; }
body.ausstattungsvergleich .model .variant { white-space: nowrap; }
body.ausstattungsvergleich .differences p.verdichten { float: left; margin-top: 0px; }
.ie body.ausstattungsvergleich .submitWrapper { padding: 3px 0px 0px 0px !important; }
body.ausstattungsvergleich table { width: 100%; border-collapse: inherit; }
body.ausstattungsvergleich table tr { height: auto; }
body.ausstattungsvergleich table tr td { padding: 5px 10px; }
body.ausstattungsvergleich table tr.legende td { padding: 0px; }
body.ausstattungsvergleich table tr.legende td span { margin-right: 10px; }
body.ausstattungsvergleich table tr.row1 td { background: #eeeff1; }
body.ausstattungsvergleich table tr.head td,
body.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; padding-left: 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; }
.finanzierungsAngebotDetail .image { float: left; }
.finanzierungsAngebotDetail .text { float: right; }
.finanzierungsAngebotDetail .text .row2 { background: #f1f1f1; }
.finanzierungsAngebotDetail .text table{ width: 275px; }
.finanzierungsAngebotDetail .text table tr { height: auto; }
.finanzierungsAngebotDetail .text table tr td { padding: 5px 0px; vertical-align: top; }
.finanzierungsAngebotDetail .text table tr td.head { padding-right: 10px; }
.finanzierungsAngebotDetail .text table tr td.desc { text-align: right; }

/* ---------------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 { margin-left: -25px; }
.cont ul li .content span.fileInfo { margin-left: 0px; 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: #029f02; }

/* ---------------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--------------------------------------------- */
#topMenu #buttonBox {
    position: relative;
    top: -2px;
    left: 3px;
    display: inline;
    border-bottom: 1px dotted #808080;
    padding-bottom: 2px;
}
.ie6 #topMenu #buttonBox,
.ie7 #topMenu #buttonBox {
    top: -2px;
    left: -2px;
    padding-bottom: 0px;
}
#topMenu #buttonBox:hover { border-color: #000; }
#topMenu #buttonBox #topSearchButton {
    font-size: 10px;
    color: #808080;
    margin: 0px;
    padding: 0px;
    background: none;
    border: none;
    cursor: pointer;
    overflow: hidden;
}
.ie6 #topMenu #buttonBox #topSearchButton,
.ie7 #topMenu #buttonBox #topSearchButton {
    width: 34px;
}

.indexSearch .searchField { margin: 15px 0px 20px 0px; }
.indexSearch .hitDescTop { width: 380px; margin-bottom: 15px; padding-bottom: 3px; }
.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 #029f02 !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: 15px; }
.indexSearch .hitList li.last { margin-bottom: 0px; }
.indexSearch .hitList li .hitHeadlineLink { font-weight: bold; border-bottom: none !important; }
.indexSearch .hitList li .hitContent { width: 380px; margin-top: 0px; }
.indexSearch .hitList li .hitContent .highlightTerms { font-weight: bold; padding-right: 0px !important; color: #000 !important; }
.indexSearch .hitList li .hitLink { width: 100%; overflow: hidden; white-space: nowrap; }
.indexSearch .hitList li .borderLine { width: 380px; height: 1px; padding-top: 15px; }
.indexSearch .hitList li.last .borderLine { border-bottom: none; }
.indexSearch .hitDescBottom { width: 380px; padding-top: 3px; }