/* Background: #fcfcfc Text: #7F7F7F Headlines: #333 #content a: #657fae #content a:visited: #657fae #content a:hover: #000 border: #d7d7d7 */ /* Reset -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /* Typographie -------------------------------------------------------------- */ html { } body { margin:0; padding:0; border:0; width:100%; font-size: 12px; color: #646464; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; } /* Headings */ h1,h2,h3,h4,h5,h6 { color: #333; } h1 { font-size: 2em; line-height: 1.2em; font-weight:bold;} h2 { font-size: 1.4em; line-height: 1.4em; margin-bottom: 0.5em; font-weight:bold; } h3 { font-size: 1.2em; line-height: 1.4em; margin-bottom: 0.75em; } h4 { font-size: 1.1em; line-height: 1.3em; margin-bottom: 1.25em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0;} #content h1 { margin-bottom:0.5em;} #content p { font-size: 12px; line-height:1.5em;} #left h3, #right h3 { height:18px; font-size:12px; font-weight:bold; } /* Text elements */ p { margin: 0 0 1.5em; } p strong { font-weight:bold;} p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } strong { font-weight:bold; color:#000;} a:focus, a:hover { text-decoration: underline;} a:link, a:visited { text-decoration: none;} #content .ce_text a, #content .ce_accordion a, #beschreibung a, #kooperationspartner span a, .mod_newslist a, .aktion a, .dma_teaser a { border-bottom:1px solid #960000 ; color: #960000;} #content .ce_text a:hover, #content .ce_accordion a:hover, #beschreibung a:hover, #kooperationspartner span a:hover, .mod_newslist a:hover, .aktion a:hover, .dma_teaser a:hover { color:#333; border:none;} /* Lists */ li ul, li ol { margin: 0; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} /* Modules */ .invisible, .clearall { display:none;} #content .ce_text { line-height: 1.5em; font-size:12px;} #content .mod_article .ce_text, #content .dma_teaser, #content .mod_article .mod_ext404 {background:#fff; border:1px solid #ccc; margin-bottom:12px; padding:20px;} #content .textblock {background:#fff; border:1px solid #ccc; margin:0; padding:20px;} #content .textblock .ce_text {border:none; padding:0 0 5px 0;} #content .mod_article .mod_ext404 h1 {font-style:italic;} #content .mod_article .mod_ext404 em {font-style:italic; font-weight:normal; color:#333;} #content .ce_text ul.no-bullets {margin:0; padding:0;} #content .ce_text ul.no-bullets li {list-style: none; padding:2px 0; margin:0; line-height:1;} #content .ce_text ol, #content .ce_text ul {margin:8px 15px;} #content .ce_text ol li, #content .ce_text ul li {margin:3px 0;} .angebote #content .ce_text .image_container{margin-left:0; margin-right:15px; } #content .ce_text .image_container {margin-left:15px;} #content .ce_text .image_container img {padding:5px; border:1px solid #eee; } #content .ce_text .image_container a { border:none; } #content .ce_text a img:hover {border-color:#ccc; } #content .mod_article .blau {background:#DAECF5; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DAECF5), to(#BFD8F5)); background: -moz-linear-gradient(50% 50% 90deg,#BFD8F5, #DAECF5); color:#476c7c; margin-bottom:12px;} #content .mod_article .gelb {background:#ffd400; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd400), to(#ffc100)); background: -moz-linear-gradient(50% 50% 90deg,#FFC100, #ffd400); color:#352700; margin-bottom:12px;} #content .mod_article .hellgelb {background:#FFFBE4; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFBE4), to(#FFF1C4)); background: -moz-linear-gradient(50% 50% 90deg,#FFF1C4, #FFFBE4); color:#706546; margin-bottom:12px;} #content .mod_article .gruen {background:#E1F0E9; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E1F0E9), to(#BAE3CA)); background: -moz-linear-gradient(50% 50% 90deg,#BAE3CA, #E1F0E9); color:#476c7c; margin-bottom:12px;} #content .mod_article .rosa {background:#F6E2E3; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6E2E3), to(#F6BBCB)); background: -moz-linear-gradient(50% 50% 90deg,#F6BBCB, #F6E2E3); color:#352700; margin-bottom:12px;} #content .mod_article .weiss {background:#ffffff; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fefefa)); background: -moz-linear-gradient(50% 50% 90deg,#f0f0f0, #ffffff); color:#352700; margin-bottom:12px;} .startprodukte h1, .startprodukte h2 {font-size: 14px; display:block; background:#fff; border:1px solid #ccc; margin:13px 0; clear:both; padding:0.75em 0.9em; font-weight:bold; width:540px;} /* Layout -------------------------------------------------------------- */ body {background:#F3F1DE url(../i/bk-body.png) top center repeat-x;} #wrapper {width:950px; margin:0 auto;} #header {float:left;width:100%;padding:0;margin:0; height:60px;} #header #logo {float:left; padding:22px 0 0 0;} #header #sprungmarke a {float:left; margin:16px 0 0 5px;text-indent:-9999px;background:transparent url(../i/sprungmarke-babyclub.png) 0 0 no-repeat; width:179px; height:48px; display:block;} #header #sprungmarke a:hover {background:transparent url(../i/sprungmarke-babyclub.png) -182px 0 no-repeat;} #header #sprungmarke a:active {background:transparent url(../i/sprungmarke-babyclub.png) -365px 0 no-repeat;} #header #babyclub {float:left; padding:20px 0 0 10px;} /* #header #sprungmarke a {float:left; margin:16px 0 0 4px;text-indent:-9999px;background:transparent url(../i/sprungmarke-babyclub.png) top left no-repeat; width:154px; height:51px; display:block;} #header #sprungmarke a:hover {background:transparent url(../i/sprungmarke-babyclub.png) top -156px no-repeat;} */ #colmask {margin-top:12px;position:relative;clear:both;float:left;width:100%;overflow:hidden;background:transparent url(../i/bk-side-left.png) top left repeat-y;} #colmid {float:left;width:200%; position:relative;left:180px;} #colright {float:left;width:100%; position:relative;left:50%;margin-left:-360px;background:transparent url(../i/bk-side.png) top left repeat-y;} #col1wrap {float:right;width:50%;position:relative;right:100%;} #col1pad {margin:0 12px 0 372px;overflow:hidden;} #content {background: transparent url(../i/bk-header.png) 0 top no-repeat; width:100%;overflow:hidden; padding-bottom:12px; padding-top:33px;} #left {float:left;width:180px;position:relative;margin-left:-50%; left:180px; overflow:hidden;} #right {float:left;width:180px;position:relative;overflow:hidden;} #footer {background:transparent url(../i/bk-footer.png) 158px 0 no-repeat; clear:both;float:left; height:110px; width:100%; padding:0; margin:0;} /* Module -------------------------------------------------------------- */ /* mod_article */ #right .mod_article .ce_text {background:#F3F1DE;padding-bottom:12px;} #right .mod_article .ce_text h3 {background:#CF0C06; border:1px solid #9C1901; padding:0.25em 0.25em 0.25em 0.5em; color:#fff; margin-bottom:0; } #right .mod_article .ce_text p {background:#ffd400; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd400), to(#ffc100)); margin-bottom:0; padding:0.5em; border:1px solid #d7a100; border-top:none; color:#524a10; line-height:1.3em;} #right .mod_article .ce_text p a {color:#000; display:block;} #right .mod_article .image_container {line-height:0; border:1px solid #bcbbab;} /* Banner */ .mod_banner {background:#F3F1DE;padding-bottom:12px;} .mod_banner h3 {background:#CF0C06; border:1px solid #9C1901; padding:0.25em 0.25em 0.25em 0.5em; color:#fff; margin-bottom:0; } .mod_banner p {font-size:11px;background:#ffd400; background-image: url(../i/bk-mod_banner-gelb.png) 0 bottom repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd400), to(#ffc100)); background: -moz-linear-gradient(50% 50% 90deg,#FFC100, #ffd400); margin-bottom:0; padding:0.5em; border:1px solid #d7a100; border-top:none; color:#524a10; line-height:1.3em;} .mod_banner p a {color:#000; display:block;} .mod_banner p a:link:hover {text-decoration:underline;} .mod_banner img {border:1px solid #bcbbab;} .mod_banner .banner_name {background:#CF0C06; border:1px solid #9C1901; padding:0.25em 0.25em 0.25em 0.5em; font-style: italic; color:#fff; margin-bottom:0;} .mod_banner .banner_image {line-height:0;} #left .mod_banner {padding-top:12px; margin-bottom:-12px;} /* Bildelement */ #content .ce_image .image_container {line-height:0; margin-bottom:12px;} #content .ce_image .image_container img {border:1px solid #bcbbab;} /* ImageSlider */ #content .ce_imageslider {border:1px solid #bcbbab; margin-bottom:12px;} /* Suchmaschine */ #content .mod_search {line-height: 1.3em; background:#fff; border:1px solid #ccc; margin-bottom:12px; padding:20px;} #content .mod_search div {border-top:1px solid #ccc; padding-top:20px;} #content .mod_search div.formbody {border:none;} #content .mod_search div.first {border:none;} #content .mod_search h3 {font-size:1.25em; font-weight:bold; padding-bottom:0.25em; margin:0;} #content .mod_search h3 a {color:#000;} #content .mod_search h3 a:hover {text-decoration: underline;} #content .mod_search h3 span.relevance {font-size:0.75em; color:#bbb; font-weight: normal;} #content .mod_search p.header {margin-top:1em;} #content .mod_search p.url {color:#000; margin-top:-1em;} #content .mod_search p .highlight {background:#ffffda; color:#5d5800;} #content .mod_search .pagination {padding-bottom:30px; margin-left:-21px;} #content .mod_search .filesize {color:#ccc;} #content .mod_search #query_type {border:none; padding:0; margin:9px 0 0 0;} /* Suchmodul */ #right #searchform {background:#fafaf3; padding-bottom:12px;} #right #searchform .formbody {background:#fff; border:1px solid #ccc; padding:8px 0 8px 8px;} #right #searchform .formbody input.text {width:95px;} /* Kontakt */ #content #kontakt .ce_text {background:#fff url(../i/bk-kontakt.jpg) no-repeat bottom right; color:#476c7c;padding:25px 200px 10px 25px;} /* Issuu */ object {border:1px solid #ccc; margin-bottom:11px;} .startseite object {border:1px solid #ccc; margin-bottom:0;} #issuu div > div {display:none;} #issuu object {display:block; margin-bottom:12px; background:#ebebe5; background-image:url(../i/error-flash.png); background-position: center; background-repeat: no-repeat;} /* Cool Club */ .coolclub {background-color:#f1f1f1!important;} /* FlowPlayer */ .mod_ch_flowplayer {margin-bottom:12px;} /* Download */ .ce_download {background:#fff; border:1px solid #ccc; border-top:none; padding:20px; margin-top:-40px; margin-bottom:15px;} .ce_download a {border-bottom:1px solid #960000 ; color: #960000;} .ce_download a:hover {color: #333; border:none;} /* Gallery */ .ce_gallery {border:1px solid #ccc; background:#fff;} .ce_gallery table tr td {vertical-align: middle; width:112px; height:112px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align: center;} .ce_gallery table tr td.col_last {border-right:none;} .ce_gallery table tr.row_last td {border-bottom:none;} /* Akkordeon */ #content #akkordeon {border:1px #ccc solid; border-bottom:none; line-height:1.4em;} #content .ce_accordion .toggler {background:#FAFAFA url(../i/bk-toggler.png) right 6px no-repeat; line-height:1em;color:#333; font-weight:normal; border-bottom:1px #ccc solid; height:18px; padding:12px 5px 6px 30px; margin:0; cursor:pointer;} #content .ce_accordion .toggler:hover {background:#f2f2f2 url(../i/bk-toggler.png) right -40px no-repeat; color:#333;} #content .ce_accordion .toggler.active {background:#f2f2f2 url(../i/bk-toggler.png) right -86px no-repeat; color:#333; font-weight:bold;} #content .ce_accordion .accordion div {border-bottom:1px #ccc solid; background: #fff; padding-top:15px; padding-bottom:20px;} #content .ce_accordion p {padding:0 30px;} #content .ce_accordion ul {margin: 0 0 0 30px; line-height:1.6em;} #content .ce_accordion ul li {padding:2px 0;} /* Imageflow */ #content .ce_imageflow {background:#DAECF5; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DAECF5), to(#BFD8F5)); background: -moz-linear-gradient(50% 50% 90deg,#BFD8F5, #DAECF5); color:#476c7c; margin-bottom:12px; border:1px solid #ccc;} #content .ce_imageflow h3 {padding:20px 0 20px 25px; font-weight:bold; font-style: italic; color:#000; font-size:17px; margin:0; background:#b6d5ea;} /* Service-Teaser */ #content .teaser .ce_text {margin-bottom:-2px;} #content .teaser .ce_accordion {clear:both; border-left:1px #ccc solid; border-right:1px #ccc solid; margin-bottom:12px; line-height:1.5em;} #content .teaser .ce_accordion .toggler {font-weight:bold;} #content .teaser .ce_accordion p {padding:0;} #content .teaser .ce_accordion ol, #content .teaser .ce_accordion ul {margin-bottom:1em;} #content .teaser .accordion div {padding:20px 35px;background:#DAECF5; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DAECF5), to(#BFD8F5)); background: -moz-linear-gradient(50% 50% 90deg,#BFD8F5, #DAECF5); color:#476c7c;} /* clearfix */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Disclaimer */ .disclaimer {padding:0px; margin-bottom:-2px;} /* Marken */ #marken table {width:564px;} /* Party-Deko */ .party-deko {border:1px solid #f0f0f0; font-size:1.1em; width:250px;} .party-deko td {padding:3px;} .party-deko .col_1 {width:20px; text-align: right; padding-right:10px;} .party-deko .col_2 {font-weight:bold; color:#333;} .party-deko .col_3 {width:80px; text-align: right; padding-right:10px;} .party-deko .even {background:#f5f5f5;} /* Kindersitze */ table.kindersitze {background:#e2f0f7; border-right:1px solid #a4b9c8; color:#697981; border-bottom:1px solid #a4b9c8; margin-bottom:12px;} table.kindersitze td {border:1px solid #a4b9c8; border-right:none; border-bottom:none; padding:6px; width:20%;} table.kindersitze .row_0 td {background:#bdd5e6; font-weight:bold; color:#333; font-size:1.1em;} table.kindersitze .row_1 td {font-size:0.95em; line-height:1.4em; font-weight:bold; color:#333; padding:8px 6px 12px;} table.kindersitze .row_2 td {font-size:0.95em; line-height:1.4em; padding: 6px 6px 10px;} table.kindersitze .row_3 td {border-top:none; text-align:center;} /* Kinderwagen */ table.kinderwagen {background:#e2f0f7; border-right:1px solid #a4b9c8; border-bottom:1px solid #a4b9c8; margin-bottom:12px;} table.kinderwagen td {border:1px solid #a4b9c8; border-right:none; border-bottom:none; padding:9px; width:33%;} table.kinderwagen .row_0 td {background:#bdd5e6; font-weight:bold; color:#333; font-size:1.1em;} table.kinderwagen .row_1 td {line-height:1.3em; color:#697981; padding:12px 9px; line-height:1.4em;} table.kinderwagen .row_2 td {border-top:none; text-align:center;} /* Login */ .mod_login {background:#fff; padding:20px; border:1px solid #ccc;} .mod_login table tr td {padding:5px 0;} .mod_login table tr td input {padding:5px; margin-left:10px;} /* Zurück */ #content .back {clear:both;} #content .back a {font-style:italic; color:#333; background:#EDEDED url(../i/bk-button-back.png) 9px 5px no-repeat; border:1px solid #ccc; display:block; padding:10px 20px 12px 37px;} #content .back a:hover {background:#e6e6e6 url(../i/bk-button-back.png) 9px 5px no-repeat;} #content .link {clear:both;} #content .link a {font-style:italic; font-size:13px; color:#333; background:#EDEDED url(../i/bk-button.png) 9px 5px no-repeat; border:1px solid #ccc; display:block; padding:10px 20px 12px 37px;} #content .link a:hover {background:#e6e6e6 url(../i/bk-button.png) 9px 5px no-repeat;} /* eTracker */ .etracker img {display:none;} /* Toplink */ #content .ce_toplink {border:1px solid #d7a100; background:#ffd400 url(../i/bk-toplink.png) 17px 26px no-repeat; display:block; padding:20px 30px; margin-bottom:4px; clear:both;} #content .ce_toplink a {font-weight:bold; color:#242424; font-weight:bold; border-bottom: 1px solid #d7a100; padding-bottom:2px;} #content .ce_toplink a:hover {border-bottom: none; color:#404040;} /* Verschiedenes */ .float-left {float:left;} iframe {background: #f3f1de; padding-top:12px; margin-bottom:-2px;} #content .mod_article .malvorlage {background: #fff5d0 url(../i/bk-stifte-rechts.jpg) no-repeat right bottom; color:#706546; margin-bottom:12px;} /* Typographie -------------------------------------------------------------- */ .startseite #content .ce_text h1 {font-size:1.4em; margin-bottom:0.5em; } .startseite #content .ce_text h2 {font-size:1.2em; margin-bottom:0.5em; font-weight:bold; } .startseite #content .ce_text p {margin-bottom:0.5em; } .startseite #content #teaser .ce_text {width:524px; } .startseite #content .ce_image .image_container {line-height:0; margin-bottom:0;} .startseite #content .ce_image .image_container img {border-bottom:none;} .startseite #content {width:578px;} .startseite #content .aktion {float:left; width:276px; margin-right:12px;} .startseite #content .aktion .ce_text {padding:10px; height:100px; overflow: hidden; } /* Teaser -------------------------------------------------------------- */ #content #teaser {width:580px; } #content .mod_article .teaser {float:left; width:564px; margin-right:12px; padding:0;} #content .mod_article .teaser .image_container {margin:0; border-bottom:1px solid #ccc; line-height:0;} #content .mod_article .teaser .image_container img {padding:0; border:none;} #content .mod_article .teaser .image_container a {text-decoration:none; border:none;} #content .mod_article .teaser p {padding:10px 5px 0 10px;} #content .mod_article .banner {float:left; width:274px; margin-right:12px; padding:0;} #content .mod_article .banner .image_container {margin:0; border-bottom:1px solid #ccc; line-height:0;} #content .mod_article .banner .image_container img {padding:0; border:none;} #content .mod_article .banner .image_container a {text-decoration:none; border:none;} #content .mod_article .banner p {padding:10px 5px 0 10px; height:50px; font-size:11px;} #content .mod_article .banner-s {float:left; width:178px; margin-right:12px; padding:0;} #content .mod_article .banner-s .image_container {margin:0; border-bottom:1px solid #ccc; line-height:0;} #content .mod_article .banner-s .image_container img {padding:0; border:none;} #content .mod_article .banner-s .image_container a {text-decoration:none; border:none;} #content .mod_article .banner-s p {font-size:11px; padding:8px 7px 8px 7px; line-height:1.5em; height:65px;} #content .mod_article .banner-s h2 {background:#CF0C06; border:1px solid #9C1901; padding:0.25em 0.25em 0.25em 0.5em; color:#fff; font-size:12px; margin-bottom:0; } .startseite #content .mod_article .banner-s {margin-top:12px;} .startseite #content .mod_article .banner {margin-bottom:12px; height:225px; overflow: hidden} .startseite #content .mod_article .banner h1, .startseite #content .mod_article .banner h2, .startseite #content .mod_article .banner h3, .startseite #content .mod_article .banner h4, .startseite #content .mod_article .banner h5, .startseite #content .mod_article .banner h6 {padding-left:12px; padding-top:18px; line-height:1.3em; padding-right:12px;} .startseite #content .mod_article .banner p {padding:5px 12px 0 12px; height:auto;} .startseite #content .mod_article .banner {border:1px solid #ccc;} .startseite #content .mod_article .blau {background: #BFD8F5; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DAECF5), to(#BFD8F5)); background: -moz-linear-gradient(50% 50% 90deg,#BFD8F5, #DAECF5); color:#476c7c;} .startseite #content .mod_article .gelb {background: #ffc100; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd400), to(#ffc100)); background: -moz-linear-gradient(50% 50% 90deg,#FFC100, #ffd400); color:#352700;} .startseite #content .mod_article .hellgelb {background: #FFF1C4; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFBE4), to(#FFF1C4)); background: -moz-linear-gradient(50% 50% 90deg,#FFF1C4, #FFFBE4); color:#706546;} .startseite #content .mod_article .gruen {background: #BAE3CA; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E1F0E9), to(#BAE3CA)); background: -moz-linear-gradient(50% 50% 90deg,#BAE3CA, #E1F0E9); color:#476c7c;} .startseite #content .mod_article .rosa {background: #F6BBCB; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6E2E3), to(#F6BBCB)); background: -moz-linear-gradient(50% 50% 90deg,#F6BBCB, #F6E2E3); color:#352700;} .startseite #content .mod_article .weiss {background: #f0f0f0; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f0f0f0)); background: -moz-linear-gradient(50% 50% 90deg,#f0f0f0, #ffffff); color:#352700;} #content .mod_article .banner-i {float:left; width:178px; margin-right:14px; padding:0;} #content .mod_article .banner-im {float:left; width:274px; margin-right:14px; padding:0;} #content .dma_teaser { float:left; width:564px; margin-right:12px; padding:0;} #content .dma_teaser .image_container { float:left; width:178px; border-right:1px solid #ccc;margin:0; line-height:0;} #content .dma_teaser .image_container img { padding:0; border:none;} #content .dma_teaser .image_container a { text-decoration:none; border:none;} #content .dma_teaser .text { float:left; width:355px; padding: 10px 15px 10px 15px;} #content .dma_teaser .text p { padding:0; line-height:1.5em; color:#6a5e50;} #content .dma_teaser .text .hyperlink { margin-top:-5px; display:block;} /* Angebote der Woche -------------------------------------------------------------- */ .angebote h1.ce_headline, .angebote h2.ce_headline {border:1px solid #ccc; padding:10px; background:#ffd400; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd400), to(#ffc100)); background: -moz-linear-gradient(50% 50% 90deg,#FFC100, #ffd400);} #content .mod_article .angebot {position:relative; width:434px; padding:24px 10px 22px 120px;} #content .mod_article .angebot h1, #content .mod_article .angebot h2, #content .mod_article .angebot h3, #content .mod_article .angebot h4, #content .mod_article .angebot h5, #content .mod_article .angebot h6 {font-size:13px; margin-bottom:3px; } #content .mod_article .angebot p {font-size:11px; margin-bottom:0; padding-bottom:0;} #content .mod_article .angebot .image_container {position:absolute; top:0; display:inline;} #content .mod_article .angebot .image_container img {top:0; right:0; border:none; padding:0; clear:both; margin:-10px 0 10px -130px; } /* Nachrichten -------------------------------------------------------------- */ #content .mod_newsreader {background:#fff; border:1px solid #ccc; margin-bottom:12px; padding:20px;} #content .mod_newsreader .ce_text {padding:0; margin:0; border:none;} #content .mod_newslist {background:#fff; border:1px solid #ccc; margin-bottom:12px; padding:20px; line-height:1.5em;} #content .mod_newslist p.info {margin:0; padding:0; font-weight:bold; font-style: italic; color:#333;} #content .mod_newslist p {margin-top:5px 0 0 0; padding:0;} #content .mod_newslist .block {margin-bottom:40px;} #content .mod_newslist h2 a {border:none;} #content .mod_newslist .teaser {width:100%; } #content #stellenausschreibungen .mod_newslist {background:#fff; border:none; margin-bottom:12px; padding:0; line-height:1.5em;} #content .mod_newsreader .ce_text ul {margin:20px 0;} #content .mod_newsreader .ce_text ul li {margin-left:15px;} /* Header -------------------------------------------------------------- */ /* Link-Newsletter */ #header .button { float:right; margin:30px 0 0 0; } #header .button, #header .link:visited { background: #222 url(../i/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer;} #header .button:hover { background-color: #111; color: #fff; } #header .newsletter.button { background:#d10d07 url(../i/symbol-mail.png) 4px 5px no-repeat; padding-left:30px; padding-right:25px; } #header .newsletter.button a { font-weight:bold; color:#fff;} #header .newsletter.button:visited { background-color: #d10d07; } #header .newsletter.button:hover { background-color: #A42D1F; } #header .filialen.button { background:#d10d07 url(../i/bk-button.png) 2px 1px no-repeat; padding-left:27px; margin-right:12px;} #header .filialen.button a { font-weight:bold; color:#fff;} #header .filialen.button:visited { background-color: #d10d07; } #header .filialen.button:hover { background-color: #A42D1F; } #header #haendler2011 { float:right; margin:27px 12px 0 0; display:block; } #header #juhubilaeum { float:right; margin:15px 12px 0 0; display:block; } /* Isotope -------------------------------------------------------------- */ /* Produktliste + Related Products -------------------------------------------------------------- */ .mod_iso_productlist, .mod_iso_relatedproducts {width:579px;} .mod_iso_productlist h4, .mod_iso_relatedproducts h4 {display:block; background:#fff; border:1px solid #ccc; margin:13px 0; clear:both; padding:0.75em 0.9em; font-weight:bold; width:540px;} .product_list .product form, .mod_iso_relatedproducts .product form {background:#fff; width:178px; height:178px; border:1px solid #ccc;} .product_list .product, .mod_iso_relatedproducts .product {position:relative; margin-bottom:13px; float:left; margin-right:13px; } .product_list .product .preis, .mod_iso_relatedproducts .product .preis {padding:15px 0; position: absolute; right:0; bottom:20px; min-width:100px; text-align:right;} .product_list .product .preis .cent, .mod_iso_relatedproducts .product .preis .cent {margin:0 5px 15px -7px;} .mod_iso_relatedproducts .product .bezeichnung, .product_list .product .bezeichnung {position: absolute; bottom:0;display:block; border:1px solid #9D1901; width:178px; margin-left:-1px; height:1.5em; overflow:hidden; background:#CB0904; background: -moz-linear-gradient(100% 100% 90deg, #CB0904, #9D1901); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CB0904), to(#9D1901));} .product_list .product .bezeichnung h3, .mod_iso_relatedproducts .product .bezeichnung h3 {font-size:10px; font-weight:bold; color:#fff; line-height:2; padding:0.3em 0 0.3em 0.25em; margin-top:-5px;} .product_list .product .bezeichnung a, .mod_iso_relatedproducts .product .bezeichnung a {color:#fff;} .product_list .product .bezeichnung a:hover, .mod_iso_relatedproducts .product .bezeichnung a:hover {text-decoration:none;} .product_list .product .currency, .mod_iso_relatedproducts .product .currency {display:none;} .product_list .product .image_container img, .mod_iso_relatedproducts .product .image_container img {display:block; margin:15px auto;} .product_list .product .sonderangebot, .mod_iso_relatedproducts .product .sonderangebot {background:transparent url(../i/preise/sonderangebot.png) right -3px no-repeat;} .product_list .product .streichpreis, .mod_iso_relatedproducts .product .streichpreis {position:absolute; right:0; bottom: 80px; right:4px;} .product_list .product .streichpreis .euro, .mod_iso_relatedproducts .streichpreis .euro {} .product_list .product .streichpreis .cent, .mod_iso_relatedproducts .streichpreis .cent {margin-bottom:5px;margin-left:-3px;} .product_list .product .streichpreis .strich, .mod_iso_relatedproducts .streichpreis .strich {margin-left:-37px;top:3px;} .product_list .product .neuheit {background:#fff url(../i/preise/produktzusatz-neu.png) 0 0 no-repeat; z-index:1;} .product_list .product .limitiert {background:#fff url(../i/preise/produktzusatz-limitiert.png) 0 0 no-repeat; z-index:1;} .product_list .product .exklusiv {background:#fff url(../i/preise/produktzusatz-exklusiv.png) 0 0 no-repeat; z-index:1;} .product_list .product .vorbestellpreis {width:83px; height:15px; display:block; margin-bottom:-10px; margin-right:4px; z-index:1;} .product_list .product .setpreis, .mod_iso_relatedproducts .setpreis {position:absolute; top:20px; left:-25px;} .bestseller .product_list .product_0 .platzierung {width:46px; height:46px; background:transparent url(../i/bestseller/top10-01.png) 0 0 no-repeat; position:absolute; margin-top:-167px; z-index:1;} .bestseller .product_list .product_1 .platzierung {width:46px; height:46px; background:transparent url(../i/bestseller/top10-02.png) 0 0 no-repeat; position:absolute; margin-top:-167px; z-index:1;} .bestseller .product_list .product_2 .platzierung {width:46px; height:46px; background:transparent url(../i/bestseller/top10-03.png) 0 0 no-repeat; position:absolute; margin-top:-167px; z-index:1;} .bestseller .product_list .product_3 .platzierung {width:46px; height:46px; background:transparent url(../i/bestseller/top10-04.png) 0 0 no-repeat; position:absolute; margin-top:-167px; z-index:1;} .bestseller .product_list .product_4 .platzierung {width:46px; height:46px; background:transparent url(../i/bestseller/top10-05.png) 0 0 no-repeat; position:absolute; margin-top:-167px; z-index:1;} .bestseller .product_list .product_5 .platzierung {width:46px; height:46px; background:transparent url(../i/bestseller/top10-06.png) 0 0 no-repeat; position:absolute; margin-top:-167px; z-index:1;} .bestseller .product_list .product_6 .platzierung {width:46px; height:46px; background:transparent url(../i/bestseller/top10-07.png) 0 0 no-repeat; position:absolute; margin-top:-167px; z-index:1;} .bestseller .product_list .product_7 .platzierung {width:46px; height:46px; background:transparent url(../i/bestseller/top10-08.png) 0 0 no-repeat; position:absolute; margin-top:-167px; z-index:1;} .bestseller .product_list .product_8 .platzierung {width:46px; height:46px; background:transparent url(../i/bestseller/top10-09.png) 0 0 no-repeat; position:absolute; margin-top:-167px; z-index:1;} .bestseller .product_list .product_9 .platzierung {width:46px; height:46px; background:transparent url(../i/bestseller/top10-10.png) 0 0 no-repeat; position:absolute; margin-top:-167px; z-index:1;} /* Detailseite -------------------------------------------------------------- */ .mod_iso_productreader h2 {font-weight:bold; font-size:1.5em; background:#ededed;background:-webkit-gradient(linear, 44% 0%, 24% 100%, from(#F5F5F5), to(#ededed)); border-bottom:1px solid #e7e7e7; padding:0.75em 0.75em 0.9em;} .mod_iso_productreader .clear {clear:both;} .mod_iso_productreader .formbody {background:#fff; border:1px solid #ccc; border-bottom:none;} .mod_iso_productreader .wrapper {position:relative;} .mod_iso_productreader .produktdarstellung {float:left; margin-left:20px; width:300px; margin-top:20px;margin-bottom:20px;} .mod_iso_productreader .langtext {clear:both;} .mod_iso_productreader .langtext .submit_container {margin:0 0 15px 8px;} .mod_iso_productreader .sonderangebot {background:transparent url(../i/preise/sonderangebot.png) right -3px no-repeat;} .mod_iso_productreader .zusatz {float:right; padding-top:18px;} .mod_iso_productreader .preis {float:right; height:70px; min-width: 100px; padding-top:15px; margin-top:5px; padding-right:10px;} .mod_iso_productreader .preis .euro {float:right; } .mod_iso_productreader .preis .cent {float:right; margin-left:-5px; margin-top:8px;} .mod_iso_productreader .streichpreis {float:right; margin-left:-42px; } .mod_iso_productreader .streichpreis .euro {} .mod_iso_productreader .streichpreis .cent {margin-bottom:5px;margin-left:-3px;} .mod_iso_productreader .streichpreis .strich {margin-left:-35px;top:4px;} .mod_iso_productreader .description {padding:1em; line-height:1.3em;} .mod_iso_productreader .kurztext {margin-bottom:1em;} .mod_iso_productreader .langtext li {margin-left:35px;} .mod_iso_productreader .langtext li {list-style-position: inside; color:#333; line-height:1.2em;} .mod_iso_productreader .informationen {float:left; width:220px; font-size:11px;} .mod_iso_productreader .informationen ul {} .mod_iso_productreader .informationen ul li {padding:3px 0; font-weight:bold; color:#333; list-style-position: outside; line-height:1.3em;} .mod_iso_productreader .informationen table {width:200px; margin-bottom:15px;border-bottom:1px solid #ccc;} .mod_iso_productreader .informationen table td {border:1px solid #ccc; border-bottom:none; padding:0.25em;} .mod_iso_productreader .informationen table td.last {border-bottom:1px solid #ccc;} .mod_iso_productreader .informationen .marke {clear:both; margin-top:15px; margin-bottom:15px;} .mod_iso_productreader p.back {clear:both;} .mod_iso_productreader p.back a {font-style:italic; color:#333; background:#EDEDED url(../i/bk-button-back.png) 9px 5px no-repeat; border:1px solid #ccc; border-top:none;display:block; padding:10px 20px 12px 37px;} .mod_iso_productreader p.back a:hover {background:#e6e6e6 url(../i/bk-button-back.png) 9px 5px no-repeat;} .mod_iso_productreader #thumbnails {margin-top:20px;} .mod_iso_productreader #thumbnails span {display:inline;} .mod_iso_productreader #thumbnails .image_container {float:left; border:1px solid #ccc; margin-right:10px; margin-bottom:10px;} .mod_iso_productreader #thumbnails .image_container:hover {border:1px solid #aaa;} .mod_iso_productreader #thumbnails .image_container a {width:50px; height:50px; display:block;} .mod_iso_productreader .vorbestellpreis {position:absolute; margin-top:40px; margin-left:40px;} .mod_iso_productreader .setpreis {position:absolute; margin-top:0px; margin-left:-25px;} /* Akkordeon -------------------------------------------------------------- */ #content .mod_iso_productreader .ce_accordion { padding-bottom:20px;} #content .mod_iso_productreader .ce_accordion div.toggler { background:none; padding:0 0 0 30px; font-style: italic; font-weight:bold; color:#333; font-size:14px; text-decoration: underline; border:none;} #content .mod_iso_productreader .ce_accordion div.active { text-decoration:none; } #content .mod_iso_productreader .ce_accordion div.hover { text-decoration:none; cursor: pointer;} #content .mod_iso_productreader .ce_accordion .description { margin:0; padding:8px 0 0 10px; border:none;} #content .mod_iso_productreader .ce_accordion div { padding:0; margin:0; border:none;} /* Produktfilter -------------------------------------------------------------- */ .mod_iso_productfilter {display:block; clear:both;display:block;padding:10px 10px; height:20px; background:#fff; border:1px solid #ccc; margin-bottom:12px;} .mod_iso_productfilter .filter_order_by, .mod_iso_productfilter .filter_search, .mod_iso_productfilter .filter_per_page {float:left;margin-right:5px;} .mod_iso_productfilter .filter_search .formbody {float:left;margin-right:5px;} .mod_iso_productfilter .submit_container, .mod_iso_productfilter .clear_filters {display:none;} .mod_iso_productfilter noscript {display:none;} /* Warenkorb -------------------------------------------------------------- */ #right .mod_iso_cart {background:#F3F1DE; padding-bottom:12px;} #right .mod_iso_cart h3 {background:#CF0C06; border:1px solid #9C1901; padding:0.25em 0.25em 0.25em 0.5em; font-size:1.2em; font-style: italic; color:#fff; margin-bottom:0; } #right .mod_iso_cart .empty {background:#fff; border:1px solid #ccc; padding:10px 8px; margin:0;} #right .cart_mini_spielemax {background:#F3F1DE; display:block;} #right .cart_mini_spielemax .productWrapper {background:#fff; border:1px solid #ccc; border-bottom:none;} #right .cart_mini_spielemax .product {float:left; width:100%; border-bottom:1px solid #f5f5f5;padding-top:6px;} #right .cart_mini_spielemax .image {float:left; padding:4px 7px 4px 4px;} #right .cart_mini_spielemax .price {padding:3px 5px; background:#f5f5f5; margin:0; border-top:1px solid #fff; color:#333;} #right .cart_mini_spielemax .price input {width:1em; padding:1px;} #right .cart_mini_spielemax .productName {color:#333; font-weight:bold; margin-top:10px;} #right .cart_mini_spielemax .info {clear:both; border-bottom:1px solid #afafaf;} #right .cart_mini_spielemax .removeButton {float:right; margin-top:2px;} #right .cart_mini_spielemax .subtotal {background:#000; color:#fff; padding:8px; font-weight:bold; text-align:right;} #right .cart_mini_spielemax .subtotal span {font-weight:normal;} #right .cart_mini_spielemax .subtotal .currency {font-weight:bold;} #right .cart_mini_spielemax .currency {padding-right:2px;} #right .cart_mini_spielemax .total {font-weight:bold;} #right .cart_mini_spielemax .submit_container {background:blue;} /* Pagination -------------------------------------------------------------- */ .pagination { float:left; width:553px; clear:both; background:#f0f0f0; padding:5px; border:1px solid #ccc; margin-bottom:12px;} .pagination p { float:left; background:#ffffff; border:1px solid #bbbbbb; color:#303030; display:block; padding:6px 8px 6px 8px; margin-top:2px; margin-bottom:0;} .pagination ul { float:right;} .pagination ul li { display:block; float:left; font-size:12px; line-height:13px; margin: 2px 0 2px 6px;} .pagination ul li a { background:#ffffff; border:1px solid #bbbbbb; color:#303030; display:block; padding:5px 8px 5px 8px; text-decoration:none;} .pagination ul li a:hover { background:#f0f0f0;} .pagination span { background:#303030; border:1px solid #303030; color:#ffffff; display:block; font-weight:bold; font-size:11px; padding:5px 8px 5px 8px;} .message { background:#ffffe1 url(../i/warning.png) 10px 15px no-repeat; border:1px solid #ccc; margin-bottom:12px; padding:20px 20px 20px 40px; width:504px;} /* Navigation -------------------------------------------------------------- */ /* Hauptnavigation */ #left .mod_navigation { background:#CF0C06; padding:1px 0;border-radius: 3px;-moz-border-radius: 3px;} #left .mod_navigation .level_1 li { background:transparent url(../i/bk-arrow.png) 0 0 no-repeat; border-bottom:1px solid #B50904; border-top:1px solid #E86563; padding:0; margin:0; list-style-type:none; } #left .mod_navigation .level_1 li.first { border-top:none; } #left .mod_navigation .level_1 li.last { border-bottom:none; } #left .mod_navigation .level_1 li.active, #left .mod_navigation .level_1 li:hover { background:transparent url(../i/bk-arrow.png) 0 -29px no-repeat;} #left .mod_navigation .level_1 li.submenu { background:transparent url(../i/bk-arrow.png) 0 -58px no-repeat;} #left .mod_navigation .level_1 li a, #left .mod_navigation .level_1 li span { color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; width:165px; display: block; padding:9px 0 9px 8px} #left .mod_navigation ul .level_2 { background:#ffd400; border:1px solid #de9100; border-bottom:none; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd400), to(#ffc100)); padding:0.75em 0 1.25em 0; } #left .mod_navigation ul .level_2 li, #left .mod_navigation ul .level_2 li.active { background-image:none;border:none;} #left .mod_navigation ul .level_2 li:hover { background-image:none;} #left .mod_navigation ul .level_2 li a { padding:0.5em 0.5em 0.5em 10px; text-transform: none; font-weight:normal; font-style: normal; border:none; color:#7E5B00;} #left .mod_navigation ul .level_2 li a:hover { color:#2C1C0F; } #left .mod_navigation ul .level_2 li span, #left .mod_navigation ul .level_2 li.trail a { padding:0.5em 0.5em 0.5em 8px; font-size:11px; color:#2C1C0F; font-weight:bold; margin-left:-6px; text-transform: none; font-style: normal;} #left .mod_navigation ul .level_2 li span:before, #left .mod_navigation ul .level_2 li.trail a:before { content: "› ";} /* Unternavigation */ #footer .mod_customnav { margin:40px 0 0 0; font-size:12px;} #footer .mod_customnav ul { text-align:center; } #footer .mod_customnav ul li { display:inline; padding-left:7px; } #footer .mod_customnav ul li a { color:#949287;} #footer .mod_customnav ul li a:hover { color:#000;} #footer .mod_customnav ul li span { color:#DBD9C8; color:#000; text-decoration:underline; font-weight:bold;} #footer .mod_customnav ul li:after { padding-left:7px;content: "|"; color:#e0e0ce;} #footer .mod_customnav ul li.last:after { content:" ";} /* Filialen -------------------------------------------------------------- */ #filialen-detailseite {line-height:1.5em;width:566px;} #filialen-detailseite h3 {} #filialen-detailseite .wrapper {clear:both;} #filialen-detailseite #dlh_googlemap {width:275px;height:370px;display:block; border:1px solid #ccc;float:left;} #filialen-detailseite #adresse {margin-top: 20px;} #filialen-detailseite #anschrift {height:370px; width:257px; margin-left:10px; padding-left:20px; float:left; background:#fff url(../i/bk-filiale.png) repeat-x; border:1px solid #ccc;} #filialen-detailseite #anschrift h1 {font-size:1.4em; padding:7px 0 0 0; line-height:1.6em;} #filialen-detailseite #anschrift h2 {font-size:1em; font-weight:bold; margin-bottom:0.25em; } #filialen-detailseite #anschrift h2.home {background: transparent url(../i/icon-home.gif) no-repeat 0 2px; padding-left:20px;} #filialen-detailseite #anschrift h2.phone {background: transparent url(../i/icon-phone.gif) no-repeat 0 2px; padding-left:20px;} #filialen-detailseite #anschrift h2.clock {background: transparent url(../i/icon-clock.gif) no-repeat 0 2px; padding-left:20px;} #filialen-detailseite #anschrift ul {padding:0 0 15px 20px; } #filialen-detailseite #anschrift ul li {list-style-type:none; } #filialen-detailseite #anschrift .ort {margin-bottom:4px;} #filialen-detailseite #anschrift .besonderheit {background:#CF0C06; border:1px solid #9C1901; font-size:11px; color:#fff; font-weight:bold; padding:2px 5px; display: inline-block; margin-right:10px;} #filialen-detailseite #oeffnungszeiten {} #filialen-detailseite #oeffnungszeiten td.col_1 {padding-left:20px; width:50px;} #filialen-detailseite #beschreibung {float:left; clear:both; background:#fff; border:1px solid #ccc; margin-top:12px; margin-bottom:12px; padding:10px 20px; width:524px;} #filialen-detailseite #beschreibung h3 {font-weight:bold; font-size:1.2em; margin:1em 0 0.25em 0; padding:0;} /* Aktion */ #filialen-detailseite .aktion .wrapper {padding:10px 25px 25px 20px;background:#fff; border:1px solid #ccc; margin-bottom:12px; } #filialen-detailseite .aktion img {float:right; padding:30px 10px 20px 20px;} #filialen-detailseite .aktion h2 {letter-spacing:-0.05em; color:#000; font-style:italic; font-size:1.6em; margin:25px 0 10px 0; padding-right:20px;} #filialen-detailseite .aktion em {background:#C11308; color:#fff; padding:3px 5px; font-size:1.1em; margin:0 0 0.5em 0;} #filialen-detailseite .aktion em strong {color:#fff;} #filialen-detailseite .aktion p {line-height:1.6em;} #filialen-detailseite span.datum {display:block; padding-bottom:0.75em;} #filialen-detailseite .aktion ul {margin:1em 0;} #filialen-detailseite .aktion ul li {margin:0.5em 0;} #filialen-detailseite .aktion em strong {color:#fff;} #filialen-detailseite .aktion .blau {background: #BFD8F5; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DAECF5), to(#BFD8F5)); background: -moz-linear-gradient(50% 50% 90deg,#BFD8F5, #DAECF5); color:#476c7c; margin-bottom:12px;} #filialen-detailseite .aktion .gelb {background: #ffc100; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd400), to(#ffc100)); background: -moz-linear-gradient(50% 50% 90deg,#FFC100, #ffd400); color:#352700; margin-bottom:12px;} #filialen-detailseite .aktion .hellgelb {background: #FFF1C4; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFBE4), to(#FFF1C4)); background: -moz-linear-gradient(50% 50% 90deg,#FFF1C4, #FFFBE4); color:#706546; margin-bottom:12px;} #filialen-detailseite .aktion .gruen {background: #BAE3CA; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E1F0E9), to(#BAE3CA)); background: -moz-linear-gradient(50% 50% 90deg,#BAE3CA, #E1F0E9); color:#476c7c; margin-bottom:12px;} #filialen-detailseite .aktion .rosa {background: #F6BBCB; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6E2E3), to(#F6BBCB)); background: -moz-linear-gradient(50% 50% 90deg,#F6BBCB, #F6E2E3); color:#352700; margin-bottom:12px;} #filialen-detailseite .aktion .weiss {background: #f0f0f0; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f0f0f0)); background: -moz-linear-gradient(50% 50% 90deg,#f0f0f0, #ffffff); color:#352700; margin-bottom:12px;} /* Kooperationspartner */ #filialen-detailseite #kooperationspartner {background:#fff url(../i/bk-filiale.png) repeat-x; margin-bottom:4px; border:1px solid #ccc; clear:both;} #filialen-detailseite #kooperationspartner h2 {font-size:1.4em; padding:7px 0 0 20px;} #filialen-detailseite #kooperationspartner h3 {font-size:1.1em; padding-bottom:8px;line-height:1.4em;font-weight:bold; font-size:1.2em; margin:0;} #filialen-detailseite #kooperationspartner table {width:100%; margin-top:17px; vertical-align: top; } #filialen-detailseite #kooperationspartner table tr td {padding:10px 0; vertical-align:top; border-top:1px solid #ddd;} #filialen-detailseite #kooperationspartner table tr td.beschreibung {padding:25px 25px 35px 15px;} #filialen-detailseite #kooperationspartner table tr td.partnerlogo {width:120px; padding:20px 20px 10px 20px;} #filialen-detailseite #kooperationspartner table tr.eins td {border-top:none;} #filialen-detailseite #kooperationspartner span.link {background:none; border:none;} /* Filialsuche */ /* Liste */ #filialsuche .mod_cataloglist {margin-bottom:12px; font-size:1.1em; color:#333;} #filialsuche .mod_cataloglist .total {display:none;} #filialsuche .mod_cataloglist h2 {background:#003361 url(../i/downarrow.png) 8px 13px no-repeat; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#004B8C), to(#003361)); background: -moz-linear-gradient(50% 50% 90deg,#003361, #004B8C); color:#fff; padding:11px 9px 11px 15px; margin:0;border:1px solid #6295B5; border-bottom:none; text-transform:uppercase; font-size:16px; font-weight:bold;} #filialsuche .mod_cataloglist ul li {list-style-type: none; border-top:1px solid #000;} #filialsuche .mod_cataloglist strong {font-weight:bold;} #filialsuche .mod_cataloglist table {width:100%; background:#fff; border:1px solid #ccc; border-bottom:none;} #filialsuche .mod_cataloglist table tr.odd {background:#f6f6f6;} #filialsuche .mod_cataloglist table tr.even {background:#ffffff;} #filialsuche .mod_cataloglist table tr td {padding:10px; border-bottom:1px solid #e3e3e3; border-top:1px solid #fff;vertical-align: middle;} #filialsuche .mod_cataloglist table tr td a {color:#27221F; font-weight:bold;} #filialsuche .mod_cataloglist .adresse {width:200px; line-height:1.4em; border-right:1px solid #fff;} #filialsuche .mod_cataloglist .adresse strong {font-size:1.3em; line-height:1.6em;} #filialsuche .mod_cataloglist .besonderheit {font-size:0.9em; line-height:1.3em; margin-top:0.75em; background:#CF0C06; border:1px solid #9C1901; color:#fff; font-weight:bold; padding:2px 5px 4px; display: inline-block;} #filialsuche .mod_cataloglist .oeffnungszeiten {border-left:1px solid #e3e3e3; padding-left:8px; padding-right:8px; width:180px;} #filialsuche .mod_cataloglist .oeffnungszeiten table {background:none;border:none;} #filialsuche .mod_cataloglist .oeffnungszeiten table tr td {font-size:0.95em; border:none; padding:2px 5px;} #filialsuche .mod_cataloglist .oeffnungszeiten table tr td.col_1 {color:#333;} #filialsuche .mod_cataloglist .oeffnungszeiten table tr td.col_2 {color:#333; font-weight:bold;} #filialsuche .mod_cataloglist .icons {border-left:1px solid #e3e3e3;border-right:1px solid #fff; width:70px; padding-right:4px; padding-left:4px;} #filialsuche .mod_cataloglist .icons a {padding:0;margin:0;} #filialsuche .mod_cataloglist span.link a {border:none;background:transparent url(../i/icon-link.png) 0 5px no-repeat; padding:0 0 0 10px; display:block; margin-top:7px; color:#960000; font-weight:bold; text-decoration: underline;} #filialsuche .mod_cataloglist span.link a:hover {color:#333; text-decoration: none;} /* Filialen-Suchfeld */ #filialen-suchmaske {background:#F3F1DE;} #filialen-suchmaske h3 {display:none;} #filialen-suchmaske .mod_catalogfilter {background:#bdd5e6; border:1px solid #a4b9c8;} #filialen-suchmaske .filter_group {padding:8px 4px;} #filialen-suchmaske .filter_group label {display:none;} #filialen-suchmaske .filter_group select {width:160px;} /* Deutschlandkarte */ #standard #catalogfilter-auswahl {background:transparent url(../i/filialsuche-bk.png) no-repeat;padding:48px 0 12px 0;} #right #catalogfilter-auswahl {height:49px; overflow: hidden;} /* Karte */ #catalogfilter-karte {background:#DAECF5 url(../i/bk-article-blau.png) repeat-x bottom; border:1px solid #ccc; border-bottom:none;} #catalogfilter-karte h3 {background:#CF0C06; border:1px solid #9C1901; padding:0.25em 0.25em 0.25em 0.5em; color:#fff; margin-bottom:8px;} #catalogfilter-karte .filter_group label, #catalogfilter-karte .filter_group h3 {display:none;} #filialen-suchmaske-karte .block, #catalogfilter-karte .block {margin-bottom:0;} .filter_field_spm_bundesland select {margin-left:5px;} #ctrl_filter_field_spm_bundesland ul { width:178px;height:240px; background-image: url(../i/deutschlandkarte.png); list-style-type: none; overflow:hidden;position:relative;} #ctrl_filter_field_spm_bundesland ul li { display: inline;} #ctrl_filter_field_spm_bundesland li.option a,#ctrl_filter_field_spm_bundesland li.option p.active {display:block;text-indent:-9999px;position:absolute;} #ctrl_filter_field_spm_bundesland .list_0 a,#ctrl_filter_field_spm_bundesland .list_0 p.active{left:2px;top:2px;width:59px;height:15px;} #ctrl_filter_field_spm_bundesland .list_0 a:hover,#ctrl_filter_field_spm_bundesland .list_0 p.active{background: url(../i/deutschlandkarte.png) 210px 0 no-repeat;} /* Bayern */ #ctrl_filter_field_spm_bundesland .list_bayern a,#ctrl_filter_field_spm_bundesland .list_bayern p.active {left:59px;top:131px;width:92px;height: 99px;} #ctrl_filter_field_spm_bundesland .list_bayern a:hover,#ctrl_filter_field_spm_bundesland .list_bayern p.active {background: url(../i/deutschlandkarte.png) -181px -1px no-repeat;} /* Thüringen */ #ctrl_filter_field_spm_bundesland .list_thueringen a,#ctrl_filter_field_spm_bundesland .list_thueringen p.active {left:75px;top:97px;width: 55px;height: 45px;} #ctrl_filter_field_spm_bundesland .list_thueringen a:hover,#ctrl_filter_field_spm_bundesland .list_thueringen p.active {background: url(../i/deutschlandkarte.png) -511px 0px no-repeat;} /* Sachsen */ #ctrl_filter_field_spm_bundesland .list_sachsen a,#ctrl_filter_field_spm_bundesland .list_sachsen p.active {left:113px; top:96px;width: 59px;height: 45px;} #ctrl_filter_field_spm_bundesland .list_sachsen a:hover,#ctrl_filter_field_spm_bundesland .list_sachsen p.active {background: url(../i/deutschlandkarte.png) -565px 0px no-repeat;} /* Sachsen-Anhalt */ #ctrl_filter_field_spm_bundesland .list_sachsen-anhalt a,#ctrl_filter_field_spm_bundesland .list_sachsen-anhalt p.active {left:88px;top:59px;width: 50px;height: 60px;} #ctrl_filter_field_spm_bundesland .list_sachsen-anhalt a:hover,#ctrl_filter_field_spm_bundesland .list_sachsen-anhalt p.active {background: url(../i/deutschlandkarte.png) -624px 1px no-repeat;} /* Niedersachsen */ #ctrl_filter_field_spm_bundesland .list_niedersachsen a, #ctrl_filter_field_spm_bundesland .list_niedersachsen p.active {left:17px;top:32px;width: 90px;height: 77px;} #ctrl_filter_field_spm_bundesland .list_niedersachsen a:hover,#ctrl_filter_field_spm_bundesland .list_niedersachsen p.active {background: url(../i/deutschlandkarte.png) -673px 0px no-repeat;} /* Nordrhein-Westfalen */ #ctrl_filter_field_spm_bundesland .list_nordrhein-westfalen a, #ctrl_filter_field_spm_bundesland .list_nordrhein-westfalen p.active {left:0px;top:72px;width: 69px;height: 66px;} #ctrl_filter_field_spm_bundesland .list_nordrhein-westfalen a:hover,#ctrl_filter_field_spm_bundesland .list_nordrhein-westfalen p.active {background: url(../i/deutschlandkarte.png) -442px 0px no-repeat;} /* Brandenburg */ #ctrl_filter_field_spm_bundesland .list_brandenburg a,#ctrl_filter_field_spm_bundesland .list_brandenburg p.active {left:103px;top:43px;width: 63px;height: 63px;} #ctrl_filter_field_spm_bundesland .list_brandenburg a:hover,#ctrl_filter_field_spm_bundesland .list_brandenburg p.active {background: url(../i/deutschlandkarte.png) -763px 0px no-repeat;} /* Schleswig-Holstein */ #ctrl_filter_field_spm_bundesland .list_schleswig-holstein a,#ctrl_filter_field_spm_bundesland .list_schleswig-holstein p.active {left:51px;top:3px;width: 52px;height: 45px;} #ctrl_filter_field_spm_bundesland .list_schleswig-holstein a:hover,#ctrl_filter_field_spm_bundesland .list_schleswig-holstein p.active {background: url(../i/deutschlandkarte.png) -827px 0px no-repeat;} /* Mecklenburg-Vorpommern */ #ctrl_filter_field_spm_bundesland .list_mecklenburg-vorpommern a, #ctrl_filter_field_spm_bundesland .list_mecklenburg-vorpommern p.active {left:90px;top:11px;width: 70px;height: 46px;} #ctrl_filter_field_spm_bundesland .list_mecklenburg-vorpommern a:hover, #ctrl_filter_field_spm_bundesland .list_mecklenburg-vorpommern p.active {background: url(../i/deutschlandkarte.png) -879px 0px no-repeat;} /* Berlin */ #ctrl_filter_field_spm_bundesland .list_berlin a,#ctrl_filter_field_spm_bundesland .list_berlin p.active {left:135px;top:68px;width: 14px;height: 11px;z-index:1} #ctrl_filter_field_spm_bundesland .list_berlin a:hover,#ctrl_filter_field_spm_bundesland .list_berlin p.active {background: url(../i/deutschlandkarte.png) -949px 0px no-repeat;z-index:1} /* Hamburg */ #ctrl_filter_field_spm_bundesland .list_hamburg a,#ctrl_filter_field_spm_bundesland .list_hamburg p.active {left:73px;top:37px;width: 14px;height: 11px;z-index:2} #ctrl_filter_field_spm_bundesland .list_hamburg a:hover,#ctrl_filter_field_spm_bundesland .list_hamburg p.active {background: url(../i/deutschlandkarte.png) -962px 0px no-repeat;z-index:2} /* Hessen */ #ctrl_filter_field_spm_bundesland .list_hessen a,#ctrl_filter_field_spm_bundesland .list_hessen p.active {left:36px;top:100px;width: 45px;height: 64px;z-index:1} #ctrl_filter_field_spm_bundesland .list_hessen a:hover,#ctrl_filter_field_spm_bundesland .list_hessen p.active {background: url(../i/deutschlandkarte.png) -329px 0px no-repeat;z-index:1} /* Bremen */ #ctrl_filter_field_spm_bundesland .list_bremen a,#ctrl_filter_field_spm_bundesland .list_bremen p.active {left:50px;top:52px;width: 10px;height: 7px;z-index:3} #ctrl_filter_field_spm_bundesland .list_bremen a:hover,#ctrl_filter_field_spm_bundesland .list_bremen p.active {background: url(../i/deutschlandkarte2.png) -975px 0px no-repeat;z-index:3} /* Tooltips */ .tooltip {padding-left:14px; background-image:url("tl_files/layout/help.gif"); background-position:left center; background-repeat:no-repeat;} .tool .tip-title {width:200px; padding:6px; text-align:left; background-color:#004e71; border-top:1px solid #00415e;border-right:1px solid #00415e;border-left:1px solid #00415e;color:#fff;} .tool .tip-text {width:200px; margin:0px;padding:6px;text-align:left; background-color:#518ea8;border-top:0px solid #00415e; border-right:1px solid #00415e;border-bottom:1px solid #00415e; border-left:1px solid #00415e;font-size:11px;color:#fff;} /* Back */ #filialen-detail p.back {clear:both;} #filialen-detail p.back a {font-style:italic; color:#333; background:#EDEDED url(../i/bk-button-back.png) 9px 5px no-repeat; border:1px solid #ccc; display:block; padding:10px 20px 12px 37px;margin-top:12px;} #filialen-detail p.back a:hover {background:#e6e6e6 url(../i/bk-button-back.png) 9px 5px no-repeat;} /* FORMULARE -------------------------------------------------------------- */ /* Allgemeine Formatierung */ textarea,input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; } /* Hoverfarbe des Feldes */ textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; } /* Wenn das Feld aktiviert ist */ input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; } input[type='hidden'] { display:none; } #content .mod_article .ce_form {background:#fff; border:1px solid #ccc; margin-bottom:12px; padding:20px;} #content .mod_article .ce_form .formbody input {padding:4px; line-height: 1.5em;} #content .mod_article .ce_form .formbody textarea {line-height: 1em; width:90%; height:15em; border: 1px solid #b7b7b7; margin-bottom:10px; padding:6px 3px;} #content .mod_article .ce_form .formbody label {display:block; margin:10px 0 0 0; padding-bottom:3px; font-size:10px;} #content .mod_article .ce_form .formbody .captcha {margin-bottom:10px;} #content .mod_article .ce_form .formbody .mandatory {margin-left:4px;color:#333;} #content .mod_article .ce_form .formbody p.error {font-size:10px; padding:0; color:#9f0000;} #content .mod_article .ce_form .submit {margin-top:20px;} .anmeldeformular {background:#fff; margin-bottom:4px; width:524px; padding:20px; line-height:1.5em; font-size:11px; border:1px solid #ccc;} .anmeldeformular h1, .anmeldeformular h2, .anmeldeformular h3, .anmeldeformular h4 {color:#242424;} .anmeldeformular p {color:#595959;} .anmeldeformular a {color:#242424; font-weight:bold; border-bottom: 1px dotted #a0a0a0; padding-bottom:2px;} .anmeldeformular a:hover {border-bottom: none; color:#404040;} .anmeldeformular table {margin-top:20px; font-size:12px; line-height:1.5em;} .anmeldeformular td input {margin:5px 5px 5px 0;} .anmeldeformular td.headline {font-weight:bold; padding:25px 0 8px; font-size:14px; color:#a7191b;} .anmeldeformular .col_1 {width:100px;} .anmeldeformular .bereich_1 {width:15px; vertical-align: top;padding:5px 0;} .anmeldeformular .bereich_2 {padding:7px 110px 7px 0; vertical-align: top;} .anmeldeformular .geburtstag td {padding:5px 0;} .anmeldeformular .geburtstag strong {padding-bottom:3px; display:inline-block;} .anmeldeformular #err1, .anmeldeformular #err2 {font-weight:bold; color:#9f0000;} .anmeldeformular .invisible {display:none;} .anmeldeformular em {text-transform: uppercase;} #newsletter-anmeldung {position:relative;} /* #newsletter-anmeldung br {display:none;} */ #newsletter-anmeldung label {float:left; clear:both; width:100px; font-size:12px !important; margin: 8px 0 0 !important;} #newsletter-anmeldung input.text {margin-left: 0px !important;} #newsletter-anmeldung input.error {border:2px solid #b80b0b; background-color:#ffe3e3;} #newsletter-anmeldung select {margin:5px 0 3px;} #newsletter-anmeldung p.error {position:absolute; left:240px; font-weight:bold; font-size:12px !important; margin:2px 0 0; color:#fff!important; padding:5px 10px 5px 30px!important; background:#000 url(../i/icon-error.png) no-repeat 5px center;} #newsletter-anmeldung .headline p {font-weight:bold; padding:25px 0 0; font-size:14px; color:#a7191b;} #newsletter-anmeldung .checkbox_container input.checkbox {float:left;} #newsletter-anmeldung .checkbox_container label, #newsletter-anmeldung label.dateOfBirth {float:none; clear:none; width:auto; font-weight:bold; color:#000; font-size:12px !important;} #newsletter-anmeldung .checkbox_container label {margin:0 0 0 20px !important; padding-top:2px;} #newsletter-anmeldung .explanation p {margin:-12px 0 12px 20px; padding:0; width:400px;} /* Formatierung der einzelnen Felder */ #babykatalog ul li {list-style: none; float:left; margin-right:10px;} #babykatalog ul li input {width:230px;} #babykatalog .explanation {width:500px;} #babykatalog ul li.land {margin-right:400px;} #babykatalog .error {margin-left:4px; margin-bottom:0; padding-bottom:0;} /* Aktionen -------------------------------------------------------------- */ #adventskalender .ce_image .image_container {float:left;padding:0; margin:0;} #adventskalender .ce_image .image_container img {border:none; margin:0; padding:0;} #content #fotoaktion {margin-bottom:12px;} #content #fotoaktion tr td img {border:1px solid #ccc;} #content #fotoaktion tr td img:hover {border:1px solid #333;} #content #fotoaktion tr td .image_container {background:transparent url(../i/bk-fotoaktion-gallery.png) no-repeat; padding:4px 4px 14px;} #content #fotoaktion tr.row_0 td.col_0 .image_container {background-position: 4px 105px;} #content #fotoaktion tr.row_0 td.col_1 .image_container {background-position: 4px 85px;} #content #fotoaktion tr.row_0 td.col_2 .image_container {background-position: 4px 65px;} #content #fotoaktion tr.row_0 td.col_3 .image_container {background-position: 4px 45px;} #content #fotoaktion tr.row_0 td.col_4 .image_container {background-position: 4px 25px;} #content #fotoaktion tr.row_1 td.col_0 .image_container {background-position: 4px 5px;} #content #fotoaktion tr.row_1 td.col_1 .image_container {background-position: 4px -15px;} #content #fotoaktion tr.row_1 td.col_2 .image_container {background-position: 4px -35px;} #content #fotoaktion tr.row_1 td.col_3 .image_container {background-position: 4px -55px;} #content #fotoaktion tr.row_1 td.col_4 .image_container {background-position: 4px -75px;} #content #fotoaktion tr.row_2 td.col_0 .image_container {background-position: 4px -95px;} #content #fotoaktion tr.row_2 td.col_1 .image_container {background-position: 4px -115px;} #content #fotoaktion tr.row_2 td.col_2 .image_container {background-position: 4px -135px;} #content #fotoaktion tr.row_2 td.col_3 .image_container {background-position: 4px -155px;} #content #fotoaktion tr.row_2 td.col_4 .image_container {background-position: 4px -175px;} #content #fotoaktion tr.row_3 td.col_0 .image_container {background-position: 4px -195px;} #content #fotoaktion tr.row_3 td.col_1 .image_container {background-position: 4px -215px;} #content #fotoaktion tr.row_3 td.col_2 .image_container {background-position: 4px -237px;} #content #fotoaktion tr.row_3 td.col_3 .image_container {background-position: 4px -257px;} #content #fotoaktion tr.row_3 td.col_4 .image_container {background-position: 4px -277px;} #content #fotoaktion tr.row_4 td.col_0 .image_container {background-position: 4px -297px;} #content #fotoaktion tr.row_4 td.col_1 .image_container {background-position: 4px -317px;} #content #fotoaktion tr.row_4 td.col_2 .image_container {background-position: 4px -337px;} #content #fotoaktion tr.row_4 td.col_3 .image_container {background-position: 4px -357px;} #content #fotoaktion tr.row_4 td.col_4 .image_container {background-position: 4px -377px;} #content #fotoaktion tr.row_5 td.col_0 .image_container {background-position: 4px -397px;} #content #fotoaktion tr.row_5 td.col_1 .image_container {background-position: 4px -417px;} #content #fotoaktion tr.row_5 td.col_2 .image_container {background-position: 4px -437px;} #content #fotoaktion tr.row_5 td.col_3 .image_container {background-position: 4px -457px;} #content #fotoaktion tr.row_5 td.col_4 .image_container {background-position: 4px -477px;} #content #fotoaktion tr.row_6 td.col_0 .image_container {background-position: 4px -497px;} #content #fotoaktion tr.row_6 td.col_1 .image_container {background-position: 4px -517px;} #content #fotoaktion tr.row_6 td.col_2 .image_container {background-position: 4px -537px;} #content #fotoaktion tr.row_6 td.col_3 .image_container {background-position: 4px -557px;} #content #fotoaktion tr.row_6 td.col_4 .image_container {background-position: 4px -577px;} #content #fotoaktion tr.row_7 td.col_0 .image_container {background-position: 4px -597px;} #content #fotoaktion tr.row_7 td.col_1 .image_container {background-position: 4px -617px;} #content #fotoaktion tr.row_7 td.col_2 .image_container {background-position: 4px -637px;} #content #fotoaktion tr.row_7 td.col_3 .image_container {background-position: 4px -657px;} #content #fotoaktion tr.row_7 td.col_4 .image_container {background-position: 4px -677px;} #content #fotoaktion tr.row_8 td.col_0 .image_container {background-position: 4px -697px;} #content #fotoaktion tr.row_8 td.col_1 .image_container {background-position: 4px -717px;} #content #fotoaktion tr.row_8 td.col_2 .image_container {background-position: 4px -737px;} #content #fotoaktion tr.row_8 td.col_3 .image_container {background-position: 4px -757px;} #content #fotoaktion tr.row_8 td.col_4 .image_container {background-position: 4px -777px;} #content #fotoaktion tr.row_9 td.col_0 .image_container {background-position: 4px -797px;} #content #fotoaktion tr.row_9 td.col_1 .image_container {background-position: 4px -807px;} #content #fotoaktion tr.row_9 td.col_2 .image_container {background-position: 4px -827px;} #content #fotoaktion tr.row_9 td.col_3 .image_container {background-position: 4px -847px;} #content #fotoaktion tr.row_9 td.col_4 .image_container {background-position: 4px -867px;} /* Aktion-Kundenkarte (Mal uns ne Neue) -------------------------------------------------------------- */ .kundenkarte #content #teams h2 {padding:7px 20px 4px;} .kundenkarte #content #teams {margin-bottom:12px;} .kundenkarte #content #teams tr td img {border:1px solid #ccc;} .kundenkarte #content #teams tr td img:hover {border:1px solid #333;} .kundenkarte #content #teams tr td .image_container {background:transparent url(../i/bk-fotoaktion-gallery.png) no-repeat; padding:4px 4px 14px;} .kundenkarte #content #teams tr.row_0 td {border-top:1px solid #ccc;} .kundenkarte #content #teams tr.row_0 td.col_0 .image_container {background-position: 4px -95px;} .kundenkarte #content #teams tr.row_0 td.col_1 .image_container {background-position: 4px -115px;} .kundenkarte #content #teams tr.row_0 td.col_2 .image_container {background-position: 4px -135px;} .kundenkarte #content #teams tr.row_0 td.col_3 .image_container {background-position: 4px -155px;} .kundenkarte #content #teams tr.row_0 td.col_4 .image_container {background-position: 4px -175px;} .kundenkarte #content #teams tr.row_1 td.col_0 .image_container {background-position: 4px -195px;} .kundenkarte #content #teams tr.row_1 td.col_1 .image_container {background-position: 4px -215px;} .kundenkarte #content #teams tr.row_1 td.col_2 .image_container {background-position: 4px -235px;} .kundenkarte #content #teams tr.row_1 td.col_3 .image_container {background-position: 4px -255px;} .kundenkarte #content #teams tr.row_1 td.col_4 .image_container {background-position: 4px -275px;} .kundenkarte #content #fotoaktion h2 {padding:7px 20px 4px;} .kundenkarte #content #fotoaktion tr.row_0 td {border-top:1px solid #ccc;} .kundenkarte #content #teams .teambilder, .kundenkarte #content #fotoaktion .einzelpersonen {background: #ffd400;} .kundenkarte #content #teams .teambilder table, .kundenkarte #content #fotoaktion .einzelpersonen table {background: #fff;} .juhubilaeum .image_container img {width:200px!important; height:267px!important;}