/***** front page - header box *****/ .bdi_categoryBox { float: left; margin: 0 0 13px 0; padding: 0; } .bdi_categoryBox .bdi_boxBorder { width: 708px; height: 245px; margin: 0; padding: 0; background:url(../images/layout/frontpage_header.jpg) no-repeat top left; border: solid 1px #d7d7d7; } .bdi_categoryBox .bdi_boxContent { width: 580px; height: 115px; margin: 0; padding: 0; } .bdi_categoryBox .bdi_boxDescription { margin: 0; padding: 10px; color: #5c5c5c; font-size: 13px; text-align: center; line-height: 16px; } .bdi_categoryBox .bdi_boxDescription h1 { margin: 5px 0 8px 60px; padding: 0; color: #2078b1; font-size: 19px; font-weight: normal; } .bdi_categoryBox .bdi_boxBelowContent { margin: 0 0 0 16px; padding: 0; } .bdi_categoryBox .bdi_boxInnerContent { float: left; width: 122px; margin: 0 16px 0 0; padding: 0; } .bdi_categoryBox .bdi_boxInnerContent h4 { height: 30px; margin: 0; padding: 0; color: #fff; font-size:14px; line-height: 16px; font-weight: normal; } .bdi_categoryBox .bdi_boxInnerContent ul { margin: 15px 0 0; padding:0; list-style:none; } .bdi_categoryBox .bdi_boxInnerContent ul li { margin: 0 0 3px; padding: 0 0 0 10px; background-image: url(../images/buttons/button_arrow_grey.gif); background-repeat: no-repeat; background-position: 0 4px; } .bdi_categoryBox .bdi_boxInnerContent ul li a { font-size:12px; color:#5c5c5c; } /***** product teaser *****/ .product_teaser { float:left; border: solid 1px #d7d7d7; background: url(../images/layout/bg-portlet.gif) bottom left repeat-x; width: 230px; margin-bottom: 15px;} .product_teaser .teaser_text { float:left; width: 140px;} .product_teaser .teaser_headline{ padding-top: 20px; padding-left: 18px; } .product_teaser a h1 { font-family:'Trebuchet MS'; color:#2078b1; line-height:15px; font-size: 16px; font-weight: bold; } .product_teaser a h2 { font-family:'Trebuchet MS'; color:#2078b1; line-height:15px; font-size: 16px; font-weight: bold; } .product_teaser a h3 { font-family:'Trebuchet MS'; color:#2078b1; font-size: 14px; line-height:16px; font-weight: bold; } .product_teaser h1 a, .product_teaser h3 a { padding-bottom: 5px; font-family:'Trebuchet MS'; color:#2078b1; line-height:15px; font-size: 14px; font-weight: bold; display: block;} .product_teaser h2 a { font-family:'Trebuchet MS'; color:#2078b1; line-height:15px; font-size: 16px; font-weight: bold; } /*.product_teaser h3 a { font-family:'Trebuchet MS'; color:#2078b1; font-size: 14px; line-height:16px; font-weight: bold; }*/ .product_teaser p { padding-top: 10px; padding-left: 18px; } .product_teaser a img { padding-bottom: 10px; } .product_teaser ul.itemArrow { padding:0 0 0 18px; margin:0; list-style-type:none; } .product_teaser ul.itemArrow li { padding:2px 5px 2px 4px; margin:0px 4px 0 0; background:url(../images/buttons/button_arrow.gif) 0 .55em no-repeat; } .product_teaser ul.itemArrow li a{ padding:0 0 0 7px; margin:0; font-weight: bold; color: #2078b1; } /***** product teaser - front page - content large *****/ .product_teaser.teaser1 a img { float: right; padding-right: 10px; } .product_teaser.teaser1 { width: 347px; height: 200px; margin-right: 10px; margin-bottom: 10px } .product_teaser.teaser1 .teaser_text { width: 225px; } .product_teaser.teaser1 .teaser_text p { margin-bottom: 15px; line-height:14px; } /***** product teaser - front page - content small *****/ .product_teaser.teaser5 a img { float: right; padding-right: 10px; } .product_teaser.teaser5 { width: 250px; height: 165px; margin-right: 10px; margin-bottom: 10px } .product_teaser.teaser5 .teaser_text { width: 160px;} .product_teaser.teaser5 .teaser_text p { margin-bottom: 15px; line-height:14px; } /***** product teaser - right column *****/ .product_teaser.teaser2 { width: 229px; margin-bottom: 10px; padding-bottom: 10px; } .product_teaser.teaser2 h3 { font-size: 16px; font-weight: bold; padding:0; margin:0; font-family:'Trebuchet MS'; color:#5c5c5c; line-height:15px; } .product_teaser.teaser2 .teaser_text { width: 130px; padding-right: 10px; clear: both; float: left;} .product_teaser.teaser2 .teaser_text.service{ width: 180px; } .product_teaser.teaser2 .itemArrow { padding-top:10px; } .product_teaser.teaser2 .itemArrow input { width: 120px; color: #2078b1; font-size: 11px; font-weight: bold; background-color: transparent; text-decoration: none; text-align: left; margin: -1px 0 0 0; padding: 0 0 0 5px; border-width: 0; cursor: pointer; } /***** edited teaser - front page - content *****/ div.passage.teaser3 { float:left; width:347px; height: 185px; margin-right: 10px; margin-bottom: 10px; border: solid 1px #d7d7d7; background:url(../images/layout/bg-portlet.gif) bottom left repeat-x;} div.passage.teaser3 h1 { margin-left: 20px; margin-bottom: 20px; margin-top: 20px; padding-right:10px; font-family:'Trebuchet MS'; color:#2078b1; line-height:17px; font-size: 16px; font-weight: bold;} div.passage.teaser3 h2 { margin-left: 20px; font-family:'Trebuchet MS'; color:#5c5c5c; font-size: 12px; font-weight: bold; line-height: 15px;} div.passage.teaser3 .image.div { float: right; padding-right: 10px; padding-bottom: 10px; } div.passage.teaser3 p { margin-left: 20px; width: 200px; line-height:14px; } div.passage.teaser3 .buttonContainer { padding:1px 5px 2px 10px; margin:20px 4px 10px 20px; background:url(../images/buttons/button_arrow.gif) 0 .55em no-repeat; } div.passage.teaser3 .buttonContainer a { font-weight: bold; } /***** edited teaser - right column *****/ div.passage.teaser4 { float: left; width:229px; margin-bottom: 10px; border: solid 1px #d7d7d7; background: url(../images/layout/bg-portlet.gif) bottom left repeat-x; } div.passage.teaser4 h1 { margin-left: 17px; font-family:'Trebuchet MS'; color:#2078b1; line-height:15px; font-size: 16px; font-weight: bold; } div.passage.teaser4 h2 { clear:left; margin-left: 17px; color:#5c5c5c; line-height:15px; font-size: 11px; font-weight: bold; margin-top: 14px; margin-bottom:0; padding-bottom:0; } div.passage.teaser4 h3 { float:left; padding-left: 17px; margin-top: 17px; padding-bottom: 11px; font-family:'Trebuchet MS'; color:#2078b1; line-height:17px; font-size: 14px; font-weight: bold; } div.passage.teaser4 .image.div { float: right; padding: 0 10px 10px 3px; font-size:0; } div.passage.teaser4 img { margin: 10px 0 0 0; padding-bottom: 15px; } div.passage.teaser4 p { margin: 0 0 0 17px; width: 104px; padding-bottom: 0; line-height:14px; padding-top:0; } div.passage.teaser4 .buttonContainer { padding:1px 5px 2px 10px; margin:13px 4px 10px 20px; background:url(../images/buttons/button_arrow.gif) 0 .55em no-repeat; } div.passage.teaser4 .buttonContainer a { font-weight: bold; } /***** shopping cart - crossselling *****/ .bdi_crossselling_container { float:left; width:100%; } .bdi_crossselling_teaser { float: left; width: 228px; margin: 0 10px 10px 0; padding-bottom:7px; border: 1px solid #d7d7d7; background: url(../images/layout/bg-portlet.gif) bottom left repeat-x; } .bdi_crossselling_teaser.last { margin-right: 0; } .bdi_crossselling_teaser_title { font-family:'Trebuchet MS'; color:#2078b1; padding-left: 10px; padding-top: 10px; font-size: 14px; font-weight: bold; margin-bottom: 5px; height: 45px; } .bdi_crossselling_teaser_left { float: left; padding-left: 10px; margin-right: 25px; } .bdi_crossselling_teaser_price { color: #5d5d5d; font-size: 12px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; } .bdi_crossselling_teaser_right { float: right; height: 78px;} /***** KluwerCard - front page - header box *****/ .bdi_KCcategoryBox { float: left; margin: 0 0 13px 0; padding: 0; } .bdi_KCcategoryBox .bdi_boxBorder { width: 708px; height: 207px; margin: 0; padding: 0; background:url(../images/layout/frontpage_header_kc.jpg) no-repeat top right; border: solid 1px #d7d7d7; } .bdi_KCcategoryBox .bdi_boxContent { width:400px; color:#0e212d; font-family:Trebuchet MS, Verdana; line-height:18px; font-size:17px; font-weight:normal; padding:18px 0 0 25px; } .bdi_KCcategoryBox .bdi_boxContent h1 { color:#6ebb1f; font-size:30px; line-height:30px; } .bdi_KCcategoryBox .bdi_boxContent h1 span { font-size:36px; padding-left:140px;} /***** KluwerCard - front page - box left *****/ .bdi_KCcontentLeft { float:left; width: 349px; padding:0; margin:0 0 12px 0; border: solid 1px #d7d7d7; background: url(../images/layout/bg-portlet.gif) bottom left repeat-x; } .bdi_KCcontentLeft .bdi_boxContent { text-align:center; height:267px; padding:17px 0 0 17px; } .bdi_KCcontentLeft .bdi_boxContent h3 { font-size: 16px; font-weight: bold; padding:0; margin:0; font-family: 'Trebuchet MS'; color: #2078b1; line-height: 15px; } .bdi_KCcontentLeft .bdi_boxContent h3.green { color:#6ebb1f; padding:10px 0 20px 0; } .bdi_KCcontentLeft .bdi_boxContent form { margin-top:25px; text-align:center; } .bdi_KCcontentLeft .bdi_boxContent input.vouchercode{ border:1px solid #8fadc5; height:16px; width:160px; margin: 0 0 10px 0; padding: 1px 7px 0 7px; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; } .bdi_boxContent .voucherradio { padding:8px 0; } .bdi_boxContent .voucherradio label { float:none; width:auto; padding-left:3px; display:inline; } .bdi_boxContent .voucherradio input.voucherradio { padding:5px 4px 0 0; } .bdi_boxContent .voucherradio input.voucherbutton { margin:15px 0 0 0; } /***** KluwerCard - front page - box right *****/ .bdi_KCcontentRight {float:left; margin-left:8px; padding:0 12px 12px 0; } .bdi_KCcontentRight .bdi_boxBorder { float:left; width: 349px; padding:0; margin:0; border: solid 1px #d7d7d7; background: url(../images/layout/bg-portlet.gif) bottom left repeat-x; } .bdi_KCcontentRight .bdi_boxContent { height:267px; padding:17px 0 0 17px; } .bdi_KCcontentRight .bdi_boxContent h3 { font-size: 16px; font-weight: bold; padding:0; margin:0; font-family: 'Trebuchet MS'; color: #2078b1; line-height: 15px; } .bdi_KCcontentRight .bdi_boxContent p { padding: 25px 0 9px 0; line-height:13px; } /**** Contact Teaser Crossnav ****/ #bdi_contactTeaserCrossnav { color: #1a6db1; padding-top: 5px; font-family:'Trebuchet MS'; width: 230px; height: 363px; background: url(../images/layout/crossnav_contact_teaser_bg.jpg) no-repeat; margin-bottom: 10px;} #bdi_contactTeaserCrossnav h5 { font-size: 13px; margin: 0 0 8px 7px; padding: 0;} #bdi_contactTeaserCrossnav h5 span { font-size: 14px; font-weight: bold;} #bdi_contactTeaserCrossnavBottom { color: #ffffff} #bdi_contactTeaserCrossnavBottom h3 { color: #ffffff; font-size: 14px; font-weight: bold; margin: 15px 0 0 30px;} #bdi_contactTeaserCrossnavList2 h3 { margin-top: 25px;} #bdi_contactTeaserCrossnavList3 h3 { margin-top: 25px;} #bdi_contactTeaserCrossnavBottom p { font-size: 12px; margin: 10px 0 0 10px; width: 215px; line-height: 14px;} #bdi_contactTeaserCrossnavCategory { margin-bottom: 10px; color: #1a6db1; padding-top: 5px; font-family:'Trebuchet MS'; width: 230px; height: 136px; background: url(../images/layout/crossnav_contact_small_bg.jpg) no-repeat;} #bdi_contactTeaserCrossnavCategory h4 { font-size: 15px; font-weight: bold; margin: 10px 0 10px 7px; padding: 0;} #bdi_contactTeaserCrossnavCategory h4.end { margin-bottom: 40px;} #bdi_contactTeaserCrossnavCategory h5 { font-size: 13px; margin: 0 0 8px 7px; padding: 0;} #bdi_contactTeaserCrossnavCategory h5 span { font-size: 14px; font-weight: bold;} #bdi_headlineTeaserCrossnav { font-family:'Trebuchet MS'; width:230px; height:28px; padding:3px 0 0 0; margin:0 0 10px 0; color:#5C5C5C; font-weight:bold; font-size:11px; text-align:center; background:#98c1db url(../images/buttons/button_blue.gif) repeat-x; border:1px solid #9a9a9a;} /**** Category Banner Teaser ****/ .bdi_categoryTopBanner { width: 540px; height: 152px; margin-bottom: 15px; overflow: hidden;} /**** Akademie Teaser Crossnav ****/ #bdi_akademieTeaserCrossnav { font-family:'Trebuchet MS';} #bdi_akademieTeaserCrossnav #bdi_akademieTeaserHeadline { height: 20px; font-size: 13px; padding-top: 5px; padding-left: 10px; font-weight: bold; color: #ffffff; background: url(../images/layout/akademie_teaser_headline.jpg) no-repeat;} #bdi_akademieTeaserCrossnav #bdi_akademieTeaserSubheadline { height: 58px; font-size: 12px; background: url(../images/layout/crossnav_akademie_icon.jpg) no-repeat 10px 10px; border-left: 1px solid #f0f4f5; border-right: 1px solid #f0f4f5;} #bdi_akademieTeaserCrossnav #bdi_akademieTeaserSubheadline a{ padding: 23px 0 0 60px; display: block; color: #0191ce;} #bdi_akademieTeaserList { border-left: 1px solid #f0f4f5; border-right: 1px solid #f0f4f5; border-bottom: 1px solid #f0f4f5;} #bdi_akademieTeaserList .bdi_akademieTeaserListIcon { float:left; width: 9px; height: 9px; margin-top:13px; margin-left: 15px;/margin-left:7px;} #bdi_akademieTeaserList .bdi_akademieTeaserListText { float:left; margin-top:11px; margin-left: 10px;} #bdi_akademieTeaserList .red { background: url(../images/layout/start_navlist_red.jpg) no-repeat;} #bdi_akademieTeaserList .blue { background: url(../images/layout/start_navlist_blue.jpg) no-repeat;} #bdi_akademieTeaserList .green { background: url(../images/layout/start_navlist_green.jpg) no-repeat;} #bdi_akademieTeaserList a { margin-top: 1px; display: block; width: 230px; height: 30px; /height:28px; color: #0191ce; background: #ecf1f4;} #bdi_akademieTeaserList a:hover { background: #e4f0f7; }