*{margin:0;padding:0;border:0;}
html{height:101%;overflow-x:hidden;}
a{text-decoration:none;color:#930;} 
a.pfeil{color:#930;padding-left:15px; background:url(../icons/link.png) no-repeat 0 4px;background-size:12px;}
a:hover,a.pfeil:hover{color:#666;}
.clr{clear:both;}
body{background:#a09e9e;line-height:140%;font-size:16px; font-family:arial, sans-serif;color:#000;}
#wrapper{position:absolute;height:100%; width:1280px;top:0;left:50%;margin-left:-640px;overflow:visible;}
#head{position:absolute;top:-90px;left:0;width:100%;height:70px;overflow:visible;z-index:800;}
h1{font-family:arial,sans-serif;color:#222;position:absolute;display:inline-block;text-transform:uppercase;
left:6px;top:22px;z-index:800;}
.less-spacing{letter-spacing:-0.02em;}
h1 a{font-size:20px;font-weight:normal;color:#555;padding:9px 0em;}
h2.category{position:absolute;display:inline-block;top:39px;left:6px;;text-transform:uppercase;font-size:16px;font-weight:normal;color:#555;padding:9px 0em;}
h3{font-size:16px;font-weight:normal;text-transform:uppercase;color:#000}
h3.abstand{margin-top:30px;}
p{margin-bottom:10px;}
.cycle-slideshow, #uebersicht, #content{position:absolute;width:1280px;height:633px;top:50%;margin-top:-300px;border:0px solid #fff;overflow:visible;}
a.uebersicht_button{position:relative; float:right;}a.uebersicht_button img{height:20px; width:auto !important;opacity:0.1;}
a.uebersicht_button:hover img{opacity:0.6;}
#bottom-nav{position:absolute;bottom:-40px;right:0;height:18px;width:100%;}
#custom-pager{position:relative; float:right;}

#custom-pager span a{color:#777;font-size:18px;margin:10px;}#custom-pager span a:hover{color:#333;}
#custom-pager span.cycle-pager-active a{color:#333;}

#next{position:relative;float:right;margin-left:15px;height:18px;width:18px;background:transparent;cursor:pointer;z-index:900;opacity:0.1; background-image:url(../icons/arrow-right.png);background-repeat:no-repeat;background-position:center center;}
#next:hover{opacity:0.6;}
#prev{position:relative;float:left;height:18px;width:18px;background:transparent;cursor:pointer;z-index:900;opacity:0.1; background-image:url(../icons/arrow-left.png);background-repeat:no-repeat;background-position:center center;}#prev:hover{opacity:0.6;}

.box{position:absolute;width:auto;height:auto; overflow:visible;background:#a09e9e;}
.box.klein{width:310px; height:310px;overflow:hidden; cursor:-webkit-zoom-in;cursor: -moz-zoom-in;}
.slide{position:absolute;width:1280px;height:633px;}
.slide.uebersicht .box.klein{cursor:pointer;}

.box.klein img{width:310px; height:auto !important;}

.box.gross.links{position:absolute;width:633px; height:633px;background:rgba(255,255,255,0.6);z-index:180; overflow:hidden; cursor:default;}
.box.gross.links txt{background:rgba(255,255,255,0.6);padding:30px;z-index:180; overflow:hidden; cursor:default;}

.box.gross.links img{width:633px; height:auto !important;position:absolute;left:0;top:0;}

.box.gross.rechts{position:absolute;top:0;left:646px;width:633px; height:633px;z-index:180;background:rgba(255,255,255,0.6);overflow:hidden;}
.box.gross.rechts img{width:633px; height:auto !important;position:absolute;right:0;top:0;}

 #boxjurte{position:absolute;left:0;top:0;width:633px; width:950px !important;height:633px !important;background:#a09e9e;z-index:180;  cursor:default;}
#boxjurte img{position:absolute;left:0;top:0; height:633px !important; width:auto !important;}
 #jurtetext{position:absolute;right:0;  height:633px;width:950px;z-index:100; background:rgba(255,255,255,0.6)}
 #jurtetext p{position:absolute;bottom:35px;right:30px;text-align:right;}

.zoom_L{position:absolute;top:0;left:0;width:633px; height:633px;z-index:200;overflow:hidden;cursor:-webkit-zoom-out;cursor: -moz-zoom-out;}
.zoom_R{position:absolute;top:0;left:646px;width:633px; height:633px;z-index:200;overflow:hidden;cursor:-webkit-zoom-out;cursor: -moz-zoom-out;display:none;
display:none;}
.zoom_L img,.zoom_R img{width:100%;height: auto !important;}

.text_links{position:absolute;top:0;left:0;width:633px; height:auto;z-index:200;overflow:hidden;background:rgba(255,255,255,0.6);}
.aktuell .text_links{height:633px;}

.a-text{position:relative;width:100%;height:auto;margin-top:30px;}
 .seite{position:relative;padding:90px;height:100%;}
.text_rechts{position:absolute;top:0;left:646px;width:633px; height:633px;z-index:200;overflow:hidden;background:rgba(255,255,255,0.6);}
.text_rechts img{width:100%; height:auto !important;position:absolute;right:0;top:0;}
.text_links img{width:100%; height:auto !important;position:absolute;left:0;top:0;}
.text_rechts{position:absolute;top:0;left:646px;width:633px; height:633px;z-index:200;overflow:hidden;background:rgba(255,255,255,0.6);}

 #kontakt,#datenschutz{margin:90px;}ul.daten{margin-left:1.8em;}
p.english{color:#888;}
.top1{position:absolute;top:0;left:0;z-index:100;}.top1 img{width:633px;height:auto !important;}
.top2{position:absolute;top:0;left:323px;}
.top3{position:absolute;top:0;left:646px;z-index:100;}
.top4{position:absolute;top:0;left:969px;}
.bottom1{position:absolute;top:323px;left:0;}
.bottom2{position:absolute;top:323px;left:323px;}
.bottom3{position:absolute;top:323px;left:646px;}
.bottom4{position:absolute;top:323px;left:969px;;}
.box .mask{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:100; background:#fff;opacity:0.9;}.box .mask.show{display:block;}
.box .bg{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:100; background:#fff;opacity:0.9; cursor:default;}
.box .mask a{position:absolute;bottom:30px;right:0;padding:5px 20px 5px 22px;display:block;font-size:18px;color:#000;text-transform:uppercase;background:url(../icons/link.png) no-repeat 0 8px;}
.box .mask a:hover{color:#555;}
.box.gross .caption{position:absolute;bottom:40px;right:0;width:auto;z-indez:1000; display:block; background:rgba(255,255,255,0.6);}
.box.gross .caption p{margin:20px 30px;}
.gruppentext{position:absolute;top:323px;left:646px;width:633px; height:310px;background:rgba(255,255,255,0.7);}
.gruppentext p{position:absolute;bottom:30px;left:30px;}
/*.box .text{position:absolute;width:956px; background:transparent;opacity:0.5;padding-top:0px;padding-bottom:100px;border:0px solid #F99;}*/
.box .legende{position:absolute;bottom:0;left:0;padding:30px;}
.box .legende p{margin-bottom:1em;}

/*.box .text p{width:550px;margin-bottom:1em;}
.box .text p a{position:relative;.box .text p{width:550px;margin-bottom:1em;}
}*/

.box .text2{position:absolute;width:550px;padding:30px;border:0px solid #f00;}
.box .text2 p{width:480px;margin:0;padding:0;margin-bottom:10px;font-family:'PT Sans Narrow', sans-serif;font-size:16px;}


#mainnav {position:relative;float:right;
margin-right:0;margin-top:13px;z-index:1000;}
#mainnav li{
	position:relative;
display:inline;
	margin-left:92px ;
	padding:0;
	float:left;
	
	}
#mainnav li a{display:inline-block;text-transform:uppercase;font-size:font-size:20px;;color:#555;padding:6px 6px;}
	#mainnav li.first {padding-right:330px;}
#mainnav li a:hover{color:#fff;}
ul#mainnav li:hover > ul
{
/*these 2 styles are very important, 
being the ones which make the drop-down to appear on hover */
	visibility:visible;
	opacity:1;
}

ul#mainnav ul, ul#mainnav ul li ul {
	list-style: none;
    margin: 0;
    padding: 6px 0;    
/*the next 2 styles are very important, 
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    
    position: absolute;
	left:0;
    z-index: 99999;
	
	background:#fff;
	opacity:0.3;
	
/* css3 transitions for smooth hover effect */
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}
ul#mainnav ul li{width:auto;margin:0;padding: 4px 8px;display:block;clear:both;}
ul#mainnav ul li a{display:block}
ul#mainnav ul li a:hover{color:#999;}

div.biocontainer{position:relative; border:0px solid #f00;background:rgba(255,255,255,0.7);padding:80px 90px;}
div.biocontainer.einzel{background:rgba(255,255,255,0.6)}
div.biocontainer.gruppen{background:rgba(255,255,255,0.7)}
div.biocontainer.biocontainer profil{padding:80px 90px;}
.bilder_bio{width:320px;float:right;}
.bilder_profil{width:320px;float:left;}
.bilder_profil img{float:left;margin-bottom:8px; width:100%;height:auto !important;}
.bilder_bio img{margin-bottom:40px;width:100%; height:auto !important;}
table.bio{float:left;width:580px;text-align:left;margin-bottom:100px;}
table.vita{float:left;width:580px;text-align:left;margin:0 0px 50px 80px;}
#bild_vita{float:left;}

table.bio td, table.vita td{padding-bottom:10px;vertical-align:top;}

table.bio td.event,table.vita td.event{vertical-align:top;}
table.bio th {padding-bottom:30px;}
table.bio.einzel,table.bio.gruppen{width:700px;}
table.bio.einzel td.datum,table.bio.gruppen td.datum{width:100px;}
table.bio.einzel td.event,table.bio.gruppen td.event{width:610px;}
#profiltext{width:620px;float:left;margin:0 0px 50px 80px;}
#bild_profil{float:left;width:320px; height:auto !important;}

.aktuell_container{height:633px;background:rgba(255,255,255,0.7);}
.aktuell_content{position:absolute;bottom:50px;right:50px;}
.aktuell_content h3{font-size:16px;font-weight:normal;text-transform:uppercase;color:#000;margin-bottom:12px;}

.aktuell_content h4{text-transform:uppercase;font-weight:400;font-size:16px;}
.aktuell_content h5{margin-bottom:12px;font-weight:400;font-size:16px;color:#333;}

.aktuell_content p{font-size:16px;color:#333;}

.aktuell_content table td{vertical-align:top;}
.aktuell_content table td.datum{padding-right:30px;}

#brandberge{position:absolute; top:485px; height:146px;}
#STmongolei{width:600px;height:600px;}
#STkirgiesien{width:600px;height:600px; }