*{margin:0; padding:0; color: #333; text-decoration: none;}
html{overflow-y:scroll;height: 100%;width: 100%;}
body{height: 100%;width: 100%;	font-family: 'PT Sans', sans-serif;}

.dn{
	display: none;
}

#contTopLine{
	background-color: #333;
	height: 6px;
	width: 100%;
	position: relative;
	z-index: 102;
}
	
	
	
#contTopLogo{
	background-color: #FFF;
	height: 116px;
	width: 100%;
	position: relative;
	border-bottom: solid 1px #333;
}

#contNavi{
	background-color: #FFF;
	width: 100%;
	height:44px;	
	position: relative;
    z-index: 100;
}


#contHomeGal{
	background:url(/img/css/raster.png) repeat;
	width: 100%;
	height:459px;	
	position: relative;
}

#contKalender{
	width: 100%;
	height:96px;	
	position: relative;
	-webkit-box-shadow:  0px 2px 7px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 2px 7px 0px rgba(0, 0, 0, 0.2);
    z-index: 100;
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}


#contContentHome{
	width: 100%;
	position: relative;
	background:url(/img/css/raster.png) repeat -1px 0;
}

#contFooter{
	background:url(/img/css/footer.png) repeat-x;
	width: 100%;
	height:49px;	
	position: relative;
	margin: 0 0 35px 0;
}



#contHomeSX{
	width: 660px;
	background: #FFF;
}

#contHomeSX.full{
width: 980px;
}

#contHomeDX{
	width: 320px;
	background:url(/img/css/raster.png) repeat #fff;
}

#contHomeDX.full{
width: 0;
}


#boxDX{
	width: 370px;
	background-color: #FFF;
	position: absolute;
	top:0;
	left: 1045px;
	margin: 50px;
}

#boxDX.stufe1{
	margin-top: 72px!important;
}

#boxDX.stufe2, #boxDX.stufe3{
	margin-top: 122px!important;
}

.contAlign{
	position: relative;
}


	.contAlign{
		width: 980px;
		height: 100%;
		margin: 0 auto 0 65px;
	}
	
	.minWidth{
		min-width: 980px;
	}

	.contAlignP{
	margin: 0 0 0 0;	
	background: #FFF;
	width: 980px;
	padding: 0 0 0 65px;
	}
	
		.naviAlign{
		padding: 0 0 0 65px;
	}


.addContPad{
		padding-left: 25px!important;
		padding-right: 25px!important;
	}	



/*
@media  (max-width: 1500px) {
	
	.contAlign, .contAlignP{
		width: 980px;
		height: 100%;
		margin: 0 auto;
		padding: 0;
	}
	
	.minWidth{
		min-width: 980px;
	}
	
	#contContentHome{
		background: none;
	}
		
	#boxDX{
		display: none;
	}
	
	.addContPad{
		padding-left: 25px!important;
		padding-right: 25px!important;
	}	
	
	
	#contFooter .contAlign .footercont{
		margin: 0 34px 0 25px;
	}
	
		.naviAlign{
		padding: 0 0 0 0px;
	}
	
	
}
*/

/*
@media  (min-width: 1500px) {
	*/
	.contAlign{
		width: 980px;
		height: 100%;
		margin: 0 auto 0 65px;
	}
	
	.minWidth{
		min-width: 980px;
	}

	.contAlignP{
	margin: 0 0 0 0;	
	padding: 0 0 0 65px;
	background: #FFF;
	width: 980px;
	}
	
	.naviAlign{
		padding: 0 0 0 65px;
	}
	
	.addContPad{
		padding-left: 0px!important;
		padding-right: 50px!important;
	}	
	
	.home #homeboxDX, .home #sponsorenDX{
	margin: 0 0 0 25px;
	}
	

	#contFooter .contAlign .footercont{
		margin: 0 34px 0 0;
	}
	
/*	
}
	
*/


/******************************
 *
 * --- NAVI TOP ---------------
 * 
 *  
 ******************************/


#navi ul, #navi li{
	list-style: none;
}


#navi{
	min-height: 44px;
	font-family: 'Ropa Sans', sans-serif;
}




/*------ LEVEL 1 -------*/

#navi li.level1{
	height: 44px;
	float: left;
	font-size: 16px;
	border-left: 1px solid transparent;
	border-right: 1px solid #FFF;
	margin: 0 -1px 0 0;
}

#navi li.level1.aktiv{
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}


#navi li.more{
	background:url(/img/css/more.png) no-repeat right 20px;
}

#navi li.more:hover{
	background:url(/img/css/more.png) no-repeat right -24px;
}

#navi li.level1.aktiv.more{
	background:url(/img/css/trail_w.png) no-repeat right 20px #000;
	color: #fff;
}

#navi li.level1 a{
	color: #000;
}


#navi li.level1.aktiv ul a{
	background: transparent;
	color: #000;
}

/*
#navi li.level1.aktiv a{
	background: #333;
	color: #fff;
}
*/

#navi li.level1.aktiv ul.aktiv{
	display: block;
}  

#navi li.level1:hover{
	color: #999;
}

#navi li.level1 a{
	color: inherit;
}

/*
#navi li.level1:hover .ullevel2{
	display: block;
}
*/

#navi li.level1 a{
	font-size: 16px;
	height:30px;
	display: block;
	padding: 14px 18px 0 13px;
}

#navi.ullevel1{
	-webkit-box-shadow:  0px 2px 7px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 2px 7px 0px rgba(0, 0, 0, 0.2);
}

/*------ LEVEL 2 -------*/



#navi li.level2{
	height: 44px;
	float: left;
	font-size: 16px;
	border-left: 1px solid transparent;
	border-right: 1px solid #FFF;
	margin: 0 -1px 0 0;
}

#navi li.level2.naviAlign{
	margin: 0 -2px 0 0;

}
/*
#navi li.level2.aktiv{
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
*/
#navi li.level2.aktiv a{
	background: #333;
	color: #fff;
}

#navi li.level2:hover{
	color: #999;
}

#navi li.level2 a{
	color: #333;
}


#navi .ullevel2{
	display: none;
	position: absolute;
	left: 0px;
	top: 44px;
	background-color: #fff;
	border-top:1px solid #000;
	width: 100%;
	box-shadow: 0 9px 7px -6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:  0 9px 7px -6px rgba(0, 0, 0, 0.2);
}

#navi .ullevel2.aktive {
	display: block;
}



#navi li.level2.aktiv{
	background:url(/img/css/l2rep.png) repeat-x ;
	color: #fff;
}

#navi li.level2.aktiv.more a{
	background:url(/img/css/trail_b.png) no-repeat right 20px transparent;
	color: #333;
}


#navi li.level1.aktiv.more li.level2.aktiv.more a{
	background:url(/img/css/trail_b.png) no-repeat right 20px transparent;
	color: #666;
}

#navi li.level1.aktiv.more li.level2 a{
	color: #666;
}
/*
#navi li.level2:hover .ullevel3{
	display: block;
}
*/

/*------ LEVEL 3 -------*/

#navi li.level3{
	height: 44px;
	float: left;
	font-size: 16px;
	border-left: 1px solid transparent;
	border-right: 1px solid #FFF;
	margin: 0 -1px 0 0;
}
/*
#navi li.level3.aktiv{
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}


#navi li.level2.aktiv  li.level3 a{
	background: #fff!important;
	color: #333!important;
}

#navi li.level2.aktiv li.level3.aktiv a{
	background: #333!important;
	color: #fff!important;
}
*/

#navi li.level3:hover{
	color: #999;
}

#navi li.level3 a{
	color: inherit;
}


#navi .ullevel3{
	display: none;
	position: absolute;
	left: 0px;
	top: 44px;
	background-color: #fff!important;
	border-top:1px solid #000;
	width: 100%;
	box-shadow: 0 9px 7px -6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:  0 9px 7px -6px rgba(0, 0, 0, 0.2);
}

#navi .ullevel3.aktive {
	display: block;
}


#navi  li.level2.aktiv li.level3.aktiv {
	background:url(/img/css/l3rep.png) repeat-x ;
}

#navi  li.level2.aktiv.more li.level3.aktiv a{
	color: #666!important;
}

#navi  li.level2.aktiv.more li.level3 a{
	color: #999!important;
	background: transparent!important;
}



















/*------ LEVELs END -------*/





.fonttest{
	padding: 25px 0 0 70px;
	font-size:18px;
	
	
}

.fonttest1{
	padding: 25px 0 0 70px;
	font-size:18px;
	font-weight:bold;
	
	
}

.fonttest2{
	padding: 25px 0 0 70px;
	font-size:26px;

	
}



.font{
	font-family: 'Duru Sans', sans-serif;
	font-family: 'Montserrat', sans-serif;
	font-family: 'PT Sans', sans-serif;
	font-family: 'Ropa Sans', sans-serif;
}






.contentCont{
	
	font-family: 'Duru Sans', sans-serif;
	font-family: 'Montserrat', sans-serif;
	font-family: 'PT Sans', sans-serif;
	line-height: 22px;
	font-size: 14px;
	padding: 25px 75px 50px 0;
}


/*****************
 * 
 *  Content Styles
 *  
 *****************/



.containerContent{
		font-family: 'PT Sans', sans-serif;
		font-size: 14px;
		text-align: justify;
		line-height: 24px;
}

.containerContent h1{
		font-family: 'Ropa Sans', sans-serif;
		font-size: 30px;
		padding: 0 0 20px 0;
		text-align: left;
		line-height: 30px;
}

.containerContent h1 span{
		display:inline-block;
		font-size: 14px;
		background-color: #ff0099;
		color: #fff;
		padding:0 5px 0 5px;
		margin: 0 -39px 0 5px;
		vertical-align: middle;
		line-height: 18px;
}

.containerContent h2{
		font-family: 'Ropa Sans', sans-serif;
		font-size: 16px;
		padding: 0 0 20px 0;
		text-align: left;
}

.containerContent h3{
		font-family: 'PT Sans', sans-serif;
		font-size: 12px;
		padding: 0 0 15px 0;
		text-align: left;
}


.containerContent h3{
		font-family: 'PT Sans', sans-serif;
		font-size: 12px;
		padding: 0 0 15px 0;
}

.containerContent.layout1 .img, .containerContent.layout2 .img,.containerContent.layout3 .img,.containerContent.layout4 .img{
		margin: 0 0 21px 31px;
}

.containerContent.layout5 .img{
		margin: 9px 31px 10px 0;
}

.containerContent.layout7 .img{
		margin: 9px 31px 10px 0;
}

.containerContent.layout5{
	
} 


.containerContent ul{
	padding: 0 0 0 35px;
}


.padLevel1{
	width: 100%;
	height: 0px;
}
.padLevel2{
	width: 100%;
	height: 44px;
}
.padLevel3{
	width: 100%;
	height: 88px;
}

.padLevel4{
	width: 100%;
	height: 88px;
}

.contWrapper{
	padding: 35px 0 75px 0;
}

.containerContent .imgGal{
	width: 600px;
	height: 400px;
	overflow: hidden;
	position: relative;
}

.containerContent  .sliderNavCont{
	position: absolute;
	right: 20px;
	bottom: 10px;
	z-index: 1000;
}

#tga .imgGalTDA{
	position:relative;
	width: 550px;
	height: 366px;
	overflow: hidden;

}
#tga .imgGalTDA .sliderNavCont{
	position: absolute;
	right: 20px;
	bottom: 10px;
	z-index: 1000;
}

#contHomeSX .containerContent .imgGal .sliderNavCont a{
	display: block;
	float: left;
	height: 13px;
	width: 13px;
	background: url(/img/css/navslider.png);
	margin: 5px 0 0 5px;
}

#contHomeSX .containerContent  .sliderNavCont a.activeSlide{
	background: url(/img/css/navslideraktive.png)
}


#tga  .imgGalTDA .sliderNavCont a{
	display: block;
	float: left;
	height: 13px;
	width: 13px;
	background: url(/img/css/navslider.png);
	margin: 5px 0 0 5px;
}

#tga .imgGalTDA  .sliderNavCont a.activeSlide{
	background: url(/img/css/navslideraktive.png)
}

#tga .tiketAvailableSeats{
	margin-top: 10px;
}


.containerContent .LinksTitel{
	width: 20%;
	height: 50px;
	border-bottom: 2px solid #000;
	margin: 0 20px 0 0; 
	font-family: 'Ropa Sans', sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.containerContent  .LinksLeiste{
	width: 77%;
	height: 45px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	margin: 5px 0 0 0;
}

.containerContent .LinksLeiste a{
	border-right: 1px solid #000;
	height: 45px;
	line-height: 41px;
	padding: 0 35px 0 45px;
}

.containerContent .LinksLeiste a.typ1{
background: url(/img/css/linkarows.png) no-repeat 10px 0;
}

.containerContent .LinksLeiste a.typ2{
background: url(/img/css/linkarows.png) no-repeat 10px -45px;
}

.containerContent .LinksLeiste a.typ3{
background: url(/img/css/linkarows.png) no-repeat 10px -90px;
}


.containerContent  .accCont {
    color: #343F3F;
    line-height: 26px;
    padding: 0px 0 5px;
    position: relative;
    
}

.containerContent  .accHeader {
	background: url("/img/css/raster.png") 0 0 transparent;
    color: #919190;
    font-size: 14px;
    font-weight: bold;
    padding: 0 35px 14px;
}
.containerContent   .accContent {
    overflow: hidden;
    padding: 0 0 0 0;
}
.containerContent  .accContenttop {
    height: 9px;
    margin: 0 0 0 -35px;
    width: 525px;
}

.containerContent  .accButtonIco {
	background: url("/img/css/accbtnico.png") no-repeat scroll left 0px transparent;
	height: 20px;
	position: absolute;
	width: 50px;
	top: 21px;
	left: 0;
}

.containerContent  .accButton {
    background: url("/img/css/accbtn.png") no-repeat scroll left -20px transparent!important;
    color: #000;
    display: block;
    font-size:18px;
    font-weight:normal;
    left: 0;
   	padding: 14px 90px 0 22px;
    text-decoration: none;
    top: 21px;
    width: 760px;
    font-family: 'Ropa Sans', sans-serif;
    line-height: 21px;
}
.containerContent  .accButton.aktive {
	background-position: right 14px;
}

.containerContent  .paddCont{
	padding: 20px 0 20px 0; 
}

.containerContent.layout1 .img{
	width: 600px;
	background:url(/img/css/raster.png);
}

.containerContent.layout2 .img{
	width: 400px;
	background:url(/img/css/raster.png);
}


.containerContent.layout3 .img{
	width: 600px;
	height: 338px;
	background:url(/img/css/raster.png);
}


.containerContent.layout4 .img{
	width: 600px;
	height: 400px;
	background:url(/img/css/raster.png);
}


.containerContent.layout7 .img{
	width: 400px;
	background:url(/img/css/raster.png);
}


.containerContent.layout5 .img{
	width: 400px;
	background:url(/img/css/raster.png);
}


.containerContent.layout10 .img{
	position:relative;
	background:url(/img/css/raster.png);
}

.containerContent.layout10 .img img{
	width: 100%;
	display: block;
}



#calenderCont{
	position: relative;
	width: 980px;
	height: 96px;
	overflow: hidden;
}

#calenderMove{
	height: 96px;
	position: absolute;
	left: 0;
	top: 0;
}

#calenderMove .monthCont{
	width: 920px;
	height: 76px;
	text-align: center;
}


#calenderMove .monthCont .day{
	width: 28px;
	position: relative;
}

#nextMonth{
	position: absolute;
	bottom: 32px;
	right: 0;
	cursor: pointer;
	background: url(/img/css/kalbtn.png) 0 -15px;
	height: 15px;
	width: 17px;
}

#prevMonth{
	position: absolute;
	bottom: 32px;
	left: 0;
	cursor: pointer;
	background: url(/img/css/kalbtn.png) 0 0;
	height: 15px;
	width: 17px;
}

#calenderMove .monthCont{
padding: 20px 0 0 60px;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}


#calenderMove .monthCont  .day .top{
	font-size: 12px;
	padding: 0 0 10px 0;
}
#calenderMove .monthCont  .day .bottom{
	font-size: 14px;
	font-weight: bold;
}

#calenderMove .monthCont .month{
	position: absolute;
	left: 0px;
	top: 18px;
	font-size: 14px;
}

#calenderMove .monthCont  .day .bottom.isVer{
	color: #fff;
	background: url("/img/css/rasterBlack.png") repeat scroll 0 0 #777;
	margin: 0 2px 0 2px;
	cursor: pointer; 
		opacity: 0.9;
}

#calenderMove .monthCont  .day .bottom.isVer.startorend{
	color: #fff;
	background: url("/img/css/rasterBlack.png") repeat scroll 0 0 #333;
	margin: 0 2px 0 2px;
	cursor: pointer; 
		opacity: 0.9;
}




#calenderMove .monthCont .day .overlay{
	display: none;
}

#kalbox{
	position: absolute;
	font-size: 15px;
	background-color: #000;
	color: #fff;
	float: left;
	padding: 16px 15px 12px 15px;
	z-index: 10000;
	background: url("/img/css/rasterBlack.png") repeat scroll bottom left #333;
	opacity: 0.9;
}

#kalbox a{
	color: #fff;
	display: block;
	line-height: 19px;
}

#kalbox a:hover{
	color: #ddd;
}

#kalbox a.partner{
	color: #64D0CD;

}


#contHomeSX .verCont{
	width: 930px;
	margin: 0 0 48px 0;
}

#contHomeSX .verCont .contSX{
	width: 360px;
	margin: 0 20px 0 0; 
	border-top: 2px #000 solid;
	height: 100px;	
}


#contHomeSX .verCont .img{
	width: 550px;
	height:366px;
	background:url(/img/css/raster.png);
}

#contHomeSX .verCont .img img{
	width: 100%;
	height: 100%;
	background:url(/img/css/raster.png);
}

#contHomeSX .verCont .contSX .verKal{
	background: url("/img/css/verDate.jpg") no-repeat scroll bottom left transparent;
	width: 96px;
	height: 96px;
	margin: 20px 0 0 0;
	position: relative;
	font-family: 'trebuchet ms',sans-serif;
	font-size: 14px;
	cursor: pointer;
	display: block;
	}	


#contHomeSX .verCont .contSX .verKal:hover{
	background:#333;
}	

#contHomeSX .verCont .contSX .verKal.dis:hover{
	background: url("/img/css/verDate.jpg") no-repeat scroll bottom left transparent;
	width: 96px;
	height: 96px;
	margin: 20px 0 0 0;
	position: relative;
	font-family: 'trebuchet ms',sans-serif;
	font-size: 14px;
	cursor: pointer;
	display: block;
}

#contHomeSX .verCont .contSX .verKal .data, #contHomeSX .verCont .contSX .verKal .save{
	display: block;
}


#contHomeSX .verCont .contSX .verKal .day{
	font-size: 30px;
	position:absolute;
	top: 5px;
	left: 14px;
}


#contHomeSX .verCont .contSX .verKal .dayName{
	position:absolute;
	right: 8px;
	top: 40px;
}

#contHomeSX .verCont .contSX .verKal .month{
	position:absolute;
	right: 8px;
	top: 56px;
}

#contHomeSX .verCont .contSX .verKal .year{
	position:absolute;
	right: 8px;
	top: 72px;
}

#contHomeSX .verCont .contSX .verKal .save{
	display: none;
	color: #fff;
	padding: 30px 15px 10px;
    text-align: center;
   }



#contHomeSX .verCont .contSX .verKal:hover .data{
	display: none;
}	

#contHomeSX .verCont .contSX .verKal.dis:hover .data{
	display: block;
}	

#contHomeSX .verCont .contSX .verKal:hover .save{
	display: block;
	color: #fff;
}	

#contHomeSX .verCont .contSX .verKal.dis:hover .save{
	display: none;
}	

#contHomeSX .verCont .contSX  .verData{
	width: 180px;
	margin: 20px 0 0 82px;
	font-size: 14px;
	position: relative;
}

#contHomeSX .verCont .contSX  .verData .partner{
	background-color: #64D0CD;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 18px;
    padding: 0 5px;
    vertical-align: middle;
}


#contHomeSX .verCont .contSX  .verData h2{
	 font-family: 'Ropa Sans', sans-serif;
	 font-size: 17px;
	 line-height: 18px;
	 margin: 0 0 8px 0;
	 padding: 0;
}


#contHomeSX .verCont .contSX .dateMoreDays{
	background: #333;
	color:#fff;
	width: 96px;
	font-size: 14px;
	padding: 3px 0 3px 0;
	text-align: center;
}
#contHomeSX .verCont .contSX .dateMoreDays span{
	padding:0 0 0 7px 
}



#contHomeSX .verCont .contSX  .verData  .label{
	font-weight: bold;
}

#contHomeSX .verCont .contSX  .verData  .datarow{
	margin: 0 0 6px 0;
}

#contHomeSX .verCont .contSX  .verData  .datarow.code{
	font-size: 12px;
}

#contHomeSX .verCont .contSX  .verData  .download{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000; 
	display: block;
	padding: 10px 0 10px 25px;
	background: url(/img/css/linkarows.png) no-repeat -8px -49px;

	bottom: 0;
	left: 0;
	width: 155px;
}


#contHomeSX .verCont .text{
	width: 550px;
	text-align: justify;
	font-size:14px;
	margin: 20px 0 0 0;
	line-height: 24px;
}

#contHomeSX .verCont .teaserText{
	overflow: hidden;
	/*height:78px;*/
}

#contHomeSX .verCont .teaserText .cont{
	
}


#contHomeSX .verCont .text .readmore{
	display: block;

	text-align: right;
	background-color: #333;
	color: #fff;
	font-size: 17px;
	line-height: 17px;
	height: 23px;
	padding: 5px 15px 0 15px;
}


#contHomeSX  .verCont .options .option{
	background: #333;
	color: #fff;
	height: 26px;
	font-size: 15px;
	padding: 0 10px 0 10px;
	line-height: 25px;
	cursor: pointer;
}


#contHomeSX  .verCont .options{
	bottom: 52px;
	left: 0;
	padding: 0 0 15px 0;
}


#contHomeSX .verCont .options.nodownload{
	bottom: 0px;
}


#contHomeSX  .verCont .options .option.kal{
	background: url(/img/css/kallico.jpg) no-repeat 0 0;
	height: 26px;
	width: 26px;
	margin: 0 0 0 1px; 
	padding: 0;
}

#contHomeSX  .verCont .options .option.kal:hover{
	background: url(/img/css/kallico.jpg) no-repeat 0 -26px;
}

#contHomeSX  .verCont .options .option.form:hover{
	background:url(/img/css/raster.png) transparent;
	color: #333;
} 

#contHomeSX  .verCont .options .option.tel{
	background: url(/img/css/kallico.jpg) no-repeat -26px 0;
	height: 26px;
	width: 26px;
	margin: 0 0 0 1px; 
	padding: 0;
}

#contHomeSX  .verCont .options .option.tel:hover{
	background: url(/img/css/kallico.jpg) no-repeat -26px -26px;
}


#contHomeSX  .verCont .options .option.fb{
	background: url(/img/css/kallico.jpg) no-repeat -52px 0;
	height: 26px;
	width: 26px;
	margin: 0 0 0 1px; 
	padding: 0;
}

#contHomeSX  .verCont .options .option.fb:hover{
	background: url(/img/css/kallico.jpg) no-repeat -52px -26px;
}



#contHomeSX  .verCont .options .option.code{
	background: url(/img/css/kallico.jpg) no-repeat -78px 0;
	height: 26px;
	width: 26px;
	margin: 0 0 0 1px; 
	padding: 0;
	position: relative;
}

#contHomeSX  .verCont .options .option.code:hover{
	background: url(/img/css/kallico.jpg) no-repeat -78px -26px;

}
#contHomeSX  .verCont .options .option.code .num{
	position: absolute;
	bottom: 0px;
	right: -180px;
	background: #333;
	width: 150px;
	padding: 0 15px 0 15px;
	display: none;
	cursor: auto;
	height: 26px;
}

#contHomeSX  .verCont .options .option.code:hover .num{
	display: block;
}

#contTopLogo{
	z-index: 101;
}

#kalNavi{
	position: absolute;
	top: 0px;
	left: 888px;
	font-family: 'Ropa Sans',sans-serif;
	display: block;
    font-size: 14px;
    height: 30px;
    padding: 14px 45px 0  25px;
    background: url(/img/css/up.jpg) no-repeat right 0;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    width: 85px;
}

#kalNavi.active{
	background: url(/img/css/up.jpg) no-repeat right -44px;
	  border-bottom: 1px #fff solid;
}

#kalender{
	position: absolute;
	top: 45px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 9px 7px -6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:  0 9px 7px -6px rgba(0, 0, 0, 0.2);
	z-index: 1000;
}

#kalender #calenderCont{
	/*margin: 0 auto;*/
}

.verArchTitel{
	font-size: 26px;
	font-family: 'Ropa Sans',sans-serif;
	border-bottom: 1px solid #000;
	padding: 10px 0 10px 0;
	margin: 25px 0 0 0;
}

/*----- FORM ------*/

.form .formRow{
	width: 100%;
	margin: 10px 0 10px 0; 
}

.form .formRow *{
	display: block;
}


.form .formRow .data{
	width: 528px;
	height: 42px;
	font-size: 16px;
	padding:0 10px 0 10px;
	background:url(/img/css/raster.png) transparent;
	border: none;
	border: 1px #fff solid;
	line-height: 42px;
	font-family: 'PT Sans', sans-serif;
}

.form .formRow .data:focus{
	background:transparent;
	border: 1px #fff solid;
	border: 1px #aaa solid\0/;
	-webkit-box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.2);  
	box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
}



.meSteuNrOffice .data, .steuNrOffice .data{
	text-transform: uppercase;
}

.form #block1-firmenkunde{
	padding-top:54px !important
}


.verCont .formCont{
	width: 750px;
}


.verCont .form .block1{
	width: 178px;
	margin: 0 22px 0 0;
}

.verCont .form .block2{
	width: 550px;
}


.verCont .formCont .paddcont{
	padding: 35px 0 5px 0;
}

.verCont .formCont .block1 .titl{
	border-top: 1px solid #000;
	padding: 20px 0 20px 0;
	font-family: 'Ropa Sans',sans-serif;
	font-size: 16px;
}

.verCont .formCont .block1{
	padding: 16px 0 0 0;
}


.verCont .formCont .formRow label{
	font-size: 13px;
	padding: 0px 0 8px 0;
}

.verCont .formCont .block1 .info{
	font-size: 13px;
	padding:20px 0 35px 0;
}

.verCont .formCont .block1 .mailto{
    background: url("/img/css/linkarows.png") no-repeat scroll -8px -92px transparent;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
	font-size:14px;
    display: block;

    padding: 10px 0 10px 25px;

    width: 155px;
}


.form .formRow  .data.select{
	width: 550px;
	height: 42px!important;
	font-size: 16px;
	padding:0 0 0 0px!important;
	background:url(/img/css/raster.png) transparent;
	border: none;
	border: 1px #fff solid;
	line-height: 26px;
}

.form .formRow  .data.select option{
	height: 26px;
	line-height: 26px
}

.form .formRow  .data.select:focus{
	background:transparent;
	border: 1px #fff solid;
	border: 1px #aaa solid\0/;
	-webkit-box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.2);  
	box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
}





.form .formRow .data.file{
	opacity:0.01;
	filter:alpha(opacity=1); /* For IE8 and earlier */
	margin: 0 0 -42px 0;
	height: 42px;
	font-size: 80px;
	letter-spacing:30px;
	width: 506px;
	padding: 0px;
	position: relative;	
	z-index: 1000
}


.form .formRow.anlage .data{
	position: relative;	
}




.form .formRow.anlage .data.bg{
	background: url("/img/css/fileupload.jpg") no-repeat scroll right top #fff;
	height: 42px;
	width: 486px;
	cursor: pointer;
}
.form .formRow.anlage {
	overflow:hidden;
}


.form .formRow.anlage .filecont{
	width: 506px;
	overflow: hidden;
}

.form .formRow.anlage .clear{
	width: 43px;
	height: 42px;
	background: url("/img/css/filecancel.jpg") no-repeat scroll 0 1px #fff;
}



.verCont .formCont{
	overflow: hidden;
	height: 0px;
}


.form .formRow .data.errorInput{
	border: 1px solid #FF0099;
}

.form .formRow .errorInput{
	border: 1px solid #FF0099;
}

.form .formRow.privacy input, .form .formRow.teilname input{
	margin: 3px 0 0 0px;
}

.form .formRow.privacy label, .form .formRow.teilname label{
	padding: 0 0 0 5px;
}

.form .formRow.privacy, .form .formRow.teilname {
	margin: 20px 0 0 0;
}


.form .formRow.privacy{
    border: 1px solid #fff;
    padding: 10px 0 10px 0;
    width: 548px;
}

.form .formRow.privacy label
{
    width:445px;
}
.form .formRow.kd_b_privacy label
{
    width:445px;
}

.form .formRow.privacy label *,
.form .formRow.kd_b_privacy label *
{
    display:inline;
}

.form .formRow.privacy label a,
.form .formRow.kd_b_privacy label a
{
    text-decoration:underline;
}

.form .formRow.privacy.errorInput{
	border: 1px solid #FF0099;
	 padding: 10px 0 10px 10px;
	 width: 538px;
}

.form .formRow.teilname.errorInput{
	border: 1px solid #FF0099;
	 padding: 10px 0 10px 10px;
	 width: 538px;
}

.form .formRow .buttonForm1{
	border: none;
	background-color: #333;
	color: #fff;
	padding: 5px 15px 5px 15px;
	font-weight: bold;
	cursor: pointer;
	width:  506px;
	height: 28px;
}


.form .formRow .chkCont input{
	margin: 3px 0 0 0;
}

.form .formRow .chkCont label{
	padding: 0 0 0 10px;
	font-size: 13px;
}
.form .formRow .chkCont{
	margin: 0 0 7px 0;
}

.form .formRow.zustzChk{
	margin: 10px 0 20px 0;
}

.form .formRow .errorcontZchk{
	border: 1px #fff solid;
	padding: 10px 0 3px 0px;
}

.form .formRow .errorcontZchk.errorInput{
	border: 1px #FF0099 solid;
	padding: 10px 0 3px 10px;
}



.form{
	position: relative;
}

.overlayForm{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}

.overlayForm .loader{
	position: absolute;
	bottom: 48px;
	left: 693px;
	height: 32px;
	width: 32px;
	background: url("/img/css/334.gif") no-repeat scroll 0 0;
}

.form .msgBox{
	color: #FF0099;
	margin: 19px 0 0 0px;
	font-size: 13px;
}


.meldungForm{
	border: 1px solid #000000;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0;
    text-align: center;
	margin:0 0 0 200px;
}

.closeFOrm{
	background: url("/img/css/formclose1.jpg") no-repeat scroll 0 0;
	width: 43px;
	height: 28px;
	cursor: pointer;
}







/**
 * Default DropKick theme
 *
 * Feel free to edit the default theme
 * or even add your own.
 *
 * See the readme for themeing help
 *
 */

/***** Begin Theme, feel free to edit in here! ******/

/* One container to bind them... */


.dk_container {
	background: url("/img/css/raster.png") repeat scroll 0 0 transparent;
  height: 42px;
  border: 1px solid #fff;
}

.verCont .dk_container.dk_focus .dk_toggle{
	background: url("/img/css/raster.png") repeat scroll 0 0 transparent;
}

  
.dk_container:focus {
    outline: 0;
}
  
.dk_container a {
    cursor: pointer;
    text-decoration: none;
}

.dk_label{
	    font-size: 16px!important;
}

/* Opens the dropdown and holds the menu label */
.dk_toggle {
  /**
   * Help: Arrow image not appearing
   * Try updating this property to your correct dk_arrows.png path
   */
  background-image: url('/img/css/dk_arrows.png');
  background-repeat: no-repeat;
  background-position: 96% center;
  color: #333;
  padding: 10px 15px 7px 14px;

}
  .dk_toggle:hover {
    border-color: #8c8c8c;
  }
  /* Applied when the dropdown is focused */
  .dk_focus .dk_toggle {
    border-color: #40b5e2;
  }
  .dk_focus .dk_toggle {

  }

/* Applied whenever the dropdown is open */
.dk_open {
  
  /**
   * Help: Dropdown menu is covered by something
   * Try setting this value higher
   */
  z-index: 10;
}
  .dk_open .dk_toggle {
    background-color: #fff;
    -webkit-box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.2);  
	box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.2);


  }

/* The outer container of the options */
.dk_options {

}
  .dk_options a {
    background-color: #fff;
    border-bottom: 1px solid #999;
  
    padding: 8px 10px;
  }
  .dk_options li:last-child a {
    border-bottom: none;
  }
  .dk_options a:hover,
  .dk_option_current a {
  	background: url("/img/css/raster.png") repeat scroll 0 0 #fff;
    color: #333;
  }

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
  border: 1px solid #8c8c8e;
  border-bottom-width: 1px;
  border-bottom-color: #999;
  color: #333;
  max-height: 250px;

}

/* Set a max-height on the options inner */
.dk_options_inner,
.dk_touch .dk_options {
  max-height: 250px;
}

/******  End Theme ******/

/***** Critical to the continued enjoyment of working dropdowns ******/

.dk_container {
  display: none;
  position: relative;
}

  .dk_container a {
    outline: 0;
  }

.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1;
}

.dk_open {
  position: relative;
}
  .dk_open .dk_options {
    display: block!important;
  }
  .dk_open .dk_label {
    color: inherit;

  }

.dk_options {
  display: none!important;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%;
}
  .dk_options a,
  .dk_options a:link,
  .dk_options a:visited {
    display: block;
  }
  .dk_options_inner {
    overflow: auto;
    position: relative;
  }

.dk_touch .dk_options {
  overflow: hidden;
}

.dk_touch .dk_options_inner {
  max-height: none;
  overflow: visible;
}

.dk_fouc select {
  position: absolute;
  top: -99999em;
  visibility: hidden;
}

/***** End Critical to the continued enjoyment of working dropdowns ******/



#contHomeSX.home{
	width: 640px
}

#contHomeSX.home .addContPad{
	padding-top:0; 
	margin: -38px 0 0 0;
}


.home #contHomeSX{
	padding: 10px 0 0 0;
}

.home #contHomeDX{
	padding: 10px 0 0 0;
}


#contHomeDX.home{
	width: 305px;
	height: 100%;
}

#contHomeSX.home .verContHome .img{
	width: 270px;
}

#contHomeSX.home .verContHome .img img{
	width: 270px;
}

#contHomeSX.home .verContHome .contDX{
	width: 260px;
	padding: 0 30px 0 30px;
	font-size: 14px;
	line-height: 24px;
}

#contHomeSX.home .verContHome .contDX h2{
font-size: 18px;
font-family: 'Ropa Sans',sans-serif;
padding: 0 0 18px 0;
}

#contHomeSX.home .verContHome h3{
font-size: 16px;
font-family: 'Ropa Sans',sans-serif;
padding: 10px 0 10px 0;
}


#contHomeSX.home .verContHome .contDX .date{
	font-size: 13px;
	padding: 0 0 5px 0;
	margin: -8px 0 0 0;
}

#contHomeSX.home .verContHome{
	padding: 0 0 19px 0;
	background: url("/img/css/rasterBlack.png") repeat-x scroll bottom left #fff;
}

.containerContent.layout8 .titl{
	width: 196px;
	border-top: 2px solid #333;
    font-family: 'Ropa Sans',sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    margin: 0 20px 0 0;
    padding: 15px 0 0 0;
}

.containerContent.layout8 .text{
	width: 714px;
	border-bottom: 1px
}

.containerContent.layout8 .bild{
	width: 196px;
	margin: 0 20px 0 0;
}

.containerContent.layout8  .conttext{
	padding: 0 0 0 0;
}


.containerContent.layout8 .link{
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	padding: 7px 0 7px 35px;
	margin: 5px 0 0 0;
	display: block;
	width: 678px;
	margin: 0px 0 0 0;
	background: url("/img/css/linkarows.png") no-repeat scroll 0px -50px transparent;
}

.containerContent.layout8 .link.wbild{
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	padding: 7px 0 7px 35px;
	margin: 5px 0 0 0;
	display: block;
	width: 462px;
	margin: 10px 0 0 216px;
	  background: url("/img/css/linkarows.png") no-repeat scroll 0px -50px transparent;
}
.containerContent.layout8 .titl{
	width: 196px;
	border-top: 2px solid #333;
    font-family: 'Ropa Sans',sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    margin: 0 20px 0 0;
    padding: 15px 0 0 0;
}


.containerContent.layout9 .titl{
	width: 196px;
	border-top: 2px solid #333;
    font-family: 'Ropa Sans',sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    margin: 0 20px 0 0;
    padding: 15px 0 0 0;
}


.containerContent.layout9 .text{
	width: 714px;
	border-bottom: 1px
}

.containerContent.layout9 .text h3{
	width: 196px;
	border-top: 1px solid #333;
    font-family: 'Ropa Sans',sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    margin: 0 20px 0 0;
    padding: 15px 0 0 0;
}

.containerContent.layout9 .bild{
	width: 196px;
	margin: 0 20px 0 0;
}

.containerContent.layout9  .conttext{
	padding: 0 0 0 0;
	width: 498px;
	margin: -27px 0 0 0;
}


.containerContent.layout9 .link{
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	padding: 7px 0 7px 35px;
	margin: 5px 0 0 0;
	display: block;
	width: 728px;
	margin: 10px 0 0 0;
	background: url("/img/css/linkarows.png") no-repeat scroll 0px -50px transparent;
}

.containerContent.layout9 .email{
	background: url("/img/css/linkarows.png") no-repeat scroll -8px -92px transparent;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    display: block;
    font-size: 14px;
    padding: 10px 0 10px 25px;
    width: 170px;
    margin: 15px 0 0 0;
}


.form .formRow textarea.data{
	height: 150px;
	line-height: 25px;
}



.form4 .formRow .buttonForm1 {
    width: 548px;
}


.form4 .formRow .buttonForm1 {
    width: 498px;
}


.form4 .meldungForm{
	margin: 27px 0 0 0;
	border:none;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	padding: 171px 0;
	
} 



.form4  .formRow .data{
	width: 478px;
}

.form4 .formRow.privacy.errorInput {
	width: 488px;
}



.listVerGes {
	position: relative;
	width: 930px;	
}

.listVerGes .itemjs{
	width: 310px;
}

.listVerGes .item{
	width: 280px;
	padding: 15px 15px 15px 15px;
		font-size: 14px;
    line-height: 24px;
    text-align: justify;
   
}


.listVerGes .item .img{
	width: 280px;
	height: 185px;
	overflow: hidden;
}

.listVerGes .item .img img{
	width: 280px;
}

.listVerGes .item .link{
	text-align: right;
	border-bottom: 2px solid #333;
	padding: 10px 0 20px 0;
}

.listVerGes .item .link a{
	background: url("/img/css/linkarows.png") no-repeat scroll 0px -102px transparent;
	padding: 0 0 0 35px; 
	color: #000;
}

.listVerGes .item .titl{
	padding: 20px 0 10px 0;
	text-align: center;
	font-size: 18px;
}

.listVerGes .item .date {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 5px 0;
}



#filterCont {
	margin: 15px -15px 25px 0;
}



#filterCont .dk_container{
	height: 26px;
	border: none;
	background: #fff;
	color: #333;
	border:#333 solid 1px;
}


#filterCon .dk_open .dk_toggle, #filterCon .dk_focus .dk_toggle{
    background-color: #333;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2) inset;
}

#filterCont .dk_label{
	color:#333;
}

#filterCont .dk_toggle{
	background-image: url("/img/css/dk_arrows.png");
    background-position: 96%; 
    color:#333;
}


#filterCont .dk_focus .dk_toggle, #filterCont .dk_open .dk_toggle{
	background-image: url("/img/css/dk_arrows_white.png");
    background-position: 96% ;
    color:#fff;
}

#filterCont .dk_focus .dk_toggle .dk_label, #filterCont .dk_open .dk_toggle .dk_label{
    color:#fff;
}

#filterCont .dk_options a{
    background: #fff;
    color: #333;
}

#filterCont .dk_options a:hover, .dk_option_current a {
    background: #333!important;
    color: #fff!important;
}



#filterCont .dk_toggle{
	padding: 2px 15px 2px 15px;
}


#filterCont .dk_options a {
	padding: 2px 15px 2px 15px;
}


#filterCont .filter{
	margin: 0 15px 0 15px;
}




#filterCont .submit{
	display: none;
}


#filterCont2 {
	margin: -43px -15px 18px 0;
}

#filterCont2 .dk_container{
	height: 26px;
	border: none;
	background: #fff;
	color: #333;
	border:#333 solid 1px;
}


#filterCont2 .dk_open .dk_toggle, .dk_focus .dk_toggle{
    background-color: #333;
}

#filterCont2 .dk_label{
	color:#333;
}

#filterCont2 .dk_toggle{
	background-image: url("/img/css/dk_arrows.png");
    background-position: 96%; 
    color:#333;
}


#filterCont2 .dk_focus .dk_toggle, #filterCont .dk_open .dk_toggle{
	background-image: url("/img/css/dk_arrows_white.png");
    background-position: 96%; 
    color:#fff;
}

#filterCont2 .dk_focus .dk_toggle .dk_label, #filterCont .dk_open .dk_toggle .dk_label{
    color:#fff;
}

#filterCont2 .dk_options a{
    background: #fff;
    color: #333;
}

#filterCont2 .dk_options a:hover, .dk_option_current a {
    background: #333!important;
    color: #fff!important;
}



#filterCont2 .dk_toggle{
	padding: 2px 15px 2px 15px;
}


#filterCont2 .dk_options a {
	padding: 2px 15px 2px 15px;
}


#filterCont2 .filter{
	margin: 0 15px 0 15px;
}

#filterCont2 .submit{
	display: none;
}


.listVerGes .line{
	position: absolute;
	height: 100%;
	width: 1px;
	background-color: #bbb;
	top: 23px;
}

.listVerGes .line1{
	left: 0px;
}

.listVerGes .line2{
	left: 310px;
}


.listVerGes .line3{
	left: 620px;
}


.listVerGes .line4{
	left: 930px;
}



.archPreis .formCont{
	height: auto;
}


.archpreisleft{
	width: 196px;
	margin: 51px  20px 0 0;
	padding:15px 0 0 0;
	border-top:2px solid #333; 
}


.archPreis .form .formRow .buttonForm1{
	width: 534px;
}

.archPreis .block1{
	width: 196px !important;
	margin: 0 20px 0 0 !important;
}

.archPreis .block2{
	width:498px!important;
}

.archPreis .verCont .formCont{
	width: 714px!important;
} 

.archPreis  .form .formRow.anlage .filecont {
	width: 455px;
}


.archPreis  .form .formRow.anlage .data.bg{
	width: 434px;
}

.archPreis .form .formRow .data.file{
	width: 455px;
}


.archPreis .form .formRow .data{
	width: 476px;
}


.archPreis .form .formRow.privacy {
	width: 486px;
}


.archPreis .overlayForm .loader{
	left:658px;
}

*{
color:inherit;
}

#sprachnavi{
	position: absolute;
	top:0px;
	right:0px;
	background-color: #000;
	color: #fff;
	padding: 6px 6px 2px 6px;
	font-size: 13px
}

#cycleHeader .item, #cycleHeader .item img, #cycleHeader{
	width: 980px;
	height: 459px;
	position: relative;
}


#cycleHeader .item .text{
	position: absolute;
	z-index: 100;
	top: 350px;
	left: 0px;	
	line-height: 32px;
}

#cycleHeader .item .text .titel{
	background-color: #000;
	color: #fff;
	padding: 5px 15px 5px 10px;
	font-weight: bold;
}

#cycleHeader .item .text .date{
	background-color: #000;
	color: #fff;
	padding: 5px 15px 5px 10px;
}


#homeboxDX{
	
}

#homeboxDX h3{
	font-family: 'Ropa Sans',sans-serif;
	font-size: 18px;
}

#homeboxDX .text{
	font-size: 14px;
    line-height: 24px;
    padding: 18px 0 0 0;
    text-align: justify;
}


#homeboxDX .link{
	font-size: 14px;
    line-height: 18px;
    background: #333;
    color: #fff;
    padding: 0 5px 0 5px;
    margin: 10px 0 0 0;
}

#sponsorenDX{
	padding: 0 0 25px 0;
	margin: 0 0 25px 0;
	background: url("/img/css/rasterBlack.png") repeat-x scroll bottom 1px;
	height: 170px;
	width: 255px;
}

#sponsorenturrisDX{
	padding: 25px 0 25px 0;
	margin: -45px 0 45px 0;
	height: 439px;
	width: 305px;
	background-color:#fff;
}


#meldungenCont{
	padding: 25px 25px 25px 25px;
	background: url("/img/css/raster.png") repeat-x scroll bottom left;
}

#meldungenCont .item h3{
    font-size: 24px;
    line-height: 24px;
    font-family: 'Ropa Sans',sans-serif;
    padding: 0 0 20px 0;
}



#meldungenCont .item  .text{
	font-size: 14px;
    line-height: 24px;
    text-align: justify;
}
    
#sponsorenCONT .item{
	text-align: center;
}


#meldungenCont .item .link{
	background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 18px;
    padding: 0 5px;
}


.kammerDerArchitekten{
	padding: 14px 0 0 0;
}

#contFooter .links{
	padding: 14px 0 0 0;
}

#contFooter .links a{
	text-transform: uppercase;
	font-size: 13px;
}

#turisbabelWrapper{
	display:block;
	border-top: solid 2px #333;
	vertical-align:top;
}

#turisbabelSX{
	display:inline-block;
	width: 196px;
	padding: 10px 0 0 0;
	margin: 0 20px 0 0;
	vertical-align:top;
}

#turisbabelCont{
	display:inline-block;
	vertical-align:top;
	padding-top: 20px;
}


#turisbabelSX .circlecont{
	background: url(/img/css/turisbabelcircle.jpg) no-repeat left top;
	width: 196px;
	height: 146px;
	font-family: 'Ropa Sans',sans-serif;
}

#turisbabelSX .circlecont *{
	font-family: 'Ropa Sans',sans-serif;
}

#turisbabelSX .circlecont span{
	font-size: 64px;
	padding: 38px 0 0 0;
	display: block;
	width:158px;
	text-align: center;
	color: #333;
}

#issucont{
	position: relative;
	z-index: 0;
}

#downloadAktLayer{
	background: #fff;
	/*margin: -18px 0 0 0;*/
	/*height: 45px;*/
	/*border-bottom:1px solid #333; */
	position: relative;
	z-index: 1;
}

#downloadAktLayer a{
	/*border-right: 1px solid #333;*/
	height: 45px;
	line-height: 45px;
	padding: 0 41px 0 41px;
	background: url("/img/css/linkarows.png") no-repeat scroll 4px -46px transparent;
	font-family: 'PT Sans',sans-serif;
    font-size: 14px;
}

#downloadAktLayer a.link{
	background: url("/img/css/linkarows.png") no-repeat scroll 4px -0px transparent;

}

#turristitelwarapper{
	padding: 0 0 30px 0;
}


#turisbabelArchivSX, #turisbabelNewAusgabeSX {
		width: 196px;
		height:60px;
	padding: 0 0 0 0;
	margin: 0 20px 0 0;
	border-top: solid 2px #333;
	font-family: 'Ropa Sans',sans-serif;
}


#turisbabelArcivCont, #turisbabelNewAusgabeCont {
			width:708px;
			border-bottom: 1px solid #333;
			padding: 0 0 12px 6px;
	position: relative;
}


#turisbabelArcivCont a, #turisbabelNewAusgabeCont a{
	width: 45px;
	height: 45px;
	display: block;
	background: url(/img/css/turisbabelcircleArch.png) no-repeat top left;
	margin: 12px 14px 0 0;
	font-family: 'Ropa Sans',sans-serif;
}


#turisbabelArcivCont a span, #turisbabelNewAusgabeCont a span {
	padding:8px 0 0 0;
	display: block;
	text-align: center;
	font-size:25px;
}

#turisbabelArcivCont a:hover, #turisbabelNewAusgabeCont a:hover, #turisbabelNewAusgabeCont .NextAusgaben.ActiveCont {
	background: url(/img/css/turisbabelcircleArchHover.png) no-repeat top left;
	color: #fff;
}


#turisbabelArchivSX h2, #turisbabelNewAusgabeSX h2 {
	padding: 20px 0 0 0;
}


#turisbabelArcivCont .archiv, #turisbabelNewAusgabeCont .NextAusgaben {
	position: relative;
}

#turisbabelArcivCont .archiv .tooltip, #turisbabelNewAusgabeCont .NextAusgaben .tooltip {
	display: none;	
	background-color: #333;
	color: #fff;
	font-size: 12px;
	position:absolute;
	top: 3px;
	right: 45px;
	width: 120px;
	padding: 5px 15px 5px 5px;
	overflow: hidden;
}

#turisbabelArcivCont .archiv:hover .tooltip, #turisbabelNewAusgabeCont .NextAusgaben:hover .tooltip {
	display:block;	
}

.NextAusgabeContent {
	position: absolute;
	width: 100%;
	height: 0;
	top: 90px;
	left: 0;
	z-index: 10;
	overflow: hidden;
}

.formCont .paddcont, .formCont .paddcont form{
	width: 750px;
}



#cont1 img {
    display: block;
}


#cont1 .img {
    display: block;
    margin: 2px;
}

.options .nodownload{
	
}

#cont1 .img {
    display: block;
    margin: 2px;
}



form.form5 .formRow .data{
	width: 477px;
}

form.form5 .formRow.anlage .data.bg{
	width: 439px;
}

form.form5 .formRow .data.file{
	width: 439px;
}

form.form5 .formRow.anlage .filecont{
	width: 460px;
}

form.form5 .formRow.privacy.errorInput{
	width:491px;
}

form.form5 .formRow .buttonForm1{
	width: 499px;
}


form.form5 .overlayForm .loader{
	left: 455px;
}



.containerContent.layout9 .conttext .form.form5{
	margin: 27px 0 0 0;
}

iframe {
	border: none;
}




#contHomeSX .containerContent.layout1 a,
#contHomeSX .containerContent.layout2 a,
#contHomeSX .containerContent.layout3 a,
#contHomeSX .containerContent.layout4 a,
#contHomeSX .containerContent.layout5 a,
#contHomeSX .containerContent.layout6 a,
#contHomeSX .containerContent.layout7 a
 {
    background: url("/img/css/rasterBlack.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    font-weight: bold;
}



#tblogo{
margin: 10px 0 0 0;
display: block;
}

#tblogo img{
width: 58px;
}




.inputDate{
	border: 1px solid #333;
	height: 26px;
	width: 90px;
	padding-left: 10px;
	padding-right: 10px;
	background: url("/img/css/kalBg.png") no-repeat center right;
	
}

.filter{
	position: relative;
}

.resetDate{
	position: absolute;
	background: url("/img/css/kalReset.png") no-repeat center right;
	width: 20px;
	height: 26px;
	top: 1px;
	right: 1px;
	cursor: pointer;
}

#newsletterJoin{
	position: absolute;
	right: 0px;
	top:77px;
}


#newsletterJoin {
    background: url("/img/css/linkarows.png") no-repeat right -102px ;
    color: #000;
    padding: 0 35px 0 35px;
    font-size: 13px
}


#contTopLogo{
	overflow: hidden;
}



#newsletterForm .formElm {
	margin: 10px 0 10px 0;
}

#newsletterForm .formElm label{
	width: 100px;
	display: block;
	    font-size: 13px;
    padding: 0 0 8px;
}

#newsletterForm .data{
	background: url("/img/css/raster.png") repeat scroll 0 0 transparent;
    border: 1px solid #fff;
    font-family: "PT Sans",sans-serif;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding: 0 10px;
    width: 530px;
}


#newsletterForm .contdx{
	width: 500px;
	margin: -16px 0 0 15px;
}

#newsletterForm .contsx{
	width: 370px;
	border-top: 2px solid #000;
}


#newsletterForm .buttonForm1{
    background-color: #333;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 28px;
    padding: 5px 15px;
    width: 552px;
}



#newsletterForm .formElm  .error{
	border: 1px solid #FF0099;
}

#messegBoxForm{
	display: none;
	padding: 15px;
	font-size: 14px;
	width: 520px;
	margin: 0 0 20px 0;
}

#messegBoxForm.error{
	display: block;
	border: 1px solid #FF0099;
	color: #FF0099;
}

#messegBoxForm.ok{
	display: block;
	font-size: 16px;
	border: 1px solid #00caca;
	color: #00caca;
	margin: 15px 0 20px 0;
	padding: 75px 15px 75px 15px; 
}


#linkMessege{
	display: block;
	font-size: 16px;
	border: 1px solid #00caca;
	color: #00caca;
	margin: 15px 0 20px 0;
	padding: 75px 35px 75px 35px; 
	position: relative;
}

#linkMessege.error{
	border: 1px solid #FF0099;
	color: #FF0099;
}

#linkMessege a{
	position: absolute;
	right: 5px;
	top: 5px;
	height: 18px;
	width: 18px;
	display: block;		
	background-color: #00caca;
	color: #fff;
	text-align: center;
	line-height: 18px;
}


#linkMessege.error a{
	background-color: #FF0099;
	color: #FFf;
}

#archblognavi{
	background-color: #000;
    color: #fff;
    font-size: 13px;
    padding: 6px 6px 2px 6px;
    position: absolute;
    right: 165px;
    top: 0;
	text-align:center;
}

#fbnavi {
    background-color: #000;
    color: #fff;
    font-size: 13px;
    padding: 6px 6px 2px 6px;
    position: absolute;
    right: 60px;
    top: 0;
	width:11px;
	text-align:center;
}

#linkedinnavi {
    background-color: #000;
    color: #fff;
    font-size: 13px;
    padding: 6px 6px 2px 6px;
    position: absolute;
    right: 30px;
    top: 0;
	width:11px;
	text-align:center;
}


#archatlasnavi {
    background-color: #000;
    color: #fff;
    font-size: 13px;
    padding: 6px 6px 2px 6px;
    position: absolute;
    right: 90px;
    top: 0;
	width:57px;
	text-align:center;
}



.tdaCont a{
    display: block;
    line-height: 0;
}

.tdaCont img{
    background: #fff;
    padding: 0 0 0 0;
}



.tdaCont{
    background: none repeat scroll 0 0 #fff;
    width: 305px;
    padding: 0 0 19px 0;
}

.tdaCont .text{
    padding: 10px 26px 23px 26px;
    font-size: 12px;
   /* border: 1px solid #333;*/
}


#tdaContAll{
   margin: -45px -26px 20px 0;
   /*margin: 0px -26px 20px 0;*/
}


.home .listVerGes{
width: 621px;
}


#filterCont{
    margin: 0 -15px 5px 0;
}


.hspacer{
    border-left: 1px solid #999;
    width: 1px;
    height: 43px;    
}


.day.akt{
    border-bottom: 3px solid #f09;
}



#contHomeSX #tga .verCont .contSX .verData{
    margin-left: 0;
    width: 360px;
}


#tga .desc{
    margin: 0 0 20px 0;
}

#tga .tour{
position: relative;
}

#tga .tour .desc{
    width: 70%;
}

#tga .tour .tourTitel{
    font-weight: bold;
    margin: 0 0 3px 0;
    font-size: 14px;
}

#tga .tour .desc{
    font-size: 13px;
}


#tga .tour .tourPreis{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin: 0px 0 16px 0;
}

#tga .tour{
    border-top: 1px solid #333;
    padding: 10px 0 0 0;
}

#contHomeSX #tga  .verCont .contSX{
    height: auto;
}



.dk_fouc #tga select {
    position: relative;
    top: 0;
    visibility: visible;
    height: 31px;
    padding: 0 5px 0 5px;
    margin: 0 20px 0 0;
}



#contHomeSX  #tga .verCont .btn {
    background: none repeat scroll 0 0 #333;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    height: 31px;
    line-height: 31px;
    padding: 0 10px;
    display: inline-block;
}


#tga #inputTiketNr{
    -moz-appearance:textfield;
    -webkit-appearance: none;
    width: 35px;
    height: 31px;
    padding: 0 5px 0 5px;
    text-align: center;
    margin: 0 20px 0 5px;
}

#tga #selectTiketDate{
	margin-left: 5px;
}

#tga  .oderCont{
    margin: 25px 0 0 0;
}

#tga .tdaCheckboxContainer{
	margin-bottom: 20px;
}

#tga .tdaCheckboxContainer .checkboxTiketOption{
	margin-right: 5px;
	cursor: pointer;
}

#tga .tdaCheckboxContainer label{
	cursor: pointer;
}


#msgCont {
    text-align: center;
    margin: 20px 0 20px 0;
    padding: 25px;
}

#msgCont.error{
    color: #f09;
    font-weight: bold;
    border:3px solid #f09; 
}

#msgCont.success{
    color: #00D9A3;
    font-weight: bold;
    border:3px solid #00D9A3; 
}

#warenKorbSum {
    font-size: 14px;
    font-weight: bold;
     display: inline-block;
    padding: 0 0 5px 0;
}

.warenKorbCont{
    display: inline-block;
    margin: 10px;
}

.warenKorbCont img{
    margin: 0 0 -5px; 0;
}








.warenkorbCont{

}


.warenkorbCont #warenkorbTitel{
    font-family: "Ropa Sans",sans-serif;
    font-size: 30px;
    line-height: 30px;
    padding: 0 0 20px;
    text-align: left;
    border-bottom: 2px solid #333;
    margin: 0 0 40px 0;
}



.warenkorbCont .row .kat{
    width: 20%;
}

.warenkorbCont .row .tour{
    width: 30%;
}

.warenkorbCont .row .termin{
    width: 20%;
}

.warenkorbCont .row .anzahl{
    width: 15%;
    text-align: center;
}

.warenkorbCont .row .eizelpreis{
    width: 15%;
    text-align: center;
}

.warenkorbCont .row .gesamtpreis{
    width: 15%;
    text-align: right
}

.warenkorbCont .row.header .gesamtpreis{
    width: 13%;
    text-align: right;
}


.warenkorbCont .row{
    margin: 5px 0 5px 0;
}


.warenkorbCont .title{
    width: 55%;
}



.warenkorbCont  .row.header {
    font-family: "Ropa Sans",sans-serif;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 25px;
    padding: 0;
    font-weight: bold;
}

.warenkorbCont  .row .totele{
    width: 15%;
    border-top: 2px solid #333;
    font-weight: bold;
    text-align: right;
    padding: 5px 0 0 0;
    margin: 5px 0 0 0;
}


.warenkorbCont .row .anzahl input{
    -moz-appearance:textfield;
    -webkit-appearance: none;
    width: 30px;
    height: 22px;
    padding: 0 5px 0 5px;
    text-align: center;
    margin: 0 20px 0 0;
}

.warenkorbCont .row .reloadBTN{
    font-size: 22px;
    line-height: 22px;
    width: 24px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    height: 25px;
}

.warenkorbCont .row .reloadBTN:hover{
    color: #fff;
    background: #333;
    border-radius: 3px;
}

.warenkorbCont .row .removeBTN{
    font-size: 22px;
    line-height: 20px;
    width: 24px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    height: 25px;
}

.warenkorbCont .row .removeBTN:hover{
    color: #fff;
    background: #333;
    border-radius: 3px;
}


#warenkorb{
position: relative;
}



.warenkorbCont .btnStep{
    background-color: #333;
    color: #fff;
    display: block;
    font-size: 17px;
    height: 37px;
    line-height: 37px;
    padding: 0px 15px;
    text-align: right;
    margin:15px 0 7px 0;
    cursor: pointer;
    font-family: "Ropa Sans",sans-serif;
}


.warenkorbCont .btnStep:hover{
    background: url("/img/css/raster.png") repeat scroll 0 0 transparent;
    color: #333;
}


.warenkorbCont .step2Sx{
    width: 46%;
    margin: 27px 4% 0 0;
}
.warenkorbCont .step2Dx{
    width: 50%;
}

.warenkorbCont   .formRow .data {
    width: 443px;
}

.warenkorbCont .step2Sx h2 {
    font-family: "Ropa Sans",sans-serif;
    font-size: 16px;
    padding: 0 0 20px;
    text-align: left;
    border-top: 2px solid #333;
    margin: 
}


.warenkorbCont .data.error{
    border: 1px solid #f09!important;
}

.warenkorbCont  .errMsg.error{
    color: #f09;
}


.warenkorbCont #privacycot input{
    margin: 8px 5px 0 0;
}


.warenkorbCont #paymentCont{
margin: 0 auto;
    width: 650px;
}


.warenkorbCont #paymentCont .paymanroption{
    padding: 10px 25px 10px 25px;
    margin: 0 15px 0 15px;
    text-align: center;
    border: 2px solid #fff;
}

.warenkorbCont #paymentCont .paymanroption:hover{
    border: 2px solid #333;
}


#errorPay.error {
    border: 3px solid #f09;
    color: #f09;
    font-weight: bold;
    margin: 20px 0;
    padding: 25px;
    text-align: center;
    font-size: 16px;
}

#warenKorbCont img{
    margin: 0 3px -5px 0;
}


#warenKorbContBack{
      background: none repeat scroll 0 0 #333;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 31px;
    line-height: 31px;
    padding: 0 10px;
}


#warenkorb .containerContent .accButtonIco{
background: none;
}

#warenkorb .containerContent .accButton .ok{
    padding: 0 0 0 10px;
    color: #00d9a3;
    display: none;
}

#warenkorb .containerContent .accButton.ok .ok{
    display: inline;
}


#tga{
position: relative;
    
}

#tga .verCont{
    position: relative;
    z-index: 1
}


#loadingBasket{
position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    overflow: hidden;
}


#previewWk .titlePrev{
    font-size: 16px;
    border-bottom: 1px solid #333;
    margin: 0 0 20px 0;
}


#previewWk{
    padding: 0 25px 0 25px;
}

#previewWk .prevCont{
    padding: 0 0 80px; 0;
}











#warenkorb .containerContent .accHeader {
    padding-left:  2px;
}



#previewWk .warenkorbCont .row.header {
    font-size: 15px;
}



#warenKorbAjax .row.error .errorfiled{
   color: #f09;
}



#confirmPage .infotext{

    margin: 0 0 40px 0;
    
}








#confirmPage  .infopermalink{
    text-align: center;
    display: block;
    margin: 0 0 40px 0;
}


#confirmPage .infobtnPaypal{
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}


#confirmPage .btnPaypal{

    border: #333 2px solid;
    padding: 25px;
    margin: 3px 0 0 0;
}


#paypalNotification .messgeOK{
    text-align: center;
    padding: 220px 0;
}



#paymentCont .infoText{
   text-align: center; 
    padding: 20px 0 20px 0;
}


/* detail veranstaltungen */

#hederVer{
margin: 20px 0 20px 0;
}

.btn {
    background: none repeat scroll 0 0 #333;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    height: 26px;
    line-height: 25px;
    padding: 0 10px;
    display: inline-block;
}

.btn.hover {
    background: url("/img/css/raster.png") repeat scroll 0 0 transparent;
    color: #333;
}

   

.errorMessgeListe{
    font-size: 20px;
    font-weight:bold;
}


.archEventLogo{
    background: url("/img/css/archEventLogo.jpg") no-repeat;
    width: 24px;
}


#warenkorb .formRow.radio  .radioElm{
    margin: 7px;
}

#warenkorb .formRow.radio .radioElmLabel{
    margin: 0 20px 0 0;
}

#warenkorb .formRow.radio{
    margin: 10px 0 10px 0;
}

#warenkorb .selcetElm{
    display: block;
    position: relative;
    top: auto;
    left: auto;
    visibility: visible;
    width: 463px;
    padding: 1px 7px 1px 7px;
    height: 42px;
    font-family: "PT Sans",sans-serif;
    font-size: 16px;
    background: url("/img/css/raster.png") repeat scroll 0 0 transparent;
    border: none;
}


.warenkorbCont .radioCont.error{
    border: 1px solid #f09 !important;
}

.warenkorbCont .selcetElm.error{
    border: 1px solid #f09 !important;
}







.formPreis .selcetElm{
    display: block;
    position: relative;
    top: auto;
    left: auto;
    visibility: visible;
    width: 494px;
    padding: 1px 7px 1px 7px;
    height: 42px;
    font-family: "PT Sans",sans-serif;
    font-size: 16px;
    background: url("/img/css/raster.png") repeat scroll 0 0 transparent;
    border: none;
}



.formPreis .labelBeschreibung{
    font-size: 12px;
    display: inline-block;
    color: #999;
    padding: 0 8px 8px 20px;
    position: absolute;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}

.formPreis .labelBeschreibung:hover{
    font-size: 12px;
    color: #333;
 height: auto;
     white-space: normal;
}

.formPreis .formCont .paddcont,
.formPreis .formCont .paddcont form {

    width: 100%;
    
}

.formPreis  .meldungForm{
padding: 15px 60px;
}



.decsblok{
padding: 25px 0 0 0;
}

.decsblok h3{
    padding: 0  0 15px 0; 
}

.decsblok ol li{
    list-style: decimal!important;
    display: list-item!important;
    padding: 3px 0 3px 0;
    
}

.decsblok ol li *{
display: inline!important;
}

.decsblok ol li a{
background: rgba(0, 0, 0, 0) url("/img/css/rasterBlack.png") repeat-x scroll left bottom;
    font-weight: bold;
}


.decsblok ol{
    padding: 0 0 0 15px;
}

.info-availability{
	font-weight:bold;
	padding:8px;
	border:2px solid #000;
	margin:0;
	font-size:11px;
}

/*-------------*/

@-webkit-keyframes preload-show-1 {
  from {
    -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-show-1 {
  from {
    -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-hide-1 {
  to {
    -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-hide-1 {
  to {
    -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-cycle-1 {
  5% {
    -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
  10%,
		75% {
    -webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
            transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color: #00FFBF;
  }
  80%,
		100% {
    -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-cycle-1 {
  5% {
    -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
  10%,
		75% {
    -webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
            transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color: #00FFBF;
  }
  80%,
		100% {
    -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-show-2 {
  from {
    -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-show-2 {
  from {
    -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-hide-2 {
  to {
    -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-hide-2 {
  to {
    -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-cycle-2 {
  10% {
    -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
  15%,
		70% {
    -webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
            transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color: #00FFBF;
  }
  75%,
		100% {
    -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-cycle-2 {
  10% {
    -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
  15%,
		70% {
    -webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
            transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color: #00FFBF;
  }
  75%,
		100% {
    -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-show-3 {
  from {
    -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-show-3 {
  from {
    -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-hide-3 {
  to {
    -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-hide-3 {
  to {
    -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-cycle-3 {
  15% {
    -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
  20%,
		65% {
    -webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
            transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color: #00FFBF;
  }
  70%,
		100% {
    -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-cycle-3 {
  15% {
    -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
  20%,
		65% {
    -webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
            transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color: #00FFBF;
  }
  70%,
		100% {
    -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-show-4 {
  from {
    -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-show-4 {
  from {
    -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-hide-4 {
  to {
    -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-hide-4 {
  to {
    -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-cycle-4 {
  20% {
    -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
  25%,
		60% {
    -webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
            transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color: #00FFBF;
  }
  65%,
		100% {
    -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-cycle-4 {
  20% {
    -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
  25%,
		60% {
    -webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
            transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color: #00FFBF;
  }
  65%,
		100% {
    -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-show-5 {
  from {
    -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-show-5 {
  from {
    -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-hide-5 {
  to {
    -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-hide-5 {
  to {
    -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-cycle-5 {
  25% {
    -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
  30%,
		55% {
    -webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
            transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color: #00FFBF;
  }
  60%,
		100% {
    -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-cycle-5 {
  25% {
    -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
  30%,
		55% {
    -webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
            transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color: #00FFBF;
  }
  60%,
		100% {
    -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-show-6 {
  from {
    -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-show-6 {
  from {
    -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-hide-6 {
  to {
    -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-hide-6 {
  to {
    -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
            transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-cycle-6 {
  30% {
    -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
  35%,
		50% {
    -webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
            transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color: #00FFBF;
  }
  55%,
		100% {
    -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@keyframes preload-cycle-6 {
  30% {
    -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
  35%,
		50% {
    -webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
            transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color: #00FFBF;
  }
  55%,
		100% {
    -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
            transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #00d9a3;
  }
}
@-webkit-keyframes preload-flip {
  0% {
    -webkit-transform: rotateY(0deg) rotateZ(-60deg);
            transform: rotateY(0deg) rotateZ(-60deg);
  }
  100% {
    -webkit-transform: rotateY(360deg) rotateZ(-60deg);
            transform: rotateY(360deg) rotateZ(-60deg);
  }
}
@keyframes preload-flip {
  0% {
    -webkit-transform: rotateY(0deg) rotateZ(-60deg);
            transform: rotateY(0deg) rotateZ(-60deg);
  }
  100% {
    -webkit-transform: rotateY(360deg) rotateZ(-60deg);
            transform: rotateY(360deg) rotateZ(-60deg);
  }
}
body {
  background: #efefef;
}

.preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  display: block;
  width: 3.75em;
  height: 4.25em;
  margin-left: -1.875em;
  margin-top: -2.125em;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotateY(180deg) rotateZ(-60deg);
          transform: rotateY(180deg) rotateZ(-60deg);
}
.preloader .slice {
  border-top: 1.125em solid transparent;
  border-right: none;
  border-bottom: 1em solid transparent;
  border-left: 1.875em solid #00FFBF;
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
  border-radius: 3px 3px 0 0;
}
.preloader .slice:nth-child(1) {
  -webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
          transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
  -webkit-animation: 0.15s linear 0.82s preload-hide-1 both 1;
          animation: 0.15s linear 0.82s preload-hide-1 both 1;
}
.preloader .slice:nth-child(2) {
  -webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
          transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
  -webkit-animation: 0.15s linear 0.74s preload-hide-2 both 1;
          animation: 0.15s linear 0.74s preload-hide-2 both 1;
}
.preloader .slice:nth-child(3) {
  -webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
          transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
  -webkit-animation: 0.15s linear 0.66s preload-hide-3 both 1;
          animation: 0.15s linear 0.66s preload-hide-3 both 1;
}
.preloader .slice:nth-child(4) {
  -webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
          transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
  -webkit-animation: 0.15s linear 0.58s preload-hide-4 both 1;
          animation: 0.15s linear 0.58s preload-hide-4 both 1;
}
.preloader .slice:nth-child(5) {
  -webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
          transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
  -webkit-animation: 0.15s linear 0.5s preload-hide-5 both 1;
          animation: 0.15s linear 0.5s preload-hide-5 both 1;
}
.preloader .slice:nth-child(6) {
  -webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
          transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
  -webkit-animation: 0.15s linear 0.42s preload-hide-6 both 1;
          animation: 0.15s linear 0.42s preload-hide-6 both 1;
}
.preloader.loading {
  -webkit-animation: 2s preload-flip steps(2) infinite both;
          animation: 2s preload-flip steps(2) infinite both;
}
.preloader.loading .slice:nth-child(1) {
  -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
          transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
  -webkit-animation: 2s preload-cycle-1 linear infinite both;
          animation: 2s preload-cycle-1 linear infinite both;
}
.preloader.loading .slice:nth-child(2) {
  -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
          transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
  -webkit-animation: 2s preload-cycle-2 linear infinite both;
          animation: 2s preload-cycle-2 linear infinite both;
}
.preloader.loading .slice:nth-child(3) {
  -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
          transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
  -webkit-animation: 2s preload-cycle-3 linear infinite both;
          animation: 2s preload-cycle-3 linear infinite both;
}
.preloader.loading .slice:nth-child(4) {
  -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
          transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
  -webkit-animation: 2s preload-cycle-4 linear infinite both;
          animation: 2s preload-cycle-4 linear infinite both;
}
.preloader.loading .slice:nth-child(5) {
  -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
          transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
  -webkit-animation: 2s preload-cycle-5 linear infinite both;
          animation: 2s preload-cycle-5 linear infinite both;
}
.preloader.loading .slice:nth-child(6) {
  -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
          transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
  -webkit-animation: 2s preload-cycle-6 linear infinite both;
          animation: 2s preload-cycle-6 linear infinite both;
}

/*-------------*/