/* --------------------------------------------------------- */ /* 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: 100.1%/1.234 Arial, Helvetica, sans-serif; /* *font-size:small;*font:x-small; */ margin: 0; padding:0; background-color: #22475b; color:#333366; } html>body { font-size: 100.1%; } a:link { color: #fff; text-decoration: none; cursor: pointer; outline: none; background-color: transparent;} a:visited { color: #d9d9d9; text-decoration: none; cursor: pointer;background-color: transparent; } a:hover { color: #fff; text-decoration: underline; cursor: pointer; outline: none;background-color: transparent;} a:active { color: #d9d9d9; 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: #fff; 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;} p { font: 0.93em/130% Arial, Helvetica, sans-serif; padding:0;} img { border: none;} form { margin:10px -9px -3px -9px; padding:10px; font: 0.82em/100% Arial, Helvetica, sans-serif; background-color:#ce589f; border:1px solid #c12466;} input, textarea, fieldset, select { margin: 0; padding:1px 2px 2px 2px; border:1px solid #c12466; background-color: #fff; color:#6654a2; font: 12px/100% Arial, Helvetica, sans-serif; width:98%; outline: none;} form select{width:100%!important;} option [selected] { margin: 0; padding:1px 2px; border:1px solid #c12466; background-color: #fff; color:#6654a2; /*font: 0.88em/100% Arial, Helvetica, sans-serif;*/ width:auto; outline: none;} html body form select:focus { background-color: #fff!important; color:#6654a2!important;outline: none;} label { font: 12px/100% Arial, Helvetica, sans-serif!important; display:block; padding:8px 0 1px 0; margin:0; color:#efefef;} 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 */ #pagewrapper {width: 980px; padding:0;margin:0;background-color: #22475b;text-align:left;clear: both;color:#fff;font-size:0.8em;} #page {width: 800px; padding:0;margin:0; float: left;} #container{margin:0;padding:0;display:block;width: 800px; background: #03a8bb url(/default/images/PageHG.jpg) no-repeat top right; clear: both;} #header {height:166px;margin:0 0 0 30px; padding:0;clear: both;} #navigation {height:25px;width:466px; margin:5px 0 0 0; padding:0;clear: both; position: absolute;} #contentwrapper{width:800px;margin:5px 0 10px 0;padding:0 0 0 0;display:block; height: 1%; background-image: url(/default/images/ContWrappHg-x.png)!important; background-image: url(/default/images/ContWrappHg-x.gif); background-repeat: repeat-y; background-position: left 0;} #contentwrapper .cwtop {width:800px;margin:0;padding:0; background-image: url(../images/ContWrappHg-top.png); background-position:0 0; background-repeat: no-repeat; float:left; height: 118px;} #contentwrapper .cwbottom {width:800px;margin:0;padding:0 0 70px 0; background-image: url(../images/ContWrappHg-bottom.png); background-position:bottom left; background-repeat: no-repeat; float:left;} #sidecontent{width:320px;text-align:center!important;padding:0;float: right; margin:-65px 10px 30px 0; } #primarycontent {float:left;margin:0 0 0 80px;padding:0;width:380px;} #footer {color: #d9d9d9; text-align: left; padding: 5px;line-height:60px; margin:0 0 0 10px!important; height: 30px;width: 770px;} #corner-bottom{width: 800px; padding:0;margin:0; background: url(/default/images/PageHG-bottom.png) no-repeat bottom left; clear: both; height: 70px;} #skyscraper{float:right;vertical-align: middle;text-align:left;width:160px;margin:98px 0 0 0} #leaderboard{text-align:right;margin:0;padding:0;} #primarycontent .noBorderedLayout {padding:0; margin:0 10px 10px 10px; /*margin:0;*/} #sidecontent .noBorderedLayout {margin:0 0 0 10px; padding:0; text-align: center;} #primarycontent .borderLayoutWrapper {padding:0; margin:0 10px 10px 10px; background-image: url(/default/images/pc-content-top.png); background-position: 0 0!important; background-repeat: no-repeat;} #primarycontent .borderLayout {padding:0 10px 35px 10px; display:block; color:#333366!important; height: 1%; background: url(/default/images/pc-content-bottom.png) no-repeat bottom left; } #sidecontent .borderLayoutWrapper {padding:0; margin:0 0 10px 10px; background-image: url(/default/images/sc-content-top.png); background-position: 0 0!important; background-repeat: no-repeat;} #sidecontent .borderLayout {padding:0 15px 35px 5px; display:block; color:#333366!important; height: 1%; background: url(/default/images/sc-content-bottom.png) no-repeat bottom left; } #popup{margin:0; padding:30px; display:block; min-width:780px; background: #22475b url(/default/images/PageHG.jpg) no-repeat left -250px; clear: both; text-align:left;} #popup .primarycontentfull{width:575px;} #popup .primarycontentfull .borderLayout{ background: url(/default/images/hg-kariert.png) repeat top left!important; padding:10px; border:1px solid #d64609; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #popup .borderLayout h2 {margin: 0 5px!important;padding:6px 0!important;text-transform: uppercase;text-align:center;color:#fff;display:inline;line-height: 26px;border-left:1px solid transparent; border-top:1px solid transparent; border-bottom:1px solid transparent; background: url(/default/images/pc-T-h-left_orange.png) no-repeat top left!important; font-size: 13px;/* height: 26px;*/} #popup .borderLayout h2 b{margin:0!important;padding:6px 10px 4px 10px!important; color:#fff; font: bold 13px Arial, Helvetica, sans-serif!important; height: 26px; background: url(/default/images/pc-T-h-right_orange.png) no-repeat top right!important;} /* eof layout */ /* elements */ #sidecontent .contentelement {margin:0;padding:0; float:inherit!important; text-align: left!important;width:100%;} #sidecontent .contentelement .flash {margin:0 auto;padding:0;} #primarycontent .contentelement .flash {margin:0 auto;padding:0;} #primarycontent .borderLayout .contentelement {margin:10px auto;padding:10px 0; border-top:1px solid #e79bbe;border-bottom:1px solid #e79bbe;} #primarycontent .context, #primarycontent .contentlistelement {margin:0;padding:0;} #sidecontent .contentlistgallery {margin:0;padding:0;} #primarycontent .noBorderedLayout h2 { font-size: 1.6em; color:#6654a2; background-color: #fff;padding:5px 10px; border: 1px solid #6654a2; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #primarycontent .noBorderedLayout .context { color:#333366!important; background-color: #fff; padding:10px 10px!important;margin:5px 0!important; border: 1px solid #6654a2; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #sidecontent .noBorderedLayout h2 { font-size: 1.2em; color:#fff; background-color: #03a8bb;padding:5px 0px 3px 0; margin-right:8px; border: 1px dashed #22475b; text-transform: uppercase; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #sidecontent .noBorderedLayout .context h3{ font-size: 1em; color:#fff; background-color: transparent!important;padding:0!important;margin:0!important;border: none;} #sidecontent .noBorderedLayout .context{ color:#fff!important; background-color:transparent!important; padding:5px!important;margin:0!important; border: none;} .copyright{ text-align:left; color:#ce589f; padding:2px 0 5px 10px;} html body #contentwrapper ul{ margin:0; padding:0 15px;/* font-size:0.75em*/} html body #contentwrapper li{ margin:2px 0 2px 0; padding:0 10px 0 0; list-style-image: url(/default/images/li-point.png);} .contentlistelement .image{padding:0 8px 12px 8px;} /* borderLayout */ .borderLayout .contentlistelement a{color:#bb008b!important;} .borderLayout .contentlistelement a:hover{color:#ce589f!important;} /*.borderLayout .image{padding:0 0 10px 10px;}*/ .borderLayout .wrapp {} .borderLayout .productfeatures{margin:0; padding:0 0 5px 5px; float:right;} .borderLayout .width200{width:200px!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 {margin:0!important; padding:0!important;} .borderLayout .productfeatures .media{} .borderLayout .productfeatures .media span {display:block;} .borderLayout .productfeatures .mediab {padding:0; margin:0;} .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:#ce589f; font-weight: normal!important;} .borderLayout .pmargin{margin-left:10px!important;} .borderLayout .soundfiles {margin-left:-12px!important;padding:5px 0; font-size:10px;} #primarycontent .xbottom {margin:-30px 0 0 10px;padding:0; width:350px; display: block; height: 28px;} #primarycontent .xbottom a {margin:0;padding:0; background: url(/default/images/arrow-left.png) no-repeat left 2px; display: block;height: 23px; width:360px; } #primarycontent .xbottom a:hover{background-position: left -22px;} #primarycontent .bottom{margin:-30px 0 0 10px;padding:0; width:350px; display: block; height: 28px;} #primarycontent .bottom a {margin:0;padding:0; background: url(/default/images/arrow-left.png) no-repeat left 2px; display: block;height: 23px; width:360px; } #primarycontent .bottom a:hover{background-position: left -22px;} .borderLayout .contentlistelement .services a{background:url(/default/images/link-arrow.gif) no-repeat top left; color:#ce589f!important; padding:3px 10px 7px 15px; font-size: 12px; margin:0 5px 0 0; white-space: nowrap; display:block;} .borderLayout .contentlistelement .services a:hover {background-position: left -21px; text-decoration: none; color:#bb008b!important; } /* teaser */ .teaserLarge a, .teaserSmall a{color:#fff!important;} .teaserLarge { margin:10px; padding:0; float: left; color:#fff;} .teaserLarge .wrappLarge {padding:7px 0 0 0; margin:0!important;} .teaserLargeSpecial { margin:10px; padding:0; float: left;} .teaserLargeSpecial .wrappLarge {padding:5px 0 0 0; margin:0!important;} .teaserLarge h3, .teaserSmall h3 {margin: 0 5px!important;padding:4px 0!important;text-transform: uppercase;text-align:center;color:#fff;display:inline;line-height: 24px;border-left:1px solid transparent; border-top:1px solid transparent; border-bottom:1px solid transparent;} .teaserLargeSpecial h3{margin: 0 7px!important;padding:4px 0!important;text-transform: uppercase;text-align:center;color:#fff;display:inline;line-height: 24px;border-left:1px solid transparent; border-top:1px solid transparent; border-bottom:1px solid transparent;} .teaserLarge h3 b, .teaserLargeSpecial h3 b, .teaserSmall h3 b {margin:0!important;padding:6px 10px 4px 10px!important; color:#fff; font: bold 12px Arial, Helvetica, sans-serif!important; height: 26px;} .teaserLarge .teasercontent, .teaserSmall .teasercontent {margin:0;padding: 14px 3px 14px 8px;display:block;} .teaserLargeSpecial .teasercontent {margin:0!important;padding: 14px 8px 0 8px;display:block;height: 125px; position: relative;} .teaserLargeSpecial .teasercontent .teaserwrapp{margin:0 0 0 110px;padding:8px 8px 0 8px; display: block; height: 84px; overflow: hidden;} .teaserLarge h4, .teaserLargeSpecial h4 {font: bold 12px/130% Arial, Helvetica, sans-serif!important;display:inline!important;} .teaserLarge .teasertext {margin:0; padding:0; font: normal 0.93em/120% Arial, Helvetica, sans-serif!important; } .teaserLarge .image, .teaserSmall .image {padding:0 8px 0 0;} #sidecontent .teaserSmall .image {padding:0 8px 10px 0;} .teaserLargeSpecial .image{padding:0 8px 10px 0;} .teaserLarge .bottomLarge {margin:0;padding:0;display: block;height: 24px;} .teaserLargeSpecial .bottomLarge {margin:0;padding:0;display: block;height: 24px; vertical-align: bottom; bottom: 4px; position: absolute; width:340px;} .teaserLarge .bottomLarge a, .teaserLargeSpecial .bottomLarge a {margin:0;padding:0; background: url(/default/images/arrow-right.png) no-repeat right 2px; display: block;height: 23px;} .teaserLarge .bottomLarge a:hover, .teaserLargeSpecial .bottomLarge a:hover {background-position: right -22px;} #primarycontent .teaserLarge, #primarycontent .teaserLargeSpecial { width:360px; overflow: hidden;} #sidecontent .teaserLarge { width:300px; text-align: left; overflow: hidden;} #primarycontent .teaserLarge .bottomLarge{width:360px;} #sidecontent .teaserLarge .bottomLarge {width:300px; } #primarycontent .teaserLarge .bottomLarge a {width:350px;} #sidecontent .teaserLarge .bottomLarge a {width:290px;} /* teaserSmall */ .teaserSmall {margin:10px;padding:0;float: left;color:#fff;} .teaserSmall .wrappSmall {padding:7px 0 0 0;margin:0;} .teaserSmall .wrappLong {padding:7px 0 0 0;margin:0;} .teaserSmall h4 {font: bold 12px/130% Arial, Helvetica, sans-serif!important;display:inline!important;} .teaserSmall .teasertext {margin:0; padding:0; font: normal 0.93em/120% Arial, Helvetica, sans-serif!important;} #primarycontent .wrappSmall .teasercontent {height:90px!important; overflow: hidden;} #sidecontent .wrappSmall .teasercontent {height:70px!important; overflow: hidden;} /*#primarycontent .wrappLong .teasercontent {height:247px!important; overflow: hidden;}*/ #sidecontent .wrappLong .teasercontent {overflow: hidden;/* max-height:200px; */height: auto;} .productlist {margin:0 -10px; padding:0; overflow: hidden;} #primarycontent .productlist .wrappSmall .teasercontent {height:130px!important; overflow: hidden;} .productlist .teaserSmall h4 {font-size:13px!important; } .bottomSmall {margin:0;padding:0;display: block;height: 24px;} .teaserSmall .bottomSmall a {margin:0;padding:0 0;background: url(/default/images/arrow-right.png) no-repeat right 2px; display: block;height: 23px;} .teaserSmall .bottomSmall a:hover {background-position: right -22px;} #primarycontent .teaserSmall { width:170px; overflow: hidden;} #sidecontent .teaserSmall { width:140px; text-align: left; overflow: hidden;} #primarycontent .teaserSmall .bottomSmall {width:170px;} #sidecontent .teaserSmall .bottomSmall {width:140px;} #primarycontent .teaserSmall .bottomSmall a {width:160px;} #sidecontent .teaserSmall .bottomSmall a {width:130px;} /* farben */ #primarycontent .default .wrappLarge{background: url(/default/images/pc-T-l-top_default.png) no-repeat top left!important;background: url(/default/images/pc-T-l-top_default.gif) no-repeat top left;} #primarycontent .default .wrappSmall, #primarycontent .default .wrappLong {background: url(/default/images/pc-T-s-top_default.png) no-repeat top left!important;background: url(/default/images/pc-T-s-top_default.gif) no-repeat top left;} #primarycontent .mediumpurple .wrappLarge{background: url(/default/images/pc-T-l-top_mediumpurple.png) no-repeat top left!important;background: url(/default/images/pc-T-l-top_mediumpurple.gif) no-repeat top left;} #primarycontent .mediumpurple .wrappSmall, #primarycontent .mediumpurple .wrappLong {background: url(/default/images/pc-T-s-top_mediumpurple.png) no-repeat top left!important;background: url(/default/images/pc-T-s-top_mediumpurple.gif) no-repeat top left;} #primarycontent .seagreen .wrappLarge{background: url(/default/images/pc-T-l-top_seagreen.png) no-repeat top left!important;background: url(/default/images/pc-T-l-top_seagreen.gif) no-repeat top left;} #primarycontent .seagreen .wrappSmall, #primarycontent .seagreen .wrappLong{background: url(/default/images/pc-T-s-top_seagreen.png) no-repeat top left!important;background: url(/default/images/pc-T-s-top_seagreen.gif) no-repeat top left;} #primarycontent .orange .wrappLarge{background: url(/default/images/pc-T-l-top_orange.png) no-repeat top left!important;background: url(/default/images/pc-T-l-top_orange.gif) no-repeat top left;} #primarycontent .orange .wrappSmall, #primarycontent .orange .wrappLong {background: url(/default/images/pc-T-s-top_orange.png) no-repeat top left!important;background: url(/default/images/pc-T-s-top_orange.gif) no-repeat top left;} #sidecontent .default .wrappLarge{background: url(/default/images/sc-T-l-top_default.png) no-repeat top left!important;background: url(/default/images/sc-T-l-top_default.gif) no-repeat top left;} #sidecontent .default .wrappSmall, #sidecontent .default .wrappLong {background: url(/default/images/sc-T-s-top_default.png) no-repeat top left!important;background: url(/default/images/sc-T-s-top_default.gif) no-repeat top left;} #sidecontent .mediumpurple .wrappLarge{background: url(/default/images/sc-T-l-top_mediumpurple.png) no-repeat top left!important;background: url(/default/images/sc-T-l-top_mediumpurple.gif) no-repeat top left;} #sidecontent .mediumpurple .wrappSmall, #sidecontent .mediumpurple .wrappLong {background: url(/default/images/sc-T-s-top_mediumpurple.png) no-repeat top left!important;background: url(/default/images/sc-T-s-top_mediumpurple.gif) no-repeat top left;} #sidecontent .seagreen .wrappLarge{background: url(/default/images/sc-T-l-top_seagreen.png) no-repeat top left!important;background: url(/default/images/sc-T-l-top_seagreen.gif) no-repeat top left;} #sidecontent .seagreen .wrappSmall, #sidecontent .seagreen .wrappLong {background: url(/default/images/sc-T-s-top_seagreen.png) no-repeat top left!important;background: url(/default/images/sc-T-s-top_seagreen.gif) no-repeat top left;} #sidecontent .orange .wrappLarge{background: url(/default/images/sc-T-l-top_orange.png) no-repeat top left!important;background: url(/default/images/sc-T-l-top_orange.gif) no-repeat top left;} #sidecontent .orange .wrappSmall, #sidecontent .orange .wrappLong {background: url(/default/images/sc-T-s-top_orange.png) no-repeat top left!important;background: url(/default/images/sc-T-s-top_orange.gif) no-repeat top left;} .default .teasercontent{background: #fff url(/default/images/hg-kariert.png) repeat top left!important;color:#333366!important;} .mediumpurple .teasercontent{background-color: #9d8fc7!important;} .seagreen .teasercontent{background-color: #9acfd3!important;} .orange .teasercontent{background-color: #e2a420!important;} .default h3 {color:#666699!important; background-image: none;} .default h3 b {color:#666699!important; background-image: none;} .mediumpurple h3 {background: url(/default/images/pc-T-h-left_mediumpurple.png) no-repeat top left!important;} .mediumpurple h3 b {background: url(/default/images/pc-T-h-right_mediumpurple.png) no-repeat top right!important;} .seagreen h3 {background: url(/default/images/pc-T-h-left_seagreen.png) no-repeat top left!important;} .seagreen h3 b {background: url(/default/images/pc-T-h-right_seagreen.png) no-repeat top right!important;} .orange h3 {background: url(/default/images/pc-T-h-left_orange.png) no-repeat top left!important;} .orange h3 b {background: url(/default/images/pc-T-h-right_orange.png) no-repeat top right!important;} .default .teasercontent {border:1px solid #6654a2; border-top: 1px solid #beb7d4!important; border-bottom: 1px solid #beb7d4!important;} .mediumpurple .teasercontent {border:1px solid #6654a2;} .seagreen .teasercontent {border:1px solid #00949b;} .orange .teasercontent {border:1px solid #d64609;} #primarycontent .default .bottomLarge {background: url(/default/images/pc-T-l-bottom_default.png) no-repeat bottom left!important;background: url(/default/images/pc-T-l-bottom_default.gif) no-repeat bottom left;} #primarycontent .default .bottomSmall {background: url(/default/images/pc-T-s-bottom_default.png) no-repeat bottom left!important;background: url(/default/images/pc-T-s-bottom_default.gif) no-repeat bottom left;} #primarycontent .mediumpurple .bottomLarge {background: url(/default/images/pc-T-l-bottom_mediumpurple.png) no-repeat bottom left!important;background: url(/default/images/pc-T-l-bottom_mediumpurple.gif) no-repeat bottom left;} #primarycontent .mediumpurple .bottomSmall {background: url(/default/images/pc-T-s-bottom_mediumpurple.png) no-repeat bottom left!important;background: url(/default/images/pc-T-s-bottom_mediumpurple.gif) no-repeat bottom left;} #primarycontent .seagreen .bottomLarge {background: url(/default/images/pc-T-l-bottom_seagreen.png) no-repeat bottom left!important;background: url(/default/images/pc-T-l-bottom_seagreen.gif) no-repeat bottom left;} #primarycontent .seagreen .bottomSmall {background: url(/default/images/pc-T-s-bottom_seagreen.png) no-repeat bottom left!important;background: url(/default/images/pc-T-s-bottom_seagreen.gif) no-repeat bottom left;} #primarycontent .orange .bottomLarge {background: url(/default/images/pc-T-l-bottom_orange.png) no-repeat bottom left!important;background: url(/default/images/pc-T-l-bottom_orange.gif) no-repeat bottom left;} #primarycontent .orange .bottomSmall {background: url(/default/images/pc-T-s-bottom_orange.png) no-repeat bottom left!important;background: url(/default/images/pc-T-s-bottom_orange.gif) no-repeat bottom left;} #sidecontent .default .bottomLarge {background: url(/default/images/sc-T-l-bottom_default.png) no-repeat bottom left!important;background: url(/default/images/sc-T-l-bottom_default.gif) no-repeat bottom left;} #sidecontent .default .bottomSmall {background: url(/default/images/sc-T-s-bottom_default.png) no-repeat bottom left!important;background: url(/default/images/sc-T-s-bottom_default.gif) no-repeat bottom left;} #sidecontent .mediumpurple .bottomLarge {background: url(/default/images/sc-T-l-bottom_mediumpurple.png) no-repeat bottom left!important;background: url(/default/images/sc-T-l-bottom_mediumpurple.gif) no-repeat bottom left;} #sidecontent .mediumpurple .bottomSmall {background: url(/default/images/sc-T-s-bottom_mediumpurple.png) no-repeat bottom left!important;background: url(/default/images/sc-T-s-bottom_mediumpurple.gif) no-repeat bottom left;} #sidecontent .seagreen .bottomLarge {background: url(/default/images/sc-T-l-bottom_seagreen.png) no-repeat bottom left!important;background: url(/default/images/sc-T-l-bottom_seagreen.gif) no-repeat bottom left;} #sidecontent .seagreen .bottomSmall {background: url(/default/images/sc-T-s-bottom_seagreen.png) no-repeat bottom left!important;background: url(/default/images/sc-T-s-bottom_seagreen.gif) no-repeat bottom left;} #sidecontent .orange .bottomLarge {background: url(/default/images/sc-T-l-bottom_orange.png) no-repeat bottom left!important;background: url(/default/images/sc-T-l-bottom_orange.gif) no-repeat bottom left;} #sidecontent .orange .bottomSmall {background: url(/default/images/sc-T-s-bottom_orange.png) no-repeat bottom left!important;background: url(/default/images/sc-T-s-bottom_orange.gif) no-repeat bottom left;} /* Themen Teaser */ #primarycontent .franzi .wrappLarge{background: url(/default/images/pc-T-special-top_green.png)no-repeat top left!important;background: url(/default/images/pc-T-special-top_green.gif) no-repeat top left;} .franzi .teasercontent {background: url(/default/images/pc-T-special-bot_green.png)no-repeat top left!important;background: url(/default/images/pc-T-special-bot_green.gif) no-repeat top left; border-top:1px solid #0ba534; color: #0c5536!important;} #primarycontent .franzi .bottomLarge { background-image: none;} .franzi h3 {background: url(/default/images/pc-T-h-left_green.png) no-repeat top left!important;} .franzi h3 b {background: url(/default/images/pc-T-h-right_green.png) no-repeat top right!important;} #primarycontent .kim .wrappLarge{background: url(/default/images/pc-T-special-top_orange.png)no-repeat top left!important;background: url(/default/images/pc-T-special-top_orange.gif) no-repeat top left;} .kim .teasercontent {background: url(/default/images/pc-T-special-bot_orange.png)no-repeat top left!important;background: url(/default/images/pc-T-special-bot_orange.gif) no-repeat top left; border-top:1px solid #d64609; color: #910b13!important;} #primarycontent .kim .bottomLarge { background-image: none;} .kim h3 {background: url(/default/images/pc-T-h-left_brown.png) no-repeat top left!important;} .kim h3 b {background: url(/default/images/pc-T-h-right_brown.png) no-repeat top right!important;} #primarycontent .marie .wrappLarge{background: url(/default/images/pc-T-special-top_violett.png)no-repeat top left!important;background: url(/default/images/pc-T-special-top_violett.gif) no-repeat top left;} .marie .teasercontent {background: url(/default/images/pc-T-special-bot_violett.png)no-repeat top left!important;background: url(/default/images/pc-T-special-bot_violett.gif) no-repeat top left; border-top:1px solid #67338c; color: #290640!important;} #primarycontent .marie .bottomLarge { background-image: none;} .marie h3 {background: url(/default/images/pc-T-h-left_violett.png) no-repeat top left!important;} .marie h3 b {background: url(/default/images/pc-T-h-right_violett.png) no-repeat top right!important;} /* bildTeaserSmall */ #primarycontent .bildTeaserSmall {margin:10px; padding:0; width: 170px; float:left; overflow:hidden;} #primarycontent .bildTeaserSmall img {margin:0;padding:0; overflow:hidden;} #sidecontent .bildTeaserSmall {margin:10px; padding:0; float: left; overflow:hidden;} #sidecontent .bildTeaserSmall img {margin:0;padding:0;} /*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:#a1c636; } 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:#a1c636; 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:#a1c636; } */ .detailTabs{ text-align:left; margin:0; font-size: 12px; border-bottom:1px solid #ce589f; padding:0 0 3px 0; color:#ce589f;} .detailTabs a {margin-right:5px; color:#ce589f;} .detailTabs a:hover{ color:#bb008b; text-decoration: none; } /* pagination */ .pagination {text-align:right; font-size: 11px; margin:0;padding:5px 5px 0px 5px!important; color:#ffc0cb!important; background-color: #fff; border: 1px solid #6654a2; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .pagination a {color:#6654a2!important;} .pagination a:hover {color:#bb008b!important;} .pagination .currentPage {color:#bb008b; padding:0 5px; font-weight: bold;} /* eof pagination */ .bildunterschrift {text-align:center; font-size: 10px; margin:0;padding:0; color:#ce589f; max-width: 200px; overflow: hidden; margin:3px 0;} .copyright a{ color:#ce589f; 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(/default/images/bt_zurueck.png) no-repeat top left; color:#bb008b; padding:3px 10px 7px 15px; font-size: 10px; text-transform: uppercase;margin:0 5px; white-space: nowrap;} a.btArrowRight {background:url(/default/images/bt_vor.png) no-repeat top right;color:#bb008b; 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 -29px; color:#ce589f; text-decoration: none;} a.btArrowRight:hover {background-position: right -29px; color:#ce589f; text-decoration: none;} a.linkArrow{background:url(/default/images/link-arrow.gif) no-repeat top left; padding:3px 10px 7px 15px; font-size: 12px; margin:0 5px 0 0; white-space: nowrap; color:#ce589f!important;} a.linkArrow:hover {background-position: left -21px; color:#bb008b!important; 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;} .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; } .text{ font-size: 10px; margin: 0 0 8px 0; padding:0;} .bordersolid { display: block!important; margin:6px 0 0 0!important; padding:0 0 6px 0!important; clear: both!important; line-height: 1px!important; font-size: 0!important; height: 1px!important; border-top:1px solid #ce589f;} .floatleft { float: left; margin:0; padding:0;} .floatright { float: right; margin:0; padding:0;} .block { display:block; clear: both; padding: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;} .white{color:#fff;} /* eof diverse */ /* swfobject FF3 Bugfix, see http://code.google.com/p/swfobject/wiki/faq 15 */ object { outline:none; } /* eof swfobject FF3 Bugfix */ /* forms */ .b_button {background:url(/default/images/button_default.png) no-repeat 0 0!important; background:url(/default/images/button_default.gif) no-repeat 0 0; color:#fbfacd !important; padding:4px 0 0 10px; width:150px; height:27px; text-transform: uppercase; margin-top:0; text-align: left!important; cursor: pointer; font-weight: normal; border:none!important; margin-right:20px; letter-spacing: 1px; font-size: 9px; } button.b_button:hover{background-position: 0 -31px!important;color:#fff!important;} form .content-form .submit-group input{background:url(/default/images/bt_einlogen.png) no-repeat 0 0!important; background:url(/default/images/bt_einlogen.gif) no-repeat 0 0; color:#fbfacd; !important; padding:3px 20px 0 10px; width:148px; height:27px; text-transform: uppercase; margin-top:0; text-align: left; cursor: pointer; font-weight: normal; border:none!important; background-color: transparent!important; letter-spacing: 1px;font-size: 10px!important;} form .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;} html body input[type=radio]{border:none!important;margin-right:10px!important;background-color: transparent!important; float:left; width:20px;} form #sender:hover {background-position: 0 -31px!important; color:#fff!important;} a.button{background:url(/default/images/bt_default_b.png) no-repeat top right;color:#fbfacd; padding:3px 10px 7px 0;text-transform: uppercase; margin:0 0 0 10px; text-align: center; cursor: pointer; font-weight: bold!important; border:none!important;white-space: nowrap; letter-spacing: 1px;font-size: 10px!important;} *+html a.button {padding:0 5px 0 0; z-index: 10; margin:0 15px 0 0;} /*IE7 fix */ a.button b{background:url(/default/images/bt_default.png) no-repeat top left; padding:3px 10px 7px 10px; white-space: nowrap; margin:0 0 0 -10px; } *+html a.button b {padding:3px 10px 7px 15px;z-index: 20;margin:3px 5px 7px 0px;} /* IE7 fix */ a.button:hover {background-position: right -26px; color:#fff!important;} a.button:hover b{background-position: left -26px; color:#fff!important;} *+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 0;margin:10px 0;width:auto; border-top:1px solid #e79bbe;border-bottom:1px solid #e79bbe; text-align:left; clear: both;} #divCaptcha img{margin:0 3px 0 0; float:right; border-bottom:5px solid #ce589f;} #divCaptcha input {margin:0;width:120px; float: none;} .captchaTxt {font-size: 10px; width:115px; font-weight: normal; color:#efefef; 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(/default/images/li-point-error.png)!important; color:#ff3333!important; font-size:11px!important;} .message{font-size: 13px!important; font-weight: normal; color:#c12466!important;} /* contactform */ .content-form textarea {height:120px;} .contactform #errorsDiv { color:#ff3333;margin:-15px 0 -10px 20px!important; padding:0;} .contactform .element-group {margin:0;} /* 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:#a1c636; border-bottom:1px dotted #a1c636;} #searchresults a.more { color:#ce589f; border-bottom:1px solid #ce589f; font-size: 11px; display: block; padding:0 0 5px 0; margin:0 0 10px; text-decoration: none;} #searchresults a.more:hover { color:#a1c636; 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 {margin:0;} /* eof guestbookform */ /* guestbooklist */ .guestbooklist {/*border-top: 1px solid #c12466;border-bottom: 1px solid #c12466;*/margin-bottom:10px; color:#ce589f!important;} .guestbooklist a{font-size:12px;color:#ce589f; text-decoration: none;} .guestbooklist a:hover{color:#a1c636; } div.guestbookmessage {text-align: center; margin:-5px -5px 0 -5px; font-size:13px;color:#ce589f!important; background-image: url(/default/images/guestbook_hg.jpg); background-repeat: no-repeat; background-position:top; height: 85px;} .guestbookentry {margin: 10px;padding: 5px 10px 10px 10px;border:1px solid #c12466;background-color: #fff; font-size: 11px; color:#6654a2; -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 #c12466; color:#6654a2;} .guestbookentry p{ font-size: 12px; padding: 5px 0; margin:0 0 5px 0; border-bottom: 1px dotted #c12466; color:#ce589f!important; width:auto; overflow: hidden;} .yellow {background-color: #fbfacd!important; background-image:url(/default/images/guestbook/HG_Gaestebuch3.jpg);} .blue {background-color: #cee6f8!important;background-image:url(/default/images/guestbook/HG_Gaestebuch1.jpg);} .pink {background-color: #f5e5f0!important;background-image:url(/default/images/guestbook/HG_Gaestebuch2.jpg);} /* 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 #c12466;} .questions-group h3, .fields-group h3 {font-size:12px; margin:12px 0 6px 0; color:#fff!important;} .loterry { margin: -15px 0 10px 20px ;} .questions-group .element-group .optional {padding-bottom: 15px!important;} /* Lottery-Modul EOF */ /* Vote-Modul */ #poll form { margin:10px -9px -3px -9px; padding:10px;font: 0.82em/100% Arial, Helvetica, sans-serif;} #sidecontent #poll form {width:278px!important;margin:10px -8px -3px -5px!important;padding:10px!important; text-align: left;} #poll .answer input[type="radio"]{width:20px!important; background-color: transparent!important; float:left!important;} #poll .answer label{ font: bold 12px/14px Arial, Helvetica, sans-serif!important; padding:0; margin:0; display: inline!important; } #poll .answer img {display:block; margin:8px 0!important;} .default label { color:#bb008b!important; } .mediumpurple label{color:#fff!important;} .seagreen label{color:#22475b!important;} .orange label{color:#910b13!important;} /* Vote-Modul .noBorderedLayout */ .noBorderedLayout .seagreen form, .noBorderedLayout .mediumpurple form, .noBorderedLayout .orange form, .noBorderedLayout .default form {background-color: transparent;padding:3px 0px; border: 1px dashed #fff; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .noBorderedLayout #poll .answer { padding:10px; margin: 0 0 10px 0!important; border-width: 1px; border-style: solid; color:#fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .noBorderedLayout .default .answer{border:1px solid #6654a2; border-top: 1px solid #beb7d4!important; border-bottom: 1px solid #beb7d4!important; background: #fff url(/default/images/hg-kariert.png) repeat top left!important;color:#333366!important;} .noBorderedLayout .mediumpurple .answer{border:1px solid #6654a2;background-color: #9d8fc7!important;} .noBorderedLayout .seagreen .answer{border:1px solid #00949b;background-color: #9acfd3!important;} .noBorderedLayout .orange .answer{border:1px solid #d64609;background-color: #e2a420!important;} /* Vote-Modul .BorderedLayout */ .borderLayout .default form { border-top: 1px solid #beb7d4!important; border-bottom: 1px solid #beb7d4!important; background: #fff url(/default/images/hg-kariert.png) repeat top left!important;color:#333366!important; border-left:none!important; border-right:none!important;margin-bottom:15px!important;} .borderLayout .mediumpurple form {border:1px solid #6654a2;background-color: #9d8fc7!important;} .borderLayout .seagreen form{border:1px solid #00949b;background-color: #9acfd3!important;} .borderLayout .orange form{border:1px solid #d64609;background-color: #e2a420!important;} .borderLayout #poll .answer { padding:8px 0; margin-bottom:8px; border-width: 1px;} .borderLayout .default .answer{ border-bottom: 1px solid #beb7d4!important;color:#333366!important;} .borderLayout .mediumpurple .answer{border-bottom:1px solid #6654a2;} .borderLayout .seagreen .answer{border-bottom:1px solid #00949b;} .borderLayout .orange .answer{border-bottom:1px solid #d64609;} .borderLayout #results, .noBorderedLayout #results{ text-align:center;} .borderLayout #results .answer {width:110px;float:left; overflow:hidden; height:200px; margin:5px; text-align: left;} .noBorderedLayout #results .answer {width:105px;float:left; overflow:hidden; height:200px; margin:5px;text-align: left;} /* Poll-Modul EOF */ .flash {} .flash span{font-size: 12px; color:#fff; text-align:left; display:block; padding:16px 0 0 44px;} .flashError {font-size: 11px; color:#333366; text-align:left; padding:10px 0 0 10px; font-weight: bold;} .flashError p { font-size: 10px; margin:10px; width:70%;} .flashError a {font-size: 11px; color:#bb008b; margin-left:10px;} .flashError a img {margin:0 10px 0 0;} .flashError a:hover {font-size: 11px; color:#333366; text-decoration: none; } .inputHint {width: 320px; font-size: 11px;background-image: url(/default/images/infoblase.gif);background-repeat: no-repeat;padding-top: 10px!important;clear: both;margin-top:0!important;} .inputHint .hintText {background-color: #fbfacd;border:1px solid #ce589f;color:#bb008b; padding:3px 5px 2px 5px!important;margin-top:0!important;border-top: 0!important; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .errorHint {width: 320px;font-size: 11px;background-image: url(/default/images/infoblase.png);background-repeat: no-repeat;padding-top: 10px!important;margin-top:0!important;z-index: 2500;} .element-group-float .errorHint {width: 208px!important;} .errorHint .hintText {background-color: #fbfacd;border:1px solid #ce589f;color:#bb008b;border-top: 0;padding:3px 5px 2px 5px!important;margin-top:0!important; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* navigation !allways on bottom of css! */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk#SubNavs/final_drop3.html Copyright (c) 2005-2009 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. Overlapping CSS Navigation version: 1.0 author: george ornbo email: george at shapeshed dot com =================================================================== */ /* mainNavi */ #MainNav { height: 38px; } #MainNav ul{list-style:none;height: 38px;margin:0; padding:0;} #MainNav li {list-style: none;display: inline;text-align:left;margin:0; padding:0;} #MainNav li a {text-decoration: none;display:block;float:left;background: url(/default/images/MainNav.png) no-repeat top right;text-indent:-9999px;} li#one a,li#one-a a {width:111px;height:38px;} li#two a,li#two-a a {width:102px;height:38px;} li#three a,li#three-a a {width:98px;height:38px;} li#four a,li#four-a a {width:100px;height:38px;} li#one a:link, li#one a:visited {background-position: 0px 0px;} li#one a:hover, li#one a:focus, li#one-a a:link, li#one-a a:visited {background-position: 0 -38px;} li#two a:link, li#two a:visited {background-position: -110px 0px;} li#two a:hover, li#two a:focus, li#two-a a:link, li#two-a a:visited { background-position: -78px -114px;width: 134px;margin-left: -32px;} li#three a:link, li#three a:visited {background-position: -211px 0px;} li#three a:hover, li#three a:focus, li#three-a a:link, li#three-a a:visited {background-position: -177px -228px;width: 132px;margin-left: -34px;} li#four a:link, li#four a:visited { background-position: -309px 0px;} li#four a:hover, li#four a:focus, li#four-a a:link, li#four-a a:visited {background-position: -277px -342px;width: 132px;margin-left: -32px;} #SubNav {padding-bottom:10px; width:398px; margin-top:5px; background: url(/default/images/SubNav.png) no-repeat 0 0;} #navigation .empty {font-size:0.93em;padding-bottom:0; width:398px; margin-top:5px; background-image: none!important; } #SubNav ul {padding:0;margin:0;list-style-type:none; height:30px;} #SubNav ul ul {width:13em; border-left:1px solid #bb008b;border-top:1px solid #e79bbe; border-bottom:1px solid #bb008b;border-right:1px solid #e79bbe; background-color: #fff!important;} #SubNav ul li {float:left;height:30px;line-height:30px;margin-right:5px;} #SubNav ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em; border-top:1px solid #f4f4f4; } #SubNav a, #SubNav a:visited {display:block;float:left;height:100%;font-size:1em;text-decoration:none;color:#e79bbe; ;padding:0 1.5em 0 1.5em;} #SubNav ul ul a, #SubNav ul ul a:visited {display:block; background:#fff; color:#e79bbe; ;width:10em;height:100%;line-height:1em; padding:0.3em 0 0.3em 1.5em;} #SubNav ul table ul a, #SubNav ul table ul a:visited {width:12em; w\idth:10em;} #SubNav table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;} #SubNav ul ul table {lef\t:-1px;} #SubNav ul ul table ul.left {margin-lef\t:2px;} #SubNav li:hover {position:relative;} * html #SubNav a:hover {position:relative;} /* first */ #SubNav a:hover {color:#fff; background: transparent url(/default/images/arrow-bottom-hover.png) no-repeat right 8px!important; background: transparent url(/default/images/arrow-bottom-hover.gif) no-repeat right 8px;} #SubNav :hover > a {color:#fff; background: transparent url(/default/images/arrow-bottom-hover.png) no-repeat right 8px!important; background: transparent url(/default/images/arrow-bottom-hover.gif) no-repeat right 8px;} /* second */ #SubNav ul ul a:hover{color:#bb008b; background-color:#fff; background-image: none!important;} #SubNav ul ul :hover > a {color:#bb008b; background-color:#fff; background-image: none!important;} #SubNav ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0;width:12em;} #SubNav ul li:hover ul, #SubNav ul a:hover ul {visibility:visible; height:auto; padding-bottom:5px; background:transparent url(images/trans.gif);} #SubNav a.select {color:#fff!important; background: url(/default/images/arrow-bottom.png) no-repeat right 8px!important; background: url(/default/images/arrow-bottom.gif) no-repeat right 8px;} #SubNav a.current {color:#c50190!important; font-weight: bold;} /* 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 #d9d9d9;} #footer li a {text-decoration: none; color: #d9d9d9;} #footer li a:hover {text-decoration: none; color: #fff;} /* eof footernavi */ /* eof !allways on bottom of css! */