@charset "utf-8";
/* CSS Document */
@import url(reset.css);

.tx-newloginbox-pi1{
	/* Wenn hier hier Position:Absolute machst, ist die newlogin-pi1 div NICHT innerhalb der
		dropdown loginform div.....
	position:absolute;
	top:10px;
	left:10px;*/
	width:253px;
	xpadding:10px;
	display:block;
}
.tx-newloginbox-pi1 h3{
font-size:14px;
font-weight:bold;
margin:0 0 10px 0;
font-family:Tahoma, Geneva, sans-serif;
}
.tx-newloginbox-pi1 p{
font-size:12px;
line-height:16px;
margin:0 0 10px 0;
font-family:Tahoma, Geneva, sans-serif;
}
.tx-newloginbox-pi1 form{
width:252px;
}
.tx-newloginbox-pi1 form label{
font-size:12px;
display:block;
margin:0 0 3px 0;
font-weight:bold;
font-family:Tahoma, Geneva, sans-serif;
}
.tx-newloginbox-pi1 form input{
font-size:12px;
width:246px;
margin:0 0 10px 0;
padding:0;
font-family:Tahoma, Geneva, sans-serif;
}
.tx-newloginbox-pi1 form input.submit{
width:252px;
padding:0 10px;
font-family:Tahoma, Geneva, sans-serif;
}
p.boLoginformForgotPassword a{
color:#545454;
}

.tx-newloginbox-pi1 form input#permalogin{
	float:left;
	width:auto;
	border:none;
	background:none;
}

.tx-newloginbox-pi1 form label.permLogin{
display:inline;
margin:0 0 0 10px;
}
.tx-newloginbox-pi1 span#user{
}
.tx-newloginbox-pi1 span#logout{
}

*{
	font-family:Tahoma, Geneva, sans-serif;
	color:#545454;
}

body{
	text-align:center;
	margin:0 auto;
	font-family:Tahoma, Geneva, sans-serif;
}

#mainHeader{
	width:100%;
	height:180px;
	display:block;
	margin:0;
	background-color:#EAF2D9;
	border-bottom:1px solid #ccc;
}
#landingPageBadge{
	width:176px;
	height:178px;
	dispaly:block;
	background:url(/fileadmin/user_upload/landingPages/earlyadopters/badge.png) left top no-repeat;
	position:absolute;
	top:30px;
	left:30px;
}
#mainTrailer{
	width:100%;
	height:auto;
	display:block;
	margin:0;
	xbackground:#fff;
	padding:30px 0 0 0;
}
#mainContent{
	width:100%;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	background:#fff;
}
#mainNews{
	width:100%;
	height:auto;
	display:block;
	margin:0;
	background:#ccc;
}
#mainFooter{
	width:100%;
	height:auto;
	display:block;
	margin:0;
	background:#545454;
	color:#fff;
	padding:0 0 30px 0;
}
#header,
#trailer,
#content,
#news,
#footer{
	height:auto;
	width:960px;
	display:block;
	margin:0 auto;
	position:relative;
	text-align:left;
	padding:10px;
	position:relative;
	color:#fff;
	font-size:12px;
}
#content{
	border-:1px solid #ccc;
	width:990px;
	xbackground-color:#369;
}
#news{
	border-bottom:1px solid #bbb;
	width:990px;
	xpadding:20px;
}
#footer{
	xborder-bottom:1px solid #aaa;
}

#language{
position:absolute;
top:20px;
left:100px;
}

ol{
	margin:0 0 0 20px;
}

ol li{
	list-style-type:decimal;
	line-height:20px;
}

ul#langSelector{
}

 ul#langSelector li{
	float:left;
	xwidth:100px;
	xheight:100px;
	dispaly:block;
	display:inline;
}
 ul#langSelector li a{
	 text-decoration:none;
 }
 ul#langSelector li a img{
	 border:none;
 }


#langSelector ul li a{
	display:inline;
}

#logo{
	width:auto;
	height:auto;
	display:block;
	margin:20px 0 0 10px;
}
#topMenu{
	position:absolute;
	right:10px;
	top:10px;
	padding:0 0 5px 0;
	border-bottom:1px dashed #ccc;
	
}
ul.footerMenu{
	display:inline;
	margin:0 0 0 5px;
}
#topMenu ul li,
ul.footerMenu li{
	display:inline;
}
#topMenu ul li a,
ul.footerMenu li a{
	display:inline;
	font-size:12px;
	text-decoration:none;
}
ul.footerMenu li a{
color:#fff;
}
ul.footerMenu li a.active{
color:#ccc;
}
#startMenu{
	position:absolute;
	left:380px;
	top:68px;
	
}
#startMenu ul li{
	display:inline;
	margin:0 20px 0 0;
	font-size:12px;
}
#startMenu ul li a{
	text-decoration:none;
	color:#545454;
}
#mainMenu{
	margin:20px auto 0 auto;
	width:980px;
	height:60px;
	display:block;
	position:absolute;
	top:111px;
	left:10px;
}
#mainMenu ul li,
.mybao ul.myBoMenu li{
	display:inline;
	margin:0 0 0 0;
	float:left;
	
}
#mainMenu ul li a,
.mybao ul.myBoMenu li a{
	background:url(../images/box/tab/passive-left.png) left top no-repeat;
	xborder:1px solid #ff0000;
	height:50px;
	width:auto;
	display:block;
	text-decoration:none;

	font-size:14px;
	font-weight:bold;
}
#mainMenu ul li a span,
.mybao ul.myBoMenu li a span{
	display:inline;
	width:auto; 
	padding:25px 20px 0 0;
	height:25px;
	display:block;
	margin:0 0 0 20px;
}
#mainMenu ul li a:hover,
#mainMenu ul li a.active,
.mybao ul.myBoMenu li a:hover,
.mybao ul.myBoMenu li a.active{
	background:url(../images/box/tab/active-left.png) left top no-repeat;
}
.mybao ul.myBoMenu li.first a{
	background:url(../images/box/tab/passive-left-fff-mybao.png) left top no-repeat;
}
.mybao ul.myBoMenu li.first a:hover,
.mybao ul.myBoMenu li.first a.active{
	background:url(../images/box/tab/active-left-fff-mybao.png) left top no-repeat;
}
.mybao ul.myBoMenu li.first a span,
.mybao ul.myBoMenu li.first a:hover span,
.mybao ul.myBoMenu li.first a.active span{
	margin:0 0 0 11px;
}


#mainMenu ul li a:hover span,
#mainMenu ul li a.active span,
.mybao ul.myBoMenu li a:hover span,
.mybao ul.myBoMenu li a.active span{
	background:url(../images/box/tab/active-right.png) right top no-repeat; 
	padding:18px 20px 0 0;
	height:32px;
}
#mainMenu ul li ul.subMenu{
	background:#fff;
	position:absolute;
	top:60px;
	left:0px;
	display:block;
	padding:0 0 10px 10px;
	border-bottom:1px dashed #ccc;
	width:950px;
}
#mainMenu ul li ul.subMenu li{
	display:block;
	margin:0 20px 0 0;
	position:relative;
	
}
#mainMenu ul li ul.subMenu li a{
	background:none;
	xborder:1px solid #ff0000;
	height:auto;
	width:auto;
	display:block;
	font-size:12px;
	padding:0 0 0 14px;
	background:url(../images/subMenu.gif) left 2px no-repeat;
}
#mainMenu ul li ul.subMenu li a.active{
	background:url(../images/subMenuAct.gif) left 2px no-repeat;
	color:#9DBA5D;
}
#mainMenu ul li ul.subMenu li a:hover{
	background:url(../images/subMenuHov.gif) left top no-repeat;
}

.footerMenu{

}
/* DEFAULT GREY*/
.ro {
	background:url(../images/box/grey-ro.png) top right no-repeat;
	margin:0;
	padding:0;
	xborder:1px solid #0F3;
	width:auto;
}

.lo {
	background:url(../images/box/grey-lo.png) top left no-repeat;
	margin:0;
	padding:0;
}

.ru {
	background:url(../images/box/grey-ru.png) bottom right no-repeat;
	margin:0;
	padding:0;
}

.lu {
	background:url(../images/box/grey-lu.png) bottom left no-repeat;
	margin:0;
	padding:0;
}
.inhalt{
	padding:20px;
	xborder:1px solid #ff00ff;
}
/* GREEN */
.green .ro {
	background-image:url(../images/box/green-ro.png);
}
.green .lo {
	background-image:url(../images/box/green-lo.png);
}
.green .ru {
	background-image:url(../images/box/green-ru.png);
}
.green .lu {
	background-image:url(../images/box/green-lu.png);
}
/* ORANGE */
.orange .ro {
	background-image:url(../images/box/orange-ro.png);
}
.orange .lo {
	background-image:url(../images/box/orange-lo.png);
}
.orange .ru {
	background-image:url(../images/box/orange-ru.png);
}
.orange .lu {
	background-image:url(../images/box/orange-lu.png);
}
/* BLUE */
.blue .ro {
	background-image:url(../images/box/blue-ro.png);
}
.blue .lo {
	background-image:url(../images/box/blue-lo.png);
}
.blue .ru {
	background-image:url(../images/box/blue-ru.png);
}
.blue .lu {
	background-image:url(../images/box/blue-lu.png);
}
/* PURPLE */
.purple .ro {
	background-image:url(../images/box/purple-ro.png);
}
.purple .lo {
	background-image:url(../images/box/purple-lo.png);
}
.purple .ru {
	background-image:url(../images/box/purple-ru.png);
}
.purple .lu {
	background-image:url(../images/box/purple-lu.png);
}
/* darkerGrey */
.darkerGrey .ro {
	background-image:url(../images/box/darkerGrey-ro.png);
}
.darkerGrey .lo {
	background-image:url(../images/box/darkerGrey-lo.png);
}
.darkerGrey .ru {
	background-image:url(../images/box/darkerGrey-ru.png);
}
.darkerGrey .lu {
	background-image:url(../images/box/darkerGrey-lu.png);
}
/* darkGrey */
.darkGrey .ro {
	background-image:url(../images/box/darkGrey-ro.png);
}
.darkGrey .lo {
	background-image:url(../images/box/darkGrey-lo.png);
}
.darkGrey .ru {
	background-image:url(../images/box/darkGrey-ru.png);
}
.darkGrey .lu {
	background-image:url(../images/box/darkGrey-lu.png);
}

/* boxes on background ccc */

/* DEFAULT GREY*/
#mainNews .ro {
	background:url(/fileadmin/lib/images/box/ccc/grey-ro.png) top right no-repeat;
	margin:0;
	padding:0;
	xborder:1px solid #0F3;
	width:auto;
}
#mainNews .lo {
	background:url(/fileadmin/lib/images/box/ccc/grey-lo.png) top left no-repeat;
	margin:0;
	padding:0;
}
#mainNews .ru {
	background:url(/fileadmin/lib/images/box/ccc/grey-ru.png) bottom right no-repeat;
	margin:0;
	padding:0;
}
#mainNews .lu {
	background:url(/fileadmin/lib/images/box/ccc/grey-lu.png) bottom left no-repeat;
	margin:0;
	padding:0;
}
/* GREEN */
#mainNews .green .ro {
	background-image:url(../images/box/ccc/green-ro.png);
}
#mainNews .green .lo {
	background-image:url(../images/box/ccc/green-lo.png);
}
#mainNews .green .ru {
	background-image:url(../images/box/ccc/green-ru.png);
}
#mainNews .green .lu {
	background-image:url(../images/box/ccc/green-lu.png);
}
/* ORANGE */
#mainNews .orange .ro {
	background-image:url(../images/box/ccc/orange-ro.png);
}
#mainNews .orange .lo {
	background-image:url(../images/box/ccc/orange-lo.png);
}
#mainNews .orange .ru {
	background-image:url(../images/box/ccc/orange-ru.png);
}
#mainNews .orange .lu {
	background-image:url(../images/box/ccc/orange-lu.png);
}
/* BLUE */
#mainNews .blue .ro {
	background-image:url(../images/box/ccc/blue-ro.png);
}
#mainNews .blue .lo {
	background-image:url(../images/box/ccc/blue-lo.png);
}
#mainNews .blue .ru {
	background-image:url(../images/box/ccc/blue-ru.png);
}
#mainNews .blue .lu {
	background-image:url(../images/box/ccc/blue-lu.png);
}
/* PURPLE */
#mainNews .purple .ro {
	background-image:url(../images/box/ccc/purple-ro.png);
}
#mainNews .purple .lo {
	background-image:url(../images/box/ccc/purple-lo.png);
}
#mainNews .purple .ru {
	background-image:url(../images/box/ccc/purple-ru.png);
}
#mainNews .purple .lu {
	background-image:url(../images/box/ccc/purple-lu.png);
}
/* darkerGrey */
#mainNews .darkerGrey .ro {
	background-image:url(../images/box/ccc/darkerGrey-ro.png);
}
#mainNews .darkerGrey .lo {
	background-image:url(../images/box/ccc/darkerGrey-lo.png);
}
#mainNews .darkerGrey .ru {
	background-image:url(../images/box/ccc/darkerGrey-ru.png);
}
#mainNews .darkerGrey .lu {
	background-image:url(../images/box/ccc/darkerGrey-lu.png);
}
/* darkGrey */
#mainNews .darkGrey .ro {
	background-image:url(../images/box/ccc/darkGrey-ro.png);
}
#mainNews .darkGrey .lo {
	background-image:url(../images/box/ccc/darkGrey-lo.png);
}
#mainNews .darkGrey .ru {
	background-image:url(../images/box/ccc/darkGrey-ru.png);
}
#mainNews .darkGrey .lu {
	background-image:url(../images/box/ccc/darkGrey-lu.png);
}

#mainNews .inhalt{
	min-height:180px;
}
/*Image Wrap*/

.noBox .inhalt{
xbackground-color:#ff00ff;
margin:0;
padding:0;
text-align:center;
}
/*we need a new template for elements like banner*/

.noBox .inhalt .csc-textpic-center img
{
margin:0 auto;
xborder:1px solid #ff0000;
}

div.image{
	float:left;
}
div.imageNoFloat,
div.imageNoFloat div.image{
	float:none;
}
div.imageLeft,
div.imageLeft div.image{
float:left;
}

/*image left text right*/
.csc-textpic-left dt{
float:left;
margin:0 10px 10px 0;
}
.csc-textpic-left csc-textpic-text{
	
}

/*image float left around the text*/
.csc-textpic-intext-left dt{
	float:left;
}
.csc-textpic-intext-left csc-textpic-text{
	float:none;
	border:1px solid #ff0000;
}


#mainNews .inhalt .csc-textpic-text{
	xborder:1px solid #ff00ff;
	float:right;
	width:130px;
}
.contentRight .csc-textpic-left .csc-textpic-text,
.contentRight .csc-textpic-left .inhalt .csc-textpic-text,
#news .inhalt .csc-textpic-left .csc-textpic-text{
	xborder:1px solid #ff00ff;
	float:right;
	width:125px;
	xborder:1px solid #ff00ff;
	xmargin:5px 0 0 0;
}
#news .newsL .inhalt .csc-textpic-text,
#news .newsM .inhalt .csc-textpic-text{
	xborder:1px solid #ff00ff;
	xfloat:right;
	width:170px;
	xborder:1px solid #ff0000;
}
.one3{
width:300px;
float:left;
}

.two3{
width:600px; 
float:left;
}

.three3{
width:600px; 
float:left;
}

.clear{
	clear:both;
}

#trailer{
	background:url(/fileadmin/lib/images/box/trailer/top-left.png) left top no-repeat #ccc;
	width:990px;
	height:auto;
	margin:30px auto 0 auto;
	padding:0;
}
#trailer .wrap{
	width:auto;
	height:160px;
	display:block;
	}
#trailer .noHeader{
	width:auto;
	height:32px;
	display:block;
	}

#trailer .start{
width:auto;
height:376px;
display:block;
}
.wrap .left{
height:192px;
width:703px;
display:block;
float:left;
}

.start .left{
	width:702px;
	height:376px;
	float:left;
	background:url(../images/test/trailer.png) no-repeat top left;
	border-right:1px solid #fff;
}

#trailer #leftTrailer,		
#trailer #rightTrailer{
	width:325px;
	height:316px;
	display:block;
	float:left;
	margin:23px 0 0 15px;
	background:url(/fileadmin/lib/images/test/trailerBoxLeft.png) top left no-repeat;
	position:relative;
}
#trailer #leftTrailer p img,
#trailer #rightTrailer p img{
float:left;
margin:0 15px 0 0;
}
#trailer #rightTrailer p img{
bottom:20px;
}
/*container for button*/
#trailer #leftTrailer div.link p img,
#trailer #rightTrailer div.link p img{
float:left;
margin:0 10px 0 0;
position:absolute;
bottom:40px;
left:120px;
}
#trailer #rightTrailer div p img{
bottom:20px;
}
#trailer #rightTrailer{
	float:right;
	margin:25px 15px 0 0;
	background:url(/fileadmin/lib/images/test/trailerBoxRight.png) top left no-repeat;
	position:relative;
}
#trailer #leftTrailer h1,
#trailer #rightTrailer h1{
color:#9fc850;
font-weight:normal;
font-size:20px;
margin:15px 20px 15px 20px;
padding:0;
line-height:30px;
}
#trailer #rightTrailer h1{
color:#f8b333;
}
#trailer #leftTrailer p,
#trailer #rightTrailer p{
	font-size:12px;
	color:#545454;
	line-height:20px;
	margin:0 20px 10px 20px;
}

#trailerImage{
	/* FLO */
	position:absolute;
	top:30px;
	left:0px;
	height:346px;
	width:285px;
	/*background-image:url(/fileadmin/lib/images/trailertest_flo/2.png);*/
	background-color: #cccccc;
	/*height:376px;
	width:283px;*/
	display:block;
}

#trailerImage img {
	border:0;
	margin:0;
	padding:0;
	height:346px;
	width:285px;
}

.tl,
.tr,
.bl,
.br{
	height:10px;
	width:10px;
	display:block;
	position:absolute;
}
.tl{
	background:url(../images/box/trailer/top-left.png) left top no-repeat;
	top:0;
	left:0;
	
}
.tr{
	background:url(../images/box/trailer/top-right.png) left top no-repeat;
	top:0;
	right:0;
	
}
.bl{
	background:url(../images/box/trailer/bottom-left.png) left top no-repeat;
	bottom:0;
	left:0;
}
.br{
	background:url(../images/box/trailer/bottom-right.png) left top no-repeat;
	bottom:0;
	right:0;
	z-index:2;
}

.boTrailerTopLeft{
	height:30px;
	width:auto;
	display:block;
	border-bottom:1px solid #545454;
	background-color:#e1d2df;
	xbackground-color:#b590af;
	background-color:#ccc;
}
.left h1{
	margin:10px 0 0 10px;
	color:#777;
	font-weight:bold;
	padding:0 0 5px 10px;	
}
.left h2{
	margin:20px 0 0 40px;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	color:#545454;
}
.right{
	width:285px;
	xwidth:283px;
	/* FLO */
	height:auto;
	position:relative;
	/*height:161px;*/
	display:block;
	background-color:#6A205F;
	float:right;
	border-left:1px solid #fff;
}
.right img{
	xwidth:285px;
	xheight:161px;
	xdisplay:block;
	xbackground-color:#6A205F;
	xfloat:right;
	xborder:1px solid #ff0000;
}
.topRight {
	height:30px;
	width:285px;
	display:block;
	border-bottom:1px solid #545454;
	position:relative;
	background:url(../images/box/trailer/top-right.png) right top no-repeat;
}
.topRight a,
.topRight .tx-newloginbox-pi1 span#user{
	color:#fff;
	text-decoration:none;
	xposition:absolute;
	xtop:5px;
	xleft:10px;
	xwidth:150px;
	float:left;
	margin:0 0 0 10px;
	line-height:28px;
	font-weight:bold;
}
.topRight a.register,
.topRight span#logout{
	position:absolute;
	top:0px;
	right:0px !important;
	width:auto;
	height:30px;
	float:right;
	margin:0 10px 0 0;
}
.topRight span#logout{
xmargin:0;
}
.topright {
	position:relative;
}
.topright a {
	position:absolute;
	color:#fff;
	text-decoration:none;
	/*float:left;*/
	margin:0 0 0 10px;
	line-height:28px;
	font-weight:bold;
}
#content h1,
#content h2,
#content h3{
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	color:#545454;
	margin:0 0 20px 0;
}

#content h2{
	font-size:16px;
	margin:20px 0 5px 0;
}

#content h3{
	font-size:14px;
	margin:20px 0 5px 0;
}

#content .box .inhalt h1{
color:#bdbdbd;
border-bottom:1px dashed #bdbdbd;
font-size:11px;
line-height:20px;
padding:0 0 5px 0;
}

#content .box .inhalt{
xmin-height:250px;
}

#content .green .inhalt h1{
color:#9fc850;
border-bottom:1px dashed #9fc850;
font-size:11px;
}

#content .orange .inhalt h1{
color:#f8b333;
border-bottom:1px dashed #f8b333;
font-size:11px;
}

#content .blue .inhalt h1{
color:#5390c1; /*10% black*/
border-bottom:1px dashed #5390c1;/*10% black*/
font-size:11px;
}

#content .purple .inhalt h1{
color:#6a205f;
border-bottom:1px dashed #6a205f;
font-size:12px;
}

#content .box h2{
font-size:20px; /*fix it*/
font-weight:normal;

}

#content p{
	font-size:13px;
	line-height:22px;
	color:#545454;
	margin:0 0 20px 0;
}

.contentLeft{
	width:690px;
	height:auto;
	display:block;
	float:left;
	padding:20px 0 0 0;	
	margin:0 0 20px 0;
}

.contentRight{
	width:285px;
	height:auto;
	display:block;
	float:right;
	padding:40px 0 0 0;	
	margin:0 0 20px 0;
}

.contentStart .contentRight{
	padding:21px 0 0 0;	
}

.contentFull{
width:990px;
height:auto;
display:block;
margin:0;
padding:0;
}

.noFrame
{
	xwidth:auto;
	padding:20px 5px 0 18px;
	clear:both;
	margin:0 0 30px 0;
}
.withFrame{
	clear:both;
	margin:0 0 30px 0;
}

.colLeft{
	width:320px;
	float:left;
}

.colRight{
	width:320px;
	float:right;
}

.oneThird{
	width:200px;
}

.twoThird{
	width:400px;
}

#news .oneThird{
	width:320px;
	float:left;
}

#news .twoThird{
	width:700px;
	float:left;
}
#news .oneThird h1{
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 0;
}
#news .oneThird p{
	font-size:11px;
	line-height:20px;
}

#news .box h1{
border-bottom:1px dashed #ccc;
padding:0 0 10px 0;
margin:0 0 10px 0;
}

#news .box{
width:300px;
height:300px;
display:block;
float:left;
margin:0 20px 0 0;
}
#news .box img{
float:left;
xmargin:0 20px 20px 0;
xborder:1px solid #ff00ff;
margin:5px 10px 5px 0;
}
#news .box a img{
border:none;
}
#news .box{
	margin:0;
	float:right;
	width:285px;
}

#news .newsL,
#news .newsM{
width:325px;
margin:0 10px 0 0;
float:left;
}
#news .newsL{
margin:0 22px 0 18px;
}
#news .newsM{
margin:0 0 0 0;
}


/*
#news .box .csc-textpic{
xborder:1px solid #ff0000;
text-align:left;
width:auto;
padding:0;
margin:0;
}
#news .box .csc-textpic-imagewrap{
xborder:1px solid #fff000;
float:left;
padding:0;
}*/
#news .box h1{
font-size:12px;
font-weight:bold;
}
#news .box h2{
font-size:11px;
font-weight:bold;
}
#news .box p{
font-size:11px;
line-height:20px;
}
#news .box img{
	float:left;
}

.start .box{

}

.start .box h1{
	color:#8fae53 !important;
	font-size:13px !important;
	border-bottom:1px dashed #8fae53;
	padding:0 0 10px 0;
}

.start .box h2{
	xcolor:#545454 !important;
	xfont-size:16px !important;
}

#log {
	padding:3px;
	position:absolute;
	top:30px;
	left:0px;
	display:none;
	background-color:#DDD;
	border-left:3px solid #6A205F;
	border-right:3px solid #6A205F;
	border-bottom:3px solid #6A205F;
	color:#111;
	z-index:4;
	padding:13px;
}

#reg {
	padding:3px;
	position:absolute;
	z-index:2;
	top:30px;
	right:0px;
	display:none;
	background-color:#DDD;
	border-right:3px solid #6A205F;
	border-left:3px solid #6A205F;
	border-bottom:3px solid #6A205F;
	color:#111;
	z-index:4;
}

#user{
	color: white;
}


#logout {
	color: #6A205F;
}

#reg input,#log input {
	border:1px solid #6A205F;
	color: #6A205F;
	background-color:#eee;
	font-weight:bold;
	padding:2px;
}

.contentLeft img,
.contentRight img{
xborder:1px solid #9fc850;
xbackground:#ccc;
xpadding:2px;
}

.contentLeft table img{
xborder:1px solid #9fc850;
xbackground:#ccc;
xpadding:2px;
}

.contentLeft p{
	margin:0 0 10px 0;
}

.contentRight .box{
margin:0 0 20px 0;
}

.box img{
	width:100px;
	height:auto;
	float:left;
	margin:0 10px 0 0;
}

/*mainbo*/



.mybao{
xbackground:#ccc;
xborder:1px solid #ccc;
}


#mainMenu ul li,
.mybao ul.myBoMenu li{
	display:inline;
	margin:0 0 0 0;
	float:left;
	
}
#mainMenu ul li a,
.mybao ul.myBoMenu li a{
	background:url(../images/box/tab/passive-left.png) left top no-repeat;
	xborder:1px solid #ff0000;
	height:50px;
	width:auto;
	display:block;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
#mainMenu ul li a span,
.mybao ul.myBoMenu li a span{
	display:inline;
	width:auto; 
	padding:25px 20px 0 0; /*dont touch this*/
	height:25px;
	display:block;
	margin:0 0 0 20px;
	background:url(../images/box/tab/passive-right.png) right top no-repeat; 
}
#mainMenu ul li a:hover,
#mainMenu ul li a.active,
.mybao ul.myBoMenu li a:hover,
.mybao ul.myBoMenu li a.active{
	background:url(../images/box/tab/active-left.png) left top no-repeat;
}
#mainMenu ul li a:hover span,
#mainMenu ul li a.active span,
.mybao ul.myBoMenu li a:hover span,
.mybao ul.myBoMenu li a.active span{
	background:url(../images/box/tab/active-right.png) right top no-repeat; 
	padding:18px 20px 0 0;
	height:32px;
}
.mybao ul.myBoMenu li a{
	background:url(../images/box/tab/passive-left-fff.png) left top no-repeat;
	padding:0;
}
.mybao ul.myBoMenu li a span{
	background:url(../images/box/tab/passive-right-fff.png) right top no-repeat; 
}
.mybao ul.myBoMenu li a:hover,
.mybao ul.myBoMenu li a.active{
	background:url(../images/box/tab/active-left-fff.png) left top no-repeat;
	padding:0;
}
.mybao ul.myBoMenu li a:hover span,
.mybao ul.myBoMenu li a.active span{
	background:url(../images/box/tab/active-right-fff.png) right top no-repeat; 
}

.mybao ul.myBoMenu{
width:auto;
height:49px;
display:block;
xborder:1px solid #ff00ff;
}

.mybao ul.myBoMenu li{
	background:none;
}

.mybao ul.myBoMenu li a{
font-size:12px;
xpadding:0;
}

.mybao ul.myBoMenu li a span{
padding:20px 20px 5px 0;
}

.mybao #menu{
border:1px solid #ff0000;
}

.catsandmodules{
border:1px solid #ccc;
}

.catsandmodules{
	padding:20px 10px 10px 10px;
}


.nav_hotel{

}
.nav_website{
}
nav_booking{
}
nav_contract{
}

.contentRight h2{
font-weight:bold;
font-size:20px !important;
}

.contentRight ul#menuRight{
	border-bottom:1px dashed #ccc;
	padding:5px 0 10px 0;
	margin:0 5px 20px 5px;
}

.contentRight ul#menuRight li{
	margin:0 0 10px 0;
	padding:0;
}

.contentRight ul#menuRight li a{
	text-decoration:none;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	display:block;
	padding:0 0 0 15px;
	background:url(/fileadmin/lib/images/subMenu.gif) left 4px no-repeat;
}
/*
.contentRight ul#menuRight li a span{
	display:block;
	border:1px solid #00ffff;
	line-height:24px;
}
*/
.contentRight ul#menuRight li a:hover{
	background-image:url(/fileadmin/lib/images/subMenuHov.gif);
}

.contentRight #menuRight li a.active{
	background-image:url(/fileadmin/lib/images/subMenuAct.gif);
	color:#9DBA5D;
}
.contentRight #menuRight li a.active span{
	color:#9DBA5D;
}

.contentRight ul#menuRight ul.subMenu{
margin:10px 0 20px 15px;
margin:10px 0 0 2px;
padding:10px 0 0 0px;
border-top:1px dashed #ccc;
border-bottom:1px dashed #ccc;
}

.contentRight ul#menuRight ul.subMenu li a{
background:none;
border-left:1px solid #ccc;
padding:0 0 0 10px;
}

.contentRight ul#menuRight ul.subMenu li a:hover{
border-left:1px solid #545454;
padding:0 0 0 10px;
}

.contentRight ul#menuRight ul.subMenu li a.active{
border-left:2px solid #9fc850;
padding:0 0 0 10px;
}

/* register */

.tx-baobetaregistration-pi1{
	xborder:1px solid #0000ff;
}
fieldset{
	border:none;
	border-top:1px solid #ccc;
	margin:0 0 20px 0;
}
legend{
font-weight:bold;
font-size:14px;
margin:0 0 20px 0;
}
form p{
	margin:0;
}

div.baob_formelem,
div.tx_recommend_pi1-captch{
clear:both;
xwidth:800px;
height:25px;
xbackground-color:#776655;
display:block;
margin:1px 0 15px 0;
}

div.autoHeight{
	height:auto;
}

div#hoteldetails{
padding:10px 0;
}

div.marginBottom{
xmargin:0 0 20px 0;
}
.tx-baobetaregistration-pi1{
	xborder:1px solid #0000ff;
}
/*img*/
.contentLeft p img{
margin:0 10px 0 0;
}

/* form */
form.register{
width:660px;
height:auto;
display:block;
xborder:1px solid #00ff00;
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
}

form.register fieldset{
width:auto;
height:auto;
display:block;
xborder:1px solid #ff0000;
padding-top:10px;
}
form.register div.baob_formelem{
margin:0 0 5px 0; /* instead of form.register label */
}


form.register label{
float:left;
width:100px;
xheight:20px;
display:block;
clear:both;
margin:0 0 5px 0; /* don't work in IE */
}

form.register input,
form.register select,
form.register textarea{
float:left;
width:400px;
height:auto;
display:block;
font-size:12px;
}

form.register select{
float:left;
width:404px;
height:24px;
display:block;
}

form.register textarea{
height:400px;
}

/* only for opera */
html>/**/body form.register select {
	width:406px;
}

/* only IE7 */
*+html form.register select {
	width:406px;
}

form.contact label{
width:200px;
}

label.multiRow{
line-height:16px;
}

.tx-srfreecap-pi2-cant-read{
float:left;
line-height:20px;
width:200px;
}

form.contact input,
form.contact select,
form.contact textarea{
xwidth:200px;
}

form.contect input.button{
width:200px;
height:35px;
display:block;
margin:20px 0 20px 90px;
}

form.register .baob_checkbox{
width:690px; !important
height:auto;
diplay:block;
}

form.register #hoteldetails input.radio,
#hoteldetails input.radio,
form.register .baob_checkbox input{
width:12px;
margin:0 0 0 20px;
float:left;
}


form.register #hoteldetails label.after_checkbox,
form.register .baob_checkbox label,
.baob_checkbox label{
float:right;
width:570px;
height:auto;
display:block;
}

form.register input.button,
form.contact input.button{
width:200px;
height:35px;
display:block;
margin:20px 0 20px 100px;
}

form.contact input.button{
margin:20px 0 20px 315px;
}

/* zechendorf 20090311 */
form .baob_checkbox input{
  xwidth: auto;
}

span.error{
display:block;
clear:both;
color:#ff0000;
}
p.error{
background:url(/fileadmin/lib/images/_TMPmismatch.png) left 3px no-repeat #ccc;
padding:5px 5px 5px 25px;
border:1px solid #b3071b;
font-weight:bold;
}
input.error{
border:1px solid #b3071b;
background-color:#ccc;
color:#000;
}
p.hint{
background:url(/fileadmin/lib/images/hint.png) 5px 3px no-repeat #ccc;
padding:5px 5px 5px 35px;
border:1px solid #b3071b;
font-weight:bold;
}
p.ok{
background:url(../images/_TMPbooked.png) 3px 3px no-repeat #ccc;
padding:5px 5px 5px 30px;
border:1px solid #9fc850;
font-weight:bold;
}

form .baob_checkbox label a.internal-link{
#border-bottom:1px dashed #333;
#font-weight:bold;
color:#333;
padding:0 0 0 10px;
background:url(../images/icons/internal-link.png) left top no-repeat;
border:none;
font-style:normal;
}

#login form{
padding:10px 0 0 10px;
position:relative;
}

#login form p{
position:absolute;
top:0px;
left:530px;
color:#ff0000;
font-weight:bold;
}

/*listen*/

.csc-default ul li{
font-size:13px;
font-family:Tahoma, Geneva, sans-serif;
line-height:20px;
background:url(../images/list.png) left 5px no-repeat;
margin:0 0 10px 20px;
padding:0 0 0 16px;
}
.contentRight .csc-default ul li{
	margin:0;
}

ul.list,
.newsSingle ul,
#content .news ul{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
}

ul.list li,
.newsSingle ul li,
.news ul li{
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
margin:10px;
padding:0 0 0 10px;
line-height:20px;
background:url(/fileadmin/lib/images/list.png) left 4px no-repeat;
}

.csc-default ul.linkList,
ul.linkList,
ul.detailList{
border-top:1px dashed #ccc;
background-color:#eee;
}

.csc-default ul.linkList li,
ul.linkList li,
ul.detailList li{
background:none;
border-bottom:1px dashed #ccc;
margin:0 0 -1px 0;
padding:10px;
line-height:20px;
}

.box .inhalt ul.linkList,
ul.detailList li ul{
border:none;
background-color:#fff;
}

.box .inhalt ul.linkList li,
ul.detailList li ul li{
background-color:#fff;
border:none;
margin:0;
padding:0 0 5px 0;
line-height:16px;
}

ul.detailList{
background-color:#fff;
border-bottom:1px dashed #ccc;
margin-bottom:20px;
}

ul.detailList li{
	font-weight:bold;
	border:none;
	font-size:13px;
	line-height:20px;
}

ul.detailList li ul li{
	margin:0 0 0 20px;
	list-style-type:disc;
	font-weight:lighter;
}

a.internal-link,
p.boLoginformForgotPassword a,
a.external-link,
a.external-link-new-window,
a.download{
background:url(/fileadmin/lib/images/internal-link.png) left top no-repeat;
padding:0 0 0 12px;
text-decoration:none;
font-weight:bold;
color:#777;
xborder-bottom:1px dashed #b3071b;
font-size:12px;
}

a.external-link,
a.external-link-new-window{
background:url(/fileadmin/lib/images/external-link.png) left 1px no-repeat;
}
a.download{
background:url(/fileadmin/lib/images/download.png) left top no-repeat;
padding:0 0 0 20px;
line-height:20px;
height:20px;
width:auto;
display:block;
}
a.internal-link:hover,
p.boLoginformForgotPassword a:hover{
background:url(/fileadmin/lib/images/internal-link.png) 2px top no-repeat;
}
a.external-link:hover,
a.external-link-new-window:hover{
background:url(/fileadmin/lib/images/external-link.png) 1px top no-repeat;
}
/*news , news-archive
*/
div.news{
	border:1px solid #fff;
	padding:0;
	clear:both;
	height:auto;
	margin:0 0 20px 0;
}
#content div.news h2{
	font-size:16px;
	margin:0;
}
#content div.newsSingle h2{
margin:0 0 20px 0;
}
#content div.news h2 span{
font-size:11px;
font-weight:normal;
line-height:10px;
}

div.news img,
div.news .news-single-img{
	margin:15px 10px 10px 0;
	float:left;
	xwidth:100px;
	xheight:auto;
	display:block;
}

div.newsSingle img,
div.newsSingle img.news-single-img{
	float:none !important;
}
div.news .news-single-img{
background-color:#CCC;
width:208px;
height:auto;
padding:5px;
	margin:0 10px 10px 0;
}
div.news .news-single-img img{
	float:none;
	width:200px;
	height:auto;
	margin:0;
}
#content p.news-single-imgcaption{
font-size:11px;
line-height:15px;
padding:5px 5px 5px 5px;
margin:0;

}

div.news p{
	margin:0 0 10px 0;
}

div.news strong a{
font-weight:bold;
text-decoration:none;
font-size:12px;
padding:0 0 0 20px;
background:url(../images/internal-link.png) left top no-repeat;

}
div.news strong a:hover{
background:url(../images/internal-link.png) 2px top no-repeat;
}

hr{
border:none;
}

hr.newsClear,
hr.myBoClear{
clear:both;
display:block;
background:#fff;
border:none;
border-bottom:1px dashed #545454;
margin:20px 0;
}

hr.myBoClear{
clear:both;
display:block;
background:#fff;
border:none;
border-bottom:1px dashed #545454;
margin:20px 0 0 0;
}

table.boRecommend{
	border:1px solid #545454;
}

table.boRecommend thead tr th{
background-color:#777;
color:#fff;
height:20px;
font-weight:bold;
}

table.boRecommend thead tr th,
table.boRecommend tfoot tr td,
table.boRecommend tbody tr td{
padding:2px 5px;
}

table.boRecommend tbody tr.boRecommendSecondRow td{
background:#ccc;
}

table.boRecommend tr.boRecommendCol td{
color#ff0000 !important;
background:#ccc;
padding:5px;
}

table.boRecommend tr td{
border-bottom:1px solid #eee;
}


table.boRecommend tfoot tr td{
background-color:#ccc;
}

.ze_inbox img.boRecommendChart{
margin-bottom:30px;
}

.negative{
color:#b3071b;
}

table.reference{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	margin:0 0 20px 0;
}

table.reference tr{
}

table.reference tr td{
	vertical-align:top;
	text-align:left;
	background:#ccc;
}

table.reference tr td.name{
	color:#fff;
	background-color:#9fc850;
	padding:5px;
	margin:0 0 10px 0;
	border-top:5px solid #fff;
	border-bottom:5px solid #fff;
	font-size:16px;
}

table.reference tr td.image{
}

table.reference tr td.contact{
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	padding:10px;
	height:120px;
	display:block;
	position:relative;
}

table.reference tr td.contact a{
position:absolute;
bottom:10px;
left:10px;
}

table.reference tr td.reference{
	padding:10px;
	width:350px;
	font-size:11px;

}


/*thickbox*/

#TB_window{
	padding:10px;
	width:auto;
}
#TB_window h1,
#TB_window #TB_TITLE{
	font-size:18px !important;
	margin:0 0 20px 0;
}
#TB_window h2{
font-size:14px;
margin:0 0 10px 0;
font-weight:bold;
}
#TB_window p{
margin:0 0 10px 0;
line-height:20px;
}
#TB_window ul{
margin:0 0 10px 0;
}
#TB_window ul li{
margin:0 0 5px 0;
line-height:20px;
padding:0 0 0 16px;
background:url(../images/list.png) left 5px no-repeat;
}
#TB_window img{
border:1px solid #9fc850;
padding:5px;
background:#ccc;
}

/*box heigth for .startContent*/
.contentStart .box .inhalt{
height:250px;
}
.contentStart .contentRight .box .inhalt{
margin:7px 0 0 0;
}
div.baossLanguageSelector{
	 float:left;
	 margin:0 10px 0 0;
	 padding:15px 0 0 0;
}
ul.baossButtonList li{
	display:block;
	xborder:1px solid #ff0000;
	xwidth:600px;
	xheight:60px;
	float:left;
	margin:0 10px 0 0;
}
.baossButton,
.baossButtonGreen,
.baossButtonOrange	{
	background:url(../images/button/grey.png) left top no-repeat;
	text-decoration:none;
	width:220px;
	height:50px;
	display:block;
	padding:0;
}
.baossButtonGreen{
	background:url(../images/button/green.png) left top no-repeat;
}
.baossButtonOrange{
	background:url(../images/button/orange.png) left top no-repeat;
}
.baossButton span,
.baossButtonGreen span,
.baossButtonOrange span{
margin:0;
padding:10px 15px 0 15px;
display:block;
font-size:12px;
text-align:center;
color:#dedede;
}
.baossButton span strong,
.baossButtonGreen span strong,
.baossButtonOrange span strong{
font-weight:bold;
font-size:14px;
color:#fff;
}
.baossButton .oneCol,
.baossButtonGreen .oneCol,
.baossButtonOrange .oneCol{
padding:15px 15px 0 15px
}

table.boPricing{
	border-collapse:collapse;
}

table.boPricing thead tr th{
	font-size:16px;
	font-weight:bold;
	height:40px;
}

table.boPricing tr th,
table.boPricing tr td{
padding:5px;
font-size:13px;
line-height:16px;
}

table.boPricing tr.boPricingSubHeader,
table.boPricing tr.boPricingSubHeader td{
	background:#777;
	vertical-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:10px;
}
table.boPricing tr.boPricingSubHeaderOrange,
table.boPricing tr.boPricingSubHeaderOrange td{
xbackground:#f8b333;
}

table.boPricing tr th.boPricingBuy,
table.boPricing tr td.boPricingBuy{
background-color:#ccc;
text-align:right;
}

table.boPricing tr th.boPricingRent,
table.boPricing tr td.boPricingRent{
background-color:#9fc850;
text-align:right;
}

table.boPricing tr.boPricingBorder td{
	border-bottom:1px solid #ddd;
}

table.boPricing tr.boPricingSubTotal td,
table.boPricing tr.boPricingTotal td{
	font-weight:bold;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:15px 10px 15px 10px;
}

table.boPricing tr.boPricingTotal td{
	padding:3px;
	border:none;
}

table.boPricing tr.boPricingTotal td span.boPricingTotal{
	font-weight:bold;
	background-color:#f8b333;
	border:1px solid #ccc;
	padding:15px 10px 15px 10px;
	display:block;
	font-size:14px !important;
	color:#545454 !important;
}
table.boPricing tr.boPricingTotal td span.boPricingTotal span{
font-size:11px;
font-weight:normal;
}

table.boPricing tr td.boPricingBuy,
table.boPricing tr td.boPricingRent,
table.boPricing tr.boPricingSubTotal td.boPricingBuy,
table.boPricing tr.boPricingSubTotal td.boPricingRent{
vertical-align:bottom;
}

table.boPricing tr.boPricingSubTotal td.boPricingCol,
table.boPricing tr.boPricingSubTotal td.boPricingSpacer,
table.boPricing tr.boPricingSubTotal td.boPricingRent,
table.boPricing tr.boPricingSubTotal td.boPricingBuy{
	background:#eee;
}

table.boPricing tr th.boPricingCustomer{
	text-align:left;
}

table.boPricing tr td.boPricingHint{
background-color:#b3071b;
color:#fff;
text-align:right;
font-size:12px;
border:1px solid #fff;
border-top:1px solid #545454;
border-bottom:1px solid #545454;
}

table.boPricing tr td.boPricingHint span{
font-size:12px;
color:#fff;
margin:10px 0 0 0;
font-weight:normal;
}
table.boPricing tr td.boPricingHint span.boPricingTotal{
font-size:14px;
font-weight:bold;
}

table.boPricing tfoot tr td{
border-top:1px solid #545454;
border-bottom:1px solid #545454;
background-color:#777;
color:#fff;
}

table.boPricing tfoot tr.boPricingSpacerTr td{
border:none;
background-color:#fff;
}

.btgallery_trigger{
cursor:pointer;
}

/* ------ */
/* boCart */
/* ------ */

table.boCart{
	border-collapse:collapse;
	margin:0 0 20px 0;
}

form#baossCart h1{
	color:#b3071b;
	background-color:#ccc;
	padding:5px;
	margin:0 0 10px 0;
}


table.boCart tr th,
table.boCart tr td{
xborder:1px solid #545454;
padding:2px 5px;
}
table.boCart thead tr th{
font-size:13px;
font-weight:bold;
background:#777;
color:#fff;
padding-top:5px;
padding-bottom:5px;
}
table.boCart thead tr th.boCartNormalPrice,
table.boCart thead tr th.boCartYourPrice,
table.boCart tbody tr td.boCartNormalPrice,
table.boCart tbody tr td.boCartYourPrice{
	text-align:right;
}
table.boCart thead tr th.boCartImage,
table.boCart tbody tr td.boCartImage{
	text-align:right;
	padding-top:5px;
}
 tbody tr td.boCartModule{
}
table.boCart tbody tr td{
	border-bottom:1px dashed #ccc;
}
table.boCart thead tr th.boCartModule,
table.boCart tbody tr td.boCartModule{
	xborder-left:1px solid #ccc;
}
table.boCart thead tr th.boCartRemoveModule,
table.boCart tbody tr td.boCartRemoveModule{
	xborder-right:1px solid #ccc;
}
table.boCart tbody tr.boCartLastCol td{
	border-bottom:1px solid #ccc;
}

#content table.boCart h2,
#content table.boCart p{
font-size:13px;
margin:0 0 10px 0;
line-height:20px;
}

/* ------ */
/* boCart */
/* ------ */

table.boCart{
}
tr.boCartRebateHeader td{
	font-weight:bold;
	padding:5px;
}
tr td.boCartRebateActive{
	background-color:#9fc850;
	background-color:#ecf4dc;
}
tr td.boCartRebateChoose{
	background-color:#cfe4a8;
}
tr td.boCartRebateChoosed{
	background-color:#ecf4dc;
	background-color:#9fc850;
}
tr td.boCartRebateActive,
tr td.boCartRebateChoose,
tr td.boCartRebateChoosed{
	text-align:center;
}

tr td.boCartRebateActive img,
tr td.boCartRebateChoose img{
margin:5px;
}

/* ---------- */
/* boContract */
/* ---------- */

table.boContract{
	border-collapse:collapse;
	border:1px solid #ccc;
}

table.boContract thead tr th{
	background-color:#777;
	color:#fff;
	padding:5px;
	font-weight:bold;
}

table.boContract tbody tr td{
	padding:0 5px 5px 5px;
}

/* ----- */
/* irfaq */
/* ----- */
.tx-irfaq-pi1 dl{
}

.tx-irfaq-pi1 dl dt p{
font-weight:normal;
margin:0 0 0 20px;
}

.tx-irfaq-pi1 dl dd.tx-irfaq-dynans-visible{
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding:5px 10px;
	margin:0 0 20px 0;
	display:block;
}

div.innerpadding a{
	text-decoration:none;
}

*+html div.catsandmodules .innerpadding{
	height:200px;
}

*+html .contract_container div.catsandmodules .innerpadding{
	height:auto;
}

/* ---------------------- */
/* tx-macinasearchbox-pi1 */
/* ---------------------- */

.tx-macinasearchbox-pi1{
	position:absolute;
	top:40px;
	right:5px;
}

.diaShowOnePic{
	width:200px;
	height:180px;
	display:block;
	padding:0 5px;
	float:left;
	xborder:1px solid #ff0000;
	text-align:center;
}
.diaShowOnePic dt{
width:100%;
}
.csc-textpic .diaShowOnePic dt a img{

}
.diaShowOnePic dd{
	clear:both;
}

.kartoffelspalten{
	width:290px;
	float:left;
	border:1px solid #ccc;
	margin:0 20px 20px 0;
	vertical-align:top;
}
.kartoffelspalten a{
	border:5px solid #fff;
	background:#fff;
	display:block;
	padding:5px;
}
.kartoffelspalten a:hover{
	border:5px solid #9fc850;
	background:#565656;
	color:#fff;
}
#content .kartoffelspalten a:hover *{
color:#fff;
}
.kartoffelspalten img{
	float:left;
	padding:5px;
	background:#ccc;
	border:1px solid #9fc850;
	xmargin:0 10px 10px 0;
}

#content .kartoffelspalten h3,
#content .kartoffelspalten p{
	margin:0 0 0 100px;
	padding:0;
	display:block;
}