/* --------------------------------------------------------- */                                  /*   Copyright (c) 2009 by KB&B Advertising GmbH & Co. KG    */
/* --------------------------------------------------------- */

* { margin:0;padding:0; } /* css-margin-padding-reset */

/* Basic Elements */
html {margin: 0; padding:0; color: #000066;}

body {font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; background: #bee5fb url(../images/vdayBGrep.png) repeat top left; color:#000066!important; text-align:left;}

a {color:#0040C6; margin:0; padding:0;}
a:link {color:#0040C6; text-decoration:none!important; cursor:pointer; outline:none;}
a:visited {color: #005cab; text-decoration: none!important; cursor: pointer; }
a:hover {color:#e60000; text-decoration: underline; cursor: pointer;}
a:active {color:#e60000; text-decoration: none!important; cursor: pointer;}
a:focus {color: #CC0000; text-decoration: none!important; cursor: pointer;}
a:focus:hover {color: #CC0000; text-decoration: none!important; cursor: pointer;}
a:hover span{color:#e60000!important;}

/************** Headers *************/
h1, h2, h3, h4, h5, h6 {padding:4px 0 2px 0; margin: 0;}
h1 {font-size: 16px;}
h2 {font-size: 15px;color:#cc0000;}
h3 {font-size: 14px;color:#0040C6;}
h4,h5,h6 {font-size: 13px;}

p {font: 12px/16px Arial, Helvetica, sans-serif;padding:0;}
img { border: none;}

form {font: 12px Arial, Helvetica, sans-serif;}
input, textarea, fieldset, select { margin: 0; padding:1px 2px 2px 2px; border:1px solid #ccc;font: 12px  Arial, Helvetica, sans-serif; width:auto; outline: none;}
option [selected] { margin: 0; padding:1px 2px;  border:1px solid #ccc; font: 12px Arial, Helvetica, sans-serif; width:auto; outline: none;}
html body form select:focus { outline: none; }
label { font: 12px Arial, Helvetica, sans-serif; display:block; padding:3px 0 1px 0; margin:0;}
input.radio{width:auto!important; background-color: transparent!important;}
html body input[type="radio"]{border:none!important;margin-right:10px!important;}
input[type="hidden"]{height:1px!important; width:1px!important; margin: 0!important; padding: 0!important;clear: both!important; line-height: 1px!important; font-size: 1px!important;}

.submit-group {background: transparent url(../images/bt_send-left.png) no-repeat 0 5px;height :25px;padding:5px 0;}
.submit-group input#sender, .submit-group .previewButton {margin:0 5px 0 10px; color:#fff; width:auto; text-transform: uppercase; background: transparent url(../images/bt_send-right.png) no-repeat top right;cursor: pointer; /*font-weight: bold!important; */letter-spacing: 1px; border:none!important; padding:4px 25px 5px 10px; font: bold 11px/25px Arial, Helvetica, sans-serif!important;}
.submit-group input#sender:hover, .submit-group .previewButton:hover {margin:0 5px 0 10px; color:#fff; width:auto; text-transform: uppercase; background: transparent url(../images/bt_send-right-over.png) no-repeat top right;cursor: pointer; /*font-weight: bold!important; */letter-spacing: 1px; border:none!important; padding:4px 25px 5px 10px; font: bold 11px/25px Arial, Helvetica, sans-serif!important;}

/*jv @TODO: buttons sind in ie 7 <= kaputt werden per jQuery ausgetauscht*/
/*
/**html submit-group  {background: transparent url(../images/bt_send-left.gif) no-repeat 0 0;background: transparent url(../images/bt_send-left.png) no-repeat 0 0!important; height :25px;padding:0;} */ /*IE7 fix TODO */

/*.submit-group { border: 1px solid lime;}
.submit-group input#sender { border: 1px solid red!important; margin-left:-100px!important;}*/

/*jv*/

/* eof Basic Elements */

/* layout */
#pagewrapper {width:100%; position:absolute; text-align:center; z-index:100; margin:0; padding:0; top:0;} 

#page {margin-left: auto; margin-right: auto; width: 764px; text-align: left; position:relative;}

#backgroundOverlay{background-image:url(../images/bgTopGrad.png);background-repeat:repeat-x;width: 100%;height: 200px; position:absolute; z-index:10;  float: left;}

#ui-datepicker-div, #popeye2 {z-index: 1000!important;}

#container{margin:0;padding:0;display:block;width: 764px;}

#header {height:99px; width: 764px; margin:3px 0 3px 0; padding:0;clear: both; background: url(../images/header.png) no-repeat top left;}

#navigation{text-align: center; width:620px; float: right; margin-top:-34px; z-index: 2000!important; position: relative;} /* width:658px; for 5 NaviItems */

#servicerow {background: transparent url(../images/headerA.png) no-repeat top left; width:100%; height:34px; position: relative;}
*+html #servicerow {margin-top:-3px!important;}

#contentwrapper{height: 1%;width:760px;margin:-1px 2px 0 2px!important;padding:0; background: url(../images/bg_contentwrapp_top.png) no-repeat 0 0;}

.contentbg{ background-color: #fff!important;border-left:1px solid #ccc; border-right:1px solid #ccc;}

#contentwrapper .cornerbottom{display:block; width:100%; background: transparent url(../images/footer-cornertop.png) no-repeat -2px 0;margin:0;padding:0;}	

#primarycontent {width:570px;text-align:left;padding:5px 0;float:right; color: #000066!important; }

#leftcontent {float:left;margin:0;padding:5px 0;width:190px;}

#footer {padding:0;margin:0; text-align: center;}


/* eof layout */

/* header */
#countrySelector{margin:3px 0 0 3px;color: #005cab;font-size: 11px;}
#countrySelector a {color: #000066;}
#countrySelector a:hover{color:#e60000;}
#countrySelector img{ vertical-align: middle;display:block;float: left;padding-top: 1px;padding-right: 5px;}

#Logo { display:block; width:126px; height:99px; margin:0; padding:0;cursor: pointer;  background: transparent url(../images/headerMusicOverlay.png) no-repeat top left;}
a.btMusik{ display:block; width:126px; height:99px; margin:0; padding:0;cursor: pointer;  background: transparent url(../images/headerMusicOverlay.png) no-repeat top left;}
a.btMusik:hover{ background-position: 0 -99px;}

a.btCart{ margin:0; padding:0;cursor: pointer; color: #0040C6;font-size: 11px;}
a.btCart:hover{color:#e60000;}
#header span { margin:0; padding:0; cursor: pointer; color:#e60000; font-size: 11px;}
/*a{ margin:0; padding:0;cursor: pointer;font-size: 11px;}
a:hover{color:#e60000!important;}
a:hover span{color:#e60000!important;}*/

#header .logo{width:475px; height:55px; float:left; }
#header .logo a{display:block;cursor: pointer; width:100%;height:100%;}
#header .logo a:hover{text-decoration: none;}
/* eof header */

/* servicerow */
#servicerow .breadcrumbnav {float:left;width:700px;font-size: 12px; color:#005cab; padding-top:9px;padding-left:10px; white-space: nowrap;}
#servicerow .breadcrumbnav .crumbSeparator {float: left; font-size:10px; width:5px; display:block;padding:1px 5px;}
#servicerow .breadcrumbnav a.crumb,
#servicerow .breadcrumbnav a.aktiveCrumb{float:left; color:#005cab; display: inline; padding:1px;}
#servicerow .breadcrumbnav a.crumb:hover,
#servicerow .breadcrumbnav a.aktiveCrumb:hover{color:#005cab;text-decoration: underline;} 
#servicerow .breadcrumbnav a.aktiveCrumb{font-weight: bold!important;}
/* eof servicerow */

/* styles for #primarycontent + #sidecontent */
#primarycontent .contentbox{margin:0 5px 10px 5px; padding:0; line-height: 16px;}

/*jv*/

#primaryOneRow
{
	font-size:12px!important	
}

#primaryOneRow .pContent { padding-left: 10px;}

.inputHint {
	width: 75%;
	font-size: 11px;
	background-image: url(../images/infoblase.gif);
	background-repeat: no-repeat;
	padding-top: 10px;}

.inputHint .hintText {
	background-color: #ffffcc;
	border: 1px solid #ffcc00;
	border-top: 0;
	padding: 3px 6px;}


.checkbox-group {margin-top:2px; float: left; width: 20px;}
.checkbox-group label {float:left; display:inline;}
.checkbox-group .form_checkbox {float:left;}

#primarycontent textarea.mfield,
#primarycontent select.mfield,
#primarycontent input.mfield {border:1px solid #9a9bb0!important;background-color: #ffffed!important;}

#birthdayDay {
	width: 50px;
	float: left;	
}

#birthdayMonth {
	margin: 0 10px 0 10px;
	width: 80px;
	float: left;	
}

#birthdayYear {
	width: 120px;
	float: left;	
}

#Lottery{
	margin-right:10px; margin-top:20px; border-top:1px solid #005cab; padding-top:20px;
}

#Lottery h3{
	margin-left:0!important;  font-size: 15px; display: none;
}

/*#primarycontent .contentbox{ margin-bottom: 10px;line-height: 16px;}*/
#primarycontent .contentbox h2 {color:#cc0000;}
#primarycontent .contentbox a { text-decoration:underline;}
#primarycontent .contentbox p {padding: 0; line-height: 16px;}
#primarycontent .contentbox div.pContent,
#primarycontent .contentbox div.pTeasertext {padding: 10px 5px; font-size: 12px;  line-height: 16px;}
html body #primarycontent .pContent ul li{margin-left:15px;}

#primarycontent .contentbox img { margin: 15px 5px 5px 5px; }

html body #primarycontent .contentbox #List ul {margin-left:25px; list-style-position: outside; list-style: disc!important; font-size: 12px!important; margin-top:10px;}
html body #primarycontent .contentbox #List ol {margin-left: 25px; list-style-position: outside;}
html body #primarycontent .contentbox #List ul li{list-style: disc!important;}

/*
#primarycontent .contentbox div.pTeasertext {font: 12px Arial, Helvetica, sans-serif;}
*/
#primarycontent a {font: 12px Arial, Helvetica, sans-serif;/*!important*/}


#primarycontent .contentbox div.links { margin: 0 10px;}
#primarycontent .contentbox div.links a { display: block;}

/*jv*/

#primarycontent .contentlistgallery{margin:0;padding:0;}

#leftcontent .contentbox{margin:0;padding:0;}
#leftcontent .contentlistgallery{margin:0;padding:0;}
.pmHeadline {display: block;margin:0 5px;}

/*h2 {color:#cc0000;} 
h3 {color:#0040C6;}*/


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

#highscores{font: 12px Arial, Helvetica, sans-serif;} 


/* teaser */
#primarycontent .teaserLarge{padding:0;margin:5px; width:275px; background: transparent url(../images/teaserLarge_bottom.png) no-repeat bottom left!important; float:left;}
#primarycontent .teaserLarge .top {padding:0;margin:0;width:275px; display: block;
background: transparent url(../images/teaserLarge_top.png) no-repeat top left!important;}  

.teaserSmall,
#leftcontent .teaserLarge {padding:0;margin:5px 4px 5px 5px; width:180px;  background: transparent url(../images/teaserSmall_bottom.png) no-repeat bottom left!important; float:left;}
.teaserSmall .top,
#leftcontent .teaserLarge .top{padding:0;margin:0;width:180px;display: block; height: 210px;background: transparent url(../images/teaserSmall_top.png) no-repeat top left!important;}  	 

.teaserLarge h3,
.teaserSmall h3,
.teaserLarge h3 a,
.teaserSmall h3 a {color:#cc0000!important; font: bold 14px Arial, Helvetica, sans-serif!important;padding:8px 0 0 0!important;text-align: center; margin-bottom: 5px;}
.teaserLarge h4,
.teaserSmall h4,
.teaserLarge h4 a,
.teaserSmall h4 a{color:#cc0000!important; font: bold 13px Arial, Helvetica, sans-serif!important;padding:8px 0 0 0!important; text-align: center; margin-bottom: 5px;}

.teaserSmall .wrapp,
#leftcontent .teaserLarge .wrapp{text-align: center!important; clear: both;margin:0 5px;}
#primarycontent .teaserLarge .wrapp{text-align: left!important; clear: both;margin:0 5px;}

.teaserSmall .image,
#leftcontent .teaserLarge .image {text-align: center!important; margin-bottom:5px;} 
#primarycontent .teaserLarge .image{float:left!important;padding-right:5px;}

#primarycontent .teasertext,
#leftcontent .teasertext { font-size: 12px!important;}

#primarycontent .bottom,
#leftcontent .bottom{ text-align: right; padding:3px 10px!important; clear: both; margin-bottom:3px;}
#leftcontent .bottom a{font-size: 11px;}
 
/*.teaserSmall{padding:5px;width:auto;margin:5px 2px 5px 5px;
border:1px dashed #459fed;
	 -moz-border-radius: 5px;  
	 -moz-border-radius: 5px;
	 -khtml-border-radius: 5px;  
	 -khtml-border-radius: 5px; 
	 -webkit-border-radius: 5px;  
 	 -webkit-border-radius: 5px;  
 	  border-radius: 5px;}*/

/* eof teaser */

/* pagination */
.pagination {text-align:right; font-size: 11px; margin:0;padding:0;} 
.pagination .currentPage {/*color:#77dd00;*/ padding:0 5px;}
/* eof pagination */
	
/* buttons */

/* eof buttons */

/* eof styles for #primarycontent + #sidecontent */


/* diverse */
.noborder { border: none!important; }
.nobackground { background: none!important; }
.margin { margin: 8px!important; display: block;}
.nomargin { margin: 0!important; }

.margintop { margin: 8px 0 0 0;}
.size10{ font-size: 10px!important;}
.size11{ font-size: 11px!important;}
.marginleft { margin: 0 0 0 8px ; display: block; }

.floatleft { float: left; margin:0; padding:0;}
.floatright { float: right; margin:0; padding:0;}
.block { display:block; clear: both; padding:10px 0 0 0;}

.clearer { display: block!important; margin: 0!important; padding: 0!important; clear: both!important; line-height: 0!important;
	font-size: 0!important; height: 0!important; }
.clear {display: block!important; margin: 3px 0 5px 0!important; padding: 1px!important; clear: both!important;line-height: 1px!important; font-size: 1px!important; height: 1px!important;}
.none {position: absolute; left: -9999px; top: -9999px; display: inline; width: 0; height: 0; }

.caps{text-transform: uppercase;}
.alignright{text-align: right;}
.alignleft{text-align: left;}

.black{color:#000;}
.white{color:#fff;}

.cblue{color:#0000ff!important;}
.cred{color:#e60000!important;}
.cdodgerblue{color:#095cab!important;}
.cmidnightblue{color: #000066!important;}

.bgred{ background-color:#e60000!important;}
.bgblue{ background-color:#005cab!important;}
.bgroyalblue{ background-color:#1787e8!important;}
.bggreen { background-color:#28903a!important;} 

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

.borderdashed{display: block!important; margin:5px!important; padding:5px!important; clear: both!important;line-height: 0!important; font-size:0!important; height:0!important; border-bottom:1px dashed #f6f6ff;}

/* eof diverse */ 

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


/* forms */
.formbox{margin:10px;padding:0;}

.content-form {padding:5px 0; clear: both;margin-left: 10px;}

.element-group {padding:5px 0;}

.content-form input,
.content-form select{width:75%;}
.content-form textarea {width:75%;height:160px;}
.content-form .form-checkbox{width: auto;}
.content-form .hidden-group{display: none;}


#divCaptcha {padding:10px 0;margin:10px 0; width:auto; text-align:left; clear: both; border-top:1px solid #005cab;}
#divCaptcha img{margin:0 20px 0 0; float:right; border:1px solid #ccc; }
#divCaptcha #motiveCaptcha img{float:left;}

#divCaptcha input {margin:0;width:160px; float: none;}
.captchaTxt {font-size: 10px; width:175px; font-weight: normal; /*color:#888;*/ float:left; margin:0 0 8px 0; line-height: 11px;}

#errorsDiv {text-align: left; font-size: 11px!important;font-weight: normal;margin:5px;padding:5px;border:1px dashed #e60000; color:#e60000;}
html body #errorsDiv ul{ margin:0; padding:0;}	
html body #errorsDiv ul li{ margin:2px 0; padding:0; font-size:11px!important; list-style: inside; list-style-type: square;}	
.message {font-size: 11px!important;font-weight: normal;margin:5px;padding:5px;border:1px dashed #48a157; color:#48a157;}
.nodata {font-size: 11px!important;font-weight: normal;margin:5px;padding:5px;border:1px dashed #459fed; color:#459fed;}


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

/* EOF Lottery-Modul */
.flash {margin:0 0 5px 0;}
.flash span{font-size: 12px!important; color:#000066; text-align:left; display:block; padding:10px; background-color: #fff; margin-top:2px; 
border:1px solid #fff;
	 -moz-border-radius-topleft: 5px;  
	 -moz-border-radius-topright: 5px;
	 -khtml-border-radius-topleft: 5px;  
	 -khtml-border-radius-topright: 5px;
	 -webkit-border-radius-topleft: 5px; 
 	 -webkit-border-radius-topright: 5px; 
 	  border-radius-topleft: 5px;
 	  border-radius-topright:5px;} 
 	  
.flashError {font-size: 12px!important; color:#000066; text-align:left; padding:10px 0 10% 10px; background-color: #fff; 
border:1px solid #fff;
	 -moz-border-radius-bottomleft: 5px;  
	 -moz-border-radius-bottomright: 5px;
	 -khtml-border-radius-bottomleft: 5px;  
	 -khtml-border-radius-bottomright: 5px;
	 -webkit-border-radius-bottomleft: 5px; 
 	 -webkit-border-radius-bottomright: 5px; 
 	  border-radius-bottomleft: 5px;
 	  border-radius-bottomright:5px;}
.flashError p { font-size: 11px!important; margin:10px; width:70%;}
.flashError a {font-size: 11px!important; color:#0040C6; margin-left:10px;}
.flashError a img {margin:0 10px 0 0;}
.flashError a:hover {font-size: 11px; color:#ff0000; text-decoration: underline; }

/* #navigation */ 
/* ================================================================ 
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.

=================================================================== */
.menu {font-size:12px;/*padding-bottom:200px; */}
#navigation .menu a { text-decoration: none!important; cursor: pointer!important;}
#navigation .menu a:hover{ text-decoration: none!important;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height: 37px;}
/* style the sub-level lists */
.menu ul ul {width:90px; padding: 0 0 12px 0!important;}
/* 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: 37px;line-height:37px;text-align:left!important;margin-left:3px;width:110px;}
* html .menu ul li {float:left;height: 37px;line-height:37px;text-align:left!important;margin-left:3px;width:90px;}
/* style the sub level list items */
.menu ul ul li {display:block;width:13em;height:auto;position:relative;line-height:1em;margin-left:0px;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:12px;text-decoration:none;color:#fff;padding:0 5px 0 1em;}
/* style the sub level links    */
.menu ul ul a, .menu ul ul a:visited {display:block; color:#fff;width:13.4em; height:100%;line-height:1em; padding:0.5em 0.8em; font-size:13px!important;}
.menu ul table ul a, .menu ul table ul a:visited  {width:15em; w\idth:174px;}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:12px; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}
.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}
/* style the sub level 1 background - @TODO color für 2Sublevel  */
.menu ul :hover a.sub1 {background:#ccc;}
/* style the level hovers */

/*jv*/
.menu ul ul { /*border: 1px solid lime; */width: 200px!important;}
/*jv*/

/* first red */
.menu .red {background: transparent url(../images/t.gif);}
.menu .red a {color:#fff!important;}
.menu .red a:hover {color:#fff!important;}
.menu .red :hover > a {color:#fff!important;background: transparent url(../images/nav_sub_red_hover.gif) repeat-y top left!important;}
/* second */
.menu .red ul ul a:hover{color:#fff!important;background:#e60000;} 
.menu .red ul ul :hover > a {color:#fff!important;background:#e60000;}
/* maintabs img  */
.menu ul li.red a.tab{background: transparent url(../images/nav_main_Shop.png) no-repeat 0 0!important; background: transparent url(../images/nav_main_Shop.gif) no-repeat 0 0;width:110px;}
.menu ul li.red a.tab:hover{ background-position: 0 -45px!important;}
/* ie6 fixes */
* html .menu ul li.red a.tab{width:100%;} 
* html .menu li.red a.tab a:hover {color:#fff!important;background: transparent url(../images/nav_sub_red_hover.gif) repeat-y top left!important;}
/* corners  */
.menu ul li.red:hover ul,
.menu ul li.red a:hover ul {background: transparent url(../images/subnav_corred_bottom.png) no-repeat bottom left!important;background: transparent url(../images/subnav_corred_bottom.gif) no-repeat bottom left;}
/* first blue */
.menu .blue {background: transparent url(../images/t.gif);}
.menu .blue a {color:#fff!important;}
.menu .blue a:hover {color:#fff!important;}
.menu .blue :hover > a {color:#fff!important;background: transparent url(../images/nav_sub_blue_hover.gif) repeat-y top left!important;}
/* second */
.menu .blue ul ul a:hover{color:#fff!important;background:#275aaa;} 
.menu .blue ul ul :hover > a {color:#fff!important;background:#275aaa;}
/* maintabs img  */
.menu ul li.blue a.tab{background: transparent url(../images/nav_main_LadenSuche.png) no-repeat 0 0!important;background: transparent url(../images/nav_main_LadenSuche.gif) no-repeat 0 0;width:110px;}
.menu ul li.blue a.tab:hover{ background-position: 0 -45px!important; }
/* ie6 fixes */
* html .menu ul li.blue a.tab{width:100%;}  
* html .menu li.blue a.tab a:hover {color:#fff!important;background: transparent url(../images/nav_sub_blue_hover.gif) repeat-y top left!important;}
/* corners  */
.menu ul li.blue:hover ul,
.menu ul li.blue a:hover ul {background: transparent url(../images/subnav_corblue_bottom.png) no-repeat bottom left!important;background: transparent url(../images/subnav_corblue_bottom.gif) no-repeat bottom left;}
/* first green */
.menu .green {background: transparent url(../images/t.gif);}
.menu .green a {color:#fff!important;}
.menu .green a:hover {color:#fff!important;}
.menu .green :hover > a {color:#fff!important;background: transparent url(../images/nav_sub_green_hover.gif) repeat-y top left!important;}
/* second */
.menu .green ul ul a:hover{color:#fff!important;background:#48a157;} 
.menu .green ul ul :hover > a {color:#fff!important;background:#48a157;}
/* maintabs img  */
.menu ul li.green {float:left;height: 37px;line-height:37px;text-align: left!important;margin-left:3px;}
/** html .menu ul li.green {width:110px!important;} sonderbreite f�r Tab green */
.menu ul li.green a.tab{background: transparent url(../images/nav_main_Party.png) no-repeat 0 0!important;background: transparent url(../images/nav_main_Party.gif) no-repeat 0 0; width:110px;}
.menu ul li.green a.tab:hover{ background-position: 0 -45px!important; }
/* ie6 fixes */
* html .menu ul li.green a.tab{width:100%;} 
* html .menu li.green a.tab a:hover {color:#fff!important;background: transparent url(../images/nav_sub_green_hover.gif) repeat-y top left!important;}
/* corners  */
.menu ul li.green:hover ul,
.menu ul li.green a:hover ul {background: transparent url(../images/subnav_corgreen_bottom.png) no-repeat bottom left!important;background: transparent url(../images/subnav_corgreen_bottom.gif) no-repeat bottom left;}
/* first royalblue */
.menu .royalblue {background: transparent url(../images/t.gif);}
.menu .royalblue a {color:#fff!important;}
.menu .royalblue a:hover {color:#fff!important;}
.menu .royalblue :hover > a {color:#fff!important;background: transparent url(../images/nav_sub_royblue_hover.gif) repeat-y top left!important;}
/* second */
.menu .royalblue ul ul a:hover{color:#fff!important;background:#459fed;} 
.menu .royalblue ul ul :hover > a {color:#fff!important;background:#459fed;}
/* maintabs img  */
.menu ul li.royalblue a.tab{background: transparent url(../images/nav_main_Spiel.png) no-repeat 0 0!important; background: transparent url(../images/nav_main_Spiel.gif) no-repeat 0 0;width:110px;}
.menu ul li.royalblue a.tab:hover{ background-position: 0 -45px!important; }
/* ie6 fixes */
* html .menu ul li.royalblue a.tab{width:100%;} 
* html .menu li.royalblue a.tab a:hover {color:#fff!important;background: transparent url(../images/nav_sub_royblue_hover.gif) repeat-y top left!important;}
/* corners  */
.menu ul li.royalblue:hover ul,
.menu ul li.royalblue a:hover ul {background: transparent url(../images/subnav_corroyblue_bottom.png) no-repeat bottom left!important;background: transparent url(../images/subnav_corroyblue_bottom.gif) no-repeat bottom left;}

/* first indigo */
.menu .indigo {background: transparent url(../images/t.gif);}
.menu .indigo a {color:#fff!important;}
.menu .indigo a:hover {color:#fff!important;}
.menu .indigo :hover > a {color:#fff!important;background: transparent url(../images/nav_sub_indigo_hover.gif) repeat-y top left!important;}
/* second */
.menu .indigo ul ul a:hover{color:#fff!important;background:#4844a9;} 
.menu .indigo ul ul :hover > a {color:#fff!important;background:#4844a9;}
/* maintabs img  */
.menu ul li.indigo a.tab{background: transparent url(../images/nav_main_UeberUns.png) no-repeat 0 0!important; background: transparent url(../images/nav_main_UeberUns.gif) no-repeat 0 0;width:110px;}
.menu ul li.indigo a.tab:hover{ background-position: 0 -45px!important; }
/* ie6 fixes */
* html .menu ul li.indigo a.tab{width:100%;} 
* html .menu li.indigo a.tab a:hover {color:#fff!important;background: transparent url(../images/nav_sub_indigo_hover.gif) repeat-y top left!important;}
/* corners  */
.menu ul li.indigo:hover ul,
.menu ul li.indigo a:hover ul {background: transparent url(../images/subnav_corindigo_bottom.png) no-repeat bottom left!important;background: transparent url(../images/subnav_corindigo_bottom.gif) no-repeat bottom left;}

/* 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:37px;left:2px;width:15em;}
/* 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:3em; background:transparent url(../images/t.gif);color:#fff!important; z-index: 2000!important;}
/* corners */
.menu ul ul li.cornertop,
.menu ul ul li.cornertop{margin:0!important;padding:0!important;height: 7px!important;}
.menu ul ul li.cornertop img,
.menu ul ul li.cornertop img{margin:0 0 0 1px!important;padding:0!important; float: left;}
*+html .menu ul ul li.cornertop img{margin-left:0!important;}
.menu .none {display: block!important; margin:0!important; padding: 0!important; clear: both!important; line-height: 0!important;font-size: 0!important; height: 0!important;}
/* EOF #navigation */ 

/* #naviSub */

html body ul#naviSub { margin:0; padding:0;}
html body ul#naviSub li { padding:0;margin:0; list-style: inside; list-style: none;}
*+html body ul#naviSub li {list-style: outside;}

ul#naviSub li a{ padding:2px;margin:2px 2px 2px 0; font-size: 12px; background-color: #f6f6ff; color: #000066; display: block; font-weight: bold;}
ul#naviSub li a:hover{background-color:#e6e1ff; text-decoration: none; color: #000066!important; }

*+html ul#naviSub li a,
*+html ul#naviSub li a.subNavAktiv{width:178px;}

ul#naviSub li a.subNavAktiv{ padding:2px;margin:2px 2px 2px 0; font-size: 12px; background-color: #275aaa; color: #fff; display: block; font-weight: bold;}
ul#naviSub li a.subNavAktiv:hover{background-color:#e6e1ff; text-decoration: none; color: #000066!important; }

ul#naviSub ul.level2 li a{ padding:2px 2px 2px 8px;margin:2px 2px 2px 0; font-size: 12px; background-color: #fff; color: #000066; display: block; font-weight: normal!important;}
ul#naviSub ul.level2 li a:hover{background-color: #f6f6ff;display: block;color: #000066!important;}

ul#naviSub ul.level2 li a.aktive { padding:2px 2px 2px 8px;margin:2px 2px 2px 0; font-size: 12px; background-color: #f6f6ff; color:#0040C6; display: block; font-weight: normal!important; color: #000066!important;}


/* EOF #naviSub */
/* footernavi */
.footernavi {background: url(../images/footer-cornerbottom.png) no-repeat bottom left!important;margin:0; height: 1%;}

html body #footer .footernavi ul { list-style: none; margin:0; padding:0;}
html body #footer .footernavi li { padding:0;margin:0;}

.footernavi h4 {color: #000066!important; margin:0; padding:0; text-align: left; font-size: 12px;}
.footernavi h4 a { color: #000066!important; font-weight:bold!important;  font-size:13px;}
.footernavi h4 a:hover { text-decoration: underline!important; font-weight: bold!important;}
.footernavi a { color: #005cab; font-weight: normal!important; margin:0; padding:0;  font-size:12px;/* line-height: 100%;*/}
.footernavi a:hover { color: #005cab!important; text-decoration: underline!important; font-weight: normal!important;}

.footernavi .column{ text-align: left;float: left; margin: 10px 0 10px 20px; border-right:1px solid #999; height:130px; width: 230px; padding:0; }

#footer .footernavi  ul li a[href ^="http://www.facebook.com/baerenmacher"] {background: transparent url(../images/facebook.png) no-repeat 0 2px!important; padding: 5px 0 5px 35px; line-height: 25px; height: 30px!important; }  

/* EOF footernavi */



/*jv*/
#popup #container {width: auto; margin: 0;padding:0;}
#popup #contentwrapper {width: auto; margin: 0;padding:0;}

#popup .flash{width: auto;   margin:0!important; padding:0!important;}
/*jv*/

.wpwrapper { margin:10px 0 0 0!important; text-align: center!important;}
.wpdiv { float: left; width: 100px; height: 100px; margin:2px; text-align: center; font-size: 12px; }
.wpdiv a { display: block;} 
.wpdiv a img { display: block; clear: both;}

.tableview {margin-top:0px;}
.tableview th{text-align: left;background-color: #e6e1ff; text-transform: uppercase; font-size: 11px; padding:1px 5px; letter-spacing: 1px;}
.tableview tr.row_1{background-color: #f6f6ff!important;}
.tableview tr.row_0{background-color: #ffffcc!important;}
.tableview td{padding:1px 5px;}

/* Liste */
html body 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 #primarycontent .contentbox ul#List {margin:10px 10px 0 5px!important;}
html body ul#List li{ margin:0 0 5px 0!important; padding:0 0 5px 0!important; border-bottom: 1px dashed #f6f6ff; list-style: none!important; }

ul#List h2, ul#List h2 a {font: bold  15px/130% Arial, Helvetica, sans-serif!important; text-decoration:none; margin:0; padding:0;color:#cc0000;}
ul#List h2 a:hover {font: bold  15px/120% Arial, Helvetica, sans-serif!important; text-decoration:none; margin:0; padding:0;color:#cc0000;}

ul#List h3, ul#List h3 a {font: bold 14px/100% Arial, Helvetica, sans-serif!important; text-decoration:none; margin:0; padding:0;color:#0040C6; }
ul#List h3 a:hover {font: bold 14px/100% Arial, Helvetica, sans-serif!important; text-decoration:none; margin:0; padding:0;color:#cc0000; }

.date{ font: normal 11px/130% Arial, Helvetica, sans-serif!important; color:#ec4040; margin:0; padding:0; display:block;}

.datum{ font: normal 11px/130% Arial, Helvetica, sans-serif!important; color:#ec4040; margin:0 0 0 5px; padding:0; display:block;}

ul#List .itemtxt {margin-top:10px;}
ul#List .itemImage { margin:0; padding:0!important; display:block; float: right; margin-top:-10px!important;}
ul#List .faqItem { margin:0!important; padding:0!important;}

#List a.link,
html body ul#List a.link{color:#0040C6;text-decoration:none!important; cursor:pointer;outline:none; }
#List a.link:hover,
html body ul#List a.link:hover{color:#e60000; text-decoration: underline; cursor: pointer;}

.elements{margin-left:5px;}

a.btTop{ display:block; margin:0 10px 0 0; padding:0 15px 0 0!important;cursor: pointer;  background: transparent url(../images/arrow_top.png) no-repeat top right;}
a.btBottom{display:block; margin:0 0 0 5px; padding:0 0 0 15px!important; cursor: pointer;  background: transparent url(../images/arrow_bottom.png) no-repeat top left;}
a.btBack {display:block; margin:0 0 0 5px; padding:0 0 0 15px!important; cursor: pointer;  background: transparent url(../images/arrow_back.png) no-repeat top left;}
a.btForward {display:block; margin:0 0 0 5px; padding:0 0 0 15px!important; cursor: pointer;  background: transparent url(../images/arrow_forward.gif) no-repeat top left;}
a.activation {margin:0 5px; padding:0 0 0 12px!important; cursor: pointer;  background: transparent url(../images/arrow_forward.gif) no-repeat top left;}
a.btTop:hover { background-position: right -18px;}
a.btBottom:hover, a.btBack:hover, a.btForward:hover, a.activation:hover  { background-position: left -18px;}

a.clink {font-weight: bold!important; padding-right: 8px; color:#e60000; } 
a.clink:hover{font-weight: bold!important; color:#e60000;}
a.blink {font-weight: normal!important;  padding-right: 8px; } 
a.blink:hover{font-weight: normal!important; color:#e60000!important;}

/*jv*/
.errorHint {
	width: 350px;
	font-size: 11px;
	background-image: url(../images/infoblase.png);
	background-repeat: no-repeat;
	
	padding-top: 10px;	
	
	/*background-color: #ffcc00;*/
}

.errorHint .hintText {
	color: red;
	background-color: #ffffcc;
	border: 1px solid #ffcc00;
	border-top: 0;
	padding: 2px 4px;
		
}