/* --------------------------------------------------------- */ /* Copyright (c) 2009 by KB&B Advertising GmbH & Co. KG */ /* --------------------------------------------------------- */ @CHARSET "ISO-8859-1"; * { margin:0;padding:0; } /* css-margin-padding-reset */ /* Basic Elements */ html {margin: 0; padding:0;} body { font: 101%/1.231 Verdana, Geneva, Arial, Helvetica, sans-serif; /* *font-size:small;*font:x-small; */ margin: 0; padding:0;background-color: #2e2e2e; } a:link { color: #e8e8e8; text-decoration: none; cursor: pointer; outline: none;} a:visited { color: #cfcfcf; text-decoration: none; cursor: pointer; } a:hover { color: #fff; text-decoration: underline; cursor: pointer;} a:active { color: #e8e8e8; text-decoration: none; cursor: pointer;} a:focus { color: #e8e8e8; text-decoration: none; cursor: pointer;} a:focus:hover { color: #e8e8e8; text-decoration: none; cursor: pointer;} h1,h2,h4,h5 { margin: 0; padding: 0; font-size:14px;} h3,h6 { margin: 0; padding: 0; font-size:13px;} p { font: 0.8em/130% Verdana, Geneva, Arial, Helvetica, sans-serif; padding:0;} img { border: none;} form { margin:0; padding: 0;border:none; font: 0.8em/100% Verdana, Geneva, Arial, Helvetica, sans-serif;} input, textarea, fieldset, select { margin: 0; padding:1px 2px 2px 2px; border:1px solid #393939; background-color: #1a1a1a; color:#ccc; font: 0.9em/100% Verdana, Geneva, Arial, Helvetica, sans-serif; width:auto; outline: none;} option [selected] { margin: 0; padding:1px 2px; border:1px solid #393939; background-color: #1a1a1a; color:#ccc; font: 0.9em/100% Verdana, Geneva, Arial, Helvetica, sans-serif; width:auto; outline: none;} html body form select:focus { background-color: #000!important; color:#fff!important;outline: none;} label { font: 1em/100% Verdana, Geneva, Arial, Helvetica, sans-serif; display:block; padding:3px 0 1px 0; margin:0;} input.radio{width:auto!important; background-color: transparent!important;} html body input[type="radio"]{border:none!important;margin-right:10px!important;} input[type="hidden"]{height:1px!important; width:1px!important; margin: 0!important; padding: 0!important; clear: both!important; line-height: 1px!important; font-size: 1px!important;} /* eof Basic Elements */ /* layout */ #pagewrapper {width: 965px; padding:0;margin:0; background-color: #2e2e2e;text-align:left;clear: both;color:#fff;} #page {width: 790px; padding:0;margin:0; float: left;} #container{margin:0;padding:0;display:block;width: 790px;border-top: 5px solid #2e2e2e; border-right: 5px solid #2e2e2e; background:#000 url(../images/corner-top.gif) no-repeat top right;clear: both;} #header {height:92px;width:770px; margin:10px 10px 0 10px; padding:0;clear: both;} #contentwrapper{width:790px;margin:5px 0 0 0;padding:0;display:block; height: 1%;} #sidecontent{width:318px;text-align:left;padding:5px 0;float:right; margin:0;} #primarycontent {float:left;margin:0;padding:5px 0;width:470px;} #footer {color: #888; text-align: left; padding: 5px;font-size: 80%; background: url(../images/footer-hg.png) no-repeat top left; line-height: 20px; margin:0 0 0 10px; height: 30px;width: 770px;} #corner-bottom{width: 790px; padding:0 0 2px 0;margin:0; background:#000 url(../images/corner-bottom.gif) no-repeat bottom right; clear: both;} #skyscraper{float:right;vertical-align: middle;text-align:left;width:160px;margin:98px 0 0 0} #leaderboard{text-align:right;margin:0;padding:0;} #sidecontent .contentlistelement{margin:0;padding:10px 9px;width:298px;} #primarycontent .contentlistelement{margin:0;padding:10px 0;} #primarycontent .contentlistgallery{margin:-10px 0 0 0;padding:0;} #sidecontent .contentlistgallery{margin:0;padding:0;} .productlist{padding-top:1px;} /* ie8 fix */ .copyright{ text-align:left; color:#888; padding:2px 0 5px 10px;} /* eof layout */ /* elements */ #primarycontent .contentlistelement .links{ margin:0;padding:5px 0; text-align: left; display:block;} #primarycontent .contentlistelement .links h5 { margin:5px 0; padding:5px 0;font: normal 11px/130% Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; border-bottom: 1px solid #333; } #primarycontent .contentlistelement .links a { margin:0;padding:3px 0 7px 25px!important; font: normal 12px/130% Verdana, Geneva, Arial, Helvetica, sans-serif; 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 ul{ margin:0; padding:0 15px; font-size:0.84em;} html body #contentwrapper li{ margin:2px 0 2px 0; padding:0 10px 0 0; list-style-image: url(../images/li-point.png);} .noBorderLayout h2{margin:0;padding:0 10px 0 0;background:#000 url(../images/pc-teaser-s-h5-r.png) no-repeat top right; float: left; display: block; height: 28px;font: normal 1.1em/28px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#000;} .noBorderLayout h2 b{margin:0;padding:0 0 0 5px;background: url(../images/pc-teaser-s-h5-l.png) no-repeat top left; float: left;} /* noBorderLayout + headline */ .noBorderLayout {margin:10px 0 0 0;padding:0;display:block;width:auto;} #contentwrapper .noBorderLayout .noBorderedHeadline{margin:10px 9px 0 9px;padding:0; width: 770px; display:block;} .noBorderedHeadline {margin:10px 9px 0 9px;padding:0; width:450px;float: left;} .noBorderedHeadline h2{margin:0;padding:0 10px 0 0;background:#000 url(../images/pc-teaser-s-h2-r.png) no-repeat top right; float: left; display: block; height: 28px;font: normal 1.1em/28px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#fff;} .noBorderedHeadline h2 b{margin:0;padding:0 0 0 5px;background: url(../images/pc-teaser-s-h5-l.png) no-repeat top left; float: left;} .noBorderedHeadline h3{margin:0;padding:5px 0; font-size: 0.84em; text-transform: uppercase; color:#888; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px;} #sidecontent .noBorderedHeadline {margin:10px 9px 0 9px;padding:0; width:298px;float: left;} /* borderLayout */ .borderLayout {margin:10px 9px;padding:0; width:452px; background:#000 url(../images/pc-teaser-xl-top.png) no-repeat top left; float: left;} .borderLayout h2{margin:0;padding:0 10px 0 0;background:#000 url(../images/pc-teaser-s-h5-r.png) no-repeat top right!important; float: left; display: block; height: 28px;font: normal 1.1em/28px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#fff;} .borderLayout h2 b {margin:0;padding:0 0 0 5px;background: url(../images/pc-teaser-s-h5-l.png) no-repeat top left; float: left;} .borderLayout h3 { font: bold 0.74em/30px Verdana, Geneva, Arial, Helvetica, sans-serif; height: 28px; display: block;padding-left:10px;} .borderLayout h3.headerlink{ font: bold 0.74em/30px Verdana, Geneva, Arial, Helvetica, sans-serif; height: 28px; display: block; } .borderLayout .image{padding:0 5px 0 0;} .borderLayout .wrapp {margin:5px 10px 0 10px; padding:10px 0 0 0;display:block; text-align: left;} .borderLayout .productfeatures{margin:0 0 10px 0; padding:0 0 5px 5px; float:right;} .borderLayout .width200{width:220px!important;} .borderLayout .tracklist, .borderLayout .speakerlist {margin:10px 0 10px 0px;padding:0 0 5px 0!important; font-size: 11px;} .borderLayout .description, .borderLayout .detailinformation {margin:10px 0 10px 0; padding:0 0 5px 0!important; font-size: 11px; display: block; } .borderLayout .description p, .borderLayout .detailinformation p {font-size: 11px; color:#e8e8e8!important; margin:0!important; padding:0!important;} .borderLayout .productfeatures .media{font-size: 13px; color:#e8e8e8!important; line-height: 20px;} .borderLayout .productfeatures .media span {display:block;} .borderLayout .productfeatures .mediab {padding:0; margin:0;color:#e8e8e8!important;} .borderLayout .tracklist h6, .borderLayout .detailinformation h6, .borderLayout .speakerlist h6, .borderLayout .description h6 {margin:0; padding:0 0 5px 0; font-size: 13px; display: block; color:#e8e8e8; font-weight: normal!important;} .borderLayout .pmargin{margin-left:10px!important;} .borderLayout .soundfiles {margin:0;padding:5px 0; font-size:10px; width:200px; overflow:hidden; height: 65px!important;} .borderLayout .xbottom{margin:0;padding:0; width:452px; background:#000 url(../images/pc-teaser-l-bottom.png) no-repeat bottom left; display: block; height: 28px;} .borderLayout .xbottom a{margin:0;padding:0; width:452px; background: url(../images/pc-teaser-l-xbottom-link.png) no-repeat top left; display: block; height: 28px;} .borderLayout .xbottom a:hover{ background-position: 0 -35px;} .borderLayout .bottom{margin:0;padding:0; width:452px; background:#000 url(../images/pc-teaser-xl-bottom.png) no-repeat bottom left; display: block; height: 28px;} .borderLayout .bottom a{margin:0;padding:0; width:452px; background: url(../images/pc-teaser-l-bottom-link.png) no-repeat top left; display: block; height: 28px;} .borderLayout .bottom a:hover{ background-position: 0 -35px;} html body #contentwrapper .borderLayout ul{ margin:10px 0 0 0; padding:0;font-size:0.74em; /*list-style-position: outside; */list-style: none;} html body #contentwrapper .borderLayout li{ padding:2px 0 2px 0; list-style-image: none; color:#e8e8e8;} html body #contentwrapper .borderLayout .productfeatures ul{ margin:10px 0 0 0; padding:0;font-size:0.74em; /*list-style-position: outside; */list-style: none; } html body #contentwrapper .borderLayout .productfeatures li{ padding:2px 0 2px 0; list-style-image: none; color:#e8e8e8; } 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;} /* teaserXsmall */ #contentwrapper .teaserXsmall {margin:10px 9px;padding:0; width:178px; background:#000 url(../images/pc-teaser-xs-top.png) no-repeat top left; float: left;} #contentwrapper .teaserXsmall h5{margin:0;padding:0 10px 0 0;background:#000 url(../images/pc-teaser-s-h5-r.png) no-repeat top right; float: left; display: block; height: 28px;font: normal 1.1em/28px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#000;} /*#contentwrapper .teaserXsmall h5 b img{padding-bottom:4px;}*/ #contentwrapper .teaserXsmall h5 b {margin:0;padding:0 0 0 5px;background: url(../images/pc-teaser-s-h5-l.png) no-repeat top left; float: left;} #contentwrapper .teaserXsmall h4.headerlink{ font: bold 0.74em/30px Verdana, Geneva, Arial, Helvetica, sans-serif; height: 28px; display: block; } #contentwrapper .teaserXsmall h4 { font: bold 0.74em/120% Verdana, Geneva, Arial, Helvetica, sans-serif; /*height: 28px;*/ display: block; margin-top:8px;} #contentwrapper .teaserXsmall p{padding:5px 0; line-height: 120%;} #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; width:178px; background:#000 url(../images/pc-teaser-xs-bottom.png) no-repeat bottom left; display: block; height: 28px;} #contentwrapper .teaserXsmall .bottom a{margin:0;padding:0; width:178px; background: url(../images/pc-teaser-xs-bottom-link.png) no-repeat top left; display: block; height: 28px;} #contentwrapper .teaserXsmall .bottom a:hover{ background-position: 0 -35px;} /* teaserLarge */ #primarycontent .teaserLarge {margin:10px 9px;padding:0; width:452px; background:#000 url(../images/pc-teaser-l-top.png) no-repeat top left; float: left;} #primarycontent .teaserLarge h5, #primarycontent .teaserLarge h2{margin:0;padding:0 10px 0 0;background:#000 url(../images/pc-teaser-s-h5-r.png) no-repeat top right!important; float: left; display: block; height: 28px;font: normal 1.1em/28px Arial, Helvetica, sans-serif;text-transform: uppercase; color:#000;} #primarycontent .teaserLarge h5 b, #primarycontent .teaserLarge h2 b {margin:0;padding:0 0 0 5px;background: url(../images/pc-teaser-s-h5-l.png) no-repeat top left!important; float: left;} #primarycontent .teaserLarge h4.headerlink, #primarycontent .teaserLarge h3.headerlink{ font: bold 0.74em/30px Verdana, Geneva, Arial, Helvetica, sans-serif; height: 28px; display: block; padding-left:10px;} #primarycontent .teaserLarge .image{padding:5px 5px 5px 0;margin-left:-3px;} #primarycontent .teaserLarge .wrapp{height:80px; padding:0 10px;} #primarycontent .teaserLarge .bottom{margin:0;padding:0; width:452px; background:#000 url(../images/pc-teaser-l-bottom.png) no-repeat bottom left; display: block; height: 28px;} #primarycontent .teaserLarge .bottom a{margin:0;padding:0; width:452px; background: url(../images/pc-teaser-l-bottom-link.png) no-repeat top left; display: block; height: 28px;} #primarycontent .teaserLarge .bottom a:hover{ background-position: 0 -35px;} h4,h3, .description, .element-group, p { color: #fff!important; } /* teaserSmall */ #primarycontent .teaserSmall {margin:10px 9px;padding:0; width:217px; background:#000 url(../images/pc-teaser-s-top.png) no-repeat top left; float: left;} #primarycontent .teaserSmall h5{margin:0;padding:0 10px 0 0;background:#000 url(../images/pc-teaser-s-h5-r.png) no-repeat top right; float: left; display: block; height: 28px;font: normal 1.1em/28px Arial, Helvetica, sans-serif;text-transform: uppercase; color:#000;} #primarycontent .teaserSmall h5 b {margin:0;padding:0 0 0 5px;background: url(../images/pc-teaser-s-h5-l.png) no-repeat top left; float: left;} #primarycontent .teaserSmall h4.headerlink{ font: bold 0.74em/30px Verdana, Geneva, Arial, Helvetica, sans-serif; height: 28px; display: block; padding-left:10px;} #primarycontent .teaserSmall .wrapp {height:80px; padding:0 10px;} *+html #primarycontent .teaserSmall .wrapp {/*height:90px; */padding:0 10px; min-height:90px;} #primarycontent .teaserSmall .wrapp p{margin:0 0 0 0!important;padding:5px 0 0 0!important;} #primarycontent .teaserSmall .wrapp .image{padding:5px 5px 5px 0;margin-left:-3px;} #primarycontent .teaserSmall .wrapplong {height:220px;} #primarycontent .teaserSmall .wrapplong p{padding:5px 10px 0 10px;} #primarycontent .teaserSmall .wrapplong .image{padding:5px 0 5px 8px;margin-left:0; width:205px; text-align: center;} /*#primarycontent .teaserSmall .wrapplong .image img{width:150px; height: 150px;}*/ #primarycontent .teaserSmall .bottom{margin:0;padding:0; width:217px; background:#000 url(../images/pc-teaser-s-bottom.png) no-repeat bottom left; display: block; height: 28px;} #primarycontent .teaserSmall .bottom a{margin:0;padding:0; width:217px; background: url(../images/pc-teaser-s-bottom-link.png) no-repeat top left; display: block; height: 28px;} #primarycontent .teaserSmall .bottom a:hover{ background-position: 0 -35px;} /* bildTeaserSmall */ #primarycontent .bildTeaserSmall {margin:10px 9px;padding:0; width:217px;float:left; overflow:hidden;} #primarycontent .bildTeaserSmall img {margin:0;padding:0;} /* teaserlarge */ #sidecontent .teaserLarge {margin:10px 0 10px 9px;padding:0; width:298px; background:#000 url(../images/sc-teaser-l-top.png) no-repeat top left; float: left;} #sidecontent .teaserLarge h5, #sidecontent .teaserLarge h2{margin:0;padding:0 10px 0 0;background:#000 url(../images/pc-teaser-s-h5-r.png) no-repeat top right!important; float: left; display: block; height: 28px;font: normal 1.1em/28px Arial, Helvetica, sans-serif;text-transform: uppercase; color:#000;} #sidecontent .teaserLarge h5 b, #sidecontent .teaserLarge h2 b{margin:0;padding:0 0 0 5px;background: url(../images/pc-teaser-s-h5-l.png) no-repeat top left!important; float: left;} #sidecontent .teaserLarge h4.headerlink, #sidecontent .teaserLarge h3, #sidecontent .teaserLarge h3.headerlink{ font: bold 0.74em/30px Verdana, Geneva, Arial, Helvetica, sans-serif; height: 28px; display: block; padding-left:10px;} #sidecontent .teaserLarge .image{padding:0 5px 5px 0;margin-left:-3px;} #sidecontent .teaserLarge .wrapp{height:auto; padding:5px 10px 0 10px;} #sidecontent .teaserLarge .bottom{margin:0;padding:0; width:298px; background:#000 url(../images/sc-teaser-l-bottom.png) no-repeat bottom left; display: block; height: 28px;} #sidecontent .teaserLarge .bottom a{margin:0;padding:0; width:298px; background: url(../images/sc-teaser-l-bottom-link.png) no-repeat top left; display: block; height: 28px;} #sidecontent .teaserLarge .bottom a:hover{ background-position: 0 -35px;} /* teaser small */ #sidecontent .teaserSmall {margin:10px 9px;padding:0; width:140px; background:#000 url(../images/sc-teaser-xs-top.png) no-repeat top left; float: left;} #sidecontent .teaserSmall h5{margin:0;padding:0 10px 0 0;background:#000 url(../images/pc-teaser-s-h5-r.png) no-repeat top right; float: left; display: block; height: 28px;font: normal 1.1em/28px Arial, Helvetica, sans-serif;text-transform: uppercase; color:#000;} /*#sidecontent .teaserSmall h5 b img{padding-bottom:4px;}*/ #sidecontent .teaserSmall h5 b {margin:0;padding:0 0 0 5px;background: url(../images/pc-teaser-s-h5-l.png) no-repeat top left; float: left;} #sidecontent .teaserSmall h4.headerlink{ font: bold 0.74em/30px Verdana, Geneva, Arial, Helvetica, sans-serif; height: 28px; display: block; padding-left:10px;} #sidecontent .teaserSmall .wrapp .image, #sidecontent .teaserSmall .wrapplong .image{padding:5px 0 5px 5px!important;padding-left:0px; margin-left:-5px!important; margin-left:-2px; /* ie6 fix*/ } #sidecontent .teaserSmall .wrapp .image img, #sidecontent .teaserSmall .wrapplong .image img{padding:5px 0 0 0;} #sidecontent .teaserSmall .wrapp img, #sidecontent .teaserSmall .wrapplong img{padding:10px 0 0 0; margin-left:-5px;} #sidecontent .teaserSmall .wrapp, #sidecontent .teaserSmall .wrapplong {/*height:220px;*/ padding:0 10px;} #sidecontent .teaserSmall .wrapp p, #sidecontent .teaserSmall .wrapplong p {margin:0 0 0 0!important;padding:5px 0 0 0!important;} #sidecontent .teaserSmall .bottom{margin:0;padding:0; width:140px; background:#000 url(../images/sc-teaser-xs-bottom.png) no-repeat bottom left; display: block; height: 28px;} #sidecontent .teaserSmall .bottom a{margin:0;padding:0; width:140px; background: url(../images/sc-teaser-xs-bottom-link.png) no-repeat top left; display: block; height: 28px;} #sidecontent .teaserSmall .bottom a:hover{ background-position: 0 -35px;} #sidecontent .bildTeaserSmall {margin:10px 9px;padding:0; width:140px; float: left; overflow:hidden;} #sidecontent .bildTeaserSmall img {margin:0;padding:0; width:140px;} html body #contentwrapper #sidecontent ul.produktlist_sc{ margin:10px 0 0 0; padding:0;font-size:0.70em; /*list-style-position: outside;*/list-style: none;border-top:1px dotted #393939;} html body #contentwrapper #sidecontent ul.produktlist_sc li{ padding:2px 0 2px 0; list-style-image: none; color:#e8e8e8; border-bottom:1px dotted #393939;} html body #contentwrapper #sidecontent ul.produktlist_sc li img{border:2px solid #000;} html body #contentwrapper #sidecontent ul.produktlist_sc li a{display:block;color:#e8e8e8;} html body #contentwrapper #sidecontent ul.produktlist_sc li a:hover, html body #contentwrapper #sidecontent ul.produktlist_sc li.active a:hover{color:#77dd00;} html body #contentwrapper #sidecontent ul.produktlist_sc li a:hover img {border:2px solid #bababa;} html body #contentwrapper #sidecontent ul.produktlist_sc li.active{ padding:2px 0 2px 0; list-style-image: none; color:#77dd00; border-bottom:1px dotted #77dd00;} html body #contentwrapper #sidecontent ul.produktlist_sc li.active img{border:2px solid #77dd00;} html body #contentwrapper #sidecontent ul.produktlist_sc li.active a{display:block;color:#77dd00;} .detailTabs{ text-align:left; margin:10px 0; font-size: 10px; border-bottom:1px solid #393939; padding:0 0 5px 0;} .detailTabs a:hover{ text-decoration: none;} /* pagination */ .pagination {text-align:right; font-size: 11px; margin:0;padding:0;} .pagination .currentPage {color:#77dd00; padding:0 5px;} /* eof pagination */ .bildunterschrift {text-align:center; font-size: 10px; margin:0;padding:0; color:#888; max-width: 200px; overflow: hidden; margin:3px 0;} .copyright a{ color:#888; font-size: 10px; text-decoration: none; line-height:16px;} .copyright a:hover { color:#fff; font-size: 10px; text-decoration: none; } /* buttons */ a.btArrowLeft{background:url(../images/bt_zurueck.png) no-repeat top left;color:#888; padding:3px 10px 7px 15px; font-size: 10px; text-transform: uppercase;margin:0 5px; white-space: nowrap;} a.btArrowRight {background:url(../images/bt_vor.png) no-repeat top right;color:#888; padding:3px 15px 7px 10px; font-size: 10px; text-transform: uppercase; margin:0 0 0 5px; text-align: center; cursor: pointer; white-space: nowrap;} a.btArrowLeft:hover {background-position: left -30px; color:#fff; text-decoration: none;} a.btArrowRight:hover {background-position: right -30px; color:#fff; text-decoration: none;} /* eof buttons */ /* eof elements */ /* diverse */ .noborder { border: none!important; } .nobackground { background: none!important; } .margin { margin: 8px!important; display: block;} .nomargin { margin: 0!important; } .nomarginright { margin-right: 0!important;padding-right:0; } .padding8 {padding: 8px!important;} .paddingtb {padding: 8px 0!important;} .height8 {line-height: 8px!important; height: 8px!important; display:block; } .margintop { margin: 8px 0 0 0;} .size10{ font-size: 10px;} .size11{ font-size: 11px;} .marginleft { margin: 0 0 0 10px ; display: block; } #sidecontent .marginleft { margin: 0 8px 0 0; display: block; } .bordergreen { display: block!important; margin: 0!important; padding: 0!important; clear: both!important; line-height: 1px!important; font-size: 0!important; height: 1px!important; border-top:1px solid #77dd00;} .bordergrey { display: block!important; margin: 5px 0; padding: 5px 0; clear: both!important; line-height: 1px!important; font-size: 0!important; height: 1px!important; border-top:1px solid #888;} .borderdarkgrey { display: block!important; margin: 5px 0; padding: 5px 0; clear: both!important; line-height: 1px!important; font-size: 0!important; height: 1px!important; border-top:1px solid #393939;} .bordergreypadding { display: block!important; margin: 0 9px 0px 9px!important; padding:0; clear: both!important; line-height: 0!important; font-size: 0!important; height: 0!important; border-top:1px solid #393939;} .bordertop{ border-top:1px solid #333;} .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;} .nocaps{text-transform: none!important;} .black{color:#000;} .white{color:#fff;} .green{color:#77dd00!important;} .gray{color:#888;} .darkgray{color:#393939;} .silver{color:#e8e8e8;} .size11{ font-size: 11px!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: 0.74em/20px bold Verdana, Geneva, Arial, Helvetica, sans-serif; padding:3px 5px 0 0; float:left; text-transform: uppercase; color:#888;height:20px;} span.benutzer { font: 0.74em/20px Verdana, Geneva, 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 10px;} .submit-group {padding:5px 10px 5px 10px;} .content-form .submit-group input{background:url(../images/bt_einlogen.png) no-repeat 0 0; color:#e3e3e3!important; padding:3px 55px 0 10px; font-size: 10px; width:145px; height:27px; text-transform: uppercase; margin-top:0; text-align: left; cursor: pointer; font-weight: bold; border:none!important;} .content-form .submit-group input[type="submit"]:hover{background-position: 0 -31px; color:#fff!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:#888; 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 0 10px 15px;margin:10px 0;width:auto; border-top:1px solid #333;border-bottom:1px solid #333; text-align:left; clear: both;} #divCaptcha img{margin:0 20px 0 0; float:right; border-bottom:2px solid #fff; } #divCaptcha input {margin:0;width:160px; float: none;} .captchaTxt {font-size: 10px; width:175px; font-weight: normal; color:#888; float:left; margin:0 0 8px 0; line-height: 11px;} #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:#ff3333!important;} .userlogin .submit-group {border-top:1px solid #333; display:block; text-align: right; padding:5px 0;} .userlogin .content-form {width:auto;} .content-form input, .content-form select{width:95%;} .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;} /* contactform */ .contactform #errorsDiv { color:#ff3333;margin:-15px 0 -10px 20px!important; padding:0;} .contactform .element-group {float:left;margin:0 5px;} .contactform .element-group #subject{width:390px!important;margin:0;clear: both;} .contactform .element-group #message{width:390px!important;margin:0;clear: both;} .contactform .element-group #gender{width:188px!important;margin:0;} .contactform .element-group #title{width:182px!important;margin:0; clear: both;} .contactform .element-group #first_name{width:390px!important;margin:0;clear: both;} .contactform .element-group #last_name{width:390px!important;margin:0;clear: both;} .contactform .element-group #email{width:390px!important;margin:0;} .contactform .element-group #telephone{width:182px!important;margin:0;} .contactform .element-group #fax{width:182px!important;margin:0;clear: both;} .contactform .element-group #street{width:244px!important;margin:0;} .contactform .element-group #street_number{width:120px!important;margin:0;clear: both;} .contactform .element-group #zipcode{width:124px!important;margin:0;} .contactform .element-group #city{width:240px!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:#77dd00; border-bottom:1px dotted #77dd00;} #searchresults a.more { color:#888; border-bottom:1px solid #393939; font-size: 11px; display: block; padding:0 0 5px 0; margin:0 0 10px; text-decoration: none;} #searchresults a.more:hover { color:#77dd00; 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;} .guestbookform .element-group #author {width:180px!important;margin:0;} .guestbookform .element-group #email {width:184px!important;margin:0;clear: both;} .guestbookform .element-group #subject{width:390px!important;margin:0;clear: both;} .guestbookform .element-group #message{width:390px!important;margin:0;clear: both;} /* eof guestbookform */ /* eof forms */ /* guestbooklist */ .guestbooklist {border-top: 1px solid #393939;border-bottom: 1px solid #393939;margin-bottom:10px;} .guestbooklist a{font-size:11px;color:#888; text-decoration: none;} .guestbooklist a:hover{color:#77dd00;} div.guestbookmessage {text-align: center; margin:-5px -5px 0 -5px; font-size:13px; color:#fff; background-image: url(../images/guestbook_hg.jpg); background-repeat: no-repeat; background-position:top; height: 85px;} .guestbookentry {margin: 10px;padding: 5px 10px 10px 10px;border:1px solid #393939;background-color: #1a1a1a; font-size: 0.7em; color:#888; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .guestbookentry h3{font-size: 13px; margin:0; padding: 0 0 5px 0; border-bottom: 1px dotted #393939; color:#fff;} .guestbookentry p{ font-size: 11px; padding: 5px 0; margin:0 0 5px 0; border-bottom: 1px dotted #393939; color:#fff; width:390px; overflow: hidden;} /* eof guestbooklist */ /* Lottery-Modul */ .questions-group, .fields-group {margin:0;padding:0 0 5px 0;} .questions-group {margin-top:-15px!important; border-bottom:1px solid #393939;} .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;} /* Lottery-Modul EOF */ /* News-Modul */ html body #contentwrapper ul.displayList li {display:block; text-align:left;border-bottom:1px solid #5a5a5a; margin:10px 0!important; background: none!important; clear:both; padding:10px 0!important; list-style-image: none!important; list-style-position: outside; list-style-type: none;} .date { font-size: 10px; color:#cfcfcf; margin:0 0 8px 0;} ul.displayList li .itemImage{ margin:0; padding:0 8px 5px 0; display:block; float: left;} ul.displayList li .itemTitle{ margin:0; padding:0; display:block; width: auto;} ul.displayList li.listItem .itemTitle a.itemLink{ margin:0; padding:0; display:block; overflow: hidden; } ul.displayList li.listItem .itemTitle h2 a.itemLink{ margin:0; padding:0; display:block; overflow: hidden;} ul.displayList li .itemtxt { margin:0; padding:5px 0 5px 0; display:block; font-size: 12px!important;} ul.displayList li .itemtxt a {margin-left:5px;} ul.displayList li .itemtxt a:hover{ text-decoration: none!important;} ul.displayList li a.itemImage{ margin:0; padding:0; display:block;} .teasertext, .text{font-size: 12px!important;} .teasertext p, .text p {font-size: 12px!important;} .teasertext {color:#cfcfcf!important;} .text{padding-bottom:20px;} #news h3{font-size: 14px!important;} #news h4{font-size: 13px!important; color:#e8e8e8!important;} /* News-Modul EOF */ .flash {background: url(../images/loading.gif) no-repeat 3px 3px;} .flash span{font-size: 12px; color:#fff; text-align:left; display:block; padding:16px 0 0 44px;} .flashError {font-size: 10px; color:#888; text-align:left; padding:10px 0 0 10px;} .flashError p { font-size: 10px; margin:10px; width:70%;} .flashError a {font-size: 11px; color:red; margin-left:10px;} .flashError a img {margin:0 10px 0 0;} .flashError a:hover {font-size: 11px; color:white; text-decoration: none; } .inputHint {width: 395px; 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: #444;padding:2px 5px!important;margin-top:0!important;border: 1px solid #5a5a5a;color:#ff3431;border-top: 0!important;} .errorHint {width: 395px;font-size: 11px;background-image: url(../images/infoblase.gif);background-repeat: no-repeat;padding-top: 10px!important;margin-top:0!important;z-index: 2500;} .element-group-float .errorHint {width: 208px!important;} .errorHint .hintText {background-color: #444;border: 1px solid #5a5a5a;color:#ff3431;border-top: 0;padding:2px 5px!important;margin-top:0!important;} /* navigation !allways on bottom of css! */ /* mainNavi */ .mainNaviWrap {margin-left:12px;} #mainNavi {margin:0 0 0 10px; text-align: center;width:770px; height:65px; background:#000 url(../images/navi-hg.png) no-repeat bottom; display:block; position: relative;} #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:14px 0 0 0;} #mainNavi .select li h3, #mainNavi .current li h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; } #mainNavi .select a, #mainNavi .current a {display:block; height:38px; float:left; background:url(../images/navi-left-hg.png) no-repeat left top; padding:0 0 0 25px; border-bottom:1px solid #000; text-decoration:none; font-size:12px; line-height:40px; white-space:nowrap; font-weight:normal; margin-left:2px;} * html #mainNavi .select a, * html #mainNavi .current a {width:1px;} #mainNavi .select a b, #mainNavi .current a b {/* height:38px;*/ display:block; background:url(../images/navi-right-hg.png) no-repeat right top; padding:0 35px 8px 6px; color:#888; font-weight:normal;} /* ie fix does't like height */ #mainNavi .select a:hover, #mainNavi .select li:hover a {background-position:0 -150px; border-color:#000; cursor:pointer;} #mainNavi .select a:hover b, #mainNavi .select li:hover a b {background-position:100% -150px; border-color:#000; 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:0 -75px; border-color:#000;} #mainNavi .current a b {background-position:100% -75px;} #mainNavi .current a b h3 {font-size: 16px; color:#fff;} #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:#888;} #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:#fff;} #mainNavi .subNaviActive .currentSubNavi a, #mainNavi .subNaviActive a:hover {background: url(../images/sub-navi-slice.png) no-repeat 4px -22px; color:#fff; } #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-navi-hg.png) no-repeat -37px 0;position:absolute; width:700px; top:35px; left:37px; color:#888; 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-navi-hg.png) no-repeat -37px 0;width:700px; top:35px; left:37px; color:#888;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:25px; float:left; text-decoration:none; line-height:28px; white-space:nowrap; font-weight:normal; color:#888;} #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:normal; border:0; color:#888; line-height:28px; height:25px; font-size: 12px;} /* eof mainNavi */ /* footernavi */ #footer ul {margin: 0 0 0 10px; padding: 0; list-style-type: none; font-size: 0.84em;} #footer li {display: inline; padding: 0 10px; border-left:1px solid #888;} #footer li a {text-decoration: none; color: #888;} #footer li a:hover {text-decoration: none; color: #fff;} /* eof footernavi */ /* eof navigation */ /* navigation !allways on bottom of css! */