/* --------------------------------------------------------- */ /* 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:#002f7c url(../images/body-hg-1.jpg) repeat 0 -20px; } a:link { color: #fff; text-decoration: none; cursor: pointer; outline: none; background-color: transparent; font-family:Arial, Helvetica, sans-serif!important;} a:visited { color: #fff; text-decoration: none; cursor: pointer;background-color: transparent; } a:hover { color:#eff9ff; text-decoration: underline; cursor: pointer; outline: none;background-color: transparent;} a:active { color: #fff; text-decoration: none; cursor: pointer;background-color: transparent;} a:focus { color: #fff; text-decoration: none; cursor: pointer; outline: none;background-color: transparent;} a:focus:hover { color:#eff9ff; 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;} h1 {font-size: 1.5em;} h2 {font-size: 1.33em;} h3 {font-size: 1em;} h4 {font-size: 0.95em;} h5 {font-size: 0.85em;} h6 {font-size: 0.85em;} p, .teasertext, .text, .elements{ font: 13px/140% Arial, Helvetica, sans-serif; padding:0; margin:0;} img { border: none;} *html .text {border:1px dashed #002e6e;} /* test */ #contentwrapper a:link { color: #fff960; text-decoration: none; cursor: pointer; outline: none; background-color: transparent; font-family:Arial, Helvetica, sans-serif!important;} #contentwrapper a:visited { color: #ffff99; text-decoration: none; cursor: pointer;background-color: transparent; } #contentwrapper a:hover { color:#fff; text-decoration:none; cursor: pointer; outline: none;background-color: transparent;} #contentwrapper a:active { color: #fff; text-decoration: none; cursor: pointer;background-color: transparent;} #contentwrapper a:focus { color: #fff; text-decoration: none; cursor: pointer; outline: none;background-color: transparent;} #contentwrapper a:focus:hover { color: #ffff99; text-decoration: none; cursor: pointer; outline: none;background-color: transparent;} #contentwrapper .text a:hover, #contentwrapper p a:hover {text-decoration:underline!important;} form { margin:0; padding:0; font: 13px/100% Arial, Helvetica, sans-serif!important; background-color: transparent; background-image: none!important;} input, textarea, fieldset, select { font-family: Arial, Helvetica, sans-serif!important; margin: 0; padding:1px 2px 2px 2px; border:1px solid #fff; background-color: #c7d0d5; color:#000033; width:98%; outline: none; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 5px;} option [selected] { margin: 0; padding:1px 2px; border:1px solid #fff; background-color: #c7d0d5; color:#000033; width:auto; outline: none;} html body form select:focus { background-color: #d2d6da!important; color:#000033!important;outline: none;} label { font: 12px/100% Arial, Helvetica, sans-serif!important; display:block; padding:0 0 4px 0; margin:0; color:#fff;} 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;width:20px;} 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;text-align:left;clear: both; background: transparent url(../images/hg-shadow.png) repeat-x top left;} #pagewrapper {width: 986px; padding:0;margin:0;text-align:left;clear: both; color:#fff;background: transparent url(../images/border-y.png) repeat-y 810px 0px!important; background: transparent url(../images/border-y.gif) repeat-y 800px 0;} #page {width: 800px; padding:0;margin:0; float: left;} #container{margin:0;padding:0;display:block;width: 800px;clear: both;} #header {height:166px;width:788px; margin:0 6px; padding:0;clear: both; background: transparent url(../images/hg-header.png) no-repeat top left!important; background: transparent url(../images/hg-header.gif) no-repeat top left;} #contentwrapper {width:800px;margin:10px 0;padding:0;display:block; height: 1%;} #primarycontent {float:left;margin:0;padding:5px 0;width:480px;} #sidecontent{width:320px;text-align:left;padding:5px 0;float:right; margin:0;} #footer {color: #000; text-align: left; font-size:11px;background: transparent url(../images/hg-mainNavi.png) no-repeat bottom!important; background: transparent url(../images/hg-mainNavi.gif) no-repeat bottom; line-height: 20px; height: 40px; width:788px; margin:0 4px; 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 {margin:0;padding:10px 0 0 10px;} #primarycontent .contentlistelement {margin:0;padding:0;} #contentwrapper .borderLayout {display: block; width:774px; margin:25px 10px 8px 10px;padding:0!important; height: 1%;} #primarycontent .noborderLayout{display: block; width: auto; margin:10px;padding:0;} #contentwrapper #primarycontent .borderLayout{display: block; width: 454px; margin:20px 10px 10px 10px;padding:0!important;} #sidecontent .noborderLayout {display: block; width: auto; margin:10px;padding:0;} #contentwrapper #sidecontent .borderLayout {display: block; width:294px; margin:20px 10px 10px 10px;padding:0!important;} #sidecontent .contentlistgallery {margin:0 10px 10px 10px;padding:0; border-bottom:1px solid #fff; } #primarycontent .contentlistgallery {margin:0 0 10px 0;padding:0; border-bottom:1px solid #fff; } /* eof layout */ /* borderLayout */ /*.borderLayout {border:1px solid red!important;}*/ #contentwrapper .borderLayout {background: url(../images/hg-borderLayout-cw-y.png) repeat-y 0 0; float: left; display:block; clear:both;} #contentwrapper .borderLayout .borderLayoutTop {margin:0;padding:0;width:auto; background: url(../images/borderLayoutT-cw.png) no-repeat 0 0; display: block;} #contentwrapper .borderLayout .borderLayoutBottom{margin:0;padding:0; width:auto; background: url(../images/borderLayoutB-cw.png) no-repeat bottom left; display: block; height: 19px;} #primarycontent .borderLayout {background: url(../images/hg-borderLayout-y.png) repeat-y 0 0; float: left; display:block; clear:both;} #primarycontent .borderLayout .borderLayoutTop {margin:0;padding:0;width:auto; background: url(../images/borderLayoutT-pc.png) no-repeat 0 0; display: block; height: 1%;} #primarycontent .borderLayout .borderLayoutBottom{margin:0;padding:0; width:auto; background: url(../images/borderLayoutB-pc.png) no-repeat bottom left; display: block; height: 19px;} #sidecontent .borderLayout {background: url(../images/hg-borderLayout-sc-y.png) repeat-y 0 0; float: left; display:block; clear:both; padding:0!important;} #sidecontent .borderLayout .borderLayoutTop {margin:0;padding:0;width:auto; background: url(../images/borderLayoutT-sc.png) no-repeat 0 0; display: block; border-top: 1px solid #091230; } #sidecontent .borderLayout .borderLayoutBottom{margin:0;padding:0; width:auto; background: url(../images/borderLayoutB-sc.png) no-repeat bottom left; display: block; height: 19px;} .borderLayout h3 {padding-left:10px;padding-top:10px; padding-bottom:6px; font: bold 1em/1.5em Arial, Helvetica, sans-serif;} .borderLayout h3.floating {padding-left:10px;padding-top:10px; padding-bottom:10px; font: bold 1em/1.5em Arial, Helvetica, sans-serif; display:inline-table; width:220px; float: left;} .borderLayout .wrapp {margin:5px 10px 0 10px; padding:0;display:block; text-align: left;} #primarycontent .borderLayout .context {padding:0!important;} #contentwrapper .borderLayout .message, #contentwrapper .borderLayout .errorsDiv, #contentwrapper .borderLayout .noDataDiv {margin:5px!important;} #contentwrapper .borderLayout .context p, #contentwrapper .borderLayout .context .text, #contentwrapper .borderLayout .context .teasertext, #contentwrapper .borderLayout .context .elements{margin-left:-10px!important;margin-right:-10px!important} #contentwrapper #sidecontent .borderLayout .context p, #contentwrapper #sidecontent .borderLayout .context .text, #contentwrapper #sidecontent .borderLayout .context .teasertext, #contentwrapper #sidecontent .borderLayout .context .elements{margin-left:5px!important;margin-right:5px!important; margin-top:14px;} .teasertext {font-weight: bold!important; margin-bottom: 14px; padding-top:8px;} /*#contentwrapper #sidecontent .text, #contentwrapper #sidecontent .teasertext { display: compact; white-space:nowrap!important; width:260px;}*/ /* noborderLayout */ #primarycontent .context {margin:10px 12px 10px 10px;} #contentwrapper .noBorderedHeadline {margin:0; padding:10px 0 0 0;} #primarycontent .noBorderedHeadline {margin:0; padding:10px 0 0 0!important;} #sidecontent .noBorderedHeadline {margin:0 -5px 0 0!important; padding:6px 0 0 0!important;} #sidecontent h3 {margin:5px 15px 5px 10px; padding:0 0 5px 0; display:block; border-bottom:1px dotted #b7c8d1;} #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:left; color:#a2b1ee; padding:2px 0 5px 12px; font-family: Arial, Helvetica, sans-serif !important;} .BGBox{background: transparent url(../images/hg-BGBox-left.png) no-repeat left 5px!important; background: transparent url(../images/hg-BGBox-left.gif) no-repeat left 5px; height: 40px; width:auto; margin:0 5px 0 5px; padding:0; clear: both; display: block;} .borderLayout .BGBox {margin-left:-5px;margin-right:-10px; margin-top:-15px;} .BGBoxright{color: #000; text-align: left; background: transparent url(../images/hg-BGBox-right.png) no-repeat right 5px!important; background: transparent url(../images/hg-BGBox-right.gif) no-repeat right 5px ; line-height: 20px; height: 40px; width:auto; margin:0 0 0 10px; padding:0 5px 0 0; clear: both; display: block;} .BGBox h2 {background:url(../images/headline-left.gif) no-repeat 0 0; padding:0; text-decoration:none; margin-left:5px; display:inline; float:left; height: 45px; margin-top:-8px; min-width: 100px;} .BGBox h2 b {background:url(../images/headline-right.gif) no-repeat top right; padding:0 35px 0 15px!important; height: 100%; display: block; overflow: hidden!important; color: #DBE4E8!important; text-transform: uppercase; line-height: 40px; font-size: 14px;} #contentwrapper .borderLayout .borderLayoutTop .BGBox h2 b {min-width: 50px;} #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;} 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(../images/li-point.png)!important;} .contentlistgallery .imagebox{ background-color:#c7d0d5; padding:10px; margin:0; width:auto; border:2px solid #fff; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .productdetail .imagebox {padding:0 0 10px 0;margin:-8px 5px 0 -10px; width:222px; text-align: center; background: transparent url(../images/hg-imagebox.png) no-repeat bottom right;} .productdetail .imagebox .top{padding:0;margin:0;display:block;clear: both!important;line-height: 7px!important; font-size: 1px!important; height: 7px!important; background: transparent url(../images/hg-imagebox-top.png) no-repeat bottom right; width:222px;} .productdetail .imagebox .img{padding:5px 0 12px 12px; overflow:hidden; max-width: 190px; text-align: center;} .productdetail .productfeatures{margin:0 0 10px 0; padding:0 0 5px 5px; float:right; font-size: 1.1em;} .productdetail .productfeatures h4{border-bottom:1px solid #fff;padding:8px 0;margin:0 0 8px 0;} .productdetail .widthfix{width:210px!important;} .productdetail .tracklist, .productdetail .speakerlist, .productdetail .description, .productdetail .detailinformation {margin:0 0 10px 0!important; padding:10px!important; font-size: 12px; display: block; background:#54617a url(../images/hg-description.gif) repeat-x top left; border-bottom:4px solid #c7d0d5; padding:0 10px 20px 10px; margin:0px 0px 20px 0px; } .productdetail .description p, .productdetail .detailinformation p {font-size: 11px; color:#fff!important; margin:0!important; padding:0!important;} .productdetail .productfeatures .media{font-size: 11px; 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: #eff9ff; font-weight: normal!important;} .productdetail .pmargin{margin-left:10px!important;} .productdetail .soundfiles {margin:0;padding:0; font-size:10px; width:207px; overflow:hidden; height: 66px!important; float:left; background: url(/default/images/hoerprobe-dummy.png) no-repeat top right;} #primarycontent .borderLayout .xbottom{margin:-15px 0 0 0;padding:0;background: url(/default/images/borderLayoutBx-pc.png) no-repeat bottom left; display: block; height: 19px; float: left; line-height: 18px; font-size:12px; width:100%;} #sidecontent .borderLayout .xbottom{margin:-15px 0 0 0;padding:0;background: url(/default/images/borderLayoutBx-sc.png) no-repeat bottom left; display: block; height: 19px; float: left; line-height: 18px; font-size:12px; width:100%;} .borderLayout .xbottom a:hover{ text-decoration: none; color:#ffff66!important;} .borderLayout .xbottom a span{color:#fff;float: left; padding:0 0 0 28px; font-weight: bold;} .borderLayout .xbottom a:hover span{color:#ffff66!important;} .borderLayout .wrapp .xbottom{margin:0 0 -10px 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: 0.85em; width:68px; padding-right:12px!important;padding-left:0!important;} .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;} .picture {text-align:center; max-width: 400px; overflow: hidden; display:block; width:auto; } .picturebox {margin:10px 0; padding:10px; text-align:center; background-color: #c7d0d5; display: inline-table; border:2px solid #fff; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} 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-position: outside; */list-style: none; } html body #contentwrapper .borderLayout .productfeatures li{ padding:2px 0 2px 0; list-style-image: none; color: #eff9ff; } 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(../images/li-point.png);font-size: 11px!important;color:#e8e8e8!important;} .borderLayout .displaynavi{ text-align: right;float:right;} #sidecontent .context {margin:0 10px 10px 10px; /*border-bottom:1px dotted #b7c8d1;*/} #sidecontent .borderLayout .context {margin:0 0 10px 0!important;} .context .text a{color:#eff9ff;!important; text-decoration: none;} .context .text a:hover{color:#fff960!important; text-decoration:none;} .elements { margin:20px 0 10px 0; padding:5px 0; display:block;} .elements a {background:url(../images/bt_vor.gif) no-repeat -5px 2px;color:#fff960;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:#fff; text-decoration: none;} /* teaser boxen */ .rocobox { margin:10px; padding:0; float: left!important; color:#000;} .rocobox h2 {font: bold 16px/120% Arial, Helvetica, sans-serif !important; text-decoration:none; color:#fff!important;} .rocobox h2 a{text-decoration:none;color:#fff!important; font-size: 16px!important;} .rocobox h3 {font: bold 13px/120% Arial, Helvetica, sans-serif!important; text-decoration:none; margin:0 0 3px 0!important; color:#000!important; border: 0px!important; padding:0!important;} .rocobox h3 a {color:#000!important;margin:0!important; padding:0!important;} .rocobox h3 a:hover, .rocobox h2 a:hover {color:#ff0000!important; text-decoration: none;} .rocobox h2 {background:url(../images/teaser-header-left.png) no-repeat 0 0; padding:0; text-decoration:none; margin-left:5px; display:inline;float:left; height: 45px; margin-top:-8px;} .rocobox h2 b {background:url(../images/teaser-header-right.png) no-repeat top right; padding:0 35px 0 15px!important; height: 100%; display: block; overflow: hidden!important;} /* ie fix does't like height:38px; */ .rocobox .wrapp{ padding:0 10px 0 10px; margin:0; min-height: 78px;} #primarycontent .smallbottom .wrapplong, #sidecontent .smallbottom .wrapplong{ height: 212px; overflow: hidden; padding:0 10px 0 10px; margin:0; } .rocobox .teasertext {color:#000; font-weight: normal!important;} .rocobox .imgbox {padding:0; margin:0 5px 5px 0!important; overflow: hidden;} .rocobox .imgbox a{ padding:0!important; margin:0!important; display:inline; } /*#primarycontent .smallbottom .imgbox {width:200px; background-color: #f6f5ea; text-align: center;}*/ #primarycontent .smallbottom .wrapplong .imgbox {width:200px; background-color: #f6f5ea; text-align: center;} #primarycontent .smallbottom .wrapp .imgbox {text-align:left; float: left; padding-right:8px;} #sidecontent .smallbottom .imgbox {width:120px;background-color: #f6f5ea;text-align: center;} .rocobox .wrapp a { color:#ff3333; text-decoration:none; margin:0; padding:0; background: transparent; } .rocobox .wrapp a:hover{text-decoration: none; color:#1a1a1a; background: transparent;} .rocobox .bottom{margin:0;padding:0;height:20px;} #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{margin:0!important;padding:0!important;background: url(/default/images/hg-mehr.png) no-repeat top right; display: block; height: 20px; float: right; line-height: 20px; font-size: 13px; width:70px; } .rocobox .bottom a:hover, #sidecontent ul.produktlist_sc .bottom a:hover, #sidecontent ul.produktlist_sc li.active .bottom a:hover{ text-decoration: none;} .rocobox .bottom a span, #sidecontent ul.produktlist_sc .bottom a span, #sidecontent ul.produktlist_sc li.active .bottom a span{color:#fff;float: right; padding:0 22px 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{color:#ffff66!important;} #primarycontent .largetop{background: transparent url(../images/pc-teaser-top-xl.png) no-repeat top left; width:460px;} #primarycontent .largetop h2{ max-width: 440px; } #primarycontent .largebottom {background: transparent url(../images/pc-teaser-bottom-xl.png) no-repeat bottom left; margin-top:0;} #primarycontent .smalltop{background: transparent url(../images/pc-teaser-top-xs.png) no-repeat top left; width:220px;} #primarycontent .smalltop h2{ max-width: 200px;} #primarycontent .smallbottom {background: transparent url(../images/pc-teaser-bottom-xs.png) no-repeat bottom left; margin-top:0;} #sidecontent .largetop{width:300px;background: transparent url(../images/sc-teaser-top-xl.png) no-repeat top left;} #sidecontent .largetop h2{max-width: 280px;} #sidecontent .largebottom {background: transparent url(../images/sc-teaser-bottom-xl.png) no-repeat bottom left; margin-top:0;} #sidecontent .smalltop{width:140px;background: transparent url(../images/sc-teaser-top-xs.png) no-repeat top left;} #sidecontent .smalltop h2{max-width: 120px;} #sidecontent .smallbottom {background: transparent url(../images/sc-teaser-bottom-xs.png) no-repeat bottom left; margin-top:0;} #primarycontent .bildTeaser {width:220px;margin:5px 10px; padding:5px 0 0 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:0!important; float: left;} /* eof teaser boxen */ /* produktlist */ #contentwrapper .teaserXsmall {margin:10px 9px;padding:0; width:178px; background: url(../images/pc-teaserXsmall.png) no-repeat top left; float: left; color: #000;} #contentwrapper .teaserXsmall h4 { font: bold 90%/120% Arial, Helvetica, sans-serif; display: block; margin-top:3px;} #contentwrapper .teaserXsmall p{padding:3px 0; line-height: 120%; font-size:0.85em;} #contentwrapper .teaserXsmall .image{padding:5px} #contentwrapper .teaserXsmall .wrapp {margin:10px 10px 0 10px; padding:10px 0 0 0;display:block; height: 170px; text-align: center;} #contentwrapper .teaserXsmall .bottom {margin:0;padding:0;height:20px;} #contentwrapper .teaserXsmall .bottom a{margin:0;padding:0;background: url(/default/images/hg-mehr.png) no-repeat top right; display: block; height: 20px; float: right; line-height: 18px; font-size: 0.85em; width:70px;} #contentwrapper .teaserXsmall .bottom a:hover{ text-decoration: none;} #contentwrapper .teaserXsmall .bottom a span{color:#fff;float: right; padding:0 22px 0 0; font-weight: bold;} #contentwrapper .teaserXsmall .bottom a:hover span{color:#ffff66!important;} 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 10px 10px 10px; 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;} html body #contentwrapper #sidecontent ul.produktlist_sc li {color:#3f455e;} html body #contentwrapper #sidecontent ul.produktlist_sc li.active {color:#000;} html body #contentwrapper #sidecontent ul.produktlist_sc li img {border:2px solid #f5efde;} 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:2px solid #c8b057;} html body #contentwrapper #sidecontent ul.produktlist_sc li.active img{border:2px solid #c8b057;} html body #contentwrapper #sidecontent .produktlistelement {height:102px; overflow:hidden; margin:10px 10px 0 10px;} 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 #ff3333;} 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;} #sidecontent .borderLayout ul.produktlist_sc .bottom a, #sidecontent .borderLayout ul.produktlist_sc li.active .bottom a{background: none!important;} .detailTabs{padding:12px 0 0 0;} .detailTabs a, .detailTabs{text-align:left;font-size: 10px; color:#000!important;} .detailTabs a:hover{ text-decoration: none; color:#ff3333!important; } /* pagination */ #contentwrapper .pagination {text-align:center; font-size: 11px; margin:14px 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: 19px; line-height: 17px;/* border:1px solid red;*/} .pagination a {color:#fff!important;} .pagination a:hover {color:#fff960!important; text-decoration: none;} .pagination .currentPage {color:#fff960; padding:0 5px; font-weight: bold;} #contentwrapper .pagerposition {margin-top:-45px;#} #contentwrapper #sidecontent .pagerposition {margin-top:-15px!important; margin-right:12px;} #contentwrapper #sidecontent .borderLayout .pagerposition {margin-top:-15px!important; margin-right:0px!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;} .copyright a{ color:#a2b1ee; font-size: 11px; text-decoration: none; line-height:16px;} .copyright a:hover { color:#fff; font-size: 11px; text-decoration: none; } /* buttons links*/ a.btArrowLeft{background:url(../images/bt_zurueck.gif) no-repeat top left;color:#fff960; 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:#fff960;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:#fff; text-decoration: none;} a.btArrowRight:hover {background-position: right -31px; color:#fff; text-decoration: none;} a.btArrowLeft span{margin-left:20px!important;color:#fff960;} a.btArrowRight span{margin-right:20px!important;color:#fff960;} a.btArrowLeft:hover span{color:#fff; text-decoration: none;} a.btArrowRight:hover span{color:#fff; text-decoration: none;} a.alink { color: #fff960; text-decoration: none; cursor: pointer; outline: none; background-color: transparent;} a.alink:hover { color: #fff; 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: #eff9ff;} .dodgerblue {color:#fff960!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 */ label.benutzer { font: bold 12px/20px Arial, Helvetica, sans-serif; padding:0 5px 4px 0; float:left; text-transform: uppercase; color:#3f455e;height:20px;} span.benutzer { font: 12px/20px Arial, Helvetica, 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(../images/bt_einlogen.png) no-repeat 0 0; color:#fff960!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(../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; /*background-color: transparent!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;width:auto; border-top:1px dotted #b7c8d1;border-bottom:1px dotted #b7c8d1; text-align:left; clear: both;} /*#divCaptcha image {float:right;}*/ #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:160px; float: none;} .captchaTxt {font-size: 11px; width:195px; font-weight: normal; color:#b7c8d1; 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(../images/li-point-error.png)!important; color:#ff3333!important; font-size:11px!important;} .message{font-size: 13px!important; font-weight: normal; color:#000033!important;} .userlogin .submit-group {display:block; text-align: right; padding:5px 0; border-top:1px dotted #b7c8d1; } .userlogin .content-form {width:auto;} .userlogin .checkbox-group {margin-bottom:10px;margin-top:10px;} /*.content-form input, .content-form select {width:98%;}*/ .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;} /*#save_pwd {margin-bottom:20px;margin-top:10px;} */ /* contactform */ .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:418px!important;margin:0;clear: both;} .contactform .element-group #message{width:418px!important;margin:0;clear: both;} .contactform .element-group #gender{width:130px!important;margin:0;} .contactform .element-group #title{width:278px!important;margin:0; clear: both;} .contactform .element-group #first_name{width:418px!important;margin:0;clear: both;} .contactform .element-group #last_name{width:418px!important;margin:0;clear: both;} .contactform .element-group #email{width:124px!important;margin:0;} .contactform .element-group #telephone{width:138px!important;margin:0;} .contactform .element-group #fax{width:124px!important;margin:0;clear: both;} .contactform .element-group #street{width:278px!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:278px!important;margin:0;clear: both;} .contactform #divCaptcha{width:auto!important;margin:0;clear: both;} /* eof contactform */ /* 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:#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:#ff3333; text-decoration: none;} /* eof searchform */ /* guestbookform */ #divGuestbookform {margin-top:0;} .guestbookform #errorsDiv { color:#ff3333;margin:10px 0 0 16px; padding:0; } .guestbookform #errorsDiv ul{margin: -15px 0 -10px 0!important; padding:0;} .guestbookform .element-group {float:left;margin:0 5px;} #primarycontent .guestbookform .element-group #author {width:180px!important;margin:0;} #primarycontent .guestbookform .element-group #email {width:184px!important;margin:0;clear: both;} #primarycontent .guestbookform .element-group #subject{width:390px!important;margin:0;clear: both;} #primarycontent .guestbookform .element-group #message{width:390px!important;margin:0;clear: both;} #sidecontent .guestbookform .element-group #subject, #sidecontent .guestbookform .element-group #author, .guestbookform .element-group #email {width:260px!important;margin:0;clear: both;} #sidecontent .guestbookform .element-group #message{width:260px!important;margin:0;clear: both;} /* eof guestbookform */ /* eof forms */ /* guestbooklist */ .guestbooklist {margin:0;} .guestbooklist a{font-size:11px;color:#fff; text-decoration: none;} .guestbooklist a:hover{color:#fff960;} /*div.guestbookmessage {text-align: center; margin:-5px -5px 0 -5px; font-size:13px; color:#fff; } */ .guestbookentry {font-size:11px; margin:5px 0 10px 0!important;padding:5px 5px 2px 5px;color:#fff; background: #8890a3 url(../images/guestbook_hg.jpg) repeat-x bottom left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .guestbookentry h3{font-size: 13px; margin:0; padding: 0 0 5px 0; border-bottom: 1px dotted #c3c8e0; color:#fff;} .guestbookentry p{ font-size: 12px; padding: 5px 0; margin:0 0 5px 0; border-bottom: 1px dotted #c3c8e0;color:#fff; width:390px; overflow: hidden;} .guestbooklist .entry { background-color: #3f455e; padding:3px!important; border-bottom:3px solid #3f455e;} .guestbooklist .itemtxt { padding:3px 0 3px 3px;} .guestbooklist .itemtxt .messagetxt { padding:3px 0 3px 6px;border-top: 1px dotted #c3c8e0; margin-top:3px;border-bottom: 1px dotted #c3c8e0; margin:3px 0 0 0; /* height: 85px; overflow:scroll; */} /* eof guestbooklist */ /* forum */ #forum { background-color: #616781!important; margin:10px 0; } #forum h3 {margin:0!important; padding:0!important;} #forum ul.displayList li.listItem { margin-bottom:5px!important;color:#fff; background: #8890a3 url(../images/guestbook_hg.jpg) repeat-x bottom left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #forum ul.displayList li.listItemBg{ margin-bottom:5px!important;color:#fff; background: #8890a3 url(../images/guestbook_hg.jpg) repeat-x bottom left;} #forum ul.displayList, #forum ul.displayList li.listItemBg { margin-top:0px!important;padding-top:0px!important;} #forum ul.displayList {margin-top:0!important;margin-bottom:0!important;padding-bottom:0!important;padding-top:5px!important;} #forum .context{padding-bottom:0!important;} #forum .itemtxt{ padding:5px!important;margin:5px 0;} #forum li.listItem .itemtxt{ padding:5px!important;margin:0;} #forum li.listItemBg .itemtxt{ padding:5px!important;margin:0;} .forumpoststitle{clear: both; display: block; margin:10px 0 8px 0; padding:5px 0 0 0; border-top: 1px dotted #c3c8e0; border-bottom: 1px dotted #c3c8e0; height: 20px;} .forumpoststitle h3 {font-size: 12px; white-space: nowrap; margin:0; padding:0;} p.signature {font-size: 10px!important;color: #c7d0d5!important;} .forumcatitem { background-color:#616781;margin:0 0 3px 0;padding:5px 5px 2px 5px;} .forumcatitem .forumcathead{margin-bottom:5px;} .forumcatitem .forumcathead, #forum .breadcrumb{ background: #3e4759 url(../images/hg-forumcathead.gif) repeat-x top left; padding:5px!important;} #forum .breadcrumb{ margin:0 5px 0 5px!important; border-top:5px solid #616781;} .forumcatitem .sublist{margin-top:1px!important;} .forumthreads .forumcatitem .sublist{margin-top:1px!important;} .forumposts #List {border:5px solid #616781;} .forumposts li.listItem .itemtxt p {padding:5px 10px; font-size: 12px!important; background-color: #354159;} #forum .font12 { line-height: 25px!important;} #forum .forumnav{ background-color:#3e4759; padding:5px 6px 0 5px; margin:0 5px; display:block; border-bottom:5px solid #616781;} /* forum buttons */ a.btAntworten {background-image:url(/default/images/bt_antworten.png);} a.btNeu {background-image:url(/default/images/bt_neu.png);} a.btLoeschen {background-image:url(/default/images/bt_loeschen.png);} a.btBearbeiten {background-image:url(/default/images/bt_bearbeiten.png);} a.btAnzeigen {background-image:url(/default/images/bt_anzeigen.png);} a.btAktivieren {background-image:url(/default/images/bt_aktivieren.png);} a.btDeaktivieren {background-image:url(/default/images/bt_deaktivieren.png);} a.btPosteingang, a.btPosteingangA {background-image:url(/default/images/bt_posteingang.gif);} a.btPostausgang, a.btPostausgangA {background-image:url(/default/images/bt_postausgang.gif);} /* forum buttons moderator */ a.btAktivierenM {background-image:url(/default/images/bt_aktivieren_mod.png);} a.btDeaktivierenM {background-image:url(/default/images/bt_deaktivieren_mod.png);} a.btVerschiebenM {background-image:url(/default/images/bt_verschieben_mod.png);} a.btSchliessenM {background-image:url(/default/images/bt_close_mod.png);} a.btOeffnenM {background-image:url(/default/images/bt_open_mod.png);} #Post .buttonpanel a.fett{background-image:url(/default/images/bt_fett.png);} #Post .buttonpanel a.kursiv{background-image:url(/default/images/bt_kursiv.png);} #Post .buttonpanel a.unterstrichen{background-image:url(/default/images/bt_unterstrichen.png);} #Post .buttonpanel a.link{background-image:url(/default/images/bt_link.png);} #New .buttonpanel a.fett{background-image:url(/default/images/bt_fett.png);} #New .buttonpanel a.kursiv{background-image:url(/default/images/bt_kursiv.png);} #New .buttonpanel a.unterstrichen{background-image:url(/default/images/bt_unterstrichen.png);} #New .buttonpanel a.link{background-image:url(/default/images/bt_link.png);} a.btAntworten, a.btNeu, a.btLoeschen, a.btBearbeiten, a.btAnzeigen, a.btAktivieren, a.btDeaktivieren, a.btAktivierenM, a.btDeaktivierenM, #New .buttonpanel a.fett, #New .buttonpanel a.kursiv, #New .buttonpanel a.unterstrichen, #New .buttonpanel a.link, a.btVerschiebenM, a.btSchliessenM, a.btOeffnenM, #Post .buttonpanel a.fett, #Post .buttonpanel a.kursiv, #Post .buttonpanel a.unterstrichen, #Post .buttonpanel a.link { background-position: left 0px; background-repeat: no-repeat; padding:0!important; height:18px!important; width:18px; margin:0 5px 0 0; cursor: pointer; font: 0px/18px Arial, Helvetica, sans-serif!important; display: block; float: left;} a.btPosteingang{ background-position: left 0px; background-repeat: no-repeat; padding:0 0 0 22px!important; height:18px!important; margin:0; cursor: pointer; font: bold 11px/18px Arial, Helvetica, sans-serif!important; /*display: block;*/ float: left; color: #8890a3 ;} a.btPostausgang { background-position: right 0px; background-repeat: no-repeat; padding:0 22px 0 0!important; height:18px!important; margin:0; cursor: pointer; font: bold 11px/18px Arial, Helvetica, sans-serif!important; /*display: block; */float: right; color: #8890a3 ;} a.btPosteingangA{ background-position: left -25px; background-repeat: no-repeat; padding:0 0 0 22px!important; height:18px!important; margin:0; cursor: pointer; font: bold 11px/18px Arial, Helvetica, sans-serif!important; /*display: block;*/ float: left; color: #fff ;} a.btPostausgangA { background-position: right -25px; background-repeat: no-repeat; padding:0 22px 0 0!important; height:18px!important; margin:0; cursor: pointer; font: bold 11px/18px Arial, Helvetica, sans-serif!important; /*display: block; */float: right; color: #fff ;} a.btAntworten:hover, a.btNeu:hover, a.btLoeschen:hover, a.btBearbeiten:hover, a.btAnzeigen:hover, a.btAktivieren:hover, a.btDeaktivieren:hover, a.btAktivierenM:hover, a.btDeaktivierenM:hover, a.btVerschiebenM:hover, a.btSchliessenM:hover, a.btOeffnenM:hover{background-position: left -25px; } a.btPosteingang:hover {background-position: left -25px; color:#d2d2d2!important;} a.btPostausgang:hover {background-position: right -25px; color:#d2d2d2!important;} a.btPosteingangA:hover {background-position: left 0; color:#d2d2d2!important;} a.btPostausgangA:hover {background-position: right 0; color:#d2d2d2!important;} .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 */ /* table */ .tableview{ padding:0; margin:0; border-collapse: collapse;font-size:12px;color: #fff; background-color: #616781;} .tableview caption {caption-side: bottom; font-size: 12px; text-align: right; padding:3px 0;} .tableview th {background: transparent url(../images/hg-tableview.gif) repeat-x 0 0; font-size:11px; border-top: 2px solid #849094; border-bottom: 2px solid #fff!important; padding: 2px 5px 0 8px; text-align: left; color: #000; vertical-align: center; font-weight: normal!important;} .tableview td {border-right: 1px dotted #c3c8e0;padding:8px; text-align: left; color: #fff; vertical-align: top; font-size:12px;border-bottom: 1px dotted #c3c8e0!important;} .tableview td.center {border-bottom: 1px dotted #c3c8e0; border-right: 1px dotted #c3c8e0;padding: 8px; text-align: center!important; color: #fff; vertical-align: top;} .tableview th[scope=col]{color: #000; text-transform: uppercase; border-right: 1px dotted #c3c8e0;} .tableview th+th[scope=col]{color: #000;border-right: 1px dotted #c3c8e0;} .tableview th[scope=row]{border-right: 1px dotted #c3c8e0;} .tableview th.nbr {border-right:none!important;} .tableview tr:hover th[scope=row], .tableview tr:hover td{background-color: #3f455e; color: #fff;} /* EOF table */ .MessagesList li.item{background-color: #6f758c; padding:5px!important; margin:0 0 8px 0!important;} .MessagesList li.item .bg {padding:2px;} /* eof forum */ /* 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 */ .questions-group, .fields-group {margin:0;padding:0 0 5px 0;} .questions-group {margin-top:-15px!important; border-bottom:1px solid #3f455e;} .questions-group h3, .fields-group h3 {font-size:1em; margin-left:10px;} .loterry { margin: -15px 0 10px 20px ;} .content-form .fields-group select {width:408px;margin:0;clear: both;} *+html .content-form .fields-group .element-group select {width:405px;margin:0;clear: both;} /*IE7 fix */ .questions-group .element-group .optional {padding-bottom: 15px!important; /*border: 1px dashed lime;*/} /* Lottery-Modul EOF */ .flash {margin:5px 10px; display: block;} .wrapp .flash {margin-left:0!important;margin-right:0!important;display: block;} .flash span{font-size: 12px; color:#fff; text-align:left; display:block; padding:16px 0 0 10px;} .flashError {font-size: 10px; color:#a2b1ee; 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; } .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: auto;} #sidecontent .inputHint, #sidecontent .errorHint {width: auto;} .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; } .smileypanel {padding:0;margin-top:-10px;} /* navigation !allways on bottom of css! */ /* mainNavi */ .mainNaviWrap {margin:0; color:#000; } #mainNavi {margin:0; text-align: center;width:780px; height:66px; background: transparent url(../images/hg-mainNavi-1.png) no-repeat bottom!important; background: transparent url(../images/hg-mainNavi-1.gif) no-repeat bottom; display:block; position: relative; padding:0 6px;} #mainNavi .select, #mainNavi .current {margin:0; padding:0; list-style:none; display:block;} #mainNavi li {display:inline; margin:0; padding:0;height:auto;} #mainNavi li img{margin:8px 0 4px 0;} #mainNavi .select a, #mainNavi .current a {display:block; height:38px; float:left; background:url(../images/mainNavi-rightTab.gif) no-repeat 100% 0; padding:0; border-bottom:1px solid #fff; text-decoration:none; font-size:16px; line-height:40px; white-space:nowrap; font-weight:normal; margin-left:18px;} * html #mainNavi .select a, * html #mainNavi .current a {width:1px;} #mainNavi .select a b, #mainNavi .current a b {display:block; background:url(../images/mainNavi-leftTab.gif) no-repeat 0 0; 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 {background-position:100% -150px; border-color:#fff; cursor:pointer;} #mainNavi .select a:hover b, #mainNavi .select li:hover a b {background-position:0 -150px; border-color:#fff; 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:#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 { background: url(../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(../images/sub-navi-slice.png) no-repeat 4px -22px; color:#ff0000!important;} #mainNavi .subNaviActive .currentSubNavi a, #mainNavi .subNaviActive a:hover {background: url(../images/sub-navi-slice.png) no-repeat 4px -22px;color:#ff0000!important; } #mainNavi .subNaviActive .currentSubNavi a{ font-weight: bold;} #mainNavi .select li a:hover .subNavi, #mainNavi .select li:hover .subNavi {display:block; background: url(../images/sub-navi-hg-1.png) repeat-x left bottom; position:absolute; width:700px; top:35px; left:20px; color:#000; 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: url(../images/sub-navi-hg-1.png) repeat-x left bottom; width:700px; top:35px; left:20px; color:#000;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:13px; float:left; text-decoration:none; line-height:15px; white-space:nowrap; font-weight:bold; color:#000;} #mainNavi .subNaviActive a, #mainNavi .select a:hover .subNavi li a, #mainNavi .select li:hover .subNavi li a {display:inline; background: url(../images/sub-navi-slice.png) no-repeat 4px 5px; padding:0 25px; margin:0;width:auto; white-space:nowrap; font-weight:bold; border:0; color:#000; line-height:28px; height:25px; font-size: 13px;} /* eof mainNavi */ /* footernavi */ #footer ul {margin:13px 0 0 14px; padding: 0; list-style-type: none; font-size:11px; font-weight: bold;} #footer li {display: inline; padding: 0 10px; border-left:1px solid #000;} #footer li a {text-decoration: none; color: #000; font: 11px Arial, Helvetica, sans-serif!important; font-weight: bold!important;} #footer li a:hover {text-decoration: none; color: #ff3333;} /* eof footernavi */ /* navigation !allways on bottom of css! */ /* !!!!!!!!!!!!!!! THE END !!!!!!!!!!!!!! */ @media screen and (-webkit-min-device-pixel-ratio:0) { #contentwrapper .pagerposition {margin-top:-40px;} }