/* tabs: type 1*/ #content div.tabs_type1 { } #content div.tabs_type1 > ul { height: 30px; } #content div.tabs_type1 > ul li { float: left; background: url(../images/components/tabs_type1_bg.png) no-repeat right top; margin-left: 10px; } #content div.tabs_type1 > ul li a { position: relative; display: block; background: url(../images/components/tabs_type1_bg.png) no-repeat left top; left: -10px; padding-left: 10px; height: 30px; line-height: 30px; } #content div.tabs_type1 > ul li a img { line-height: 30px; } #content div.tabs_type1 > ul li:hover { background-position: right center; } #content div.tabs_type1 > ul li:hover a { background-position: left center; } #content div.tabs_type1 > ul li.selected { background-position: right bottom; } #content div.tabs_type1 > ul li.selected a { background-position: left bottom; } #content div.tabs_type1 > div { clear: both; } /* selectbox replacement */ *:focus { outline: none; } .js ul.newList {left:-9999px;} div.newListSelected { cursor: pointer; width: 285px; color: #333; height: 18px; padding: 3px 0 0 6px; background: #fff; } div.newListSelected span { width: 284px; display: block; } div.selectedTxt { width: 258px; overflow: hidden; height: 16px; padding: 0 23px 0 0; } ul.newList { color: #21598A; width: 290px; background: #fff; position: absolute; border: 1px solid #21598A; top: 22px; left: 0; overflow: auto; z-index: 9999; padding: 5px 0; } ul.newList li { padding: 2px 10px; cursor: pointer; overflow: hidden; } ul.newList li small { color: #666; } ul.newList li.newListHover { background: #F9E9CF !important; color: #000 !important; } ul.newList li.newListSelHover, ul.newList li.newListSelFocus { background-position: 0 -22px; } ul.newList li.hiLite { background: #21598A !important; color: #fff !important; } ul.newList li.hiLite small { color: #fff; } /* scheme for other width */ /* newListSelected -> target-width */ /* newListSelected span -> target-width -1 */ /* selectedTxt -> target-width -27 */ /* newList -> target-width +5 */ div.selectWidth240 select { width: 240px; } div.selectWidth141 select { width: 141px; } div.selectWidth113 select { width: 113px; } div.selectWidth100 select { width: 100px; } div.selectWidth60 select { width: 60px; } /* carousel */ div.carousel { position: relative; padding: 0 35px; margin:0 5px; overflow: hidden; } div.carousel div.js { margin-left:2px; } div.carousel div.js > ul > li { position: relative; float: left; margin: 15px 8px 0 0; width: 160px; height: 200px; } div.carousel div.js > ul > li a.visual { display: block; width: 158px; height: 108px; background-color: #E3F0F8; background-position: center center; background-repeat: no-repeat; border: 1px solid transparent; } div.carousel div.js > ul > li a.visual img { width: 158px; height: 108px; } div.carousel div.js > ul > li a.visual:hover { border: 1px solid #21598A; } div.carousel div.js > ul > li img.logo { position: absolute; top: 120px; left: 30px; z-index: 999; border: 1px solid #21578A; border-top: 0; border-left: 0; } div.carousel div.js dl { width: 150px; } div.carousel div.js dt { text-align: center; padding: 5px 0 0 0; } div.carousel div.js dt a { font-size: 12px; color: #21578a; } div.carousel div.js dt a:hover { text-decoration: none; } div.carousel div.js dd { color: #000; text-align: center; margin: 5px 0 0 0; font-size: 12px; } div.carousel div.js dd strong { font-size: 14px; font-weight: bold; } div.carousel > a { display: block; width: 24px; height: 24px; text-indent: -999em; position: absolute; z-index: 900; top: 30%; } div.carousel > a.prev { left: 5px; background: url(../images/components/carousel_arrow_left.png) no-repeat 0 0; } div.carousel > a.next { right: 5px; background: url(../images/components/carousel_arrow_right.png) no-repeat 0 0; } div.carousel > a:hover { background-position: bottom; } /* Tabs oberhalb des Karussells z.B. im Standard-Footer-Karussell */ #content #carousel_tabber { margin-top:10px; background:url('../images/carousel/carousel_bg1.png') 0 30px no-repeat transparent; } #content #carousel_tabber div.tabs_type1 a > img { margin-top:7px; } #content #carousel_noTabs { margin-top:10px; background:url('../images/carousel/carousel_bg2.png') 0 0 no-repeat transparent; } #content #carousel_noTabs div.carousel div.js li { height: 197px; margin-top:8px;} #content #carousel_noTabs h3 { padding:12px 0 0 12px; } #content #carousel4 { clear: right; height: 177px; background: #fff url(../images/carousel/carousel4_bg.jpg) 0 10px no-repeat; } #content #carousel4 div.carousel { padding: 0 30px; } #content #carousel4 div.carousel div.js > ul > li { width: 167px; height: 133px; margin: 27px 0px; position: relative; } #content #carousel4 div.carousel div.js > ul > li > img { width: 159px; height: 109px; position: absolute; top: 3px; left: 3px; } #content #carousel4 div.carousel div.js > ul > li > a { width: 167px; height: 24px; padding: 109px 0 0 0; position: absolute; top: 0; left: 0; background: url(../images/carousel/carousel4_item_bg.png) 0 0 no-repeat; } #content #carousel4 div.carousel div.js > ul > li > a:hover { background-position: 0 -133px; } #content #carousel4 div.carousel div.js > ul > li > a {text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 11px; } #content #carousel4 div.carousel div.js > ul > li > a span { display: inline-block; background: url(../images/carousel/carousel4_item_arrow.png) 0 4px no-repeat; padding: 0 0 0 16px; } #content #carousel4 div.carousel a.next, #content #carousel4 div.carousel a.prev { top: 80px; } /* Karussell unter anderem auf Sortiments-Einstiegsseite */ #content div.carousel2 { position: relative; padding: 0 50px; margin:0 0 0 5px; background-position: 0 15px; background-repeat: no-repeat; } #content div.carousel2 div.js { margin-left:2px; } #content div.carousel2 div.js li { position: relative; float: left; margin: 15px 15px 0 0; width: 191px !important; height: 331px; background: url(../images/carousel/carousel2_item_bg.png) no-repeat 0 0; } #content div.carousel2 div.js li h3 { font-weight:bold; font-size:13px; color:#000; margin-bottom:10px; } #content div.carousel2 div.js dl { margin:12px 12px 0; } #content div.carousel2 div.js dd span { display:inline-block; background: url(../images/text/list_style_type_disc_blue.gif) 0 3px no-repeat; padding-left:10px; font-size:11px;} #content div.carousel2 div.js li a.visual { background-position:center center; background-repeat:no-repeat; display: block; width: 179px; height: 123px; border: 1px solid transparent; position: absolute; bottom: 49px; left: 5px; } #content div.carousel2 div.js li a.visual:hover { border: 1px solid #21598A; } #content div.carousel2 div.js li a.visual img { width: 179px; height: 123px; } #content div.carousel2 div.js li a.flag { position: absolute; bottom: 149px; left: 15px; } #content div.carousel2 div.js li p { display: block; width: 179px; height: 39px; background: url(../images/carousel/carousel2_img_teaser_text_bg.gif) center center no-repeat; position:absolute; left:0; bottom:0; text-align:center; color:#fff; font-size:11px; padding:5px 0 0 0; text-decoration:none; border-bottom:none; margin:0 5px 5px 5px; border: 1px solid transparent; border-top:none; } #content div.carousel2 div.js li p > span { font-size:14px; font-weight:bold; text-decoration:none;} #content div.carousel2 > a { display: block; width: 24px; height: 24px; text-indent: -999em; position: absolute; z-index: 900; top: 40%; } #content div.carousel2 > a.prev { left: 5px; background: url(../images/components/carousel2_arrow_left.png) no-repeat 0 0; } #content div.carousel2 > a.next { right: 5px; background: url(../images/components/carousel2_arrow_right.png) no-repeat 0 0; } #content div.carousel2 > a:hover { background-position: bottom; } #content div.carousel2 a.text_link_arrow { margin-top:7px; margin-left:75px; padding-left:18px;} /* Neues Karussell, das seitenweise slidet */ div.carousel_pageable_4 { position: relative; padding: 0 40px; background: #fff; } div.carousel_pageable_4 > a { display: block; width: 24px; height: 24px; text-indent: -999em; position: absolute; z-index: 900; top: 30%; } div.carousel_pageable_4 > a.prev { left: 5px; background: url(../images/components/carousel_arrow_left.png) no-repeat 0 0; } div.carousel_pageable_4 > a.next { right: 5px; background: url(../images/components/carousel_arrow_right.png) no-repeat 0 0; } div.carousel_pageable_4 > a:hover { background-position: bottom; } div.carousel_pageable_4 > div.js { overflow: hidden; position: relative; width: 100%; height: 200px; } div.carousel_pageable_4 > div.js > ul { position: absolute; left: 0; top: 0; width: 9999em; height: 215px; } div.carousel_pageable_4 > div.js > ul > li { overflow: hidden; position: relative; float: left; margin: 0 8px 0 0; width: 160px; height: 200px; } div.carousel_pageable_4 > div.js > ul > li a.visual { display: block; width: 158px; height: 108px; background-color: #E3F0F8; background-position: center center; background-repeat: no-repeat; border: 1px solid transparent; } div.carousel_pageable_4 > div.js > ul > li a.visual img { width: 158px; height: 108px; } div.carousel_pageable_4 > div.js > ul > li a.visual:hover { border: 1px solid #21598A; } div.carousel_pageable_4 > div.js > ul > li img.logo { position: absolute; top: 120px; left: 30px; z-index: 999; border: 1px solid #21578A; border-top: 0; border-left: 0; } div.carousel_pageable_4 > div.js dl { width: 150px; } div.carousel_pageable_4 > div.js dt { text-align: center; padding: 5px 0 0 0; } div.carousel_pageable_4 > div.js dt a { font-size: 12px; color: #21578a; } div.carousel_pageable_4 > div.js dt a:hover { text-decoration: none; } div.carousel_pageable_4 > div.js dd { color: #000; text-align: center; margin: 5px 0 0 0; font-size: 12px; } div.carousel_pageable_4 > div.js dd strong { font-size: 14px; font-weight: bold; } /* Neues Karussell, das seitenweise slidet, aber nur mit 3 items */ div.carousel_pageable_3 { position: relative; padding: 0 40px; width: 492px; } div.carousel_pageable_3 > a { display: block; width: 24px; height: 24px; text-indent: -999em; position: absolute; z-index: 900; top: 30%; } div.carousel_pageable_3 > a.prev { left: 5px; background: url(../images/components/carousel_arrow_left.png) no-repeat 0 0; } div.carousel_pageable_3 > a.next { right: 5px; background: url(../images/components/carousel_arrow_right.png) no-repeat 0 0; } div.carousel_pageable_3 > a:hover { background-position: bottom; } div.carousel_pageable_3 > div.js { overflow: hidden; position: relative; width: 100%; height: 215px; } div.carousel_pageable_3 > div.js > ul { position: absolute; left: 0; top: 0; width: 9999em; height: 215px; } div.carousel_pageable_3 > div.js > ul > li { overflow: hidden; position: relative; float: left; margin: 0 8px 0 0; width: 160px; height: 200px; } div.carousel_pageable_3 > div.js > ul > li a.visual { display: block; width: 158px; height: 108px; background-color: #E3F0F8; background-position: center center; background-repeat: no-repeat; border: 1px solid transparent; } div.carousel_pageable_3 > div.js > ul > li a.visual img { width: 158px; height: 108px; } div.carousel_pageable_3 > div.js > ul > li a.visual:hover { border: 1px solid #21598A; } div.carousel_pageable_3 > div.js > ul > li img.logo { position: absolute; top: 120px; left: 30px; z-index: 999; border: 1px solid #21578A; border-top: 0; border-left: 0; } div.carousel_pageable_3 > div.js dl { width: 150px; } div.carousel_pageable_3 > div.js dt { text-align: center; padding: 5px 0 0 0; } div.carousel_pageable_3 > div.js dt a { font-size: 12px; color: #21578a; } div.carousel_pageable_3 > div.js dt a:hover { text-decoration: none; } div.carousel_pageable_3 > div.js dd { color: #000; text-align: center; margin: 5px 0 0 0; font-size: 12px; } div.carousel_pageable_3 > div.js dd strong { font-size: 14px; font-weight: bold; } /* Karussell für Service-Leiste auf ADS */ div.carousel_service { position: relative; padding: 0 44px 0 36px; } div.carousel_service > a { display: block; width: 24px; height: 24px; text-indent: -999em; position: absolute; z-index: 900; top: 13px; } div.carousel_service > a.prev { left: 5px; background: url(../images/components/carousel_arrow_left.png) no-repeat 0 0; } div.carousel_service > a.next { right: 5px; background: url(../images/components/carousel_arrow_right.png) no-repeat 0 0; } div.carousel_service > a:hover { background-position: bottom; } div.carousel_service > div.js { overflow: hidden; position: relative; width: 100%; height: 50px; } div.carousel_service > div.js > ul { position: absolute; left: 0; top: 0; width: 9999em; height: 50px; } div.carousel_service > div.js > ul > li { overflow: hidden; position: relative; float: left; margin: 15px 4px 0 0; width: 164px; height: 35px; } /* slider */ #content div.slider { position: relative; width: 150px; height: 65px; padding: 0 47px 0 0; border: 1px solid transparent; position: relative; } #content div.slider a { display: block; width: 19px; height: 17px; } #content div.slider a.slider-submit { position: absolute; right: 0px; top: 15px; width: 33px; height: 18px; background: url(../images/components/slider_go.png) no-repeat left 0; text-indent: -999em; } #content div.slider a.slider-submit:hover { background-position: left -18px; } #content div.ui-slider { margin: 5px 0; } #content div.ui-slider a { top: -6px; background: url(../images/components/slider_controls.png) no-repeat 0 0; cursor: pointer; z-index: 500; } #content div.ui-slider a { color: #22578B; font-size: 11px; font-weight: bold; text-decoration: none; border: 0; } #content div.ui-slider a.ui-slider-handle-last { background-position: right 0; z-index: 400; } #content div.slider div.js { background: #21578a url(../images/components/slider_bg.gif) repeat-x 0 0; } #content div.slider div.ui-slider-range { background: #F2D8A5; border-top: 1px solid #757575; top: -1px; height: 7px; } #content div.slider div.ui-widget-content { border: 0; border-top: 1px solid #003263; background: #21578a; margin: 0 0 0 7px; } #content div.slider div.display { font-size: 11px; position: absolute; top: 40px; left: 0; } #content div.slider div.display div.divider { float: left; width: 60px; text-align: center; background: url(../images/components/slider_text_bg.gif) no-repeat 0 center; margin: 0 3px; padding: 3px 0; } #content div.slider div.display div.currency { float: left; width: 25px; text-align: right; padding: 3px 0; } #content div.slider div.display input { float: left; border: 1px solid #4F99C7; padding: 2px; width: 32px; } #content { clear: both; } #content h1 { font-size:24px; font-weight:bold; color:#000;} #content h2 { font-size:14px; font-weight:bold; color:#000;} #content h4 { background: url(../images/h4.gif) no-repeat 0 bottom; padding: 0 0 7px 0; } #content h4 > a { float: right; display: block; background: url(../images/button/arrow_top.gif) no-repeat 0 center; padding: 10px 15px; } #content h4 > span { display: block; background: url(../images/h4.gif) no-repeat 0 top; font-size:14px; font-weight:bold; color:#21578a; padding: 10px 13px; } #content h4 > span small { text-transform: none; font-weight: normal; } #content a {color:#21578a;} #content p { margin-bottom:10px; } ul.simple_list { list-style-type:disc; color:#000; font-size:100%; margin-left:1.3em;} div.col_half { width:50%; } div.col_fourth { width:25%; } .col_two_third { width:66%; } #flashbox { background-color:#fff; padding-bottom:5px; } /* Content-Border-Section */ #content_border { position: relative; } #content div.content_border_top { background:url(../images/content_border_top.png) top center no-repeat transparent; position:absolute; top:0px; left:0; width:750px; height:12px; z-index:999; } #content div.content_border_bottom { background:url(../images/content_border_bottom.png) bottom center no-repeat transparent; position: relative; margin-top:-11px; left:0; height:12px; z-index:997;} #content div.content_border_right { background:url(../images/content_border_right.png) bottom right no-repeat transparent; padding-right:5px; } #content div.content_border_left { background:url(../images/content_border_left.png) bottom left no-repeat transparent; padding-left:5px; } /* in text content image */ #content_border .inTextImage {display: block; width: 100%;} #content_border .inTextImage:after {display: block; content: "."; height: 0; clear: both; visibility: hidden;} #content_border .inTextImage span {float: left;} #content_border .inTextImage img {float: left; margin: 0 0 0 10px;} /* /Content-Border-Section */ #content_header { background:url(../images/dummy/article_header_dummy.gif) no-repeat left center; height:110px; position:relative; } #content_header > h2 { margin: 25px 0 0 25px; display: inline-block; font: normal 28px/32px Arial,Verdana,sans-serif; color: #21578A; } #content_header div.tabs_type1 { position:absolute; bottom:0;} #content_header_article { background: #7CB4D7; height:62px; position:relative; } #content_header_article h1, #content_header_article h2 { margin: 0 0 0 25px; font: normal 24px/70px Arial,Verdana,sans-serif; color: #fff; } #content_header_article div.teaser { float: right; width: 348px; } #content_header_article div.teaser img { float: right; width: 348px; margin: 5px 0 0 0; } #content_body { background-color:#fff; position:relative; } #content_header.search_result { min-height:123px;} #content_header.search_result p { font-size:14px; padding:5px 0 0 25px;} #content_header.search_result p strong { font-weight:bold; } /* Pagination */ #content div.pagination { float:right; height:22px; margin:10px 15px 10px 0;} #content div.pagination label { float:left; width:auto; margin:4px 5px 0 0; text-transform: uppercase; } #content div.pagination ul { float:left; margin-top:3px;} #content div.pagination ul li { float: left; padding:0 3px; font-weight: bold; } #content div.pagination a span { visibility:hidden; } #content div.pagination a { font-size:13px; font-weight:bold; } #content div.pagination a.active{ font-size:18px; text-decoration:none; } #content div.pagination a.prev { background: url(../images/button/pagination.png) left top no-repeat; text-decoration:none; width:23px; height:22px; float:left; margin-right:5px;} #content div.pagination a.next { background: url(../images/button/pagination.png) right top no-repeat; text-decoration:none; width:23px !important; height:22px; float:left; margin:0 5px 0 5px;} #content div.pagination a.prev:hover { background-position: left bottom; } #content div.pagination a.next:hover { background-position: right bottom; } /* /Pagination */ /* Number of Articles */ #content #number_select { width: 210px; padding: 13px 0 0 0; position: absolute; top: 8px; left: 275px; } #content #number_select label { display: block; float: left; width: 110px; text-transform: uppercase; } #content #number_select select { width: 50px; font-size: 11px; } #content #number_select option { font-size: 11px; } /* Links und Buttons */ a.text_link_arrow { display:inline-block; padding-left: 17px; background:url(../images/text_link_arrow.gif) no-repeat left center; } a.text_link_arrow_small { display:inline-block; padding-left: 14px; background:url(../images/text_link_arrow_small.gif) no-repeat left 5px;} a.text_link_arrow_left { display:inline-block; height:14px; line-height:14px; padding-left:17px; background:url(../images/text_link_arrow_left.gif) no-repeat left center; } /* unversaler, flexibler Button mit Pfeil -> Hoehe 21px */ a.button_arrow { padding: 0 5px 0 0; background:url(../images/button/button_arrow.png) top left no-repeat transparent; display:inline-block; text-decoration:none; font-size:11px; color:#20558a; text-transform:uppercase; } a.button_arrow span { position: relative; height: 21px;line-height: 21px; background: url(../images/button/button_arrow.png) top right no-repeat transparent; margin-left: 13px; right: -13px; padding-right: 13px; display: block; cursor:pointer; } a.button_arrow:hover { background-position: left bottom; } a.button_arrow:hover span { background-position: right bottom; } div.button_arrow_l_disabled { background: url("../images/button/button_arrow_l_disabled2.png") no-repeat scroll left top transparent; color: #20558A; cursor: default; display: inline-block; font-size: 11px; margin: 0; padding: 0 5px 0 0; text-decoration: none; text-transform: uppercase; } div.button_arrow_l_disabled span { background: url("../images/button/button_arrow_l_disabled2.png") no-repeat scroll right top transparent; display: block; line-height: 25px; margin-left: 13px; padding-right: 13px; position: relative; right: -13px; } /* unversaler, flexibler Button mit Pfeil -> Hoehe 25px (nur für Text nutzen) */ a.button_arrow_l { padding: 0 5px 0 0; margin:0; background:url(../images/button/button_arrow_l.png) top left no-repeat transparent; display:inline-block; text-decoration:none; font-size:11px; color:#20558a; text-transform:uppercase;} a.button_arrow_l span { position: relative; line-height:25px; background:url(../images/button/button_arrow_l.png) top right no-repeat transparent; margin-left: 13px; right: -13px; padding-right:13px; display: block; } a.button_arrow_l:hover { background-position: left bottom; } a.button_arrow_l:hover span { background-position: right bottom; } /* unversaler, flexibler Button mit Pfeil (nur für Bilder) */ a.button_arrow_img { height: 21px; padding: 0 5px 0 0; background:url(../images/button/button_arrow.png) top left no-repeat transparent; display:inline-block; text-decoration:none; font-size:11px; color:#20558a; text-transform:uppercase; } a.button_arrow_img span { position: relative; line-height: 21px; background: url(../images/button/button_arrow.png) top right no-repeat transparent; margin-left: 13px; right: -13px; padding-right: 13px; display: block; } a.button_arrow_img:hover { background-position: left -21px; } a.button_arrow_img:hover span { background-position: right -21px; } /* unversaler, flexibler Button ohne Pfeil -> Hoehe 21px */ a.button { padding: 0 5px 0 0; background:url(../images/button/button.png) top left no-repeat transparent; display:inline-block; text-decoration:none; font-size:11px; color:#20558a; } a.button span { position: relative; line-height:21px; background:url(../images/button/button.png) top right no-repeat transparent; right: -13px; padding-right:13px; display: block; } a.button:hover { background-position: left bottom; } a.button:hover span { background-position: right bottom; } /* unversaler, flexibler Button ohne Pfeil -> Hoehe 25px */ a.button_l { padding: 0 5px 0 0; margin:0; background:url(../images/button/button_l.png) top left no-repeat transparent; display:inline-block; text-decoration:none; font-size:11px; color:#20558a; text-transform:uppercase; } a.button_l span { position: relative; line-height:25px; background:url(../images/button/button_l.png) top right no-repeat transparent; right: -13px; padding-right:13px; display: block; } a.button_l:hover { background-position: left bottom; } a.button_l:hover span { background-position: right bottom; } .player_volume { display: inline-block; width: 51px; height: 25px; background: url(../images/button/player_control_volume.gif) no-repeat top left; text-indent: -999em; } .player_volume_1 { background-position: left top; } .player_volume_2 { background-position: left -25px; } .player_volume_3 { background-position: left -50px; } .player_volume_4 { background-position: left -75px; } .player_volume_5 { background-position: left -100px; } .player_volume_6 { background-position: left -125px; } .player_volume_7 { background-position: left -150px; } /* Abschnitt fuer Startseiten (Home und Sortiments-Uebersichten */ #categorie { height:402px; position:relative; background-position:bottom left; background-repeat: no-repeat;} #categorie > div { position:relative; background:url(../images/teaser/b_teaser_carousel_bg.png) top left no-repeat; width:716px; height:410px; position:absolute; left:25px; top:-8px; } #categorie > div > h2 { margin:28px 0 0 20px; } /* Alter Homepage-Teaser */ #home { background-position: left bottom; background-repeat: no-repeat; zoom:1;} #home > ul { background: url(../images/teaser/b_teaser_bg.png) top left no-repeat; width: 720px; height: 133px; margin-left: 20px; } #home > ul li { float: left; background: url(../images/teaser/b_teaser_item_bg.png) no-repeat left bottom; margin: 5px 0 5px 12px; height: 123px; width: 230px; } #home ul li:first-child { margin-left: 6px; } #home ul li p { font-size: 11px; padding: 3px 5px 0px 10px; position: relative;} #home ul li a { margin-top: 5px; } #home > img:first-child {height: auto !important;} /* Neuer Homepage-Teaser */ /* A-Teaser */ #home_a ul.content li { display: none; } #home_a ul.content li:first-child { display: block; } #home_a ul.content { height: 302px; } #home_a ul.content li { position: absolute; } #home_a div.arrows { position: absolute; top: 120px; left: 5px; width: 740px; z-index: 910; } #home_a div.arrows a { position: absolute; display: block; width: 24px; height: 51px; background: url(../images/teaser/home_a_arrows.png) no-repeat 0 0; } #home_a div.arrows a.prev { background-position: left 0; top: 0; left: 0; } #home_a div.arrows a.prev:hover { background-position: left bottom; } #home_a div.arrows a.next { background-position: right 0; top: 0; right: 0; } #home_a div.arrows a.next:hover { background-position: right bottom; } #home_a div.pager { position: absolute; z-index: 910; top: 15px; right: 10px; } #home_a div.pager a { display: block; float: left; margin: 0 3px 0 0; width: 13px; height: 13px; background: url(../images/teaser/home_a_bullet.png) no-repeat 0 top; } #home_a div.pager a.active { background-position: 0 bottom; } /* A-Teaser */ #home_b { margin: 10px 0; } #home_b a { background-color: transparent; float: left; } #home_b a img { background-color: transparent; } /* Service Slider */ #service_slider_wide { overflow: hidden; height: 50px; margin: 10px 0 0 0; background: url(../images/footer/footer_service.png) no-repeat 0 0; } #service_slider_wide div.carousel_service { padding: 0 39px 0 41px; } #service_slider_wide div.carousel_service > a.next { right: 10px; } #service_slider_wide div.carousel_service > a.prev { left: 10px; } /* Abschnitt fuer Artikel-Listen (in allen Rastern) */ /*enthaelt obere runde Ecken des Hintergrunds der Artikel-Liste als BG-Bild und die Pagination*/ #article_ov_top { background: url(../images/articles/article_overview_bg_top.gif) no-repeat bottom center #fff; height:42px; position:relative; padding: 0 0 7px 0; font-size: 11px; text-transform: uppercase;} #article_ov_top p { float:left; margin:7px 8px 0 0;} /* Select-Box Artikel-Sortierung */ #content #article_ov_top #sort_select { position: absolute; top: 13px; left: 25px; width: 260px; } #content #article_ov_top #sort_select label { display: block; float: left; width: auto; text-transform: uppercase; margin: 1px 5px 0 0; } #content #article_ov_top #sort_select select { width: 130px; font-size: 11px; } #content #article_ov_top #sort_select option { font-size: 11px; } /* Auswahl Darstellung */ #content #article_ov_top #raster_select { padding: 11px 0 0 270px; width: 190px; } #content #article_ov_top #raster_select label { display: block; float: left; width: 50px; text-transform: uppercase; margin: 3px 0 0 0; } #content #article_ov_top #raster_select ul { } #content #article_ov_top #raster_select ul li { float: left; width: 25px; margin: 0 0 0 3px; } #content #article_ov_top #raster_select ul li a { display: block; height: 21px; width: 25px; text-indent: -999em; background: url(../images/articles/article_views.png) no-repeat 0 0; } #content #article_ov_top #raster_select ul li.list_0 a { background-position: 0 0; } #content #article_ov_top #raster_select ul li.list_0 a:hover { background-position: -25px 0; } #content #article_ov_top #raster_select ul li.list_1 a { background-position: -50px 0; } #content #article_ov_top #raster_select ul li.raster_small_0 a { background-position: 0 -21px; } #content #article_ov_top #raster_select ul li.raster_small_0 a:hover { background-position: -25px -21px; } #content #article_ov_top #raster_select ul li.raster_small_1 a { background-position: -50px -21px; } #content #article_ov_top #raster_select ul li.raster_big_0 a { background-position: 0 -42px; } #content #article_ov_top #raster_select ul li.raster_big_0 a:hover { background-position: -25px -42px; } #content #article_ov_top #raster_select ul li.raster_big_1 a { background-position: -50px -42px; } #content #article_ov_top #raster_select ul li.fullsize_0 a { background-position: 0 -63px; } #content #article_ov_top #raster_select ul li.fullsize_0 a:hover { background-position: -25px -63px; } #content #article_ov_top #raster_select ul li.fullsize_1 a { background-position: -50px -63px; } #content #article_ov_top #number_select { margin: 0 0 0 250px; padding-top:10px; width:160px; z-index:9999;} #content #article_ov_top #number_select select { width: 50px; } #content #article_ov_top #link_back { position: absolute; top: 13px; left: 10px; width: 170px; } #content #article_ov_top #link_back > a { display: block; padding: 0 0 0 17px; text-decoration: none; background: url(../images/button/arrow_left.gif) no-repeat left center #fff; } #content #article_ov_top #page_of { position: absolute; top: 13px; left: 300px; width: 140px; text-align: center; } #content #article_ov_top #page_flip { position: absolute; top: 13px; right: 10px; width: 240px; text-align: right; } #content #article_ov_top #page_flip > a { display: inline-block; padding: 0 17px 0 0; text-decoration: none; background: url(../images/button/arrow_right.gif) no-repeat right center #fff; } #content #article_ov_top #page_flip > a:first-child { padding: 0 0 0 17px; background: url(../images/button/arrow_left.gif) no-repeat left center #fff; } /*enthaelt untere runde Ecken des Hintergrunds der Artikel-Liste als BG-Bild und die Pagination*/ #content #article_ov_bottom { background: url(../images/articles/article_overview_bg_bottom.gif) no-repeat top center #fff; height:42px; padding-top:7px; position: relative; font-size: 11px; } #content #article_ov_bottom #link_top > a { float: left; display: block; margin: 14px 0 0 15px; padding: 0 0 0 17px; text-transform: uppercase; text-decoration: none; background: url(../images/button/arrow_top.gif) no-repeat left center #fff; } #content #article_ov_bottom #link_print { float: left; } #content #article_ov_bottom #link_print > a { display: block; margin: 14px 0 0 15px; padding: 0 0 0 25px; text-transform: uppercase; text-decoration: none; background: url(../images/icons/icon_print.png) no-repeat left center #fff; } #article_ov { background-color:#daecf7; } #article_ov .price_info span { font-weight:bold; } #article_ov .price_info span:first-child { text-decoration:line-through; font-weight:normal; } /* Select-Boxen Filter */ #content #article_ov #filter { padding: 0 25px 0; } #content #article_ov #filter label { display: block; text-transform: uppercase; font-size: 11px; margin: 0 0 3px 0; } #content #article_ov #filter a.button { vertical-align: top; margin: 0 20px 0 0; } #content #article_ov #filter a.text_link_arrow { border-top: 4px solid #daecf7; } #content #article_ov div.filter { display: inline-block; width: 145px; margin: 0 15px 10px 0; } #content #article_ov div.filter select { width: 145px; font-size: 11px; color: #21578a; margin: 0; } #content #article_ov div.filter option { font-size: 11px; color: #21578a; } /* Slider */ #content #article_ov div.slider { float: right; } /* Artikel-Liste */ #article_ov #articlelist div.h2 { font-size: 14px; font-weight: bold; margin: 0 0 8px !important; } #article_ov #articlelist div.h2 a { text-decoration: none; color: #21578A; } #article_ov #articlelist div.h2 a:hover { text-decoration: underline; } #article_ov #articlelist li { font-size: 11px; color:#000; line-height: 14px;} #article_ov ul#articlelist { clear: both; padding: 10px 15px; } #article_ov #articlelist > li { background: url(../images/articles/articlelist_listitem_bg_bottom.png) no-repeat 0 bottom; padding: 0 0 10px 0; margin: 2px 0 0 0; position: relative; min-height: 170px; } #article_ov #articlelist > li > div { background: url(../images/articles/articlelist_listitem_bg.png) no-repeat 0 top; padding: 10px; min-height: 150px;} #article_ov #articlelist div.articleTeaser { display: block; position: absolute; top: 5px; right: 7px; z-index: 100;} #article_ov #articlelist div.articleImg { position: relative; float: left; width: 237px; height: 163px; } #article_ov #articlelist div.articleImg span.flag { display: block; position: absolute; top: 1px; left: 1px; width: 236px; height: 30px; background: url(../images/articles/article_flags.png) no-repeat 0 0; text-indent: -999em; } #article_ov #articlelist div.articleImg span.flag.percent { background-position: 0 0; } #article_ov #articlelist div.articleImg span.flag.new { background-position: 0 -30px; } #article_ov #articlelist div.articleImg span.flag.userdefined { background-position: 0 -60px; } #article_ov #articlelist div.articleImg span.award { display: block; position: absolute; bottom: 0; right: 0; } #article_ov #articlelist div.articleImg img { border: 1px solid #e3f0f8; } #article_ov #articlelist div.articleImg a > img { width: 235px; height: 161px; } #article_ov #articlelist div.articleDesc { margin: 0 130px 0 250px; padding: 10px 0 0 0; } #article_ov #articlelist div.articleDesc ul { list-style-type:disc; margin:1px 0 10px 16px; } #article_ov #articlelist div.articleDesc div.minHeight { min-height: 126px; margin: 0 0 2px 0; } #article_ov #articlelist div.articleDesc div.minHeight > div { line-height: 14px; margin: 8px 0; } #article_ov #articlelist div.articleDesc div.minHeight > div strong { display: block; color: #000; font-weight: bold; } #article_ov #articlelist div.articleDesc div.minHeight > div em { color: #21578a; font-weight: normal; } #article_ov #articlelist div.articleInfo { position: absolute; bottom: 10px; right: 1px; width: 120px; height: 115px; background: url(../images/articles/articlelist_listitem_box.png) no-repeat 0 0; } #article_ov #articlelist div.articleInfo div.info { position: absolute; top: 16px; right: 10px; text-align: right; color: #21578a; font-weight: bold; } #article_ov #articlelist div.articleInfo div.info strong { font-size: 18px; } #article_ov #articlelist div.articleInfo div.price { position: absolute; top: 43px; right: 10px; line-height: 16px; text-align: right; color: #21578a; color: #f00; } #article_ov #articlelist div.articleInfo div.price div { color: #21578a; margin: 10px 0 0 0; } #article_ov #articlelist div.articleInfo div.price em { font-weight: bold; font-style: normal; } #article_ov #articlelist div.articleInfo div.price strong { font-weight: bold; font-size: 18px; } #article_ov #articlelist div.articleInfo a { position: absolute; display: block; top: 90px; left: 5px; width: 112px; height: 21px; text-indent: -999em; background: url(../images/button/articlelist_button_zum_artikel.png) no-repeat 0 top; } #article_ov #articlelist div.articleInfo a:hover { background-position: 0 bottom; } /* Artikel-Raster */ #article_ov #raster_s { padding: 10px 0 10px 25px; } #article_ov #raster_s > ul > li { float: left; width: 173px; height: 122px; margin: 0 2px 2px 0; background: url(../images/articles/article_raster_s_item_bg.png) no-repeat top left; } #article_ov #raster_s > ul > li div.articleImg img { width: 163px; height: 112px; margin: 5px; } #article_ov #raster_l { padding: 10px 0 10px 15px; } #article_ov #raster_l > ul > li { float: left; width: 236px; height: 165px; margin: 0 0 2px 2px; background: url(../images/articles/article_raster_l_item_bg.png) no-repeat top left; } #article_ov #raster_l > ul > li div.articleImg { position: relative; padding: 7px; } #article_ov #raster_l > ul > li div.articleImg img { border: 1px solid #e4f0f7; } #article_ov #raster_l > ul > li div.articleImg a > img { width: 220px; height: 150px; border: 1px solid #e4f0f7; } #article_ov #raster_l > ul > li div.articleImg span.flag { display: block; position: absolute; top: 8px; left: 8px; width: 236px; height: 30px; background: url(../images/articles/article_flags.png) no-repeat 0 0; text-indent: -999em; } #article_ov #raster_l > ul > li div.articleImg span.flag.percent { background-position: 0 0; } #article_ov #raster_l > ul > li div.articleImg span.flag.new { background-position: 0 -30px; } #article_ov #raster_l > ul > li div.articleImg span.flag.userdefined { background-position: 0 -60px; } #article_ov #raster_l > ul > li div.articleImg span.award { display: block; position: absolute; bottom: 11px; right: 7px; } #article_ov #raster_xl { padding: 10px 0 10px 15px; } #article_ov #raster_xl > ul > li { float: left; width: 238px; height: 354px; position: relative; margin: 0 0 2px 0; background: url(../images/articles/article_raster_xl_item_bg.png) no-repeat top left; } #article_ov #raster_xl > ul > li:hover { float: left; width: 238px; height: 354px; margin: 0 0 2px 0; background: url(../images/articles/article_raster_xl_item_bg.png) no-repeat top right; } #article_ov #raster_xl > ul > li div.articleImg { position: relative; padding: 8px; } #article_ov #raster_xl > ul > li div.articleImg a { line-height: 0; } #article_ov #raster_xl > ul > li div.articleImg a > img { width: 220px; height: 150px; border: 1px solid #e4f0f7; } #article_ov #raster_xl > ul > li div.articleImg span.flag { display: block; position: absolute; top: 9px; left: 9px; width: 236px; height: 30px; background: url(../images/articles/article_flags.png) no-repeat 0 0; text-indent: -999em; } #article_ov #raster_xl > ul > li div.articleImg span.flag.percent { background-position: 0 0; } #article_ov #raster_xl > ul > li div.articleImg span.flag.new { background-position: 0 -30px; } #article_ov #raster_xl > ul > li div.articleImg span.flag.userdefined { background-position: 0 -60px; } #article_ov #raster_xl > ul > li div.articleImg span.award { display: block; position: absolute; bottom: 9px; right: 9px; } #article_ov #raster_xl > ul > li div.articleImg span.brand { display: block; position: absolute; top: 9px; right: 9px; } #article_ov #raster_xl > ul > li div.articleImg span.brand img { height: 32px; } #article_ov #raster_xl > ul > li div.articleImg span.image { display: none; } #article_ov #raster_xl div.h3 { font-weight: bold; font-size: 14px; line-height: 18px; padding: 8px 8px 10px; clear: left; zoom: 1; } #article_ov #raster_xl div.info { position: absolute; bottom: 65px; right: 10px; text-align: right; color: #21578a; font-weight: bold; font-size: 11px; } #article_ov #raster_xl div.price { position: absolute; bottom: 33px; right: 10px; font-size: 11px; line-height: 14px; text-align: right; color: #21578a; color: #f00; } #article_ov #raster_xl div.price div { color: #21578a; margin: 0 0 6px 0; } #article_ov #raster_xl div.price em { font-weight: bold; font-size: 18px; font-style: normal; } #article_ov #raster_xl div.extra { position: absolute; top: 280px; text-align: center; width: 130px; } #article_ov #raster_xl a.link { position: absolute; display: block; bottom: 5px; right: 3px; width: 100px; height: 18px; text-indent: -999em; background: url(../images/articles/article_mouseover_button.gif) no-repeat 0 top; } #article_ov #raster_xl a.link:hover { background-position: 0 bottom; } #article_ov #raster_xl .colors { padding: 0 0 0 19px; height: 45px; } #article_ov #raster_xl .colors li { display: block; width: 45px; float: left; margin: 0 7px 0 0; } #article_ov #raster_xl .colors li a { display: block; padding: 2px 3px 3px 2px; background: url(../images/articles/colors_item_frame.gif) no-repeat 0 top; } #article_ov #raster_xl .colors li a.active, #article_ov #raster_xl .colors li a:hover { background-position: 0 bottom; } #article_ov #raster_xl .colors li img { width: 40px; height: 40px; } /* Artikel-Mouseovers */ #article_ov div.articleMouseover { display: none; position: absolute; width: 278px; z-index: 9999; } #article_ov div.articleMouseover div.top { background: url(../images/articles/article_mouseover_bg.png) no-repeat 0 top; position: relative; padding: 20px 20px 10px; } #article_ov div.articleMouseover div.top > img { width: 235px; height: 161px; border: 1px solid #e3f0f8; } #article_ov div.articleMouseover div.top span.flag { display: block; position: absolute; top: 21px; left: 21px; width: 236px; height: 30px; background: url(../images/articles/article_flags.png) no-repeat 0 0; text-indent: -999em; } #article_ov div.articleMouseover div.top span.flag.percent { background-position: 0 0; } #article_ov div.articleMouseover div.top span.flag.new { background-position: 0 -30px; } #article_ov div.articleMouseover div.top span.flag.userdefined { background-position: 0 -60px; } #article_ov div.articleMouseover div.top span.award { display: block; border: 1px solid #E3F0F8; position: absolute; bottom: 0; right: 21px; } #article_ov div.articleMouseover div.top div.h3 { font-weight: bold; font-size: 14px; line-height: 14px; padding: 0 0 10px 0; } #article_ov div.articleMouseover div.top ul { list-style-type:disc; padding:1px 0 0 16px; } #article_ov div.articleMouseover div.top li { color: #000; } #article_ov div.articleMouseover div.top small { font-size: 11px; line-height: 14px; color: #000; } #article_ov div.articleMouseover div.top small strong { font-weight: bold; } #article_ov div.articleMouseover div.top div.articleDesc { padding: 0 0 10px 0; } #article_ov div.articleMouseover div.bottom { background: url(../images/articles/article_mouseover_bg.png) no-repeat 0 bottom; position: relative; padding: 5px 120px 10px 20px; } #article_ov div.articleMouseover div.bottom div.h3 { font-weight: bold; } #article_ov div.articleMouseover div.bottom small { font-size: 11px; } #article_ov div.articleMouseover div.bottom div.description { min-height: 50px; padding: 0 0 10px 0; } #article_ov div.articleMouseover div.bottom div.articleInfo div.info { position: absolute; bottom: 62px; right: 10px; text-align: right; color: #21578a; font-weight: bold; font-size: 11px; } #article_ov div.articleMouseover div.bottom div.articleInfo div.price { position: absolute; bottom: 29px; right: 10px; font-size: 11px; line-height: 14px; text-align: right; color: #21578a; color: #f00; } #article_ov div.articleMouseover div.bottom div.articleInfo div.price div { color: #21578a; margin: 0 0 6px 0; } #article_ov div.articleMouseover div.bottom div.articleInfo div.price em { font-weight: bold; font-size: 12px; font-style: normal; } #article_ov div.articleMouseover div.bottom div.articleInfo a { position: absolute; display: block; bottom: 4px; right: 3px; width: 100px; height: 18px; text-indent: -999em; background: url(../images/articles/article_mouseover_button.gif) no-repeat 0 top; } #article_ov div.articleMouseover div.bottom div.articleInfo a:hover { background-position: 0 bottom; } /* Simple Frame */ /* Float-Container for Basket- and Notepad-Items */ .firstCol {width:499px; float:left; } .secCol {width:57px; float:left;} .thirdCol {width:96px; float:left;} .extraCol {float: left;} #canvas_base2 #content_base2 strong {font-weight:bold; font-size:14px; color:#21578a; display:inline-block;} #content_base2 { width:720px; padding:25px 4px 0 15px; } #content_base2 h2 { margin:0 0 18px 8px; } #content_base2 h2 + p { margin:0 0 15px 8px; } #content_base2 a.button_arrow, #content_base2 a.button_arrow_img { margin-right:15px; } #content_base2 a.button_arrow span img { display:block;} #content_base2 a.text_link_arrow { display:inline-block; height:10px; line-height:10px; padding-left:17px; background:url(../images/text_link_arrow_small.gif) no-repeat left center;} #content_base2 a.text_link_arrow:first-child { margin-bottom:6px;} #content_base2 ul.basket_list { clear:left; margin-top:1px; margin-bottom:10px;} #content_base2 ul.basket_list li { background:url(../images/basket/basket_item_bg.gif) left top no-repeat transparent; display:block; padding-top:5px; margin-bottom:1px; } /* Header Basket und Notpad */ #basket_header h3 { background: url(../images/basket/basket_header_bg.gif) left top no-repeat transparent; height:18px; float:left; } #basket_header h3 + h3 { margin-left:3px;} #basket_header h3 span { background: url(../images/basket/basket_header_bg.gif) right top no-repeat transparent; text-align:center; display:block; margin-left:3px; line-height:18px; color:#000; font-weight:bold; padding:0 10px 0 7px; } #basket_aside { margin: 30px 0 0 0; } #basket_aside .block { padding: 0 0 20px; } #basket_aside .block h4 { margin: 0 0 10px 0; } #basket_aside ul.toc li { float: left; } #basket_aside ul.toc li a { display: block; background: url(../images/button/arrow_down.gif) no-repeat 0 center; padding: 15px 0 15px 15px; margin: 0 0 0 10px; } #basket_aside .breadcrumbs ul { margin: 0 10px; } #basket_aside .breadcrumbs li a { text-decoration: none; } #basket_aside .breadcrumbs li a:hover { text-decoration: underline; } #basket_aside .articles h4 a { display: none; } #basket_aside .articles div.border { height: 200px; } #basket_aside .articles ul.navi { float: right; height: 100%; width: 140px; } #basket_aside .articles ul.navi a { background: #f9edd7; display: block; text-decoration: none; font-size: 11px; margin: 2px 0 0; padding: 3px 10px 3px 5px; text-align: right; } #basket_aside .articles ul.navi li:first-child a { margin: 0; } #basket_aside .articles ul.navi a:hover { text-decoration: underline; } #basket_aside .articles ul.navi li.active a { background: #fff; font-weight: bold; } #basket_aside .topics .toggle { margin: 10px 0 10px 10px; } #basket_aside .topics .toggle a.close { margin: 20px 0 0 0; } #basket_aside .topics .toggled { display: none; } #basket_aside .topics .toggled > ul { float: left; width: 240px; } #basket_aside .topics .toggled li a { background: #fff url(../images/button/arrow_right.gif) no-repeat left 3px; display: block; margin: 0 0 0 10px; padding: 0 0 0 20px; text-decoration: none; } #basket_aside h4 { background: url(../images/h4.gif) no-repeat 0 bottom; padding: 0 0 7px 0; } #basket_aside h4 > a { float: right; display: block; background: url(../images/button/arrow_top.gif) no-repeat 0 center; padding: 10px 15px; } #basket_aside h4 > span { display: block; background: url(../images/h4.gif) no-repeat 0 top; font-size:14px; font-weight:bold; color:#21578a; padding: 10px 13px; } #basket_aside h4 > span small { text-transform: none; font-weight: normal; } /* Basket */ #content_base2 div.basket_item { background: url(../images/basket/basket_item_bg.gif) left bottom no-repeat transparent; padding:10px 0; } #content_base2 div.basket_item .firstCol { padding:0 10px; } #content_base2 div.basket_item .firstCol > div.modalSwitch { margin-bottom:7px; } #content_base2 div.basket_item .secCol { padding:0 10px; font-weight:bold; color:#21578a; font-size:14px; } #content_base2 div.basket_item .thirdCol { padding:0 10px; font-weight:bold; color:#21578a; font-size:14px; } #content_base2 div.basket_item img { float:left; width:auto; margin-right:10px; } #content_base2 div.basket_item h4 { font-size:14px; color:#21578a; font-weight:bold; margin-bottom:15px; } #content_base2 div.basket_item p { color:#000; } #content_base2 div.basket_item a { font-weight:bold; text-decoration:none; font-size:14px; color:#000; } /* Notepad */ #content_base2 div.notepad_item { background: url(../images/basket/basket_item_bg.gif) left bottom no-repeat transparent; padding:10px 0; } #content_base2 div.notepad_item .firstCol { padding:0 10px; } #content_base2 div.notepad_item .secCol { padding:0 10px; font-weight:bold; color:#21578a; font-size:14px; } #content_base2 div.notepad_item .thirdCol { padding:0 10px; font-weight:bold; color:#21578a; font-size:14px; } #content_base2 div.notepad_item img { float:left; width:auto; margin-right:10px; } #content_base2 div.notepad_item h4 { font-size:14px; color:#21578a; font-weight:bold; margin-bottom:15px; background: none; } #content_base2 div.notepad_item p { color:#000; } #content_base2 div.notepad_item a { font-weight:bold; text-decoration:none; font-size:14px; color:#000; } #content_base2 div.notepad_item a.text_link_arrow:first-child { margin-bottom:3px; background-position:top left;} #canvas_base3 a.text_link_arrow { display:inline-block; height:10px; line-height:10px; padding-left:17px; background:url(../images/text_link_arrow_small.gif) no-repeat left center;} #canvas_base3 a.text_link_arrow:first-child { margin-bottom:6px;} #canvas_base3 #content_checkout { background:url(../images/checkout/checkout_sidebar_border.png) no-repeat left bottom;} #canvas_base3 #content_checkout { min-height:460px; height:100%; width:700px; padding:15px 20px 30px 220px;} #canvas_base3 div.content_footer { position: absolute; left: 0; bottom: 0; width: 930px; border-top: 2px solid #BBCEDD; margin: 0 5px; } #canvas_base3 div.content_footer li { float: left; margin: 0 50px 0 10px; line-height: 60px; } /* Artikelvergleich */ #content #article_comparison { position: relative; padding: 0 5px 80px 5px; } #content #article_comparison h1 { padding: 20px 0 15px 220px; } #content #article_comparison div.tabs_type2 { margin: 0 0 10px; } #content #article_comparison div.fields { width: 180px; padding: 54px 5px 0 5px; float: left; } #content #article_comparison div.fields ul { margin: 10px 0; } #content #article_comparison div.fields li { background: #E4F0F7 url(../images/comparison/slider_field_bottom.gif) no-repeat 0 bottom; margin: 0 0 2px 0; } #content #article_comparison div.fields div { padding: 5px 0 5px 10px; background: url(../images/comparison/slider_field_top.gif) no-repeat 0 0; } #content #article_comparison div.fields strong { color: #000; font-weight: bold; } #content #article_comparison div.fields a { display: block; font-size: 11px; } #content #article_comparison ul.items > li { float: left; height: auto; width: 170px; margin: 0 10px 0 0; } #content #article_comparison ul.items li li { padding: 5px 10px; background-color: #F6FAFC; border: 1px solid #BCCCDC; } #content #article_comparison ul.items div.top { position: relative; text-align: center; background: url(../images/comparison/slider_item_top.gif) no-repeat left top; border-bottom: 1px solid #BCCCDC; } #content #article_comparison ul.items div.top div { margin-left: 5px; padding: 10px 20px 10px 10px; background: url(../images/comparison/slider_item_top.gif) no-repeat right top; border: 0; } #content #article_comparison ul.items div.bottom { position: relative; text-align: center; background: url(../images/comparison/slider_item_bottom.gif) no-repeat left bottom; border-top: 1px solid #BCCCDC; } #content #article_comparison ul.items div.bottom div { margin-left: 5px; padding: 10px 20px 10px 10px; background: url(../images/comparison/slider_item_bottom.gif) no-repeat right bottom; border: 0; } #content #article_comparison ul.items div.top a:first-child { margin: 0 0 10px 0; } #content #article_comparison ul.items div.bottom a:first-child { margin: 0 0 10px 0; } #content #article_comparison div.carousel { margin: 0 0 0 185px; float: none; padding: 0; zoom: 1; } #content #article_comparison div.carousel > a.prev { top: 0; margin-left: -30px; } #content #article_comparison div.carousel > a.next { top: 0; right: 0; } #content #article_comparison div.carousel > a.bottom { position: absolute; top: auto; bottom: 0; } #mattress_finder #content_header { background-position:top left; min-height:135px; height:auto; } #mattress_finder #content_header h2 { margin:0; padding:32px 0 15px 25px; } #mattress_finder #content_header p { margin:0; padding:0 0 4px 25px; } #mattress_finder #content_header div.tabs_type1 { position:relative; } #mattress_finder #content_body { padding:15px 15px 10px 15px; } #mattress_finder #content_body a.button_arrow { margin-right:6px; } #mattress_finder #content_body h2 { color:#21578a; font-size:18px; margin-bottom:15px; font-weight:normal; } #mattress_finder #content_body ul { margin-bottom:15px; } #mattress_finder #content_body ul li { background:url(../images/boxes/mattressfinder_search_item_bottom.gif) no-repeat bottom; min-height:126px;} #mattress_finder #content_body ul li + li { margin-top:2px; } #mattress_finder #content_body ul li > div { background:url(../images/boxes/mattressfinder_search_item_top.gif) no-repeat left top; padding:20px 20px 0px 20px; } /* display:inline-block fuer IE7 */ #mattress_finder #content_body ul li img { float:right; margin-top:-19px; margin-right:-19px; } #mattress_finder #content_body ul li h3 { color:#21578a; font-size:14px; font-weight:bold; margin-bottom:12px; } #mattress_finder #content_body ul li p { margin-right:220px; color:#000;} #mattress_finder #content_body ul li form { display:inline-block; } #mattress_finder #content_body ul li div.radioBox form { margin-bottom: 15px; } #mattress_finder #content_body ul li div.radioBox label { margin-bottom: 5px; } #mattress_finder #content_body ul li input[type="radio"] { margin-left: 20px;} #mattress_finder #content_body ul li input[type="radio"] + label{ margin-right: 0px;font-weight:normal;} #mattress_finder #content_body ul li label { display:inline-block; color:#000; font-weight:bold; vertical-align:middle; margin-right:3px; } #mattress_finder #content_body div.newListSelected ul li { background-image:none; } #mattress_finder #content_body div.slider label{ display:block; color:#21578a; text-transform: uppercase;margin-bottom: 5px;} #mattress_finder #content_body a.text_link_arrow_left { margin-bottom:15px; } #mattress_finder #content_body p.floatRight a.button_arrow_img { margin-right:8px; } #customer #content_header { height:auto; padding:30px 15px 16px 25px; } #customer #content_header h2 { margin:0 0 15px 0; } #customer #content_header h3 { color:#21578a; font-size:16px; margin-bottom:20px; font-weight:bold; } #customer #content_header p { color:#000; } #customer #content_header p strong { font-weight:bold; font-size:14px; margin:0 0 25px 0; color:#000; display:inline-block;} #customer #content_header > p { margin-right:50%; color:#000; } #customer #content_header > p span { color:#666; font-size:11px; } #customer #content_body { padding:15px 10px 10px 15px; } #customer #content_body ul.service_items li { float:left; width:346px; height:181px; background:url(../images/boxes/customer_center_item_bg.png) no-repeat left top; margin-bottom:20px; position:relative; } #customer #content_body ul.service_items li img { float:right; width:auto; border:1px solid #bcccdc; border-left:none; } #customer #content_body ul.service_items li h4 { margin:15px 10px 10px 10px; } #customer #content_body ul.service_items li p { margin:0 189px 10px 10px; color:#000; font-size:11px; line-height:14px; } #customer #content_body ul.service_items li a { position:absolute; bottom:15px; left:10px; text-decoration:none; } #customer #content_body ul.service_items li h4 img, #customer #content_body ul.service_items li a img { float:none; border:none; } #customer #content_body ul.service_items li { margin-right:15px; } #customer #content_body ul.service_items li + li{ margin-right:0; } #customer #content_body ul.service_items li + li + li{ margin-right:15px; } #customer #content_body ul.service_items li + li + li + li { margin-right:0; } #customer #content_body a.button_arrow_l { margin-right:9px; margin-bottom:15px; } #customer #content_header p.search_no_result { font-size:14px; margin:0 0 25px 0; color:#000; margin-bottom:0; margin-right:0; padding:0;} #customer #content_header p.search_no_result strong { margin-bottom:0;} #customer #content_body.search_no_result p { margin-left:12px; color:#000; } #customer #content_body.search_no_result ul { padding-left:12px; } #customer #content_body.search_no_result form { margin:45px 0 100px 12px; display:block; } #customer #content_body.search_no_result label { font-weight:bold; font-size:12px; color:#000;} #customer #content_body.search_no_result input { vertical-align:middle; } #customer #content_body.search_no_result input[type="text"] { border:1px solid #4f99c7; height:18px; margin-right:-4px; } div.carousel_box { background: url(../images/content_verlauf_bottom.gif) repeat-x bottom #fff; padding-bottom:10px; margin:0; } div.carousel_box h3 { color:#21578a; font-size:14px; padding:20px 0 10px 20px; font-weight:bold; } div.carousel_box div.carousel { margin:0; padding:0 25px 0 35px;} div.separator { width:750px; height:2px; position:relative; left:-5px; margin:0; background-color:#bcccdc;} #info_content #content_header { height:152px; } #info_content #content_header p { margin:15px 0 0 25px; width: 400px; } #info_content #content_body { padding:20px 15px 15px; position:static; background:url(../images/content_verlauf_round_bottom.gif) bottom left no-repeat #fff; } #info_content #content_body h2 { margin:10px 0 10px 0; } #info_content #content_body h3 { font-size:16px; font-weight:bold; margin-bottom:12px; } #info_content #content_body h4 { font-size:12px; font-weight:bold; margin:30px 0 15px; } #info_content #content_body p { color:#000; margin-bottom:8px; } #info_content #content_body strong { font-weight:bold; } #info_content #content_body label { font-weight:bold; color:#000; } #info_content #content_body textarea { width:345px; height:85px; border:1px solid #4f99c7;} #info_content #content_body input[type=text] { width:335px; border:1px solid #4f99c7;} #info_content #content_body.bg_blue { background-color:#daecf7; background-image:none;} #info_content div#article_ov_top { height:7px; padding-bottom:5px; } #info_content div#article_ov_bottom { height:7px; padding:0;} #info_content form + a.button_arrow, #info_content form + a.button_arrow_img { margin-left:10px; } #info_content a.text_link_arrow { text-decoration:none; } #info_content a.text_link_arrow_small { text-decoration:none; } #info_content a.active { font-weight:bold; } div.big_box { position:relative; margin-bottom:10px; } div.big_box > img { position:absolute; top:1px; right:1px; } div.big_box .top { height:6px; background:url(../images/boxes/big_box_lightBlue_top.png) no-repeat top left; } div.big_box .bottom { height:6px; background:url(../images/boxes/big_box_lightBlue_bottom.png) no-repeat top left; } div.big_box .middle { height:auto; min-height:145px; background: url(../images/boxes/big_box_lightBlue_middle.png) repeat-y top left; padding:14px 240px 10px 20px; } div.big_box .middle ul { margin-bottom:10px; padding-left:15px; line-height:20px; } div.big_box .middle a.button_arrow, div.big_box .middle a.button_arrow_img { margin-top:15px; margin-right:3px; } div.big_box .middle a.button_arrow + a.text_link_arrow_small, div.big_box .middle a.button_arrow_img + a.text_link_arrow_small { margin:17px 0 0 10px; } div.big_box .middle form { display:block; } #info_content div.big_box .middle p {position: relative; zoom: 1;} div.medium_box { width:490px;} div.medium_box + div.medium_box{ margin-top:10px;} div.medium_box .top { height:7px; background:url(../images/boxes/medium_box_lightBlue_top.png) no-repeat top left; } div.medium_box .bottom { height:8px; background:url(../images/boxes/medium_box_lightBlue_bottom.png) no-repeat top left; } div.medium_box .middle { height:auto; background: url(../images/boxes/medium_box_lightBlue_middle.png) repeat-y top left; padding:13px 20px 4px; } div.medium_box .middle img.teaser { float:right; margin:-10px -10px 5px 10px; } div.small_box { width:221px; } div.small_box .top { height:7px; background:url(../images/boxes/small_box_onlyBorder_top.gif) no-repeat top left; } div.small_box .bottom { height:8px; background:url(../images/boxes/small_box_onlyBorder_bottom.gif) no-repeat top left; } div.small_box .middle { height:auto; background: url(../images/boxes/small_box_onlyBorder_middle.gif) repeat-y top left; padding:10px; } div.small_box h3 { margin-bottom:20px; } div.scroll_box {width:470px; height:350px; overflow:auto; padding:10px 10px 0 0; margin-bottom:10px; position: relative;} div.scroll_box img.teaser {float:right; margin:0 0 10px 20px;} div.scroll_box h3 {font-weight:bold; color:#21578a; font-size:14px; margin-bottom:15px; } div.scroll_box h4 {font-weight:bold; color:#21578a; font-size:13px; margin-bottom:15px; } div.scroll_box p {margin-bottom:15px; } div.scroll_box ul, ul.blueList {list-style-type: disc; list-style-position: outside; margin: 10px 0 15px 15px;} ul.blueList {color: #21578a;} div.withFloatIcon h3, div.withFloatIcon p, div.withFloatIcon ul, div.withFloatIcon form { margin-left:100px; } ul.abc_select { width:325px; height:50px; padding-left:0 !important; } ul.abc_select li { float:left; width:25px; height:25px; text-align:center; } ul.abc_select li a { background:url(../images/button/small_button.png) no-repeat top left transparent; text-align:center; font-size:14px; font-weight:bold; display:inline-block; width:25px; height:25px; line-height:25px; text-decoration:none; } ul.abc_select li a:hover, ul.abc_select li a.active { background:url(../images/button/small_button_active.png) no-repeat 1px 1px transparent; } div.list_box { margin-top:40px; width:200px; } div.list_box a.text_link_arrow_small { background-position:0 7px; line-height:20px; } div.top_link { height:15px; padding:15px 0 10px 20px; background-color:#fff; } /* Unspezifische Formatierungen */ .borderNone { border:none !important; } .visibilityHidden { visibility:hidden !important; } .hidden { display: none !important; } .color005e20 { color:#005e20; } /* green */ .color21578a { color:#21578a !important; } /* darkblue */ .alignRight { text-align:right !important; } .alignCenter { text-align:center !important; } .floatLeft { float:left; } .floatRight { float:right; } .clearLeft, .clearRight, .clearBoth { height:1px !important; min-height:0 !important; float:none !important; margin:0 !important; padding:0 !important; background:none!important; } .clearLeft { clear:left; } .clearRight { clear:right; } .clearBoth { clear:both; } .fontSizeS { font-size:11px !important; } .fontSizeM { font-size:12px !important; } .fontSizeL { font-size:13px !important; } .fontSizeXL { font-size:14px !important; } .fontSizeXXL { font-size:16px !important; } .nowrap {white-space: nowrap;} /* ERROR handling */ /* div.errorMsg {background-color:#fbe8e8; color: #db1d1d; padding: 20px 15px; margin-bottom: 10px;} div.errorMsg strong {display: block;background:url(../images/icons/icon_error.png) no-repeat scroll 0 5px transparent;padding:5px 0 10px 23px;} */ div.errorMsg { width: 540px; background: url(../images/error_bg.gif); color: #db1d1d; padding: 15px 15px 15px 60px; margin: 0 0 15px;} div.errorMsg strong { display: block; } input.error, textarea.error {border: 1px solid #db1d1d !important;} div.error .newListSelected {border-left: 1px solid #db1d1d !important;} div.error .newListSelected ul.newList {border: 1px solid #db1d1d !important;} div.error select { border: 1px solid #db1d1d !important; } label.error, #content a.error { color: #db1d1d; } /* special */ #content_checkout div.login div.errorMsg {width: 100%;} /* xmas extras */ div.topmenuBar {background: #fff; padding: 7px 0 5px 0; text-align: center;} div.topmenuBar a {margin: 0 50px;}