/* --------------------------------------------------------- */                         
/*   Copyright (c) 2011 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 Arial, Helvetica, sans-serif; margin: 0; padding:0; color:#4D5050; background-color: #d6e5e5;}

a:link {  text-decoration: none; cursor: pointer; outline: none;}
a:visited { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none!important; cursor: pointer;}
a:active { text-decoration: none; cursor: pointer;}
a:focus { text-decoration: none; cursor: pointer; border:none; outline: none;}
a:focus:hover { text-decoration: none; cursor: pointer; border:none; outline: none;}

a.alink, a.blink, p a, .text a, .teasertext a, .context a {text-decoration: none; cursor: pointer; outline: none; color:#e78f21;}
a.alink:hover, a.blink:hover, p a:hover, .text a:hover, .teasertext a:hover, .context a:hover{text-decoration: underline; cursor: pointer; color:#d07100;}

h1, h2{ margin: 0; padding: 0; display:block!important; color:#5F6363!important; font: normal 30px/1.5 Arial, Helvetica, sans-serif!important; 
-moz-text-shadow: 1px 1px #c9d7d6;
-webkit-text-shadow: 1px 1px #c9d7d6; 
text-shadow: 1px 1px #c9d7d6;}

h3,h4 { margin: 0; padding: 0; font-size:18px; font-weight: bold; line-height: 30px; color:#5F6363;
font-family: Arial, Helvetica, sans-serif!important;}
h5,h6 { margin: 0; padding: 0; font-size:15px;}
 
p, .text, .teasertext, .context, p a, .text a, .teasertext a, .context a{ font: 15px/120% Arial, Helvetica, sans-serif!important; padding:0; margin:0}
.text p { margin-bottom:12px;}
img { border: none;}

form { margin:0; padding: 0;border:none; font: 15px/100% Arial, Helvetica, sans-serif;}
input, textarea, fieldset, select { margin: 0; padding:1px 2px 2px 2px; border:1px solid #d2e3e2; background-color: #e5f1f2; color:#4D5050; font: 12px/100% Arial, Helvetica, sans-serif; width:95%; outline: none;}
input:focus, textarea:focus, fieldset:focus, select.focus { border:1px solid #aeb7b7; background-color: #f6fbfb; color:#000!important;}
textarea{ height: 100px;}
option [selected] { margin: 0; padding:1px 2px;  border:1px solid #d2e3e2; font: 15px/100% Arial, Helvetica, sans-serif; width:auto; outline: none;}
html body form select:focus { outline: none;}
label { font: 15px/110% Arial, Helvetica, sans-serif; display:block; padding:3px 0 2px 0; margin:0; color:#4D5050!important; text-shadow: none;}
input.radio{width:auto!important; background-color: transparent!important;}
html body input[type="radio"]{border:none!important;}
html body input.form-checkbox,
html body input[type="checkbox"]{-webkit-transform: scale(1.3,1.3);margin-right:10px;margin-top:-2px;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;}

.submit-group input#sender{background:url(/default/images/inputSender.png) no-repeat -2px -26px; width:auto; height: 25px!important; cursor: pointer; margin:0; padding:0 0 0 22px; border:none!important; color:#e78f21!important; font-size: 15px!important; font-weight: bold!important;  letter-spacing: 1px!important; text-transform: uppercase;  text-shadow:1px 1px #c9d7d6;}
.submit-group input#sender:hover{background-position: -2px 4px!important; color:#788787!important;}
.submit-group input[type="submit"]:hover{background-position: -2px 4px!important;color:#788787!important;}
.submit-group input[id="sender"]{ font-size: 12px; width:auto; height: 25px; overflow: hidden;color:#788787!important;}
html body input.radio {border:none!important;margin-right:10px!important; background-color: #fff!important;}
/* eof Basic Elements */

/* layout */
#pagewrapper {width: 100%; padding:0; margin:0 auto;text-align:left;clear: both; color:#4D5050; background:#fff url(/default/images/pagewrapper-bg.png) repeat-x bottom center;min-height: 750px; height: 100%;}  
	
#page {width: 100%;  height: 100%; padding:0; margin:0 auto; float: left; background: transparent url(/default/images/page-bg.png) repeat-x top center;}

#container{margin:0 auto;padding:0;display:block;width: 930px; clear: both;}
	
#header {height:112px; width:930px; margin:0; padding:0; clear: both; position: relative;}

#header .logowrapp {display:none;}
#header .logo {float:left; width:450px; margin:30px 0 0 10px!important;}

#header .mainNavi {margin:0!important;width:385px;height:100px; display:block; text-align: left; float:right; background: transparent url(/default/images/mainNavi-bg.png) no-repeat top right; }

#header .userNavi {margin:0!important;width:374px; height:88px; display:block; text-align: left; font: 500 13px/140% Arial, Helvetica, sans-serif; position: absolute; top:68px; right:2px; z-index: 10; background: transparent url(/default/images/login-bg.png) no-repeat top left;padding:9px 0 0 6px;}

#contentwrapper { width:900px;margin:10px 0 0 0;padding:0;display:block; z-index: 100; position: relative; }
#contentwrapper .inside{margin:0!important;display:block; padding-top:5px; min-height: 200px;}

.cwborder .cwtop{margin:0; padding:0;background: transparent url(/default/images/cwtop-bg.png) no-repeat top left; max-height:13px; }
.cwborder .inside{border-left:1px solid #788787; border-right:1px solid #788787; background-color: #fff; margin:0; padding:0 9px;}
.cwborder .cwbottom{margin:0!important; padding:0!important; display:block;background: transparent url(/default/images/cwbottom-bg.png) no-repeat bottom left; max-height:14px!important;}

#leftcontent, #rightcontent{width:293px;text-align:left;padding:0!important;float:left!important; margin:0;display:block;}

#primarycontent {float:left;margin:0;padding:0;width:586px;}

#footer {background: transparent url(/default/images/footer-bg.png) no-repeat top center; font-size: 12px!important; display: block; width:900px; height: 60px; margin:12px 0 0 0; color:#4D5050;}
#footer .inside{margin:0 5px 0 15px;padding-top:15px;}

#leftcontent .contentlistelement{margin:0;padding:10px 9px;}
#primarycontent .contentlistelement{margin:0;padding:10px 0;}
#primarycontent .context, #contentwrapper .context {margin:0 0 15px 0;padding:0 15px;}
#leftcontent .context {margin:0 10px;padding:0;}
#rightcontent .context {margin:0 10px;padding:0;}

#primarycontent .contentlistgallery{margin:-10px 0 0 0;padding:0;}
#leftcontent .contentlistgallery{margin:0;padding:0;}
/* eof layout */

/* Liste */
html body #primarycontent ul#List{ margin:0!important;padding:0!important; list-style-type: none!important; display: block;list-style-position:outside!important;text-align: left;}

html body ul#List li{ margin:10px 0!important; padding:0 0 10px 0!important; border-bottom: 1px dotted #d6e5e5; list-style: none!important; font: normal 15px Arial, Helvetica, sans-serif; }

ul#List h3, ul#List h4 { margin: 0; padding: 0;text-shadow: 1px 1px 1px #c9d7d6; }
ul#List h3 {font-size:18px; font-weight: bold;}
ul#List h2 {font-size:18px; font-weight: bold;}
ul#List h4 {font-size:15px; font-weight:normal;}

.date{ margin:0; padding:0; display:block;}

.datum{ margin:0 0 0 5px; padding:0; display:block;}

ul#List .itemtxt {margin:0 0 8px 0; font: normal 15px Arial, Helvetica, sans-serif!important;}
ul#List .itemImage { margin:0; padding:0 10px 10px 0!important; display:block; float:left;}
ul#List .faqItem { margin:0!important; padding:0!important; }

#List h2 {color:#5F6363;text-decoration:none!important; cursor:pointer;outline:none;margin:0!important; padding:0!important;}

#List h2 a, #List h2 a.itemLink,
#List h3 a /*, #List a.link,
html body ul#List a.link,
a.link */{text-decoration:none!important; cursor:pointer;outline:none;margin:0!important; padding:0!important; font-size:18px!important;  font-weight: bold;color:#5F6363;}
#List h2 a:hover, #List h2 a.itemLink:hover,
#List h3 a:hover /*, #List a.link:hover,
html body ul#List a.link:hover, a.link:hover*/{color:#e78f21; text-decoration:none!important; cursor: pointer;}
#List a.link {font-weight: bold!important; margin-right:0px!important;  }

#List .itemTitle {position:relative; margin:0 10px;}
#List .position {position: absolute; bottom:0; right:0;}
/* News */
#primarycontent .news #List {margin:10px 0;border: 1px solid #aec3c2; border-left:none!important;border-right:none!important; }
html body #primarycontent .news #List li{background: transparent url(../images/list-bg.png) no-repeat bottom left; border-bottom: none!important; margin:10px 0!important;}

#primarycontent .borderLayout .news #List {margin:10px 0;border: 1px solid #aec3c2;}
html body #primarycontent .borderLayout .news #List li{background: none!important;border-bottom: 1px dotted #d6e5e5;}

.newsdetail .teasertext { font: 15px/120% Arial, Helvetica, sans-serif!important; margin:10px 0 0 0!important;}
.date { font: 12px/120% Arial, Helvetica, sans-serif!important; color:#788787!important; }

/* elements */
.copyright {text-align:left; color:#4D5050; padding:2px 0 5px 10px;}
#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% Arial, Helvetica, sans-serif;  text-transform: uppercase;  border-bottom: 1px solid #819090; }
#primarycontent .contentlistelement .links a { margin:0;padding:3px 0 7px 25px!important; font: normal 12px/130% 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:#819090; text-decoration: none;}

html body #contentwrapper ul{ margin:0; padding:0 15px; font-size:15px;}	
html body #contentwrapper li{ margin:2px 0 2px 0; padding:0 10px 0 0; list-style-image: url(../images/li-point.png);}	

/* noBorderLayout + headline */		
#leftcontent .noborderLayout, 
#rightcontent .noborderLayout{padding:0 0 0 0!important;} 


#primarycontent .noborderLayout h2 {margin:-5px 0 0 -2px!important;padding:0!important;}
#leftcontent .noborderLayout h1,
#rightcontent .noborderLayout h1,
#leftcontent .noborderLayout h2,
#rightcontent .noborderLayout h2 {margin:10px 0 0 0!important;padding:0!important; text-align:left; color:#5F6363!important; display:block; font-size: 18px!important; font-weight: bold!important; line-height:120%; text-shadow: 2px 2px 2px #c9d7d6; overflow:hidden;  background-image: none!important; background: transparent;}
#leftcontent .noborderLayout h3,
#rightcontent .noborderLayout h3{margin:0!important;padding:0!important; text-align:left; color:#788787!important; display:block; font-size: 15px!important; font-weight: normal!important; line-height:120%; text-shadow: 2px 2px 2px #c9d7d6; overflow:hidden;  background-image: none!important; background: transparent;}		
#contentwrapper .context h3{margin-bottom:12px!important;}
#contentwrapper .context h2{margin-bottom:12px!important; line-height: 120%!important;}

/* borderLayout */
#leftcontent .borderLayout,
#rightcontent .borderLayout {margin:0 0 15px 0!important;padding:0!important;background: #f4f9fb url(../images/BL-lc.png) no-repeat bottom right;width:291px;}
#leftcontent .borderLayout { border-right: 2px solid #fff;}
#rightcontent .borderLayout { border-left: 2px solid #fff;}
#leftcontent .borderLayout .bltop,
#rightcontent .borderLayout .bltop {margin:0!important;padding:0!important; background: url(../images/BL-lc-top.png) no-repeat top right;width:291px; height:10px;/* float: left;*/}
#leftcontent .borderLayout .context,
#rightcontent .borderLayout .context{margin-left:10px!important;margin-right:10px!important;}

#primarycontent .borderLayout {margin:0 0 20px 0!important;padding:0!important;background: #f4f9fb url(../images/BL-pc.png) no-repeat bottom left; }
#primarycontent .borderLayout .bltop {margin:0!important;padding:0!important; background: url(../images/BL-pc-top.png) no-repeat top left;height:10px;}
#primarycontent .borderLayout .context{margin-left:0px!important;margin-right:0px!important;}

#primarycontent .borderLayout.box {width:140px; float:left!important; margin:0 14px 20px 14px!important;padding:0!important;background-color: #fff; background-image: none; border:1px solid #aec3c2; -o-border-radius: 10px; -icab-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#primarycontent .borderLayout.box .bltop {margin:0!important;padding:0!important; background-color: transparent; background-image: none; height:10px;}

#contentwrapper #primarycontent .borderLayout.calculatingBox {margin:-20px 0 20px 0!important;padding:0!important; background: #fff url(../images/blatt.png) no-repeat 10px -8px;!important;height: 420px; }
#primarycontent  .borderLayout.calculatingBox .bltop {margin:0!important;padding:0!important; background-color: transparent; background-image: none; height:10px;}
#primarycontent  .borderLayout.calculatingBox .context{margin-left:20px!important;margin-right:20px!important;margin-top:20px; position:relative;}

#primarycontent  .borderLayout.calculatingBox .rotare  {left: 70px; top:0;  position: absolute;
width:400px; 
-moz-transform: rotate(355deg);
-webkit-transform: rotate(355deg);
-o-transform: rotate(355deg);
-ms-transform: rotate(355deg);
transform: rotate(355deg);}

#primarycontent  .borderLayout.calculatingBox .rotare span {color:#000!important; font-size:18px;  font-weight: bold!important; display:block; border-bottom:1px solid #999;margin-bottom:3px!important; padding-bottom:3px!important; font-family: 'Coming Soon', arial, serif; }

#contentwrapper .borderLayout h2{margin-left:13px!important; line-height:120%!important;margin-bottom:15px!important;}
#contentwrapper .borderLayout h3{margin-left:13px!important;}
#contentwrapper .borderLayout .context h2,
#contentwrapper .borderLayout .context h3{margin-left:0px!important;}

#leftcontent .borderLayout h2,
#rightcontent .borderLayout h2 {margin:-15px 0 0 8px!important;padding:5px 0 0 10px!important; text-align:left; display:block; font-size: 18px!important; font-weight: bold!important; height: 43px; line-height: 35px; float: left; width:276px; overflow:hidden; color:#fff!important; text-shadow: 2px 2px 2px #505a5a;background-position: top left!important; background-color: transparent!important;background-position: top left!important; background-color: transparent!important; }

#leftcontent .gray h2,
#rightcontent .gray h2 {background: url(/default/images/h2gray-sc-bg.png) top left no-repeat;}
#leftcontent .green h2,
#rightcontent .green h2 {background: url(/default/images/h2green-sc-bg.png) top left no-repeat;}
#leftcontent .orange h2,
#rightcontent .orange h2 {background: url(/default/images/h2orange-sc-bg.png) top left no-repeat;}
#leftcontent .blue h2,
#rightcontent .blue h2 {background: url(/default/images/h2blue-sc-bg.png) top left no-repeat;}
#leftcontent .pink h2,
#rightcontent .pink h2 {background: url(/default/images/h2pink-sc-bg.png) top left no-repeat;}

#leftcontent .white h2,
#rightcontent .white h2 {background: url(/default/images/h2white-sc-bg.png) top left no-repeat; color:#788787!important; text-shadow: 2px 2px 2px #c9d7d6!important;}

#leftcontent .gray h2 a,#rightcontent .gray h2 a,
#leftcontent .green h2 a,#rightcontent .green h2 a,
#leftcontent .orange h2 a,#rightcontent .orange h2 a,
#leftcontent .blue h2 a,#rightcontent .blue h2 a,
#leftcontent .pink h2 a,#rightcontent .pink h2 a {color:#fff!important; 
-moz-text-shadow: 2px 2px 2px #505a5a;
-webkit-text-shadow: 2px 2px 2px #505a5a; 
text-shadow: 2px 2px 2px #505a5a;}

#leftcontent .gray h2 a:hover,#rightcontent .gray h2 a:hover,
#leftcontent .green h2 a:hover,#rightcontent .green h2 a:hover,
#leftcontent .orange h2 a:hover,#rightcontent .orange h2 a:hover,
#leftcontent .blue h2 a:hover,#rightcontent .blue h2 a:hover,
#leftcontent .pink h2 a:hover,#rightcontent .pink h2 a:hover {color:#fff!important; 
-moz-text-shadow: 2px 2px 2px #000;
-webkit-text-shadow: 2px 2px 2px #000; 
text-shadow: 2px 2px 2px #000;}

#leftcontent .white h2 a,
#rightcontent .white h2 a{color:#788787!important;
-moz-text-shadow: 2px 2px 2px #c9d7d6;
-webkit-text-shadow: 2px 2px 2px #c9d7d6; 
text-shadow: 2px 2px 2px #c9d7d6!important;}

#leftcontent .borderLayout h3,
#rightcontent .borderLayout h3{margin:0!important;padding:0 0 0 10px!important;  text-align:left; color:#788787!important; display:block; font-size: 15px!important; font-weight: normal!important; line-height:120%; text-shadow: 2px 2px 2px #c9d7d6; overflow:hidden; background-image: none!important;background: transparent!important;}	

.xbottom {margin:0 0 0 10px;padding:0; width:auto; display: block; height: 28px;}

.borderLayout .bottom{margin:0;padding:0; width:452px; background:  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:15px; /*list-style-position: outside; */list-style: none;}	
html body #contentwrapper .borderLayout  li{ padding:2px 0 2px 0; list-style-image: none; color:#4D5050;}	

html body #contentwrapper .borderLayout  .productfeatures ul{ margin:10px 0 0 0; padding:0;font-size:15px;
/*list-style-position: outside; */list-style: none; }	
html body #contentwrapper .borderLayout  .productfeatures li{ padding:2px 0 2px 0; list-style-image: none; color:#4D5050; }	

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:#788787!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:#788787!important;}	

.borderLayout  .displaynavi{ text-align: right;float:right;}

.context .img {margin:0 0 0 20px!important; padding:0;}
/* Produkt */
#contentwrapper .productTeaser {margin:10px 5px;padding:0; width:175px; background:  url(/default/images/productTeaser-bg.png) no-repeat bottom center; float: left;text-align: center; position: relative; height: 300px;}

#leftcontent .productlist,
#rightcontent .productlist {padding-left:50px;}

.productTeaser h2.interpreter {margin:0;padding:4px 6px 0 6px; display: block;  font: bold 16px/100% Arial, Helvetica, sans-serif!important;  color:#e78f21!important; text-shadow: 1px 1px 1px #ffdabb!important; background:none!important; }

.productTeaser a {color:#4D5050; font: normal 13px/1.5 Arial, Helvetica, sans-serif;}
.productTeaser a:hover {outline: none; color:#e78f21; text-decoration: none;}

.productTeaser .episode a {margin:0;padding:6px 10px 0 10px; display: block;  font: normal 14px/14px Arial, Helvetica, sans-serif!important;}

.productTeaser .imge { max-height:150px!important; overflow:hidden;} 

.productTeaser .bottombox {right:0; bottom:-7px; position: absolute; width:170px;} 
.productTeaser .bottombox .bottom {bottom:-5px; right:-12px; position: absolute; width:90px; float:right;} 

#primarycontent .productdetail {margin:10px 0; background: transparent url(../images/list-bg.png) no-repeat 15px 99%;}
#primarycontent .borderLayout .productdetail{background:none!important;}
.productdetail .imagebox {float:left; width:200px; overflow:hidden;}
.productdetail h3 {font-size:20px; font-weight: bold; line-height:16px!important;padding:10px 0 0 0!important;margin:0!important;}
.productdetail h4 {font-size: 18px; font-weight:bold!important;line-height:16px!important;padding:0!important;margin:0!important;}
.productdetail h5 {font-size: 20px; font-weight:bold!important; color:#FFF; text-shadow: 1px 1px 1px #788787!important; width:50px; }

.productdetail a.btCart, .productdetail a.btNotepad {background-position:left 0; background-repeat: no-repeat; padding:0; height:19px!important; width:auto; margin:5px 0 0 0; cursor: pointer; display: block; float: left; padding-left:26px!important; color:#4D5050; font-weight:bold; font-size: 13px;  line-height: 18px; /*margin-right:25px; */}
.productdetail a.btNotepad {background-image:url(/default/images/ic_onmemo.png)!important;}
.productdetail a.btCart {background-image:url(/default/images/ic_incart.png)!important;}
.productdetail a.btNotepad:hover, .productdetail a.btCart:hover {color:#e78f21!important;background-position: left -41px!important;text-decoration: none;}

.productdetail .cartbox {background :url(/default/images/productdetail-bg.png) no-repeat top right; height:75px; position:relative;}

.productTeaser .cartbox {background :url(/default/images/productdet-s.png) no-repeat top right; text-align:center;margin:12px 0 0 0!important; padding:0!important;}
.productTeaser h5 {font-size: 17px; font-weight:bold!important; color:#FFF; text-shadow: 1px 1px 1px #788787!important; margin:0; padding:8px 16px 6px 5px; float:right;}
/*.cartbox .avail {margin:0; padding: 0; color:#788787!important; width:230px;}*/
.cartbox .avi {margin:0; padding:0; color:#788787!important; text-align: left; clear: both; line-height:120%; position: absolute;right: 0;text-align: left;bottom: 4px;width: 246px;z-index: 1000;}
.cartbox .avi img {padding:0 6px 0 0!important; margin:0!important; float:left;}
.cartbox .avi span {padding:-3px 0 0 0!important; margin:0!important;}
/* teaser */
.teaserSmall {width:273px!important; overflow:hidden; margin:0 9px 20px 9px; padding:0; float: left!important; border-width: 1px; border-style: solid; position: relative;}
#contentwrapper .teaserLarge {width:860px; overflow:hidden; margin:0 9px 20px 9px; padding:0; display: block; float: left; border-width: 1px; border-style: solid; position: relative;} 
#contentwrapper  #primarycontent .teaserLarge {width:566px!important; overflow:hidden; margin:0 9px 20px 9px; padding:0; display: block; float: left; border-width: 1px; border-style: solid; position: relative;} 

.bildTeaserSmall {overflow:hidden; margin:0 9px 20px 9px; padding:0; float: left!important; border-width: 1px; border-style: solid;}

.teaserLarge .inside {margin:0!important; padding:0!important; border:none!important; background: #fff url(/default/images/teaserLarge-bg.png) repeat-x top left!important; min-height: inherit!important; }
.superTeaser .inside {margin:0!important; padding:0!important; border:none!important; background: #fff url(/default/images/teaser-bg/superteaser.jpg) repeat-x top left!important; height: 284px!important; }
.superTeaser .inside strong {color:#728684; display:block;}

.teaserSmall .inside {margin:0!important; padding:0!important; border:none!important; background: transparent url(/default/images/teaserSmall-bg.png) no-repeat bottom center!important; min-height: inherit!important; }

.teaserLarge .text { margin:0!important; padding:5px 10px 10px 0!important; font-size: 15px!important; color:#4d5050!important;}
.teaserSmall .text { margin:0!important; padding:5px 0 10px 0!important; font-size: 15px!important; color:#4d5050!important;}

.teaserLarge .text ul,
.teaserSmall .text ul{ padding-top:10px!important; padding-bottom:10px!important; font-size: 15px!important;}
.teaserLarge .text li,
.teaserSmall .text li {font-size: 15px!important;}

.teaserLarge h3,
.teaserSmall h3 {margin: 0!important;padding:0 0 0 8px!important; text-align:left; color:#fff!important;display:block; font-size: 20px; font-weight: bold; height: 43px; line-height: 40px; }	

.teaserLarge h3 { background-position: top left!important; background-color: transparent!important; float: left; width:276px; 
-moz-text-shadow: 2px 2px 2px #505a5a;
-webkit-text-shadow: 2px 2px 2px #505a5a; 
text-shadow: 2px 2px 2px #505a5a;}
.teaserSmall h3 { background-position: top center!important; 
-moz-text-shadow: 2px 2px 2px #505a5a;
-webkit-text-shadow: 2px 2px 2px #505a5a; 
text-shadow: 2px 2px 2px #505a5a;}	

.teaserLarge h3 a{color:#fff!important;font-size: 20px; font-weight: bold; display: inline;}	
.teaserSmall h3 a{color:#fff!important;font-size: 20px; font-weight: bold;}	

.teaserLarge h3 a:hover,
.teaserSmall h3 a:hover{color:#fff!important; text-decoration: none;
-moz-text-shadow: 2px 2px 2px #000;
-webkit-text-shadow: 2px 2px 2px #000; 
text-shadow: 2px 2px 2px #000;}

.teaserLarge h1 {display:block!important; color:#5F6363!important; font: normal 30px/32px Arial, Helvetica, sans-serif; text-shadow: none;}
.teaserSmall h1 {display:block!important; color:#5F6363!important; font-size: 16px!important;font-weight: bold!important; line-height: 120%!important; text-shadow: none;}

.teaserLarge h1 a {color:#5F6363!important;font: normal 30px/32px Arial, Helvetica, sans-serif; float: left; display: inline; text-shadow: none;}
.teaserSmall h1 a {color:#5F6363!important; font-size: 16px!important; font-weight: bold!important;  text-shadow: none;}
.teaserLarge h1 a:hover,
.teaserSmall h1 a:hover{color:#e78f21!important; text-decoration: none!important; text-shadow: none;}

/*.superTeaser {height: 284px!important;}*/
.superTeaser .wrapp {margin:0;padding:0 0 0 20px;display:block; width:400px!important;}
.teaserLargeImg .wrapp {margin:0;padding:0 0 0 20px;display:block; width:270px!important;}
.teaserLarge .wrapp {margin:0;padding:0 0 0 20px;display:block; width:95%;/* height: auto;*/}	 
.teaserSmall .wrapp {margin:0;padding:4px 20px 0 25px;display:block; height: auto;}	

.superTeaser .image {padding:0; margin:0 0 -1px -100px!important;}
.teaserLarge .image {padding:0; margin:0;}
.teaserSmall .image {padding:0; margin:8px 12px 8px 0;}

.teaserLarge .image img,
.teaserSmall .image img{padding:0; margin:0;}

.teaserLarge .image a,
.teaserSmall .image a {padding:0!important; margin:0!important;display:block;}

.teaserLarge .image a img,
.teaserSmall .image a img{border: none!important;}

.teaserLarge .image a:hover,
.teaserSmall .image a:hover {padding:0!important; margin:0!important; text-decoration: none;}

.teaserLarge .bottom,
.teaserSmall .bottom {right:0; bottom:0;position: absolute;} 

.teaserLarge .bottom a,
.teaserSmall .bottom a {width:auto; height:25px!important; margin:0; display:block; bottom: 0; color:#fff; font-size: 16px; }
.productTeaser .bottom a {width:80px; height:25px!important; margin:10px 0 0 0; display:block; bottom: 0; color:#fff; font-size: 16px; }

.teaserLarge .bottom a b,
.teaserSmall .bottom a b,
.productTeaser .bottom a b{margin:0; padding:0 20px 0 10px;width:auto; height:25px!important; display: block; line-height:24px; text-shadow: 1px 1px  #505a5a;
-moz-text-shadow: 1px 1px #505a5a;
-webkit-text-shadow: 1px 1px #505a5a;
}

.teaserLarge .bottom a:hover b,
.teaserSmall .bottom a:hover b,
.productTeaser .bottom a:hover b{ text-decoration: none; text-shadow: 1px 1px  #000;
-moz-text-shadow: 1px 1px #000;
-webkit-text-shadow: 1px 1px #000;}

.teaserLarge .bottom a:hover,
.teaserSmall .bottom a:hover,
.productTeaser .bottom a:hover {text-decoration: none;}


.fixheight100 .wrapp  {height:100px!important;display:block;}
.fixheight120 .wrapp  {height:120px!important;display:block;}
.fixheight140 .wrapp  {height:140px!important;display:block;}
.fixheight160 .wrapp  {height:160px!important;display:block;}

.bildTeaserSmall a {display:inline!important; margin:0!important; padding:0!important; }

/* farben */
.blue { border-color: #698adf;}
.pink { border-color: #ce42a1;}
.green { border-color:#7fbb34;}
.orange { border-color:#e78f21;}
.gray { border-color:#819090;}
.white { border-color:#fff;}

#contentwrapper .blue h3 {background: #698adf url(/default/images/blue.png) no-repeat;}
#contentwrapper .pink h3 {background: #ce42a1 url(/default/images/pink.png) no-repeat;}
#contentwrapper .green h3 {background: #7fbb34 url(/default/images/green.png) no-repeat;}
#contentwrapper .orange h3 {background: #e78f21 url(/default/images/orange.png) no-repeat;}
#contentwrapper .gray h3 {background: #819090 url(/default/images/gray.png) no-repeat;}

#contentwrapper .white h3 { text-shadow: 2px 2px 2px #c9d7d6; }
#contentwrapper .white h3 {background: #fff url(/default/images/white.png) top left no-repeat;}
#contentwrapper .white h3 a{color:#788787!important;font-size: 18px; font-weight: bold; display: inline;}	
#contentwrapper .white h3 a{color:#788787!important;font-size: 18px; font-weight: bold;}
#contentwrapper .white h3 a:hover,
#contentwrapper .white h3 a:hover{color:#505a5a!important; text-decoration: none; text-shadow: 2px 2px 2px #aeb7b7;}

#contentwrapper .blue .bottom a.more {background: #698adf url(/default/images/moreblue-right.gif) no-repeat top right!important;}
#contentwrapper .blue .bottom a.more b{background: transparent url(/default/images/moreblue-left.gif) no-repeat top left!important;}

#contentwrapper .pink .bottom a.more {background: #ce42a1 url(/default/images/morepink-right.gif) no-repeat top right!important;}
#contentwrapper .pink .bottom a.more b{background: transparent url(/default/images/morepink-left.gif) no-repeat top left!important;}

#contentwrapper .green .bottom a.more {background: #7fbb34 url(/default/images/moregreen-right.gif) no-repeat top right!important;}
#contentwrapper .green .bottom a.more b{background: transparent url(/default/images/moregreen-left.gif) no-repeat top left!important;}

#contentwrapper .orange .bottom a.more {background: #e78f21 url(/default/images/moreorange-right.gif) no-repeat top right!important;}
#contentwrapper .orange .bottom a.more b{background: transparent url(/default/images/moreorange-left.gif) no-repeat top left!important;}

#contentwrapper .gray .bottom a.more {background: #819090 url(/default/images/moregray-right.gif) no-repeat top right!important;}
#contentwrapper .gray .bottom a.more b {background: transparent url(/default/images/moregray-left.gif) no-repeat top left!important;}

#contentwrapper .white .bottom a.more { background: #819090 url(/default/images/morewhite-right.gif) no-repeat top right!important; color:#788787!important;}
#contentwrapper .white .bottom a.more b{background: transparent url(/default/images/morewhite-left.gif) no-repeat top left!important; color:#788787!important; text-shadow: 1px 1px #c9d7d6;}
#contentwrapper .white .bottom a.more:hover b{color:#505a5a!important;text-shadow: 1px 1px #aeb7b7;}

#contentwrapper .blue .bottom a.more:hover, #contentwrapper .pink .bottom a.more:hover, #contentwrapper .green .bottom a.more:hover, #contentwrapper .orange .bottom a.more:hover, #contentwrapper .gray .bottom a.more:hover, #contentwrapper .white .bottom a.more:hover  {background-position: right -45px!important; }

#contentwrapper .blue .bottom a.more:hover b, #contentwrapper .pink .bottom a.more:hover b, #contentwrapper .green .bottom a.more:hover b, #contentwrapper .orange .bottom a.more:hover b, #contentwrapper .gray .bottom a.more:hover b, #contentwrapper .white .bottom a.more:hover b {background-position:left -45px!important; }

/* sonderteaser */
.eltern .inside .indoor { margin:0!important; padding:0!important; background:  url(/default/images/teaser-bg/eltern-bg.png) no-repeat bottom left!important; background:  url(/default/images/teaser-bg/eltern-bg.gif) no-repeat bottom left; height: 160px!important;} /* ie6 pngfix */
.umfragen .inside .indoor { margin:0!important; padding:0!important; background:  url(/default/images/teaser-bg/umfragen-bg.png) no-repeat bottom left!important; background:  url(/default/images/teaser-bg/umfragen-bg.gif) no-repeat bottom left; height: 160px!important;} /* ie6 pngfix */
.sicherheit .inside .indoor{ margin:0!important; padding:0!important; background:  url(/default/images/teaser-bg/sicherheit-bg.png) no-repeat bottom left!important; background:  url(/default/images/teaser-bg/sicherheit-bg.gif) no-repeat bottom left; height: 160px!important;} /* ie6 pngfix */

.praemien .inside .indoor { margin:0!important; padding:0!important; background:  url(/default/images/teaser-bg/praemien-bg.png) no-repeat bottom left!important; background:  url(/default/images/teaser-bg/praemien-bg.gif) no-repeat bottom left; height: 338px!important;} /* ie6 pngfix */

/* eof teaser boxen */

.elements{margin:10px 0 0 0;}
.elements .caps{ margin:5px 0; letter-spacing: 1px;}
.elements a {color:#e78f21; line-height: 30px;}
.elements a:hover {color:#d07100;}

.detailTabs{ text-align:left; margin:10px 0; font-size: 10px; border-bottom:1px solid #819090; padding:0 0 5px 0;} 
.detailTabs a:hover{ text-decoration: none;} 

/* pagination */
.pagination {text-align:right; font-size: 12px!important; margin:0 10px;padding:0;} 
.pagination a{font-size: 12px!important; color:#4D5050;} 
.pagination a:hover{font-size: 11px; color:#e78f21;} 
.pagination .currentPage {color:#e78f21; padding:0 5px; font-size: 12px!important;}
/* eof pagination */

.bildunterschrift {text-align:center; font-size: 10px; margin:0;padding:0; color:#4D5050; max-width: 200px;
overflow: hidden; margin:3px 0;}

.copyright a{ color:#4D5050; font-size: 10px; text-decoration: none; line-height:16px;}
.copyright a:hover { color:#819090; font-size: 10px; text-decoration: none; }		

/* buttons */
a.btArrowLeft{background:url(../images/bt_zurueck.png) no-repeat top left; color:#4D5050; padding:4px 0px 7px 22px; font-size: 11px; text-transform: uppercase;margin:0 5px 0 0; white-space: nowrap;}
a.btArrowRight {background:url(../images/bt_vor.png) no-repeat top right;color:#4D5050; padding:4px 18px 7px 10px; font-size: 11px; text-transform: uppercase; margin:0 0 0 5px; text-align: center; cursor: pointer; white-space: nowrap;}
a.btArrowLeft:hover, a.btback:hover {background-position: left -30px; color:#d07100; text-decoration: none;}
a.btArrowRight:hover {background-position: right -30px; color:#d07100; text-decoration: none;}

a.btback{background:url(../images/bt_zurueck.png) no-repeat top left; color:#4D5050; padding:4px 0px 7px 22px; font-size: 13px; text-transform: none; margin:0 5px 0 0; white-space: nowrap; font-weight: bold;}

a.btArrow {background:url(../images/bt_vor.png) no-repeat top right; color:#4D5050; padding:4px 22px 7px 2px; font-size: 13px; text-transform: none; margin:10px 0; text-align: center; cursor: pointer; white-space: nowrap;}
a.btTop {background:url(../images/bt_up.png) no-repeat top right;color:#4D5050; padding:4px 22px 7px 2px; font-size: 13px; text-transform: none; margin:10px 0; text-align: center; cursor: pointer; white-space: nowrap;}
a.btArrow:hover, a.btTop:hover  {background-position: right -30px; color:#d07100; text-decoration: none;}
/* eof buttons */

.survey { margin:5px 0; padding:5px 0; border-bottom:1px dotted #aeb7b7; font-size: 15px;}
.survey h5{ padding:0 20px 0 0; font-size: 15px!important; font-weight: bold; }
.survey h5 a{color:#4D5050;}
.survey h5 a:hover{color:#e78f21;}

/* eof elements */

/* diverse */
.noborder { border: none!important; }
.nobackground { background: none!important; }
.margin { margin: 8px 0!important; display: block;}
.nomargin { margin: 0!important; }
.nomarginright { margin-right: 0!important;padding-right:0; }
.padding8 {padding: 8px!important; height: 30px;}
.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;}
.size9{ font-size: 9px;}
.size11{ font-size: 11px;}
.size13{ font-size: 13px!important;}
.size18, .size18 td.bggrey, .size18 td{ font-size: 18px!important;}
.marginleft { margin: 0 0 0 10px ; display: block; }
.linehight { line-height: 120%;}

#leftcontent .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 dotted #aeb7b7;}

.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 #788787;}

.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 #819090;}

.bordergreypadding { display: block!important; margin: 0 0 10px 0!important; padding:0; clear: both!important;
line-height: 0!important; font-size: 0!important; height: 0!important; border-top:1px solid #819090;}

.bordergreenpadding { display: block!important; margin: 0px 0 9px 0!important; padding:9px 0 0 0; clear: both!important; line-height: 0!important; font-size: 0!important; height: 0!important; border-bottom:1px solid #aeb7b7;}

.bordertop{ border-top:1px solid #819090;}

.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: 1px 0 2px 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;}
.darkgray{color:#4D5050;}
.bggrey { background-color:#e7f1f3!important;}
.size18 td.bggrey, .size18 td {padding:5px!important;}
/* eof diverse */ 

/* swfobject FF3 Bugfix, see http://code.google.com/p/swfobject/wiki/faq 15 */
object { outline:none; }
/* eof swfobject FF3 Bugfix */

/* forms */
.contactform {margin:0 15px;}	

.content-form {padding:5px 0; clear: both;}
.content-form a {color:#4d5050;}
.content-form a:hover {color:#d07100;}
#contentdiv .element-group {padding:5px 0; float:left; width:250px; margin-right:25px;}
.submit-group {padding:5px 0;clear: both!important;display: block!important; border-top:1px solid #788787; margin:5px 0;}
.checkbox-group {padding:10px 10px 5px 0; float:left; }
.element-group input {width:98%;}
.hidden-group{position: absolute; left: -9999px; top: -9999px; display: inline; width: 0; height: 0;}

#Login label.optional {line-height: 28px;}
#Login .checkbox-group {float: left; width: 20px; margin-left:0!important; }
#Login label.optional {float:left; display:inline; margin-top:5px;}
#Login .checkbox-group .form_checkbox {float:left;}

.element-group select#gender,
.element-group select#county_id,
.element-group select#group {width:250px;}
.element-group #birthdayBox select{ float:left; width:76px; margin-right:10px;}
.element-group #birthdayBox select#birthdayYear{ float:left; width:76px; margin-right:0px;}

.content-form .title {clear: both!important;float: none!important;}
.content-form .email {clear: both!important;float: none!important;}
.content-form .birthday {clear: both!important;float: none!important;}
.content-form .signature {width:547px;clear: both!important;float: none!important;}
.content-form .message {width:547px;clear: both!important;float: none!important;}
.content-form .avatar {width:547px;clear: both!important;float: none!important;}
.content-form .note_avatar {width:547px;clear: both!important;float: none!important;}
.content-form .aboutme {width:547px;clear: both!important;float: none!important;}

.sub-form {width:547px;margin:10px 0!important;clear: both!important;display: block!important; padding:10px 0;}
.sub-form .sub-form-col {float:left; width:262px; border-right:1px dotted #e7eff0; margin-right:10px;}
.sub-form .sub-form-col .element-group select{width:250px!important;}
label.sub-form-label {font: bold 14px/100% Arial, Helvetica, sans-serif; display:block; padding:3px 0 1px 0; margin:0;}

.content-form .group {width:547px;clear: both!important;float: none!important;}
.userregister .gender {clear: both!important;float: none!important;}
.content-form .note_birthdayDivBox {width:250px;margin:0!important;clear: both!important;float: none!important;}
.userregister #divTripleOpt {clear: both!important;float: none!important; padding:5px 0; width:250px; margin-right:25px;}
.userregister #divTripleOpt input{width:98%;}
.userregister .note_tripleOptMail,
.userregister .note_termsAcceptedDivBox {width:547px;margin:0!important;clear: both!important;float: none!important; text-align: left!important;}
#divTripleOptMailChk, .note_termsAcceptedDivBox {padding:10px 0 5px 0; line-height:12px;}
.userregister .note_tripleOptMail #divTripleOptMailChk #parents_mail, 
.userregister .note_termsAcceptedDivBox input {padding:10px 10px 5px 0; float:left; width:20px;}
.userregister .webcode{clear: both!important;float: none!important;}
.userregister #divCaptcha{width:530px;}

#Passiveuser .element-group {clear: both!important;float: none!important;}
#Passiveuser .element-group #birthdayBox select#birthdayYear{margin-right:0px!important;}

.pwdbox-second.middle {margin: 5px 0; }
.lights { background-color: #686868; margin:0; padding:0; height:12px; position:relative; width:206px;}
.lights div { width: 68px; height: 12px; position:absolute; top:0; margin-top:0!important; font-size: 11px; line-height: 12px; text-align: center; color:#000;}
.lights .red { background-color:#ff4b4b; left:0; }
.lights .yellow { background-color:#ffff33; left:68px;}
.lights .green { background-color:#78f347; right:0;}


#contentwrapper #Newinvitation textarea{ height: 100px; width:100%;}
#leftcontent #Newinvitation textarea,
#rightcontent #Newinvitation textarea{ height: 100px; width:266px;}

#community a{color:#4D5050; text-decoration: none; }
#community a:hover{color: #e78f21; text-decoration: none; }
#community .userBox {width:200px; float:left; overflow: hidden; display:block;}
#community .userSelector {width:auto; display: block;}
#community #userChange {max-width:180px; float:left; background:url(../images/ic_user.png) no-repeat top left; outline: none; width:auto; min-width: 150px; border:none!important; padding:1px 3px 1px 18px!important; height: 18px!important; background-color: #fff;}
#community #changingSpan {width:auto; float:left; overflow: hidden; display:block;}
#community .comlogout {float:right; overflow: hidden; display:block; width:80px; margin-right:-1px;}

a.button{background:url(../images/bt_default_b.png) no-repeat top right;color:#4D5050; padding:3px 10px 7px 0; font-size: 10px;
text-transform: uppercase; margin:0 0 0 5px; text-align: center; cursor: pointer; font-weight: bold; border:none!important;white-space: nowrap;}
a.button b{background:url(../images/bt_default.png) no-repeat top left; padding:3px 5px 7px 10px; white-space: nowrap;
margin:0 0 0 -5px;  }
a.button:hover {background-position: right -26px; color:#fff!important;}
a.button:hover b{background-position: left -26px; color:#fff!important;}

*+html a.button {padding:0 5px 0 0; z-index: 10; margin:0 10px 0 0;}  /*IE7 fix */
*+html a.button b {padding:3px 5px 7px 15px;z-index: 20;margin:3px 5px 7px 0px;} /* IE7 fix */
*+html a.button:hover {background-position: right -26px; color:#fff!important;} /* IE7 fix */
*+html a.button:hover b{background-position: left -26px; color:#fff!important;} /* IE7 fix */

#divCaptcha {padding:10px 0;margin:10px 0;width:auto; border-top:1px dotted #aeb7b7;text-align:left;clear: both;}
#divCaptcha img{margin:0 20px 0 0; float:right; border-bottom:2px solid #fff; }
#divCaptcha input {margin:0;width:250px; float: none;}
.captchaTxt {font-size: 12px; width:220px; font-weight: normal; color:#4D5050; float:left; margin:0 0 8px 0; line-height: 12px;}

#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; padding:0 10px 10px 15px;}

/* searchform */
.search #errorsDiv { color:#ff3333; margin: 20px 0 -10px 20px!important; padding:0;}
#searchresults {margin:0;padding:10px; font-size:13px;}
.searchWord { color:#e78f21; border-bottom:1px dotted #aeb7b7;}
#searchresults a.more { color:#4D5050; border-bottom:1px solid #819090; font-size: 11px; display: block; padding:0 0 5px 0;
margin:0 0 10px; text-decoration: none;}
#searchresults a.more:hover { color:#e78f21; text-decoration: none;}
/* eof searchform */

/* iconButtons */
a.btEdit, a.btDelete, a.btinCart, a.btonNotepad, a.btPlus, a.btMinus{background-position: left 0px; background-repeat: no-repeat; padding:0!important; height:19px!important; width:20px; margin:-2px 5px 0 0; cursor: pointer; display: block; float: left;}
a.btUserEdit, a.btUser {background-position: left -1px; background-repeat: no-repeat;
padding:0; height:19px!important; width:auto; margin:0; cursor: pointer; display: block; float: left; padding-left:24px!important; color:#003067!important;  font-size: 13px; font-weight: bold;}

a.btLogout {background-position: 48px -12px; background-repeat: no-repeat;
padding:0; height:18px!important; width:auto; margin:0; cursor: pointer; display: block; float: left; padding-right:28px!important; color:#4D5050; font-weight: bolder; font-size: 12px;  line-height: 18px; }

a.btCart, a.btNotepad, a.btDeleteOrder, a.btEditOrder, a.btGo, a.link{background-position:right 0; background-repeat: no-repeat; padding:0; height:19px!important; width:auto; margin:0; cursor: pointer; display: block; float: left; padding-right:26px!important; color:#788787!important; font-weight:normal; font-size: 13px;  line-height: 18px; margin-right:25px; min-height: 0;}
.floatright a.btCart, .floatright a.btNotepad  {margin-right:0!important;}
#community a.btCart, #community a.btNotepad  {margin-right:18px!important;}

a.btEdit:hover, a.btDelete:hover, a.btinCart:hover, a.btonNotepad:hover, a.btPlus:hover, a.btMinus:hover {background-position: left -41px; text-decoration: none;}

a.btUserEdit:hover, a.btUser:hover {color:#e78f21!important;background-position: left -42px; text-decoration: none;}
a.btLogout:hover{color:#e78f21!important;background-position: 48px -91px!important;text-decoration: none;}
a.btNotepad:hover, a.btCart:hover, a.btDeleteOrder:hover, a.btEditOrder:hover, a.btGo:hover, a.link:hover{color:#e78f21!important;background-position: right -41px!important;text-decoration: none; min-height: 0;}

a.btEdit, a.btEditOrder {background-image:url(/default/images/bt_edit.png);}
a.btGo, a.link {background-image:url(/default/images/ic_go.png);}
a.btDelete {background-image:url(/default/images/bt_delete.png);}
a.btUserEdit {background-image:url(/default/images/ic_useredit.png);}
a.btUser {background-image:url(/default/images/ic_user.png); width:30px!important;}
a.btLogout {background-image:url(/default/images/bt_login.png);}
a.btonNotepad {background-image:url(/default/images/ic_onmemo.png);}
a.btinCart {background-image:url(/default/images/ic_incart.png);}
a.btNotepad {background-image:url(/default/images/ic_memo.png);}
a.btCart {background-image:url(/default/images/ic_cart.png);}
a.btPlus {background-image:url(/default/images/ic_plus.png);}
a.btMinus {background-image:url(/default/images/ic_minus.png);}
a.btDeleteOrder {background-image:url(/default/images/bt_delete.png);}

#orderButton{margin:0; background: transparent url(/default/images/inputSender.png) no-repeat -2px 0; width:auto; height: 25px!important; cursor: pointer; padding:0 0 0 22px; color:#788787!important; font-size: 15px!important; font-weight: bold!important;  letter-spacing: 1px!important; text-transform: uppercase;  text-shadow:1px 1px #c9d7d6; border:none!important; background-color: transparent!important;}

#orderButton:hover{margin:0; background-position: -2px -30px; width:auto; cursor: pointer; padding:0 0 0 22px; color:#e78f21!important;  text-decoration: none;}

.b_button{margin:0; padding:0;background:url(/default/images/inputSender.png) no-repeat -2px 4px; width:auto; height: 25px!important; cursor: pointer; margin:0; padding:0 0 0 22px; border:none!important; color:#788787!important; font-weight: bold!important;  letter-spacing: 1px!important; text-transform: uppercase;  text-shadow:1px 1px #c9d7d6; font: bold 15px Arial, Helvetica, sans-serif!important; }
.b_button:hover{background-position: -2px -26px!important; color:#e78f21!important;}

/* Lottery-Modul ... Bestellformular Trendbarometer-Abo*/
.abo #Lottery .questions-group h3,
#Lottery h3{display:none;}
.abo #Lottery .content-form{ margin: 0 20px;}
.abo #Lottery #formfield_1 {width:242px;}
#contentdiv .abo #Lottery .content-form .element-group{ float: none;padding: 5px 0; width: 500px!important;}

.questions-group, .fields-group {margin:0;padding:0 0 5px 0;}
.questions-group {margin-top:-15px!important;  border-bottom:1px solid #819090;}
.questions-group h3, .fields-group h3 {font-size:13px; 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 */

/*jv*/
.questions-group .element-group .optional {padding-bottom: 15px!important;}
#cartWrapper .orderEnabled { border:1px solid #819090; color: #788787; background-color: #f6fbfb; }
#cartWrapper .orderDisabled { border:1px solid #e78f21; color: #788787; background-color: #f6fbfb;}
 
#addresses .shippingAddress { float:left;width:200px; border: 1px solid #788787;padding: 5px; margin: 5px; background-color:#e7eff0; color: #505a5a; font-size:14px; }
#addresses .activated { width:200px; border: 1px solid #f27400!important;padding: 5px; margin: 5px; background-color:#ffecd8!important; color:#d25900!important; font-size:14px; }


/* Lottery-Modul EOF */

.startseite .flash {margin:0 9px 20px 9px!important; float:left; border:1px solid #819090; padding:0!important; text-align: center;}
#flash166{float: inherit!important;/* margin-left:9px!important;*/} 

.flash {background: url(../images/loading.gif) no-repeat 3px 3px;}
.flash span{font-size: 12px; color:#819090; text-align:left; display:block; padding:16px 0 0 44px;}
.flashError {font-size: 10px; color:#4D5050; 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 {width:auto; font-size: 11px;background-image: url(../images/infoblase.png);background-repeat: no-repeat;
	padding-top: 10px!important;clear: both;margin-top:0!important;}

#hint_username {width:auto;float: left;margin:0!important;}

#hint_pwd {width:auto;float: right;margin:0!important;}
	
.inputHint .hintText {background-color: #f6fbfb;color:#e78f21;border: 1px solid #c9d7d6;padding:2px 5px!important;margin-top:0!important;border-top: 0!important;}

.errorHint {width:auto;font-size: 11px;background-image: url(../images/infoblase.png);background-repeat: no-repeat;padding-top: 10px!important;margin-top:0!important;z-index: 2500; margin-left:0!important;}
.note_termsAcceptedDivBox .errorHint {margin-right:17px;}
.element-group-float .errorHint {width: 208px!important;margin-left:0!important;}

.errorHint .hintText {background-color: #f6fbfb;color:#e78f21;border: 1px solid #c9d7d6;border-top: 0;padding:2px 5px!important;margin-top:0!important;}

.rocobox { border: 1px dashed #e7eff0;}

/* table */
.tableview{ padding: 0; margin: 10px 0; border-collapse: collapse; font-size:12px; color:#4D5050;}

.tableview th { font-size:13px; border-bottom: 1px solid #d2e3e2; padding: 2px 3px 2px 6px; text-align: left; color:#fff;  vertical-align: center; background-color: #aec3c2; font-weight: bold!important; text-shadow: none;}
.tableview td {border:none; padding: 2px 3px 2px 5px;  text-align: left; color:#4D5050; vertical-align: top; font-size:12px; background-color: #f4f9fb; border-bottom: 1px solid #d2e3e2;}

.tableview tr:hover td,
.size18 tr:hover td.bggrey,
#articleListTable tr:hover td {color:#4D5050!important; background-color: #d2e3e2!important; cursor: default;}
.tableview.size18 {margin-top:-65px!important;}

#articleListTable {width:560px; margin-bottom:20px;}
#articleListTable a{color:#4D5050;}
#articleListTable a:hover {color:#e78f21; text-decoration: none;}

#articleListTable td {border:none; padding: 5px 10px 2px 5px;  text-align: left; color:#4D5050; vertical-align: top; font-size:12px; background-color: #f4f9fb; border-bottom: 1px solid #d2e3e2;
/*white-space: nowrap;*/ }

#articleListTable th { font-size:13px; border-bottom: 1px solid #d2e3e2; padding: 5px 20px 2px 6px; text-align: left; color:#fff;  vertical-align: center; background-color: #aec3c2; font-weight: bold!important; text-shadow: none;}

#articleListTable tr#row_full td {background-color: #e5f1f2!important; color:#505a5a!important; font-weight: bold!important;}

#articleListTable tr.aktiv td {background-color: #efd1af!important; color:#505a5a!important;}
/* EOF table */

/* umfragen poll */

#poll .element-group {padding:5px 0; float:none!important; width:100%; margin-right:0; clear: both; display: block;}
.poll {margin:10px 0;}
.poll p{margin-top:15px;}
.answer {margin:10px 0; padding:10px 0 0 0; border-top:1px dotted #aec3c2; display: block;}
.answer img {float: right;}
.answer label{float: left;width:50%; margin-top:-5px;}
.answer input{float: left;width:15px;}

/* eof umfragen poll */

/* b2b */

.b2b .borderLayout{width: 586px; float:left;
margin:0 0 0 0!important;padding:0!important;background: #f4f9fb url(../images/BL-pc.png) no-repeat bottom left; }

.b2b .borderLayout .context .teasertext {margin-top:-14px;}
.b2b .superTeaser .inside {margin:0!important; padding:0!important; border:none!important; background: #fff url(/default/images/teaser-bg/superteaser_b2b.jpg) repeat-x top left!important; height: 284px!important; }

/* footernavi  */
#footer  a {text-decoration: none; color:#4D5050; font-size: 12px;}
#footer  a:hover {text-decoration: none; color: #e78f21;}
#footer  ul {margin: 0 0 0 10px; padding: 0; list-style-type: none; font-size: 12px;}	
#footer  li {display: inline; padding: 0 10px; border-left:1px solid #788787;}	
#footer  li a {text-decoration: none; color:#4D5050;}
#footer  li a:hover {text-decoration: none; color: #e78f21;}

.sharethis  { text-align: right; padding:0; font-size:11px; margin:-5px 10px 0 0; position:relative; }	

.sharethis  #socialbookmarks {margin:0; padding: 0; color: #666b76;list-style-type: none; height:20px;}	
.sharethis  #socialbookmarks li a {text-decoration: none; font-size: 11px; color:#666b76!important; }
.sharethis  #socialbookmarks li a:hover {text-decoration: none;  color: #2d2d2d!important;}

#socialbookmarks li{ line-height: 25px;display:inline; border-left: none!important; padding: 0 5px; }
li#sb-mister-wong a,li#sb-digg a,li#sb-delicious a,li#sb-facebook a,li#sb-yigg a, li#sb-twitter a{ padding:1px 0 2px 20px!important;  border-left: none!important;  color: #4d5050!important; width:20px; height:20px; } 
li#sb-mail a{ padding:1px 0 2px 20px!important;  border-left: none!important;  color:#ececed!important;} 
li#sb-mister-wong a span,li#sb-digg a span,li#sb-delicious a span,li#sb-facebook a span,li#sb-yigg a span, li#sb-twitter a span, li#sb-mail a span{display:none;} 

li#sb-mister-wong a{background:url(/default/images/misterwong.png) no-repeat top left!important;}
li#sb-digg a{background:url(/default/images/digg.png) no-repeat top left!important;}
li#sb-delicious a{background:url(/default/images/delicious.png) no-repeat top left!important;}
li#sb-facebook a{background:url(/default/images/facebookicon.png) no-repeat top left!important;}
li#sb-yigg a{background:url(/default/images/yigg.png) no-repeat top left!important;}
li#sb-twitter a{background:url(/default/images/twitter.png) no-repeat top left!important;}
li#sb-mail a{background:url(/default/images/mail.png) no-repeat top left!important;} 
li#sb-mister-wong a:hover, li#sb-digg a:hover,li#sb-delicious a:hover,li#sb-facebook a:hover,li#sb-yigg a:hover,li#sb-twitter a:hover, li#sb-mail a:hover{ background-position: 0 -18px!important;}

/* eof footernavi  */

/* subnavi  */
.subnavi {margin:0;padding:0;clear: both; height:auto;}
.subnavi ul{margin:0!important;padding:0!important;border-bottom:1px solid #fff;list-style-type:none; clear: both;}
.subnavi li{margin:0;padding:5px 0 5px 0;border-top:1px solid #fff;list-style-type:none;}
* html .subnavi  ul,* html .subnavi li{height:1px;}
.subnavi ul ul{margin:0!important;padding:0!important; border-bottom: none;}
.subnavi ul ul li{padding:0;border-top:0px;}
.subnavi ul a, .subnavi  li, .subnavi  span{font-weight:bold;font-size:17px!important;color:#728684; padding:0 0 0 40px;}
.subnavi ul ul a, .subnavi ul ul li, .subnavi ul ul span{font-weight:normal;font-size:15px!important; color:#788787;padding:0 0 0 60px;}
.subnavi .subactive a {background:url(/default/images/sn_subaktive.png) no-repeat 15px 0;} 
.subnavi .subactive .active a {background:url(/default/images/sn_aktive.png) no-repeat 38px 0; }
.subnavi .active a {background:url(/default/images/sn_aktive.png) no-repeat 15px 0; }
.subnavi .active ul li a, .subnavi .subactive ul li a {background-image: none;}

.subnavi .active a{color:#d07100!important;}
.subnavi .active ul a{color:#728684!important;}
.subnavi  li.first a.praemien {margin-left: -24px!important;}
.subnavi  li.first {padding-top:8px!important;}
	
/* ================================================================ 
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/menus/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.
=================================================================== */
/* style the outer div to give it width */
.menu {font-size:15px;padding-bottom:100px; text-align: left; z-index: 100;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:43px;}

/* style the sub-level lists */
.menu ul ul {width:135px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:43px;line-height:43px;}

/* style the sub level list items */
.menu ul ul li {display:block;width:135px;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:15px;text-decoration:none;color:#4D5050;padding:0 25px 0 20px;}

.menu a.start, .menu a.start:visited {display:block;float:left;height:100%;font-size:15px;text-decoration:none;color:#4D5050;padding:0 30px 0 20px; background: transparent url(/default/images/home.png) no-repeat 20px 13px;}
.menu a.meine-daten, .menu a.hilfe, .menu a.praemien {padding:0 20px 0 5px!important;}

.menu a.login, .menu a.login:visited {display:block;float:left;height:100%;font-size:15px;text-decoration:none;color:#4D5050;padding:0 30px 0 20px; background:url(/default/images/bt_login.png) no-repeat 60px 1px;}
.menu a.logout, .menu a.logout:visited {display:block;float:left;height:100%;font-size:15px;text-decoration:none;color:#4D5050;padding:0 30px 0 5px; background:url(/default/images/bt_login.png) no-repeat 55px 1px;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;/* background:#cde0e1; */color:#4D5050;width:120px;height:100%;line-height:1em; padding:0.5em 0px 0.5em 20px; font-size:12px;}
.menu ul table ul a, .menu ul table ul a:visited,
.menu ul table ul a.login, .menu ul table ul a.login:visited,
.menu ul table ul a.logout, .menu ul table ul a.logout:visited   {width:130px; w\idth:120px;}
.menu ul table ul a.start, .menu ul table ul a.start:visited  {width:30px; w\idth:20px;}


/* style the table so that it takes no part in the layout - requred for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}
* html .menu a.start:hover, 
* html .menu a.login:hover  {position:relative;}

/* style the third level background */
/*.menu ul ul ul a, .menu ul ul ul a:visited {background:#ccc;}*/
/* style the fourth level background */
/*.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ddd;}*/
/* style the sub level 1 background */
.menu ul :hover a.sub1 {color:#e78f21;background: #e7eff0 url(/default/images/submenu-bg.png) repeat-x top left; }
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {color:#e78f21;background: #e7eff0 url(/default/images/submenu-bg.png) repeat-x top left; }

/* style the level hovers */
/* first */
.menu a:hover {color:#e78f21;}
.menu :hover > a {color:#e78f21;}
.menu a.login:hover,
.menu a.logout:hover {color:#e78f21; background-position: 60px -78px!important;}
.menu :hover > a.login {color:#e78f21; background-position: 60px -78px!important;}
.menu :hover > a.logout {color:#e78f21; background-position: 55px -78px!important;}

/* second */
.menu ul ul a:hover {color:#e78f21; background: #e7eff0 url('/default/images/submenu-bg.png') repeat-x left top;}

.menu ul ul :hover > a {color:#e78f21; background: #e7eff0 url('/default/images/submenu-bg.png') repeat-x left top;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; height:0; top:40px; left:0; width:135px;background: url('/default/images/t.gif') repeat-x left top;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:10px;
background: url(/default/images/menu-bg.png) repeat-x left top; z-index: 200;}

*html .menu ul li:hover ul, *html .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:45px;background: url(/default/images/menu-bg.gif) repeat-x left top; z-index: 200!important;} /* IE Hack */
/* eof mainNavi */
/* eof navigation  */


/*Piwik*/
iframe {
    font: 15px/120% Arial, Helvetica, sans-serif!important;
}