/* --------------------------------------------------------- */ /* Copyright (c) 2011 by KB&B Advertising GmbH & Co. KG */ /* fuenf-freunde.de */ /* --------------------------------------------------------- */ @CHARSET "ISO-8859-1"; * { margin:0;padding:0; } /* css-margin-padding-reset */ /* Basic Elements */ html {margin: 0; padding:0;} body { font: 101%/1.231 Lucida Sans Unicode, Lucida Grande, sans-serif; color:#fff; background: #01333e url(/default/images/shadow-bg.png) repeat-x top left;} a:link { text-decoration: none; cursor: pointer; outline: none;} a:visited { text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; cursor: pointer;} a:active { text-decoration: none; cursor: pointer;} a:focus { text-decoration: none; cursor: pointer; border:none; outline: none;} a:focus:hover { text-decoration: none; cursor: pointer; border:none; outline: none;} a.alink, a.blink { text-decoration: none; cursor: pointer; outline: none; color:#fff!important;} a.alink:hover, a.blink:hover, a.clink:hover { text-decoration: none; cursor: pointer; color:#fff!important;} a.clink { text-decoration: none; cursor: pointer; outline: none; color: #9ACCD6!important;} h1,h2 { margin: 0; padding: 0; display:block!important; color:#788787!important; font: normal 17px/1.5 Lucida Sans Unicode, Lucida Grande, sans-serif!important;} h3,h4 { margin: 0; padding: 0; font-size:15px; font-weight: bold; line-height: 30px;} h5,h6 { margin: 0; padding: 0; font-size:13px;} p, .text, .teasertext, .context{ font: 500 13px/1.5 Lucida Sans Unicode, Lucida Grande, sans-serif; padding:0; margin:0;} img { border: none;} form { margin:0; padding: 0; border:none; font: 11px/100% Lucida Sans Unicode, Lucida Grande, sans-serif;} input, textarea, fieldset, select { margin: 0; padding:1px 2px 2px 2px; border:1px solid #006088; background-color: #fff; color:#006088; font: 12px/100% Tahoma, Geneva, sans-serif; width:95%; outline: none;} input:focus, textarea:focus, fieldset:focus, select.focus { border:1px solid #006088; background-color: #fff; color:#006088!important;} textarea{ height: 100px;} option [selected] { margin: 0; padding:1px 2px; border:1px solid #006088; font: 11px/100% Lucida Sans Unicode, Lucida Grande, sans-serif; width:auto; outline: none;} html body form select:focus { outline: none;} label { font: 12px/110% Lucida Sans Unicode, Lucida Grande, sans-serif; display:block; padding:3px 0 2px 0; margin:0; color:#fff!important; text-shadow: none;} input.radio{width:auto!important; background-color: transparent!important;} html body input[type="radio"]{border:none!important;margin-right:10px!important;} input[type="hidden"]{height:1px!important; width:1px!important; margin: 0!important; padding: 0!important; clear: both!important;line-height: 1px!important; font-size: 1px!important;} .submit-group input#sender{background:url(/default/images/inputSender.png) no-repeat 0 0; width:100px; height: 21px!important; cursor: pointer; margin:0; padding:0 0 3px 3px; border:none!important; color:#000!important; font-size: 13px!important; font-weight: bold!important;} .submit-group input#sender:hover{background-position: 0 -79px!important; color:#df0001!important;} .submit-group input[type="submit"]:hover{background-position: 0 -79px!important; color:#df0001!important;} .submit-group input[id="sender"]{ font-size: 13px; width:100px; height: 21px; overflow: hidden;color:#df0001!important;} html body input.radio {border:none!important;margin-right:10px!important; background-color: #fff!important;} /* layout */ #bg {width:100%; padding:0;margin:0; text-align:left;clear: both;} #pagewrapper {width: 956px; padding:8px 0;margin:0;text-align:left;clear: both; color:#fff; background: transparent url(/default/images/body-bg.jpg) no-repeat top left;} #page {width: 779px; padding:0; float: left;margin:0;} #container{margin:0 0 0 3px;padding:0;display:block;width: 776px;clear: both;} #header {height:180px;width:770px; margin:0 0 0 4px; padding:0;clear: both; background: transparent url(/default/images/header-bg.png) no-repeat 0 8px!important;} #contentwrapper {width:770px;margin:10px 3px;padding:10px 0;display:block; height: 1%;} #primarycontent {float:left;margin:0;padding:0;width:464px;} #sidecontent{width:306px;text-align:left;padding:0;float:right; margin:0;} #footer {margin:0 0 0 4px; text-align: center; width:768px; height:35px; background: transparent url(/default/images/blue-bg.png) repeat-x top!important;display:block; position: relative; padding:0;} .footerwrapp {color: #000; text-align: center;border-left: 1px solid #5392a3;border-right:1px solid #5392a3; height:25px;} #skyscraper {float:right;vertical-align: middle;text-align:left;width:160px;margin:90px 0 0 0;} #leaderboard {text-align:right;margin:0;padding: 0 0 0 68px; background: url(../images/werbung-v.png) no-repeat 10px 99%;} #sidecontent .contentlistelement {margin:0;padding:0; text-align:center;} #primarycontent .contentlistelement {margin:0 14px;padding:0; } #contentwrapper .borderLayout {display: block; /*width:764px;*/ margin:0 3px 0 3px;padding:0!important; height: 1%;} #contentwrapper #sidecontent .borderLayout {display: block; width:300px; margin:0 0 0 3px;padding:0!important;} #contentwrapper #primarycontent .borderLayout {display: block; width:458px; /*width: 454px;*/padding:0!important; margin:0 3px;} #primarycontent .noborderLayout{display: block; width: auto; margin:0; padding:0; border:none;} #sidecontent .noborderLayout {display: block; width: auto; margin:0; padding:0; border:none;} #sidecontent .contentlistgallery {margin:0 14px;padding:0;} #primarycontent .contentlistgallery {margin:0 14px;padding:0; } /* popup */ #popup {margin:0; padding:0px; display:block;background-color:#01333e!important; clear: both; text-align:left;} #popup #contentwrapper{float:none;width:auto!important; text-align:left;} /* borderLayout */ #primarycontent .borderLayout .context, #sidecontent .borderLayout .context, #contentwrapper .borderLayout .context {margin:10px 25px;} #contentwrapper .borderLayout {background: url(/default/images/cw-border-top.png) no-repeat 0 0; float: left; display:block; clear:both;} #contentwrapper .borderLayout .borderLayoutTop {margin:8px 0 0 0;padding:0;width:auto;background: url(/default/images/cw-border-repeat.png) repeat-y 0 0; display: block; height: 1%;} #contentwrapper .borderLayout .borderLayoutBottom{margin:0;padding:0; width:auto; background: url(/default/images/cw-border-bottom.png) no-repeat bottom left; display: block; height: 8px;} #contentwrapper #primarycontent .borderLayout {background: url(/default/images/pc-border-top.png) no-repeat 0 0; float: left; display:block; clear:both;} #contentwrapper #primarycontent .borderLayout .borderLayoutTop {margin:8px 0 0 0;padding:0;width:auto;background: url(/default/images/pc-border-repeat.png) repeat-y 0 0; display: block; height: 1%;} #contentwrapper #primarycontent .borderLayout .borderLayoutBottom{margin:0;padding:0; width:auto; background: url(/default/images/pc-border-bottom.png) no-repeat bottom left; display: block; height: 8px;} #contentwrapper #sidecontent .borderLayout {background: url(/default/images/sc-border-top.png) no-repeat 0 0; float: left; display:block; clear:both;} #contentwrapper #sidecontent .borderLayout .borderLayoutTop {margin:8px 0 0 0;padding:0;width:auto;background: url(/default/images/sc-border-repeat.png) repeat-y 0 0; display: block; height: 1%;} #contentwrapper #sidecontent .borderLayout .borderLayoutBottom{margin:0;padding:0; width:auto; background: url(/default/images/sc-border-bottom.png) no-repeat bottom left; display: block; height: 8px;} .borderLayout h3 {margin:0 0 5px 0; padding:0 0 5px 0; border-bottom: 1px solid #43a1b4; } #contentwrapper .borderLayout .wrapp {margin: 5px 20px 0 20px!important; padding:0;display:block; text-align: left;} #contentwrapper #primarycontent .borderLayout .wrapp, #contentwrapper #sidecontent .borderLayout .wrapp {margin: 5px 14px 0 14px!important; padding:0;display:block; text-align: left;} #primarycontent .borderLayout .context {padding:0!important;} #contentwrapper .borderLayout .messageDiv, #contentwrapper .borderLayout .errorsDiv, #contentwrapper .borderLayout .noDataDiv {margin:5px!important;} #contentwrapper .context .teasertext {font-weight: bolder; margin-bottom: 14px; padding-top:8px; color:#dde2e4; font: 700 1em/1.5 Lucida Sans Unicode, Lucida Grande, sans-serif;} /* noborderLayout */ #primarycontent .context, #sidecontent .context, #contentwrapper .context {margin:10px 24px;} #contentwrapper .noBorderedHeadline {margin:0; padding:0;} #primarycontent .noBorderedHeadline {margin:0; padding:0;} #sidecontent .noBorderedHeadline {margin:0!important; padding:0} #sidecontent h3 {margin:0 0 5px 0; padding:0 0 5px 0; display:block; padding:0 0 5px 0; border-bottom:1px solid #43a1b4;} #contentwrapper .messageDiv, #contentwrapper .errorsDiv, #contentwrapper .noDataDiv{ color:#b4dfe8; font-size: 12px; padding:10px; margin:10px 15px 10px 10px; background-color: #013644; border: 1px solid #007696;} /* elements styling */ .logo img {margin:34px 0 38px 40px; padding:0;} .productlist {margin:0 14px; padding-top:1px;} /* ie8 fix */ .copyright {text-align:center; color:#43a1b4; padding:2px 0 5px 12px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif !important;} .BGBox{height:35px; background: transparent url(/default/images/blue-bg.png) repeat-x top!important; width:auto; margin:14px 14px 0 14px; padding:0; clear: both; display: block;} #sidecontent .noBorderedHeadline .BGBox{height:35px; background: transparent url(/default/images/blue-bg.png) repeat-x top!important; width:auto; margin:14px 0 0 14px; padding:0; clear: both; display: block;} .BGBoxright{color: #fff; text-align: left;line-height:30px; height:25px; width:auto; margin:0 0 0 0; padding:0 10px; clear: both; display: block; border-left:1px solid #5392a3;border-right:1px solid #5392a3; } .BGBox h2 {padding:0; text-decoration:none; margin-left:0; display:inline; float:left; margin-top:-1px; color:#fff!important;} .BGBox h2 img {margin-top:-6px;} #primarycontent .contentlistelement .links{ margin:0;padding:5px 0; text-align: left; display:block;} #primarycontent .contentlistelement .links h5 { margin:5px 0; padding:5px 0;text-transform: uppercase; border-bottom: 1px solid #9accd6; } #primarycontent .contentlistelement .links a{ margin:0;padding:3px 0 7px 25px!important;text-decoration: none; background:url(/default/images/bt_vor.png) no-repeat top left;cursor: pointer; display:block; color:#000;} #primarycontent .contentlistelement .links a:hover{background-position: left -30px; color:#df0001; text-decoration: none;} html body #contentwrapper .context ul{ margin:0 0 20px 20px!important; padding:0!important;} html body #contentwrapper .context li{ margin:2px 0 2px 0!important; padding:0 0 0 0!important; list-style-image: url(/default/images/li-point.png)!important;} .contentlistgallery .imagebox{ background-color: transparent; padding:10px 5px; margin:0; width:auto;} .productdetail {padding:0; font-size: 12px!important;} .productdetail .imagebox {padding:0 0 10px 0;margin-left:-5px!important; width:185px; text-align: center; background: transparent url(/default/images/hg-imagebox.png) no-repeat bottom right;} .productdetail .imagebox .img{padding:0; overflow:hidden; max-width:174px; text-align: center;} .productdetail .productfeatures{margin:0 0 10px 0; padding:0 0 5px 5px; float:right; font-size: 1.1em;} .productdetail .productfeatures h3{padding:0 0 3px 0;margin:0 0 3px 0; line-height: 130%;} .productdetail .productfeatures h4{padding:3px 0;margin:0 0 3px 0; font-size: 13px; line-height: 130%;} .productdetail .widthfix{width:240px!important;} .productdetail .tracklist, .productdetail .speakerlist, .productdetail .description, .productdetail .detailinformation {margin:0 0 10px 0!important; padding:10px!important; font-size: 13px; display: block; border:1px solid #fff;} .productdetail .description p, .productdetail .detailinformation p {font-size: 13px; color:#fff!important; margin:0!important; padding:0!important;} .productdetail .productfeatures .media{font-size: 13px; color:#fff!important; line-height:120%;} .productdetail .productfeatures .media span {display:block;} .productdetail .productfeatures .mediab {padding:0; margin:0;color:#e8e8e8!important;} .productdetail .tracklist h6, .productdetail .detailinformation h6, .productdetail .speakerlist h6, .productdetail .description h6 {margin:0; padding:0 0 5px 0; font-size: 13px; display: block; color: #fff; font-weight: bold!important;} .productdetail .pmargin{margin-left:10px!important;} .productdetail .soundfiles {margin:0;padding:0; font-size:10px; width:auto; overflow:hidden; height: 66px!important; float:left;} #contentwrapper .xbottom{margin:10px 0 5px 14px;padding:0;display: block; height: 21px!important; float: left; font-size:12px; width:150px; clear: both;} #contentwrapper .ybottom{margin:0;padding:0;display: block; height: 21px; float: right; width:150px; clear: both;} #contentwrapper .xbottom a.btBack{background:url(/default/images/bt_zurueck.gif) no-repeat top left!important;color:#000; padding:1px 15px 5px 5px; font-size: 12px; margin:0 3px 0 0; white-space: nowrap; font-weight: bold; text-transform: none; width:141px!important; overflow: hidden; line-height:25px; } #contentwrapper .xbottom a{background:url(/default/images/bt_zurueck_2.gif) no-repeat top left;color:#000; padding:1px 15px 5px 5px; font-size: 12px; margin:0 3px 0 0; white-space: nowrap; font-weight: bold; text-transform: none; width:141px!important; overflow: hidden; line-height:25px; } #contentwrapper .ybottom a{background:url(/default/images/bt_vor.gif) no-repeat top right!important;color:#000;padding:1px 5px 5px 15px; font-size: 12px; margin:0 0 0 3px; text-align: center; cursor: pointer; white-space: nowrap; font-weight: bold; text-transform: none; width:81px!important; overflow: hidden; height: 21px; } #contentwrapper .xbottom a:hover, #contentwrapper .xbottom a.btBack:hover {background-position: left -29px!important; color:#df0001; text-decoration: none;} #contentwrapper .ybottom a:hover {background-position: right -29px!important; color:#df0001; text-decoration: none;} #contentwrapper .xbottom a span{margin-left:18px!important;color:#000;} #contentwrapper .ybottom a span{margin-right:18px!important;color:#000;} #contentwrapper .xbottom a:hover span{color:#df0001; text-decoration: none;} #contentwrapper .ybottom a:hover span{color:#df0001; text-decoration: none;} .borderLayout .ybottom {margin:0;padding:0;display: block; height: 21px; float: right; width:100px;} .bottomlink {text-align:right;margin-top:-25px;margin-right:15px;} .picture {text-align:center; max-width: 400px; overflow: hidden; display:block; width:auto; } .picturebox {margin:10px 0; padding:10px; text-align:center; display: inline-table;} html body #contentwrapper .borderLayout ul{ margin:0; padding:0;list-style: none;} html body #contentwrapper .borderLayout li{ padding:2px 0 2px 0;list-style-image:none;} html body #contentwrapper .borderLayout .productfeatures ul{ margin:10px 0 0 0; padding:0;font-size:0.85em;list-style: none; } html body #contentwrapper .borderLayout .productfeatures li{ padding:2px 0 2px 0; list-style-image: none; color: #d9f9ff; } html body #contentwrapper .borderLayout .tracklist ul, html body #contentwrapper .borderLayout .speakerlist ul{ margin:0; padding:0; list-style-position: inside!important; list-style: decimal;} html body #contentwrapper .borderLayout .tracklist li, html body #contentwrapper .borderLayout .speakerlist li{ padding:2px 0 2px 0!important; list-style-image: none; margin:0!important; font-size: 11px!important;color:#e8e8e8!important;} html body #contentwrapper .borderLayout .detailinformation ul {margin:0 0 0 5px; padding:0 10px;list-style-position: outside;} html body #contentwrapper .borderLayout .detailinformation li{margin:0; padding:0 10px 0 0; list-style-image: url(/default/images/li-point.png);font-size: 11px!important;color:#e8e8e8!important;} .borderLayout .displaynavi{ text-align: right;float:right;} .context .text a{color:#d9f9ff!important; text-decoration: none;} .context .text a:hover{color:#fff!important; text-decoration:none;} .borderLayout .elements .BGBox {margin-left:-10px!important;margin-right:-10px!important;} .borderLayout .wrapp .BGBox {margin-left:0px!important;margin-right:0px!important;} .elements { margin:5px 0 5px 0; padding:5px 0; display:block;} .elements a {background:url(/default/images/pfeil-r.png) no-repeat 0 2px;color: #dff9ff; padding:0 0 0 17px; margin:0; text-align: left; cursor: pointer; white-space: nowrap; text-transform: none;} .elements a:hover{background-position: 0 -38px; color:#fff; text-decoration: none;} /* teaser */ .rocobox { margin:8px 3px; padding:0; float: left!important; color:#000;} .rocobox h2 {font: bold 16px/120% Lucida Sans Unicode, Lucida Grande, sans-serif !important; text-decoration:none; color:#fff!important; } .rocobox h2 a{text-decoration:none;color:#fff!important; font-size: 16px!important; overflow: hidden;} .rocobox h3, .rocobox h6, .sliderTeaser h4 {font: bold 13px/120% Lucida Sans Unicode, Lucida Grande, sans-serif!important; text-decoration:none; margin:0!important; color:#000!important; border: 0px!important; padding:0 0 6px 0!important;} .rocobox h3 a, .rocobox h6 a {color:#000!important;margin:0!important; padding:0!important;} .rocobox h3 a:hover, .rocobox h6 a:hover, .rocobox h2 a:hover {color:#df0001!important; text-decoration: none;} .sliderTeaser h4 { text-align: center!important; line-height: 120%!important;} .rocobox .headline {background: #df0001 url(/default/images/teaser-h2-bg.jpg) no-repeat top left; text-decoration:none; height:23px; padding:0 0 0 15px; display:block; z-index: 7000; margin-bottom:10px; -o-box-shadow: 0 2px 6px 0 #000; -icab-box-shadow: 0 2px 6px 0 #000; -khtml-box-shadow: 0 2px 6px 0 #000; -moz-box-shadow: 0 2px 8px 0 #000; -webkit-box-shadow: 0 2px 6px 0 #000; box-shadow: 0 2px 6px 0 #000;} .rocobox .rowrapp{ padding:0 26px 0 26px!important; margin:0; /*min-height: 78px;*/ height: 1%;} .rocobox .rowrapp.long{height:250px; overflow:hidden;} .rocobox .teasertext {color:#000; font: 11px/120% Lucida Sans Unicode, Lucida Grande, sans-serif; margin:0!important;padding:0!important; font-weight: normal!important; } .rocobox .ibox {padding:0; margin:0; overflow: hidden;} .rocobox .ibox a{padding:0!important; margin:0!important; display:inline;} .rocobox .image img{border: 1px dotted #CEC8B5;} .rocobox .image a:hover img{border: 1px dotted #797979;} .rocobox .rowrapp a { color:#ff3333; text-decoration:none; margin:0; padding:0; background: transparent; } .rocobox .rowrapp a:hover{text-decoration: none; color:#013644;} .rocobox .bottom, #sidecontent ul.produktlist_sc .bottom {margin:0;padding:0;height:22px;width:22px;float: right; } .rocobox .bottom a, ul.produktlist_sc .bottom a {margin:0!important;padding:0!important;background: url(/default/images/hg-mehr.png) no-repeat 100% 0; display: block!important; height: 22px!important; line-height: 22px; width:22px!important; } .rocobox .bottom a:hover, ul.produktlist_sc .bottom a:hover { background: url(/default/images/hg-mehr.png) no-repeat 100% -49px;} #primarycontent .large {width:458px;} #primarycontent .largetop {background: transparent url(/default/images/pc-teaser-top-xl.png) no-repeat top left; width:458px; height: 48px;} /*#primarycontent .sliderTeaser {background: transparent url(/default/images/pc-teaser-top-xl.png) no-repeat top left; width:458px;}*/ #primarycontent .large .headline{ max-width: 458px; margin-top:-24px;} #primarycontent .largebottom {background: transparent url(/default/images/pc-teaser-bottom-xl.png) no-repeat bottom left; margin-top:0;} #primarycontent .largebottom .ibox {margin-left:10px;} #primarycontent .small {width:226px;} #primarycontent .smalltop {background: transparent url(/default/images/pc-teaser-top-xs.png) no-repeat top left; width:226px; height: 48px; } #primarycontent .small .headline{ max-width: 226px; margin-top:-24px;} #primarycontent .smallbottom {background: transparent url(/default/images/pc-teaser-bottom-xs.png) no-repeat bottom left; margin-top:0;} #sidecontent .large {width:300px;} #sidecontent .largetop {width:300px; background: transparent url(/default/images/sc-teaser-top-xl.png) no-repeat top left; height: 48px;} /*#sidecontent .sliderTeaser {width:300px; background: transparent url(/default/images/sc-teaser-top-xl.png) no-repeat top left;}*/ #sidecontent .large .headline{ max-width: 300px; margin-top:-24px;} #sidecontent .largebottom {background: transparent url(/default/images/sc-teaser-bottom-xl.png) no-repeat bottom left; margin-top:0;} #sidecontent .largebottom .ibox {margin-left:10px;} #sidecontent .small {width:147px;} #sidecontent .smalltop{width:147px;background: transparent url(/default/images/sc-teaser-top-xs.png) no-repeat top left; height: 48px;} #sidecontent .small .headline{ max-width: 147px; margin-top:-24px;} #sidecontent .smallbottom {background: transparent url(/default/images/sc-teaser-bottom-xs.png) no-repeat bottom left; margin-top:0;} #primarycontent .bildTeaser {margin:8px auto; padding:0;/* float: left;*/ clear: both!important;} #sidecontent .bildTeaser{margin:8px 3px; padding:0;/* float: left;*/} #primarycontent .bildTeaser a, #sidecontent .bildTeaser a { margin:0!important; padding:0!important; margin-bottom:0!important; float: left;} /* produktlist */ #contentwrapper .teaserXsmall {margin:0 3px 5px 3px;padding:0; width:179px; background: url(/default/images/pc-teaserXsmall.png) no-repeat top left; float: left; color: #000!important; position: relative;} #contentwrapper .teaserXsmall h2 { font: 14px/1.5 Lucida Sans Unicode, Lucida Grande, sans-serif; display: block; color:#000!important; font-weight: bold!important; letter-spacing: -1px;} #contentwrapper .teaserXsmall p{padding:3px 0; line-height: 130%; font-size:13px;} #contentwrapper .teaserXsmall .episode {padding:0 10px;} #contentwrapper .teaserXsmall a{padding:3px 0; line-height: 130%; font-size:13px; color:#000!important;font-weight: bolder!important;} #contentwrapper .teaserXsmall a:hover{color:#df0001!important; text-decoration: none;} #contentwrapper .teaserXsmall .imge{margin:4px 0; padding:0;} #contentwrapper .teaserXsmall .imge a img{border:1px dotted #cec8b5;} #contentwrapper .teaserXsmall .imge a:hover img{border:1px dotted #797979;} #contentwrapper .teaserXsmall .wrapp {margin:0 10px; padding:15px 0 0 0;display:block; height: 240px; text-align: center;} #contentwrapper .teaserXsmall .bottom {margin:0;padding:0;height:20px; position: absolute; bottom:0;right:0;} #contentwrapper .teaserXsmall .bottom a {margin:0!important;padding:0!important;background: url(/default/images/hg-mehr.png) no-repeat 100% 0; display: block!important; height: 22px!important; line-height: 22px; width:22px!important; } #contentwrapper .teaserXsmall .bottom a:hover { background-position:100% -49px;} #contentwrapper #sidecontent .plteaser {margin:0; padding:0;} #contentwrapper #sidecontent .plteaser {margin:0; padding:0;} #contentwrapper #sidecontent .plteaser .pagerpositiontop {margin-left:0;margin-right:-15px;padding-right:0px!important; } #contentwrapper #sidecontent .plteaser .pagerpositionbottom {margin-left:0;margin-right:-14px;margin-bottom:-10px;} #contentwrapper #sidecontent .borderLayout .plteaser {margin:0; padding:0;} #contentwrapper #sidecontent .borderLayout .plteaser .pagerpositiontop {margin-top:-46px;} #contentwrapper #sidecontent .borderLayout .plteaser .pagerpositionbottom {margin-left:-14px;margin-right:-14px;margin-bottom:-10px;} html body #contentwrapper #sidecontent .borderLayout ul.produktlist_sc {margin:10px 0 10px 0!important; padding:0;list-style: none; } html body #contentwrapper #sidecontent ul.produktlist_sc{ margin:10px 0 10px 14px; padding:0;list-style: none; font-size:12px;} html body #contentwrapper #sidecontent ul.produktlist_sc li, html body #contentwrapper #sidecontent ul.produktlist_sc li.active{list-style-image: none;margin-bottom:10px; height: 132px; overflow:hidden; background: url(/default/images/hg-produktlist.png) no-repeat bottom left;} html body #contentwrapper #sidecontent ul.produktlist_sc li {color:#3d3a33;} html body #contentwrapper #sidecontent ul.produktlist_sc li.active {color:#000;} html body #contentwrapper #sidecontent ul.produktlist_sc li img {border:1px dotted #cec8b5;} html body #contentwrapper #sidecontent ul.produktlist_sc li a {color:#000;} html body #contentwrapper #sidecontent ul.produktlist_sc li a:hover{color:#ff3333;} html body #contentwrapper #sidecontent ul.produktlist_sc li a:hover img {border:1px dotted #797979;} html body #contentwrapper #sidecontent ul.produktlist_sc li.active img{border:1px dotted #797979;} html body #contentwrapper #sidecontent .produktlistelement {height:102px; overflow:hidden; margin:10px 10px 0 10px; position: relative;} html body #contentwrapper #sidecontent .borderLayout ul.produktlist_sc li{list-style-image: none;color:#fff!important; margin-bottom:10px; height: 132px; overflow:hidden; background-image: none!important; border-bottom:1px solid #fff;} html body #contentwrapper #sidecontent .borderLayout ul.produktlist_sc li.active{list-style-image: none;color:#fff!important; margin-bottom:10px; height: 132px; overflow:hidden; background-image: none!important; border-bottom:1px solid #43a1b4;} html body #contentwrapper #sidecontent .borderLayout ul.produktlist_sc li img, html body #contentwrapper #sidecontent .borderLayout ul.produktlist_sc li a:hover img, htmlhtml body #contentwrapper #sidecontent .borderLayout ul.produktlist_sc li.active img{border:none!important;} .detailTabs {padding:0; text-align:left;font-size: 11px; color:#fff!important; line-height:24px;margin:0;} .detailTabs a {text-align:left;font-size: 12px; color:#dff9ff!important; background-image: none; padding-left:0; padding-right:0; font-weight: bolder; font-family: Arial, Helvetica, sans-serif; -o-text-shadow: 0px 0px 5px #006088; -icab-text-shadow: 0px 0px 5px #006088; -khtml-text-shadow: 0px 0px 5px #006088; -moz-text-shadow: 0px 0px 5px #006088; -webkit-text-shadow: 0px 0px 5px #006088; text-shadow: 0px 0px 5px #006088; /* CSS3 */} .detailTabs a:hover {text-decoration: none; color:#fff!important; } /* pagination */ .pagination a.btArrowLeft{background:url(/default/images/p-a-l.png) no-repeat left 3px!important;background:url(/default/images/p-a-l.gif) no-repeat left 2px;color:#000; padding:1px 5px 5px 5px; font-size: 12px; margin:0 3px 0 0; white-space: nowrap; font-weight: bold; text-transform: none; width:81px!important; overflow: hidden; } .pagination a.btArrowRight {background:url(/default/images/p-a-r.png) no-repeat right 3px!important;background:url(/default/images/p-a-r.gif) no-repeat right 2px;color:#000;padding:1px 5px 5px 5px; font-size: 12px; margin:0 0 0 3px; text-align: center; cursor: pointer; white-space: nowrap; font-weight: bold; text-transform: none; width:81px!important; overflow: hidden; } .pagination a.btArrowLeft:hover {background-position: left -37px!important; color:#df0001; text-decoration: none;} .pagination a.btArrowRight:hover {background-position: right -37px!important; color:#df0001; text-decoration: none;} #contentwrapper .pagination {text-align:center;font-size: 12px; height:35px; margin:-1px 0 0 0; padding:0!important; line-height: 25px;} .pagination a {color:#fff!important;font-weight: bold;} .pagination a:hover {color:#000!important; text-decoration: none;} .pagination .currentPage {color:#000; padding:0 5px; font-weight: bold;} #contentwrapper .pagerposition {margin-top:-46px;} .bildunterschrift {text-align:center; padding:0; max-width: 200px; overflow: hidden; margin:3px auto;color: #fff; font-size: 0.85em;} .copyright a{ color:#43a1b4; font-size: 11px; text-decoration: none; line-height:16px;} .copyright a:hover { color:#a8d9e0; font-size: 11px; text-decoration: none; } /* buttons */ a.btArrowLeft{background:url(/default/images/bt_zurueck.gif) no-repeat top left;color:#000; padding:1px 15px 5px 5px; font-size: 12px; margin:0 3px 0 0; white-space: nowrap; font-weight: bold; text-transform: none; width:81px!important; overflow: hidden; } a.btArrowRight {background:url(/default/images/bt_vor.gif) no-repeat top right;color:#000;padding:1px 5px 5px 15px; font-size: 12px; margin:0 0 0 3px; text-align: center; cursor: pointer; white-space: nowrap; font-weight: bold; text-transform: none; width:81px!important; overflow: hidden; } a.btArrowLeft:hover {background-position: left -29px; color:#df0001; text-decoration: none;} a.btArrowRight:hover {background-position: right -29px; color:#df0001; text-decoration: none;} a.btArrowLeft span{margin-left:18px!important;color:#000;} a.btArrowRight span{margin-right:18px!important;color:#000;} a.btArrowLeft:hover span{color:#df0001; text-decoration: none;} a.btArrowRight:hover span{color:#df0001; text-decoration: none;} a.alink { color: #dff9ff; text-decoration: none; cursor: pointer; outline: none; background-color: transparent;} a.alink:hover { color: #fff; cursor: pointer; outline: none; background-color: transparent;} /* diverse */ .imgreplace {padding-top:12px;} .noborder { border: none!important; } .nobackground { background: none!important; } .margin { margin: 10px!important;} .margintop { margin-top: 10px;} .marginleft { margin-left:10px;} .marginright { margin-right: 10px;} .nomargin { margin: 0!important; } .size10{ font-size: 10px!important;} .size11{ font-size: 11px!important;} #sidecontent .marginleft { margin: 0 8px 0 0; display: block; } .bordergrey { display: block!important; margin:2px 0; padding:2px 0; clear: both!important; line-height: 1px!important; font-size: 0!important; height: 1px!important; border-top:1px dotted #9accd6;} .bordertop{ border-top:1px dotted #9accd6;} .floatleft { float: left; margin:0; padding:0;} .floatright { float: right; margin:0; padding:0;} .block { display:block; clear: both; padding:10px 0 0 0;} .clearer { display: block!important; margin: 0!important; padding: 0!important; clear: both!important; line-height: 0!important; font-size: 0!important; height: 0!important; } .clear {display: block!important; margin: 3px 0 5px 0!important; padding: 1px!important; clear: both!important;line-height: 1px!important; font-size: 1px!important; height: 1px!important;} .none {position: absolute; left: -9999px; top: -9999px; display: inline; width: 0; height: 0; } .caps{text-transform: uppercase;} .alignright{text-align: right;} .alignleft{text-align: left;} .black{color:#000;} .white{color:#fff;} .lightblue{color:#a8d9e0!important;} .gray, .grey{color:#9accd6;} .darkgray{color:#9accd6;} .silver{color: #d9f9ff;} .dodgerblue {color:#df0001!important;} .bg {background-color: #3f455e!important;} .iconmargin { margin-top: -2px!important;} .iconimg {margin:-4px 4px 0 0; float: left;} .font12 {font: normal 12px/130% Lucida Sans Unicode, Lucida Grande, sans-serif!important;} .font11 {font: normal 11px/130% Lucida Sans Unicode, Lucida Grande, sans-serif!important;} .font10 {font: normal 11px/120% Lucida Sans Unicode, Lucida Grande, sans-serif!important;} .date {font: normal 11px/120% Lucida Sans Unicode, Lucida Grande, sans-serif!important;color:#a8d9e0!important;} /* swfobject FF3 Bugfix, see http://code.google.com/p/swfobject/wiki/faq 15 */ object { outline:none; } /* forms */ label.benutzer { font: bold 12px/20px Lucida Sans Unicode, Lucida Grande, sans-serif; padding:0 5px 4px 0; float:left; text-transform: uppercase; color:#3d3a33;height:20px;} span.benutzer { font: 12px/20px Lucida Sans Unicode, Lucida Grande, sans-serif; padding:3px 5px 0 0; float:left; text-transform: none; color:#fff;height:20px;} .content-form {padding:5px 0 5px 0; clear: both;} .element-group{padding:5px 0 5px 0;} .submit-group {padding:5px 10px 5px 0;} .content-form .submit-group input {background:url(/default/images/bt_einlogen.png) no-repeat 0 0; color:#df0001!important; padding:6px 55px 0 10px; font-size: 12px; width:145px; height:27px; margin-top:0; margin-left:5px; text-align: left; cursor: pointer; font-weight: bold; border:none!important; letter-spacing:1px;} .content-form .submit-group input[type="submit"]:hover{background-position: 0 -31px; color:#fff!important;} html body input.radio, html body input.radiobox, html body input#accept {border:none!important ;margin-right:10px!important; background-color: transparent!important; width:20px; float: left;} .lab {width:100px; float: left;} .formwidth label{float: left; padding:0;} a.button{background:url(/default/images/bt_default_b.png) no-repeat top right;color:#3d3a33; padding:3px 10px 7px 0; font-size: 10px; text-transform: uppercase; margin:0 0 0 5px; text-align: center; cursor: pointer; font-weight: bold; border:none!important; /*background-color: transparent!important;*/ white-space: nowrap;} a.button b{background:url(/default/images/bt_default.png) no-repeat top left; padding:3px 5px 7px 10px; white-space: nowrap; margin:0 0 0 -5px; } a.button:hover {background-position: right -26px; color:#fff!important;} a.button:hover b{background-position: left -26px; color:#fff!important;} *+html a.button {padding:0 5px 0 0; z-index: 10; margin:0 10px 0 0;} /*IE7 fix */ *+html a.button b {padding:3px 5px 7px 15px;z-index: 20;margin:3px 5px 7px 0px;} /* IE7 fix */ *+html a.button:hover {background-position: right -26px; color:#fff!important;} /* IE7 fix */ *+html a.button:hover b{background-position: left -26px; color:#fff!important;} /* IE7 fix */ #divCaptcha {padding:10px 10px 10px 5px;margin:10px 0!important;width:auto; border-top:1px dotted #9accd6;border-bottom:1px dotted #9accd6; text-align:left; clear: both;} #sidecontent #divCaptcha img {margin:10px 0; float:left;} #primarycontent #divCaptcha img {margin:0; float:right; border-bottom:5px solid #fff; border-top:5px solid #fff; max-width:190px; overflow:hidden;} #divCaptcha input {margin:0;width:180px; float: none;} .captchaTxt {font-size: 11px; width:180px; font-weight: normal; color:#a8d9e0; float:left; margin:0 0 8px 0; line-height: 13px;} #errorsDiv {color:#ff3333!important;text-align: left; font-size: 11px!important;} html body #errorsDiv ul{ margin:0; padding:0 15px;} html body #errorsDiv ul li{ margin:1px 0; padding:0 10px 0 0; list-style-image: url(/default/images/li-point-error.png)!important; color:#ff3333!important; font-size:11px!important;} .messageDiv{font-size: 13px!important; font-weight: normal; color:#d9f9ff!important;} .userlogin .submit-group {display:block; text-align: right; padding:5px 0; border-top:1px dotted #9accd6; } .userlogin .content-form {width:auto;} .userlogin .checkbox-group {margin-bottom:10px;margin-top:10px;} .content-form textarea {width:95%; height:160px;} .content-form .form-checkbox{width: auto;} .content-form .hidden-group{display: none;} .content-form .title-group, .content-form .content-group, .content-form .contact-group, .content-form .address-group {margin:10px;} .content-form .element-group a {margin: 2px 5px;color: #000;} #gender{width:80px!important;} #birthdayBox select{width:80px!important; float:left; margin-right:10px;} #terms_accepted {text-align: left!important;} #terms_accepted input, #save_pwd {width:20px; float:left; margin-right:10px;} /* contactform */ .contactform {margin:0!important;padding:0!important;} .contactform #errorsDiv {color:#ff3333;margin:0!important; padding:0;} .contactform .element-group {float:left;margin:0 5px;} .contactform .element-group #category_id{width:130px!important;margin:0;clear: both;} .contactform .element-group #subject{width:390px!important;margin:0;clear: both;} .contactform .element-group #message{width:390px!important;margin:0;clear: both;} .contactform .element-group #gender{width:130px!important;margin:0;} .contactform .element-group #title{width:250px!important;margin:0; clear: both;} .contactform .element-group #first_name{width:390px!important;margin:0;clear: both;} .contactform .element-group #last_name{width:390px!important;margin:0;clear: both;} .contactform .element-group #email{width:124px!important;margin:0;} .contactform .element-group #telephone{width:250px!important;margin:0;} .contactform .element-group #fax{width:124px!important;margin:0;clear: both;} .contactform .element-group #street{width:250px!important;margin:0;} .contactform .element-group #street_number{width:124px!important;margin:0;clear: both;} .contactform .element-group #zipcode{width:124px!important;margin:0;} .contactform .element-group #city{width:250px!important;margin:0;clear: both;} .contactform #divCaptcha{width:auto!important;margin:0;clear: both;} /* searchform */ .search #errorsDiv { color:#ff3333; margin: 20px 0 -10px 20px!important; padding:0;} #searchresults {margin:0;padding:10px; font-size: 0.74em;} .searchWord { color:#ff3333; border-bottom:1px dotted #ff3333;} #searchresults a.more { color:#3d3a33; border-bottom:1px solid #43a1b4; font-size: 11px; display: block; padding:0 0 5px 0; margin:0 0 10px; text-decoration: none;} #searchresults a.more:hover { color:#ff3333; text-decoration: none;} .lotteryform {margin-top:-25px;} #poll label { font: 13px/110% Lucida Sans Unicode, Lucida Grande, sans-serif; display:block; padding:3px 0 2px 0; margin:0; color: #DDE2E4!important; text-shadow: none;} #poll .content-form {position: relative;} #poll .content-form .b_button{position: absolute!important; right:10px; bottom:10px;} #poll .answer label:hover, #poll .answer:hover {background-color:#024d5d!important; color: #fff!important; cursor: pointer;} /* News-Modul */ ul.displayList li.listItem, ul.displayList li{ margin:10px 0;color:#fff; border-bottom:1px solid #006088;clear: both!important;} ul.displayList{ margin:0px;padding:0px; list-style: none;} html body #contentwrapper .borderLayout ul.displayList{ margin-left:15px!important; margin-right:15px!important;} html body #contentwrapper #sidecontent ul.displayList{ margin-left:15px!important;} html body #contentwrapper #primarycontent ul.displayList{ margin-left:15px!important;margin-right:15px!important;} html body ul.rss{padding-bottom:25px!important;} .itemTitle{padding:0;margin:0;} h2 {font-size:15px; font-weight: bold;} h2 a{font-size:15px; font-weight: bold;} li.listItem .itemtxt{padding:0 0 12px 0!important;margin:0;} li.listItem .itemImage {padding:0 5px 10px 0;margin:0; float:left; } li.listItem .itemImage img{padding:10px;margin:0;background-color: #013644; border: 1px solid #43a1b4;} ul.displayList li.listItem a, ul.displayList li a{color:#dff9ff;} li.listItem a:hover, ul.displayList li a:hover{color:#fff;} li.listItem a.itemImage {clear: both!important;} li.listItem a.itemLink {color:#fff; } li.listItem a.itemLink:hover {color:#fff;} ul.displayList .listItem .itemTitle a.link, ul.displayList l1 a.link { margin:0 0 10px 0;padding:3px 0 5px 10px!important;text-decoration: none; background:url(/default/images/bt_vor.gif) no-repeat top left!important;cursor: pointer; display:block; color:#000!important; font-size: 12px; font-weight: bold; width:71px!important;} ul.displayList .listItem .itemTitle a.link:hover, ul.displayList li a.link:hover{background-position: left -30px; color:#df0001!important; text-decoration: none;} #news ul.displayList li.listItem{position:relative; padding-bottom:10px!important;} #newsteaser ul.displayList li.listItem{position:relative; padding-bottom:10px!important;margin-left:10px;} #news ul.displayList li .ybottom, #container #contentwrapper #newsteaser ul.displayList li .ybottom {position:absolute; bottom:0; right:0; width:83px!important; margin:10px 0!important} #container #contentwrapper #newsteaser ul.displayList li .ybottom a{background: url("/default/images/bt_vor.gif") no-repeat scroll right top transparent !important;} #container #contentwrapper #newsteaser ul.displayList li .ybottom a:hover{background-position: right -29px!important;} #container #contentwrapper #newsteaser .ybottom {position:absolute; bottom:40px; right:20px; width:83px!important;} #container #contentwrapper #newsteaser .ybottom a{background: url("/default/images/bt_default.png") no-repeat scroll right top transparent !important;} #news ul.displayList li.listItem .itemtxt #newsteaser ul.displayList li.listItem .itemtxt{padding-bottom:10px!important;} #container #contentwrapper #newsteaser {position: relative;} #contentwrapper #sidecontent #newsteaser .BGBox {margin-right:0;} #contentwrapper #sidecontent .borderLayout #newsteaser .BGBox {margin-right:15px!important;} /* Lottery-Modul */ .questions-group, .fields-group {margin:0;padding:0 0 5px 0;} .questions-group {margin-top:0; border-bottom:1px solid #43a1b4;} .questions-group h3, .fields-group h3 {margin-left:0;} .questions-group h4 { margin-top:10px; } .loterry { margin:0;} .content-form .fields-group select {width:100px!important;margin:0;clear: both;} *+html .content-form .fields-group .element-group select {width:380px;margin:0;clear: both;} /*IE7 fix */ .questions-group .element-group .optional {padding-bottom: 15px!important;} /* flash */ .flash {margin:5px auto; display: block; clear: both!important;} .wrapp .flash {margin-left:0!important;margin-right:0!important;display: block; clear: both!important;} .flash span{font-size: 12px; color:#fff; text-align:left; display:block; padding:16px 0 0 10px;} .flashError {font-size: 10px; color:#a8d9e0; text-align:left; padding:10px 0 0 10px;} .flashError p { font-size: 10px; margin:10px; width:70%;} .flashError a {font-size: 11px; color:#ff3333; margin-left:10px;} .flashError a img {margin:0 10px 0 0;} .flashError a:hover {font-size: 11px; color:white; text-decoration: none; } .flashCumulus {margin-left:15px!important;margin-bottom:-15px!important;} /* table */ #contentwrapper .tableview { padding:0; margin:6px 0 0 0; border-collapse: collapse;color: #fff; background-color: #024d5d;} #contentwrapper .tableview caption {caption-side: bottom; text-align: right; padding:3px 0;} #contentwrapper .tableview th {background: url(/default/images/mainanv-su-bg.png) repeat-x 0 0;border-left: 1px solid #5392A3; border-right: 1px solid #5392A3; border-bottom: 1px solid #B4D6DB; padding: 2px 5px 0 8px; text-align: left; color: #fff; vertical-align: center; font-weight:bold!important;} #contentwrapper .tableview td {border-right: 1px solid #5392A3;padding:3px 8px; text-align: left;color: #9ACCD6; vertical-align: top;border-bottom: 1px solid #3e7587!important;} #contentwrapper .tableview td.center {border-bottom: 1px solid #3e7587!important; border-right: 1px solid #5392A3;padding: 8px; text-align: center!important; color: #9ACCD6; vertical-align: top;} #contentwrapper .tableview th[scope=col]{color: #fff; text-transform: uppercase;border-right: 1px solid #5392A3;} #contentwrapper .tableview th+th[scope=col]{color: #fff;border-right: 1px solid #5392A3;} #contentwrapper .tableview th[scope=row]{border-right: 1px solid #5392A3;} #contentwrapper .tableview th.nbr {border-right:none!important;} #contentwrapper .tableview tr:hover th[scope=row], .tableview tr:hover td{background-color:#01333e; color: #fff!important;} /* messages */ .inputHint {width:auto; font-size: 11px;background-image: url(../images/infoblase.png);background-repeat: no-repeat;padding-top: 10px!important;clear: both;margin-top:0!important;} #hint_username {width:auto;float: left;margin:0 0 0 9px!important;} #hint_pwd {width:auto;float: right;margin:0 9px 0 0!important;} .inputHint .hintText {color:#43a1b4;background-color: #013644; border: 1px solid #43a1b4;padding:2px 5px!important;margin-top:0!important;border-top: 0!important;} .errorHint {width:auto;font-size: 11px;background-image: url(../images/infoblase.png);background-repeat: no-repeat;padding-top: 10px!important;margin-top:0!important;z-index: 2500;} .element-group-float .errorHint {width: 208px!important;} .errorHint .hintText {color:#43a1b4;background-color: #013644; border: 1px solid #43a1b4;border-top: 0;padding:2px 5px!important;margin-top:0!important;} @media screen and (-webkit-min-device-pixel-ratio:0) { #contentwrapper .pagerposition {margin-top:-45px; margin-bottom:20px;} } /* opera fix */ /* facebook-page */ .sharelink { color:#0c1d1c!important; background: #9feef5 url(/default/images/facebook-ic.png) no-repeat 1px 2px!important; border:1px solid #00738e;font-size:12px!important; padding:2px 5px 1px 20px!important; text-decoration:none;font-style: italic!important; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin-left:10px;} .sharelink:hover { color:#df0001!important;border:1px solid #df0001!important; padding:2px 5px 1px 20px!important;font-size:12px!important;} /* navigation !allways on bottom of css! */ /* mainNavi */ .mainNaviWrap {margin:0; color:#000; border-left:1px solid #5392a3;border-right:1px solid #5392a3; height:25px; padding:0 0 0 129px;} #mainNavi {margin:0; text-align: center!important; width:768px; height:66px; background: transparent url(/default/images/blue-bg.png) repeat-x top!important;display:block; position: relative; padding:0;} #mainNavi .select, #mainNavi .current {padding:0; list-style:none; display:block; margin:0;} #mainNavi li {display:inline; margin:0; padding:0;height:auto;} #mainNavi li img{margin:6px 0 2px 0;} #mainNavi .select a, #mainNavi .current a {display:block; height:24px; float:left;padding:0; border-bottom:1px solid #b4d6db; text-decoration:none; font-size:16px; line-height:24px; white-space:nowrap; font-weight:normal; margin-left:1px;} #mainNavi .select a {background: #002930 url(/default/images/mainanv-su-bg.png) repeat-x 0 0;} #mainNavi .current a {background: #df0001 url(/default/images/teaser-h2-bg.jpg) no-repeat 0 0!important;} * html #mainNavi .select a, * html #mainNavi .current a {width:1px;} #mainNavi .select a b, #mainNavi .current a b {display:block; padding:0 15px 8px 15px; color:#fff; font-weight:normal; } /* ie fix does't like height:38px; and min-width: 80px; */ #mainNavi .select a:hover, #mainNavi .select li:hover a {border-color:#b4dfe8; cursor:pointer; background-color:#df0001; background-image: none;} #mainNavi .select a:hover b, #mainNavi .select li:hover a b {border-color:#b4dfe8;color:#fff;} #mainNavi .subNavi {display:none;} /* for IE5.5 + IE6 */ #mainNavi table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:11px;} #mainNavi .current a {background-position:100% -75px; border-color:#5392a3;} #mainNavi .current a b {background-position:0 -75px;} #mainNavi .subNavi li a, #mainNavi .select a:hover .subNavi li a, #mainNavi .select li:hover .subNavi li a { background: url(/default/images/sub-navi-slice.png) no-repeat 4px 5px; color:#000;} #mainNavi .subNavi li a:hover, #mainNavi .select a:hover .subNavi li a:hover, #mainNavi .select li:hover .subNavi li a:hover {background: url(/default/images/sub-navi-slice.png) no-repeat 4px -22px; color:#df0001!important;} #mainNavi .subNaviActive .currentSubNavi a, #mainNavi .subNaviActive a:hover {background: url(/default/images/sub-navi-slice.png) no-repeat 4px -22px;color:#df0001!important; } #mainNavi .subNaviActive .currentSubNavi a{ font-weight: bold;} #mainNavi .select li a:hover .subNavi, #mainNavi .select li:hover .subNavi {display:block; background: #fff url(/default/images/sub-navi-hg.png) repeat-x left bottom; position:absolute; width:500px; top:23px; left:130px; color:#000; margin-top:1px; padding:0; z-index:100; border-left:1px solid #3e7587;border-right:1px solid #3e7587;} #mainNavi .subNavi, #mainNavi .subNaviActive {margin:0; padding:0; list-style:none;} #mainNavi .subNaviActive {display:block; position:absolute; background: #fff url(/default/images/sub-navi-hg.png) repeat-x left bottom; width:500px; top:23px; left:130px; color:#000;margin-top:1px; padding:0; z-index:10; border-left:1px solid #3e7587;border-right:1px solid #3e7587;} * html #mainNavi .subNaviActive, * html #mainNavi .select a:hover .subNavi {z-index:-1; margin-top:0; margin-t\op: 2px;} #mainNavi .subNaviActive a {height:13px; float:left; text-decoration:none; line-height:15px; white-space:nowrap; font-weight: 600; color:#000;} #mainNavi .subNaviActive a, #mainNavi .select a:hover .subNavi li a, #mainNavi .select li:hover .subNavi li a {display:inline; background: url(/default/images/sub-navi-slice.png) no-repeat 4px 5px; padding:0 20px; margin:0;width:auto; white-space:nowrap; font-weight: 600; border:0; color:#000; line-height:22px; height:22px; font-size: 13px;} /* footernavi */ html body #footer ul {margin:0!important; padding:0; list-style-type: none; font-size:13px; font-weight: bold;/* border-top:10px solid transparent;*/} html body #footer li {display: inline; padding:0 10px; border-left:1px solid #000; line-height: 26px;} html body #footer li a {text-decoration: none; color: #000; font: 13px Lucida Sans Unicode, Lucida Grande, sans-serif!important; font-weight: bold!important;} html body #footer li a:hover {text-decoration: none; color: #fff;} /* eof footernavi */ /* navigation !allways on bottom of css! */ /* !!!!!!!!!!!!!!! THE END !!!!!!!!!!!!!! */