/* --------------------------------------------------------- */ /* Copyright (c) 2009 by KB&B Advertising GmbH & Co. KG */ /* --------------------------------------------------------- */ @CHARSET "ISO-8859-1"; * {font-size: 100%; margin:0; padding:0; } /* css-margin-padding-reset */ /* Basic Elements */ html {margin: 0; padding:0;} body { font: 0.84em/1.333 Arial, Helvetica, sans-serif; margin: 0; padding:0; color:#fff; background-color:#00193a!important;} a:link { text-decoration: none; cursor: pointer; outline: none; background-color: transparent; font-family:Arial, Helvetica, sans-serif!important;} a:visited { text-decoration: none; cursor: pointer;background-color: transparent; } a:hover { text-decoration: underline; cursor: pointer; outline: none;background-color: transparent;} a:active { text-decoration: none; cursor: pointer;background-color: transparent;} a:focus { text-decoration: none; cursor: pointer; outline: none;background-color: transparent;} a:focus:hover {text-decoration: none; cursor: pointer; outline: none;background-color: transparent;} h1,h2,h4,h5,h3,h6 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif!important;} h1 {font-size: 1.5em;} h2 {font-size: 15px;} h3 {font-size: 13px; font-weight: bold;} h4,h5,h6 {font-size:13px; font-weight: bold;} p, .teasertext , .text, .elements{ font: normal 12px/1.5 Arial, Helvetica, sans-serif; padding:0; margin:0;} .teasertext , .text { display: inherit;} img { border: none;} form { margin:0; padding:0; font: 12px/100% Arial, Helvetica, sans-serif; background-color: transparent; background-image: none!important;} input, textarea, fieldset, select { margin: 0; padding:1px 2px 2px 2px; font: 12px/100% Arial, Helvetica, sans-serif; border:2px solid #81a7ba; background-color: #f3faff; color:#000; width:98%; outline: none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} html body form input:focus, html body form textarea:focus, html body form select:focus{margin: 0; padding:1px 2px 2px 2px; font: 12px/100% Arial, Helvetica, sans-serif; border: 2px solid #6d2401; background-color: #fff2c6; color:#da0000; width:98%; outline: none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} option [selected] { margin: 0; padding:1px 2px; border:1px solid #6d2401; background-color: #fff2c6; color:#000; width:auto; outline: none;} html body form select:focus { background-color: #fff2c6!important; color:#000!important;outline: none;} label { font: bold 12px/100% Arial, Helvetica, sans-serif!important; display:block; padding:0 0 4px 7px; margin:0; color:#000; /*float:left;*/} input.radio{background-color: transparent!important;border:none!important; width:20px; margin:0; padding:0; height: 14px;} html body input[type="radio"]{border:none!important;background-color: transparent!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;} /* eof Basic Elements */ /* layout */ #shadow {width:100%;padding:0;margin:0 auto;clear: both;background: url(../images/body-hg-x.jpg) repeat-x 0 0; text-align:left;background-color:#00193a!important;} #pagewrapper {width: 990px; padding:0;margin:0 auto;background:transparent url(../images/body-hg.jpg) repeat 50% 0;text-align:left;} #page {width: 990px; padding:0;margin:0 auto; background: transparent url(../images/page-hg.jpg) no-repeat 50% 0;} #candlewrapp {width: 906px; padding:0;margin:0;} #candle {float:left;vertical-align:top;text-align:left;width:80px;padding:0; margin:0; height: 187px;} #container{margin:0;padding:0 0 5px 0;/*display:block;*/width: 826px;float:right;} #header {width:826px; margin:0; padding:0;clear: both;} #header .logowrapp {display:none;} #header #headeranim{width:826px; height: 187px; display:block;} #header .logo h1{height:200px;margin-left:351px;} #header .logo h1 a img {padding-top:60px;} #contentwrapper {width:826px;margin:10px 0 10px 0;padding:0;display:block; height: 1%;} #primarycontent {float:left;margin:0;padding:5px 0;width:548px;} #sidecontent{width:278px;text-align:left;padding:5px 0;float:right; margin:0;} #footer {height: 40px; width:100%; margin:0; padding:0; clear: both; background: transparent url(../images/footer-hg.png) no-repeat 50% 0;} #footer .inside{color: #fff; text-align: center; font-size: 80%;line-height: 20px;width:826px; margin:0 auto; padding:5px; clear: both;} /*#skyscraper{float:right;vertical-align: middle;text-align:left;width:160px;margin:70px 0 0 0} #leaderboard{text-align:right;margin:0;padding:0;}*/ #sidecontent .contentlistelement, #primarycontent .contentlistelement, .contentlistgallery{margin-top:10px!important;padding:0!important;} #contentwrapper .borderLayout{display: block; width:810px; margin:15px 8px;padding:0!important;} #primarycontent .noborderLayout {display: block; width: auto; margin:15px 8px;padding:0;} #contentwrapper #primarycontent .borderLayout {display: block; width: 532px; margin:12px 8px;padding:0!important;} #sidecontent .noborderLayout {display: block; width: auto; margin:15px 8px;padding:0;} #contentwrapper #sidecontent .borderLayout {display: block; width:262px; margin:11px 8px;padding:0!important;} #sidecontent .contentlistgallery {margin:5px 8px;padding:0;border-bottom:1px dotted #b7c8d1;} #primarycontent .contentlistgallery {margin:0 10px 10px 10px;padding:0; border-bottom:1px dotted #b7c8d1;} /* eof layout */ /* borderLayout */ #contentwrapper .borderLayout a:link { color: #000;} #contentwrapper .borderLayout a:visited { color: #111;} #contentwrapper .borderLayout a:hover { color:#ff6633;} #contentwrapper .borderLayout a:active { color: #111;} #contentwrapper .borderLayout a:focus { color: #111;} #contentwrapper .borderLayout a:focus:hover { color:#ff6633;} #contentwrapper .borderLayout {/*background: url(../images/hg-borderLayout-cw-y.png) repeat-y 0 5px!important; */background: url(../images/hg-borderLayout-cw-y.gif) repeat-y 0 5px; float: left; display:block; clear:both;} #contentwrapper .borderLayout .borderLayoutTop {margin-top:-5px;padding:0;width:auto; background: url(../images/borderLayoutT-cw.png) no-repeat 0 0; display: block;} #contentwrapper .borderLayout .borderLayoutBottom{margin-bottom:-5px;padding:0; width:auto; background: url(../images/borderLayoutB-cw.png) no-repeat bottom left; display: block; height: 15px;} #primarycontent .borderLayout {background: url(../images/hg-borderLayout-y.png) repeat-y 0 0!important; background: url(../images/hg-borderLayout-y.gif) repeat-y 0 0; float: left; display:block; clear:both;} #primarycontent .borderLayout .borderLayoutTop {margin-top:-5px;padding:0;width:auto; background: url(../images/borderLayoutT-pc.png) no-repeat 0 0!important; background: url(../images/borderLayoutT-pc.gif) no-repeat 0 0; display: block;} #primarycontent .borderLayout .borderLayoutBottom{margin:0;padding:0; width:auto; background: url(../images/borderLayoutB-pc.png) no-repeat bottom left; display: block; height: 15px; } #sidecontent .borderLayout {background: url(../images/hg-borderLayout-sc-y.png) repeat-y 0 5px; float: left; display:block; clear:both;} #sidecontent .borderLayout .borderLayoutTop {margin-top:-5px;padding:0;width:auto; background: url(../images/borderLayoutT-sc.png) no-repeat 0 0; display: block;border-top: 1px solid transparent; } #sidecontent .borderLayout .borderLayoutBottom{margin-bottom:-5px;padding:0; width:auto; background: url(../images/borderLayoutB-sc.png) no-repeat bottom left; display: block; height: 15px;} .borderLayout h3 {padding:0 0 5px 0; font: bold 13px/1.5 Arial, Helvetica, sans-serif; color:#da0000;} /*.borderLayout h3.floating {padding-left:10px;padding-top:10px; padding-bottom:10px; font: bold 1em/1.5 Arial, Helvetica, sans-serif; display:inline-table; width:220px; float: left;}*/ #primarycontent .borderLayout .wrapp {margin:5px 5px 0 5px; padding:0; display:block; text-align: left; color:#000;} #sidecontent .borderLayout .wrapp {margin:5px 10px 0 10px; padding:0; display:block; text-align: left; color:#000;} #primarycontent .borderLayout .wrapp .context {margin:10px 15px 0 15px; text-align: left; border-bottom: none!important; color:#000; padding-bottom:0px!important;} #sidecontent .borderLayout .wrapp .context {margin:10px 10px 0 10px; text-align: left; border-bottom: none!important; color:#000; padding-bottom:0px!important;} #contentwrapper .borderLayout .message, #contentwrapper .borderLayout .errorsDiv, #contentwrapper .borderLayout .noDataDiv {margin:5px!important;} /*noborderLayout*/ #sidecontent .context {margin:10px 20px 0 20px; text-align: left; padding-bottom:10px;border-bottom:1px dotted #b7c8d1!important; color:#fff;} #contentwrapper .context {margin:10px 20px 0 20px; text-align: left; padding-bottom:10px;/*border-bottom:1px dotted #b7c8d1!important; */color:#fff;} a:link { color: #fff;} a:visited { color: #fff; } a:hover { color: #eff9ff;} a:active { color: #fff;} a:focus { color: #fff;} a:focus:hover { color:#eff9ff;} #contentwrapper .noBorderedHeadline {margin:0 8px; padding:10px 0 0 0;} #primarycontent .noBorderedHeadline {margin:0 8px; padding:6px 0 0 0;} #sidecontent .noBorderedHeadline {margin:0 8px; padding:8px 0 0 0;} #sidecontent h3 {margin:5px 0 5px 0; padding:0 0 5px 0; display:block;} #contentwrapper .message, #contentwrapper .errorsDiv, #contentwrapper .noDataDiv{ color:#000033; font-size: 100%; padding:10px; margin:10px 15px 10px 10px; background-color: #9094a7; border: 1px solid #c3c8e0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* elements styling */ .productlist{padding-top:1px;} /* ie8 fix */ .copyright{ text-align:center; color:#bebebf; padding:2px 0 5px 12px;} .BGBox{background: transparent url(../images/hg-BGBox-left.png) no-repeat left 0!important; background: transparent url(../images/hg-BGBox-left.gif) no-repeat left 0; height: 30px; width:auto; margin:0; padding:0; clear: both; display: block;} .noBorderedHeadline .BGBox, .productlist .BGBox{height: 40px;margin-bottom:10px!important;} .elements .BGBox{background: transparent url(../images/hg-LBGBox-left.gif) no-repeat left 0!important; height: 35px; width:auto; margin:0; padding:0; clear: both; display: block;} .BGBoxright{color: #000; text-align: left; background: transparent url(../images/hg-BGBox-right.png) no-repeat right 0!important; background: transparent url(../images/hg-BGBox-right.gif) no-repeat right 0 ; line-height: 20px; height: 30px; width:auto; margin:0 0 0 130px; padding:0; clear: both; display: block;} .noBorderedHeadline .BGBoxright, .productlist .BGBoxright{height: 40px;} .elements .BGBoxright{color: #000; text-align: left; background: transparent url(../images/hg-LBGBox-right.gif) no-repeat right 0!important; line-height: 20px; height: 35px; width:auto; margin:0 0 0 130px; padding:0; clear: both; display: block;} #sidecontent .BGBoxright{color: #000; text-align: left; background: transparent url(../images/hg-BGBox-right-sc.png) no-repeat right 0!important; background: transparent url(../images/hg-BGBox-right-sc.gif) no-repeat right 0; line-height: 20px; height: 30px; width:auto; margin:0 0 0 130px; padding:0; clear: both; display: block;} #sidecontent .elements .BGBoxright{color: #000; text-align: left; background: transparent url(../images/hg-LBGBox-right.gif) no-repeat right 0!important; line-height: 20px; height: 35px; width:auto; margin:0 0 0 130px; padding:0; clear: both; display: block;} #sidecontent .noBorderedHeadline .BGBoxright, #sidecontent .productlist .BGBoxright{height: 40px;} .BGBox h2 {padding:0; text-decoration:none; margin-left:-130px; display:inline; float:left; height: 35px; margin-top:0; overflow: hidden; text-decoration:none; background-image: none!important;} .noBorderedHeadline .BGBox h2, .productlist .BGBox h2 {height: 45px;} .elements .BGBox h2 {padding:0; text-decoration:none; margin-left:-120px; display:inline; float:left; /*height: 40px; */margin-top:0; overflow: hidden; text-decoration:none; background-image: none!important; font-size: 13px; line-height: 35px;} .BGBox h2 b {padding:6px 10px 0 10px!important; height: 100%; display: block; color: #000!important; font: bold 18px Arial, Helvetica, sans-serif !important; background-image: none!important;} .noBorderedHeadline .BGBox h2 b, .productlist .BGBox h2 b {height: 45px; padding-top:12px!important;} .elements .BGBox h2 b {padding:6px 10px 0 10px!important; height: 100%; display: block; color: #000!important; font: bold 13px Arial, Helvetica, sans-serif !important; background-image: none!important;} #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 #b7c8d1; } #primarycontent .contentlistelement .links a { margin:0;padding:3px 0 7px 25px!important;text-decoration: none; background:url(../images/bt_vor.png) no-repeat top left;cursor: pointer; display:block;} #primarycontent .contentlistelement .links a:hover{background-position: left -30px; color:#fff; text-decoration: none;} .contentlistgallery .imagebox {padding:0; margin:0; width:auto;} .productdetail {color:#000!important; margin:15px 20px 0 20px; background: url(/default/images/HG-ProdDetail.jpg) no-repeat 60% 60%; } .productdetail .imagebox {padding:0;margin:0 0 10px 0; width:200px; text-align: left;} .productdetail a.mehr { line-height: 20px;} .productdetail a.mehr span {color:#da0000!important; font-size: 13px;} .productdetail a.mehr:hover span {color:#ff6633;} .productdetail .productfeatures{margin:0; padding:0; float:right; font-size: 12px; font-weight: bold!important;} .productdetail .productfeatures h3{ font-size: 13px; text-transform: uppercase; text-align: left; margin:0; padding:0; color:#da0000;} .productdetail .productfeatures h4{font-size: 13px; font-weight: bold;text-align: left; margin:0; padding:0; color:#da0000;} .productdetail .widthfix{width:260px!important;} .productdetail ul {color:#000;} .productdetail .tracklist, .productdetail .speakerlist, .productdetail .description, .productdetail .detailinformation {margin:0!important; padding:0 10px!important; font-size: 12px; display: block; font-weight: bold;} .productdetail .description p, .productdetail .detailinformation p {font-size: 12px; color:#000!important; margin:0!important; padding:0!important; font-weight: bold;} .productdetail .productfeatures .media{font-size: 12px; color:#000!important; line-height:120%;} .productdetail .productfeatures .media span {display:block;} .productdetail .productfeatures .mediab {padding:0; margin:0;color:#000!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: #da0000; font-weight: bold!important;} .productdetail .pmargin{margin-left:10px!important;} .productdetail .soundfiles {margin:0;padding:0; font-size:12px; width:200px; overflow:hidden; height: 60px!important; float:left;} #audioplayer {margin:0;padding:0;width:200px;height: 60px!important;} .borderLayout .xbottom {margin:5px 20px; padding:5px 0 0 0; display: block; height: 19px; float: left; line-height: 18px; font-size:11px; border-top:1px dotted #b7c8d1; width:92%;} .borderLayout .xbottom a{margin:0; padding:0;background: url(/default/images/hg-back.png) no-repeat top left; display: block; height: 19px; float: left; line-height: 18px; font-size:11px;color:#000;} .borderLayout .xbottom a:hover{ text-decoration: none; color:#ff6633!important; background-position: 0 -25px!important;} .borderLayout .xbottom a span{color:#000;float: left; padding:0 0 0 20px; font-weight: bold;} .borderLayout .xbottom a:hover span{color:#ff6633!important;} .borderLayout .wrapp .xbottom{margin:0!important;padding:0;background: url(/default/images/hg-back.png) no-repeat bottom right; display: block; height: 19px; float: left; line-height: 18px; font-size: 12px; width:75px;} /*.borderLayout .ybottom{margin:0 0 -10px 0;padding:0;background: url(/default/images/hg-vor.png) no-repeat bottom right; display: block; height: 19px; float: right; line-height: 18px; font-size: 0.85em; width:75px;} .borderLayout .ybottom a:hover{ text-decoration: none; color:#ffff66!important;} .borderLayout .ybottom a span{color:#fff;float: right; padding:1px 25px 0 0; font-weight: bold;} .borderLayout .ybottom a:hover span{color:#ffff66!important;}*/ .replace {margin:5px 10px 0 10px;} .pic {text-align:center;} .picturebox {margin:10px 0; padding:10px; text-align:center;display: inline-table;} .picture {text-align:center; max-width: 400px; overflow: hidden; background-color: #dcdcdc;margin:0!important; padding:0!important;} .picture img { border-top: 1px solid #f0f0f0; border-left:1px solid #f0f0f0; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;padding:1px;} /* listen */ html body #contentwrapper ul{ margin:0; padding:0;} html body #contentwrapper li{ margin:0; padding:4px 0; /*list-style-image: url(/default/images/li-point.png);*/ list-style-type: disc;} html body #contentwrapper .context .text ul{ margin:0; padding:0;} html body #contentwrapper .context .text li{ margin:0; padding:4px 0;/* list-style-image: url(/default/images/li-point.png);*/ list-style-position: inside; list-style-type: disc;} 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:0 0 6px 0; padding:0; font-size:12px;} html body #contentwrapper .borderLayout .productfeatures li{ margin:0; padding:0!important; /*list-style-image: url(/default/images/li-point.png);*/list-style-type: disc; color: #000; list-style-position: inside;} 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:#000!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);*/list-style-type: disc;font-size: 11px!important;color:#000!important;} .borderLayout .displaynavi{ text-align: right;float:right;} .context .text a{color:#ff6633!important; text-decoration: none;} .context .text a:hover{color:#ffe385!important; text-decoration:none;} #contentwrapper .wrapp .context .text a:hover{color:#ffe385; text-decoration:none;} #contentwrapper .borderLayout .context .text a:hover{color:#da0000!important; text-decoration:none;} .elements { margin:10px 0 10px 0; padding:5px 0; display:block;} .elements a {background:url(../images/bt_vor.gif) no-repeat -5px 2px;color:#000;padding:3px 0 7px 15px; margin:0; text-align: left; cursor: pointer; white-space: nowrap; text-transform: none;} .elements a:hover{background-position: -5px -29px; color:#ff6633; text-decoration: none;} /* teaser boxen */ .rocobox { margin:5px 8px; padding:0; float: left!important; color:#000;} .rocobox .teasertext a {color:#111; } .rocobox .teasertext a:hover {color:#da0000;} .rocobox h2 {font: bold 18px/120% Arial, Helvetica, sans-serif !important; text-decoration:none; color:#000!important; overflow: hidden; padding:0; text-decoration:none; margin:8px 10px 0 10px; display:inline;float:left;} .rocobox h2 a{text-decoration:none;color:#000!important; font-size: 18px!important;} .rocobox h4 {font: bold 13px Arial, Helvetica, sans-serif!important; text-decoration:none; margin:0 0 3px 0!important; color:#da0000!important; border: 0px!important;} .rocobox h4 a {color:#da0000!important;margin:0!important; padding:0!important; font: bold 13px Arial, Helvetica, sans-serif!important;} .rocobox h4 a:hover, .rocobox h2 a:hover {color:#ff6633!important; text-decoration: none;} .rocobox .wrapp{ padding:8px 10px 6px 10px; margin: 0 10px 10px 10px; /*min-height: 78px; */ background-color: #fff; border-top:1px solid #d5dce2; border-left:1px solid #cbd3dc; border-bottom:1px solid #8f99a4; border-right:1px solid #7d878f;} #primarycontent .smallbottom .wrapplong{ padding:10px; margin: 0 10px 10px 10px; height: 212px; overflow: hidden; background-color: #fff; border-left:1px solid #cbd3dc; border-bottom:1px solid #8f99a4; border-right:1px solid #7d878f;} .rocobox .teasertext {color:#000;} .rocobox .ibox {padding:0!important; margin:0 0 6px 12px!important; overflow: hidden; background-color: #dcdcdc;} .rocobox .ibox a { padding:0!important; margin:0!important; display: inherit;} .rocobox .ibox a img{ padding:1px!important; margin:0!important; border-top: 1px solid #f0f0f0; border-left:1px solid #f0f0f0; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;} .rocobox .ibox a:hover img{border-top:1px solid #d5dce2; border-left:1px solid #cbd3dc; border-bottom:1px solid #8f99a4; border-right:1px solid #7d878f;} .rocobox .ibox img{ border-top: 1px solid #f0f0f0; border-left:1px solid #f0f0f0; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;padding:1px;} /*#primarycontent .smallbottom .imgbox {width:200px; background-color: #f6f5ea; text-align: center;} #sidecontent .smallbottom .imgbox {width:120px;background-color: #f6f5ea;text-align: center;}*/ .rocobox .wrapp a {text-decoration:none; margin:0; padding:0;} .rocobox .wrapp a:hover {text-decoration: none;} .rocobox .bottom {margin:0;padding:4px 0 0 0; float: left;} #sidecontent ul.produktlist_sc .bottom{margin:0 -6px 0 0;padding:0;height:20px;} #sidecontent .borderLayout ul.produktlist_sc .bottom{margin:0 -6px 0 0;padding:0;height:20px;} .rocobox .bottom a, #sidecontent ul.produktlist_sc .bottom a, #sidecontent ul.produktlist_sc li.active .bottom a, #contentwrapper .teaserXsmall .bottom a{margin:0!important;padding:0!important; background: url(/default/images/hg-mehr.png) no-repeat top right; display: block; height: 17px; float: left; line-height: 17px; font-size: 12px; width:52px; color:#000!important;} a.mehr {margin:0 15px 0 0!important;padding:0!important; background: url(/default/images/hg-mehr.png) no-repeat top right; display: block; height: 17px; float: left; line-height: 17px; font-size: 12px; width:auto; color:#000!important;} .rocobox .bottom a:hover, #sidecontent ul.produktlist_sc .bottom a:hover, #sidecontent ul.produktlist_sc li.active .bottom a:hover, #contentwrapper .teaserXsmall .bottom a:hover, a.mehr:hover { text-decoration: none; background-position: 100% -25px!important; } .rocobox .bottom a span, #sidecontent ul.produktlist_sc .bottom a span, #sidecontent ul.produktlist_sc li.active .bottom a span, #contentwrapper .teaserXsmall .bottom a span, a.mehr span{color:#000!important;float: left; padding:0 20px 0 0; font-weight: bold;} .rocobox .bottom a:hover span, #sidecontent ul.produktlist_sc .bottom a:hover span, #sidecontent ul.produktlist_sc li.active .bottom a:hover span, #contentwrapper .teaserXsmall .bottom a:hover span, a.mehr:hover span{color:#ff6633!important;} #primarycontent .largetop{background: transparent url(../images/pc-teaser-top-xl.png) no-repeat top left!important; background: transparent url(../images/pc-teaser-top-xl.gif) no-repeat top left; width:532px;} #primarycontent .largetop .ibox {max-height: 160px;} #primarycontent .largetop h2{ max-width: 512px;} #primarycontent .largebottom {background: transparent url(../images/pc-teaser-bottom-xl.png) no-repeat bottom left!important; background: transparent url(../images/pc-teaser-bottom-xl.gif) no-repeat bottom left; margin-top:0; padding-bottom:5px;} #primarycontent .smalltop{background: transparent url(../images/pc-teaser-top-xs.png) no-repeat top left!important; background: transparent url(../images/pc-teaser-top-xs.gif) no-repeat top left;width:258px;} #primarycontent .smalltop .ibox {max-height: 140px;} #primarycontent .smalltop h2{ max-width: 238px;} #primarycontent .smallbottom {background: transparent url(../images/pc-teaser-bottom-xs.png) no-repeat bottom left!important; background: transparent url(../images/pc-teaser-bottom-xs.gif) no-repeat bottom left;margin-top:0; padding-bottom:5px;} #sidecontent .largetop{width:262px;background: transparent url(../images/sc-teaser-top-xl.png) no-repeat top left!important;background: transparent url(../images/sc-teaser-top-xl.gif) no-repeat top left;} #sidecontent .largetop .ibox {width:auto;} #sidecontent .largetop h2{max-width: 242px;} #sidecontent .largebottom {background: transparent url(../images/sc-teaser-bottom-xl.png) no-repeat bottom left!important;background: transparent url(../images/sc-teaser-bottom-xl.gif) no-repeat bottom left; margin-top:0; padding-bottom:5px;} #sidecontent .smalltop{width:123px;background: transparent url(../images/sc-teaser-top-xs.png) no-repeat top left!important;background: transparent url(../images/sc-teaser-top-xs.gif) no-repeat top left;} /*#sidecontent .smalltop .ibox {width:80px;}*/ #sidecontent .smalltop h2{max-width: 103px;} #sidecontent .smallbottom {background: transparent url(../images/sc-teaser-bottom-xs.png) no-repeat bottom left!important; background: transparent url(../images/sc-teaser-bottom-xs.gif) no-repeat bottom left; margin-top:0; padding-bottom:5px;} /*#primarycontent .bildTeaser {width:220px;margin:5px 10px; padding:0!important; float: left!important; overflow: hidden;} #sidecontent .bildTeaser{width:140px;margin:10px; padding:0!important; float: left!important; overflow: hidden;} #primarycontent .bildTeaser a, #sidecontent .bildTeaser a { margin:0!important; padding:0!important; margin-bottom:-20px!important; font-size: 0.11em;}*/ /* eof teaser boxen */ /* produktlist */ #contentwrapper .teaserXsmall {margin:5px 8px;padding:0; background: transparent url(../images/cw-teaser-xs.png) no-repeat top left!important; background: transparent url(../images/cw-teaser-xs.gif) no-repeat top left;width:258px; float: left; color: #000;} #contentwrapper .teaserXsmall h4 { font: bold 13px/120% Arial, Helvetica, sans-serif; display: block; margin-top:3px;} #contentwrapper .teaserXsmall .wrapp{ padding:8px 10px 6px 10px; margin:10px 10px 10px 10px;background-color: #fff; border-top:1px solid #d5dce2; background-color: #fff; border-left:1px solid #cbd3dc; border-bottom:1px solid #8f99a4; border-right:1px solid #7d878f; display:block; height: 200px; text-align: center; position: relative; } .imge, .episode {display:block; overflow: hidden; text-align: center;} .imge {height: 130px;} .episode {height: 30px; line-height: 120%; font-size:12px; font-weight: bold;} .teaserXsmall a{color:#000;} .teaserXsmall a:hover {color:#ff6633;} #contentwrapper .teaserXsmall .bottom {margin:0;padding:0;height:20px; float: right;bottom:0;display:block; position:relative;} 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 8px; padding:0;list-style: none; font-size: 1.033em;} 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: transparent url(../images/hg-produktlist.png) no-repeat bottom left!important;background: transparent url(../images/hg-produktlist.gif) no-repeat bottom left;} html body #contentwrapper #sidecontent ul.produktlist_sc li {color:#000;} html body #contentwrapper #sidecontent ul.produktlist_sc li.active {color:#da0000;} html body #contentwrapper #sidecontent ul.produktlist_sc li img {border:1px solid #b7c8ec!important;} html body #contentwrapper #sidecontent ul.produktlist_sc li a {color:#000;} html body #contentwrapper #sidecontent ul.produktlist_sc li a:hover{color:#da0000;} html body #contentwrapper #sidecontent ul.produktlist_sc li a:hover img {border:1px solid #ff6633!important;} html body #contentwrapper #sidecontent ul.produktlist_sc li.active img{border:1px solid #ff6633!important;} html body #contentwrapper #sidecontent .produktlistelement {height:110px; overflow:hidden; margin:10px 15px 0 10px; background-color: #fff; border-top:1px solid #d5dce2; background-color: #fff; border-left:1px solid #cbd3dc; border-bottom:1px solid #8f99a4; border-right:1px solid #7d878f; padding-top:3px;} html body #contentwrapper #sidecontent .borderLayout .produktlistelement {height:110px; overflow:hidden; margin:10px 15px 0 10px; background-color: #fff; border: none;} .produktlistelement h4 {font-size: 13px; color: #da0000; font-weight: bold!important;} .produktlistelement h6 {font-size: 12px; color: #000; font-weight: bold!important;} html body #contentwrapper #sidecontent .borderLayout ul.produktlist_sc li{list-style-image: none;color:#000!important; margin-bottom:10px; height: 132px; overflow:hidden; background-image: none!important; border-bottom:1px dotted #9eb4c2;} html body #contentwrapper #sidecontent .borderLayout ul.produktlist_sc li.active{list-style-image: none;color:#000!important; margin-bottom:10px; height: 132px; overflow:hidden; background-image: none!important; border-bottom:1px dotted #9eb4c2;} html body #contentwrapper #sidecontent .borderLayout ul.produktlist_sc li img, html body #contentwrapper #sidecontent .borderLayout ul.produktlist_sc li a:hover img, html html body #contentwrapper #sidecontent .borderLayout ul.produktlist_sc li.active img{border:none!important;} #sidecontent .borderLayout ul.produktlist_sc .bottom a, #sidecontent .borderLayout ul.produktlist_sc li.active .bottom a{background: none!important;} .detailTabs {padding:0; margin-left:-120px; text-align:left;font-size: 13px; color:#000!important; background-image: none!important;} .detailTabs a {text-align:left;font-size: 13px; color:#000!important; background-image: none!important; padding:0 18px 0 0!important; line-height: 30px; } .detailTabs a:hover{ text-decoration: none; color:#da0000!important; } /* pagination */ #contentwrapper .pagination {text-align:center; font-size: 11px; margin:8px 0 0 0;padding:0 0 0 3px; float: right;color:#000!important; background:url(../images/hg-pagination.png) no-repeat top left; behavior: url(/iepngfix.htc); width:186px; height: 24px; line-height: 24px; font-weight: bold!important;} .pagination a {color:#000!important;} .pagination a:hover {color:#ff6633!important; text-decoration: none;} .pagination .currentPage {color:#ff6633; padding:0 5px; font-weight: bold;} #contentwrapper .pagerposition {margin-top:-56px;} #contentwrapper #sidecontent .pagerposition {margin-top:-15px!important; margin-right:12px;} #contentwrapper #sidecontent .borderLayout .pagerposition {margin-top:-15px!important; margin-right:12px!important;} #contentwrapper #sidecontent .pagerposition .pagination {margin-right:0!important;} /* eof pagination */ .bildunterschrift {text-align:center; padding:0; max-width: 200px; overflow: hidden; margin:3px auto; color:#2b5080; font-size: 0.85em; background-color: #fff!important;} #footer .copyright a{ color:#bebebf; font-size: 10px; text-decoration: none; line-height:16px;} #footer .copyright a:hover { color:#ffe385; text-decoration: none; } #footer .copyright a{ text-transform: uppercase;} /* buttons links*/ a.btArrowLeft{background:url(../images/bt_zurueck.gif) no-repeat top left;color:#000; padding:3px 5px 7px 5px; font-size: 11px; margin:0 3px 0 0; white-space: nowrap; font-weight: bold; text-transform: none;} a.btArrowRight {background:url(../images/bt_vor.gif) no-repeat top right;color:#000;padding:3px 5px 7px 5px; font-size: 11px; margin:0 0 0 3px; text-align: center; cursor: pointer; white-space: nowrap; font-weight: bold; text-transform: none;} a.btArrowLeft:hover {background-position: left -31px; color:#ff6633; text-decoration: none;} a.btArrowRight:hover {background-position: right -31px; color:#ff6633; text-decoration: none;} a.btArrowLeft span{margin-left:20px!important;color:#000;} a.btArrowRight span{margin-right:20px!important;color:#000;} a.btArrowLeft:hover span{color:#ff6633; text-decoration: none;} a.btArrowRight:hover span{color:#ff6633; text-decoration: none;} a.alink { color: #ffe385; text-decoration: none; cursor: pointer; outline: none; background-color: transparent;} a.alink:hover { color:#ff6633; cursor: pointer; outline: none; background-color: transparent;} /* eof buttons */ /* eof elements */ /* 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 #b7c8d1;} .bordertop{ border-top:1px dotted #b7c8d1;} .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:#a2b1ee!important;} .gray, .grey{color:#b7c8d1;} .darkgray{color:#b7c8d1;} .silver{color: #f3faff;} /*.dodgerblue {color:#ffe385!important;} */ .bg {background-color: #3f455e!important;} .iconmargin { margin-top: -2px!important;} .iconimg {margin:-4px 4px 0 0; float: left;} .font12 {font: normal 12px/130% Arial, Helvetica, sans-serif!important;} .font11 {font: normal 11px/130% Arial, Helvetica, sans-serif!important;} .font10 {font: normal 11px/120% Arial, Helvetica, sans-serif!important;} /* eof diverse */ /* swfobject FF3 Bugfix, see http://code.google.com/p/swfobject/wiki/faq 15 */ object { outline:none; } /* eof swfobject FF3 Bugfix */ /* forms */ .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(../images/bt_einlogen.png) no-repeat right -50px; color:#929292!important; padding:3px 55px 0 0; font-size: 13px!important; width:120px; 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: top right; color:#ff6633!important;} html body input.radio {border:none!important;margin-right:10px!important; background-color: #000!important;} a.button{background:url(../images/bt_default_b.png) no-repeat top right;color:#3f455e; 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; white-space: nowrap;} a.button b{background:url(../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 5px;margin:10px 0!important;width:auto;border-bottom:1px dotted #b7c8d1; text-align:left; clear: both; display: block;} #sidecontent #divCaptcha img{margin:10px 0; float:left; border-bottom:2px solid #fff; } #primarycontent #divCaptcha img{margin:0; float:right; border-bottom:2px solid #fff; } #divCaptcha input {margin:0;width:220px; float: none;} .captchaTxt {font-size: 12px; width:230px; font-weight: normal; color:#111; float:left; margin:0 0 8px 0; line-height: 15px;} #errorsDiv {color:#da0000!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(../images/li-point-error.png)!important; color:#da0000!important; font-size:11px!important;} .message{font-size: 12px!important; font-weight: normal; color:#000033!important;} .content-form textarea {width:448px; 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;} .content-form .element-group p{margin:0!important; padding:0;} #terms_accepted {text-align: left!important;} #terms_accepted input, #save_pwd {width:20px; float:left; margin-right:10px;} /*#save_pwd {margin-bottom:20px;margin-top:10px;} */ /* contactform */ .contactform #errorsDiv {color:#da0000;margin:0!important; padding:0;} .contactform {margin:0 5px; display:block;} .contactform .element-group {float:left;margin:0 10px;} .contactform .element-group #category_id{width:140px!important;margin:0;clear: both;} .contactform .element-group #subject{width:448px!important;margin:0;clear: both;} .contactform .element-group #message{width:448px!important;margin:0;clear: both;} .contactform .element-group #gender{width:140px!important;margin:0;} .contactform .element-group #title{width:288px!important;margin:0; clear: both;} .contactform .element-group #first_name{width:448px!important;margin:0;clear: both;} .contactform .element-group #last_name{width:448px!important;margin:0;clear: both;} .contactform .element-group #email{width:134px!important;margin:0;} .contactform .element-group #telephone{width:288px!important;margin:0;} .contactform .element-group #fax{width:134px!important;margin:0;clear: both;} .contactform .element-group #street{width:288px!important;margin:0;} .contactform .element-group #street_number{width:134px!important;margin:0;clear: both;} .contactform .element-group #zipcode{width:134px!important;margin:0;} .contactform .element-group #city{width:288px!important;margin:0;clear: both;} .contactform #divCaptcha{width:auto!important;margin:0;clear: both;} /* eof contactform */ /* searchform */ .search #errorsDiv { color:#da0000; margin: 20px 0 -10px 20px!important; padding:0;} #searchresults {margin:0;padding:10px; font-size: 0.74em;} .searchWord { color:#da0000; border-bottom:1px dotted #da0000;} #searchresults a.more { color:#3f455e; border-bottom:1px solid #3f455e; font-size: 11px; display: block; padding:0 0 5px 0; margin:0 0 10px; text-decoration: none;} #searchresults a.more:hover { color:#da0000; text-decoration: none;} /* eof searchform */ .messageTab{display:block;clear: both!important;margin:0 9px 0 9px;padding-bottom:3px;} a.blink, a.clink {margin:0; padding:0; color:#fff!important; font-weight: normal; white-space: nowrap!important;} a.blink:hover, a.clink:hover{ text-decoration: underline; color:#eff9ff!important;} /* EOF buttons */ /* News-Modul */ #news ul.displayList li.listItem { margin-bottom:5px!important;color:#fff; border-bottom:1px dotted #b7c8d1; } #news ul.displayList{ margin-top:0px!important;padding-top:0px!important;} #news .itemtxt{padding:5px!important;margin:5px 0;} #news h2 { font-size: 1em; } #news li.listItem .itemtxt{ padding:5px!important;margin:0;} #news li.listItem .itemImage { padding:0 5px 5px 0;margin:0;} #news .ybottom{margin:-8px 0 0 0;padding:0;background: url(/default/images/hg-vor.png) no-repeat bottom right; display: block; height: 19px; float: right; line-height: 18px; font-size: 0.85em; width:75px; bottom:0;} #news .ybottom a:hover{ text-decoration: none; color:#ffff66!important;} #news .ybottom a span{color:#fff;float: right; padding:1px 25px 0 0; font-weight: bold;} #news .ybottom a:hover span{color:#ffff66!important;} /* eof News-Modul */ /* Lottery-Modul */ .fields-group {margin:10px 0 10px 0;padding:0 0 5px 0; width:100%; float: none;} .questions-group {margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px dotted #b7c8d1; display: block; width:auto; float: none;} .questions-group h3, .fields-group h3 {font-size:14px; margin-left:10px;} .lotteryform .questions-group .element-group {float: none!important;} .lotteryform .element-group input {width:210px!important;margin:0;} .lotteryform .element-group {float:left;margin:0 10px;} .lotteryform .element-group select#formfield_1{width:456px!important;margin:0;clear: both!important;} .lotteryform .element-group #formfield_4{width:448px!important;margin:0;clear: both!important;} .lotteryform #errorsDiv {color:#da0000;margin:0!important; padding:0;} .lotteryform #divCaptcha{width:auto!important;margin:0;clear: both;} /* Lottery-Modul EOF */ #primarycontent .borderLayout .wrapp .flash {margin:0 17px 0 0; float: right!important;} #sidecontent .borderLayout .wrapp .flash {margin:0 10px 0 0; float: right!important;} /* HUiBuh der Film */ #primarycontent .flash {margin:5px 0 10px 8px; float:left!important; padding:0;} #flash70 {margin-top:-30px!important; margin-bottom:-20px!important; padding:0 0 -20px 0;} /*.flash {margin:5px 10px; float: inherit;}*/ .flash span{font-size: 12px; color:#fff; text-align:left; display:block; padding:16px 0 0 44px;} .flashError {font-size: 10px; color:#81a7ba; text-align:left; padding:10px 0 0 10px;} .flashError p { font-size: 10px; margin:10px; width:70%;} .flashError a {font-size: 11px; color:#da0000; margin-left:10px;} .flashError a img {margin:0 10px 0 0;} .flashError a:hover {font-size: 11px; color:#ff6633; text-decoration: none; } .inputHint {font-size: 11px;background-image: url(../images/infoblase.gif);background-repeat: no-repeat;padding-top: 10px!important;clear: both;margin-top:0!important;} #hint_username {width: 188px;float: left;margin:0 0 0 9px!important;} #hint_pwd {width: 182px;float: right;margin:0 9px 0 0!important;} .inputHint .hintText {background-color: #9094a7;padding:2px 5px!important;margin-top:0!important;color:#3f455e;border: 1px solid #c3c8e0; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border-top: 0!important; } .errorHint {font-size: 11px;background-image: url(../images/infoblase.gif);background-repeat: no-repeat;padding-top: 10px!important;margin-top:0!important;z-index: 2500;} #primarycontent .inputHint, #primarycontent .errorHint {width: 424px;} #sidecontent .inputHint, #sidecontent .errorHint {width: 266px;} .element-group-float .errorHint {width: 208px!important;} .errorHint .hintText {background-color: #9094a7;padding:2px 5px!important;margin-top:0!important;color:#14225c;border: 1px solid #c3c8e0; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border-top: 0!important; } /* navigation !allways on bottom of css! */ /* mainNavi */ .mainNaviWrap {margin:0 auto; color:#fff;} .mainNavi-1, .mainNavi-28, .mainNavi-14, .mainNavi-2, .mainNavi-30, .mainNavi-15{ background: transparent url(../images/navi-hg-home.png) no-repeat bottom!important; background: transparent url(../images/navi-hg-home.gif) no-repeat bottom;} #mainNavi {margin:0; text-align: center; height:84px;display:block; position: relative; padding:0; padding-left: 18px!important;} #mainNavi .select, #mainNavi .current {margin:0 0 0 -3px; padding:0; list-style:none; display:block;} #mainNavi li {display:inline; margin:0; padding:0; height:auto;} /*#mainNavi li img{margin:10px 0 4px 0;}*/ #mainNavi .select li.li-start a, #mainNavi .current li.li-start a{margin-left:-10px!important;} #mainNavi li a b img{padding: 15px 0 20px 0!important;} #mainNavi li.li-start b img{display:none;} #mainNavi .current li.li-start a {background:url(../images/menu/mN-Startseite.png) no-repeat 0 2px; margin-top:-11px; width:88px;} #mainNavi .current li.li-start a:hover {background:url(../images/menu/mN-Startseite.png) no-repeat 0 2px;} #mainNavi .select li.li-start a {background:url(../images/menu/mN-Startseite.png) no-repeat 0 -91px; margin-top:-11px; width:88px;} #mainNavi .select li.li-start a:hover {background:url(../images/menu/mN-Startseite.png) no-repeat 0 2px;} #mainNavi .select li.li-start a b, #mainNavi .current li.li-start a b { background-image: none; height: 62px!important;} #mainNavi .current li.li-start a, #mainNavi .select li.li-start a{padding-bottom:5px;} #mainNavi .select a, #mainNavi .current a {display:block; height:56px; float:left;padding:0;text-decoration:none; font-size:16px; line-height:40px; white-space:nowrap; font-weight:normal; margin:0;} * html #mainNavi .select a, * html #mainNavi .current a {width:1px;} #mainNavi .select a b, #mainNavi .current a b {display:block; padding:4px 0px 4px 0px; color:#fff; font-weight:normal;} /* attention ie fix ie lt6 does't like height:px; and min-width:px; */ .mainNavi-1 { background: url(../images/menu/navi_hg_start.png) no-repeat 0 0!important;} .mainNavi-28 { background: url(../images/menu/navi_hg_huibuhs-welt.png) no-repeat 0 0!important;} .mainNavi-14 { background: url(../images/menu/navi_hg_spuk-und-spiel.png) no-repeat 0 0!important;} .mainNavi-2 { background: url(../images/menu/navi_hg_produkte.png) no-repeat 0 0!important;} .mainNavi-30 { background: url(../images/menu/navi_hg_shop.png) no-repeat 0 0!important;} .mainNavi-15 { background: url(../images/menu/navi_hg_home.png) no-repeat 0 0!important;} #mainNavi li a {margin-left: 0px!important; margin-right:0px!important; padding: 0; } #mainNavi li a b {margin-left: 0px!important; margin-right:0px!important; padding:0!important;} #mainNavi li.li-hui-buhs-welt a { width: 227px; height: 50px; } #mainNavi li.li-spuk-und-spiel a { width: 206px; height: 50px; } #mainNavi li.li-produkte a { width: 172px; height: 50px; } #mainNavi li.li-shop a { width: 115px; } #mainNavi li.li-hui-buhs-welt a, #mainNavi li.li-spuk-und-spiel a, #mainNavi li.li-produkte a, #mainNavi li.li-shop a {padding-top:4px;} #mainNavi .current li.li-hui-buhs-welt a b, #mainNavi .select li.li-hui-buhs-welt a b {background:url(../images/menu/nav-hui-bus-welt.png) no-repeat 0 -3px;} #mainNavi .current li.li-spuk-und-spiel a b, #mainNavi .select li.li-spuk-und-spiel a b {background:url(../images/menu/nav-spuk-und-spiel.png) no-repeat 0 -3px;} #mainNavi .current li.li-produkte a b, #mainNavi .select li.li-produkte a b {background:url(../images/menu/nav-produkte.png) no-repeat 0 -3px;} #mainNavi .current li.li-shop a b, #mainNavi .select li.li-shop a b {background:url(../images/menu/nav-shop.png) no-repeat 0 -3px;} #mainNavi .subNavi, #mainNavi .subNaviActive { margin-top: -2px!important; } #mainNavi .select a:hover, #mainNavi .select li:hover a {cursor:pointer;} #mainNavi .select a:hover b, #mainNavi .select li:hover a b {color:#ffe385;} #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:#fff;} #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 {color:#fff;} #mainNavi .subNavi li a:hover, #mainNavi .select a:hover .subNavi li a:hover, #mainNavi .select li:hover .subNavi li a:hover, #mainNavi .subNaviActive .currentSubNavi a, #mainNavi .subNaviActive a:hover {color:#ffe385;} #mainNavi .subNaviActive .currentSubNavi a{ font-weight: bold;} #mainNavi .select li a:hover .subNavi, #mainNavi .select li:hover .subNavi {display:block; background:transparent url(../images/sub-nav-hg.gif) repeat-x left -1px; position:absolute; width:700px; top:58px; left:20px; color:#fff; margin-top:1px; padding:0; z-index:100;} #mainNavi .subNavi, #mainNavi .subNaviActive {margin:0; padding:0; list-style:none;} #mainNavi .subNaviActive {display:block; position:absolute; background:transparent url(../images/sub-nav-hg.gif) repeat-x left -1px; width:700px; top:58px; left:20px; color:#fff;margin-top:1px; padding:0; z-index:10;} * html #mainNavi .subNaviActive, * html #mainNavi .select a:hover .subNavi {z-index:-1; margin-top:0; margin-t\op: 2px;} #mainNavi .subNaviActive a {height:16px; float:left; text-decoration:none; line-height:16px; white-space:nowrap; font-weight:bold; color:#fff;} #mainNavi .subNaviActive a, #mainNavi .select a:hover .subNavi li a, #mainNavi .select li:hover .subNavi li a {display:inline; padding:0 25px 0 8px; margin:0 10px; width:auto; white-space:nowrap; font-weight:bold; border:0; color:#fff; line-height:16px; height:17px; font-size: 1.1em; font-weight:bold!important; letter-spacing: 1px; background:transparent url(../images/nav-line.png) no-repeat right 0;} /* eof mainNavi */ /* footernavi */ #footer ul {margin:0; padding: 0; list-style-type: none;} #footer li {display: inline; padding: 0 10px; border-left:1px solid #bebebf; color:#bebebf; font-size:12px;} #footer li a {text-decoration: none; color: #fff!important; line-height: 20px; font-size:12px;} #footer li a:hover {text-decoration: none; color:#ffe385!important;} /* eof footernavi */ /* navigation !allways on bottom of css! */ /* !!!!!!!!!!!!!!! THE END !!!!!!!!!!!!!! */