*{margin:0;padding:0;border:0;}

html{height:101%;width:100%;}
a{text-decoration:none;}
body{background:#a09e9e;line-height:140%;font-size:14px;font-family: 'Source Sans Pro',arial, sans-serif;color:#000;}
#wrapper{position:absolute;height:100%;padding:70px 0;width:920px;margin-left:-460px;}
#head{position:absolute;top:-70px;left:0;width:100%;height:50px;overflow:visible;z-index:800;}

h1{position:absolute;display:inline-block;text-transform:uppercase;letter-spacing:1px;
left:6px;top:22px;}

h1 a{font-size:15px;font-weight:600;color:#555;padding:8px 0px;}
h2.category{position:absolute;display:inline-block;top:30px;left:6px;text-transform:uppercase;font-size:14px;font-weight:400;color:#555;padding:8px 0px;}
h3{font-size:14px;font-weight:normal;text-transform:uppercase;color:#000;}
h3.abstand{margin-top:25px;}

p{margin-bottom:0.3em;}
.cycle-slideshow, #uebersicht, #content{position:absolute;top:50%;left:0;width:920px;height:457px;margin-top:-225px; 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:transparent;}
.box.klein{width:225px; height:225px;}
.slide{position:absolute;width:920px;height:457px;}

.slide.uebersicht .box.klein{cursor:pointer;}

.box.gross.links{position:absolute;width:457px; height:457px;;z-index:180; overflow:hidden; cursor:default;}
.box.gross.rechts{position:absolute;top:0;left:464px;width:457px; height:457px;z-index:200;background:rgba(255,255,255,0.6);overflow:hidden;}
.box.gross.links img{width:457px; height:457px;position:absolute;left:0;top:0;}
.box.gross.rechts img{width:457px; height:457px;position:absolute;right:0;top:0;}

 #boxjurte{position:absolute;left:0;top:0; height:457px !important;width:687px !important;background:#a09e9e;z-index:180;  cursor:default;}
#boxjurte img{position:absolute;left:0;top:0; height:457px !important; width:auto !important;}
 #jurtetext{position:absolute;right:0;top:0;  height:457px;width:920px;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:457px; height:457px;z-index:200;overflow:hidden;cursor:-webkit-zoom-out;cursor: -moz-zoom-out;display:none;}
.zoom_R{position:absolute;top:0;left:464px;width:457px; height:457px;z-index:200;overflow:hidden;cursor:-webkit-zoom-out;cursor: -moz-zoom-out;display:none;}
.zoom_L img,.zoom_R img{width:100%;height: auto !important;}

.text_links{position:absolute;top:0;left:0;width:457px; height:auto;z-index:200;overflow:hidden;background:rgba(255,255,255,0.6);}
.aktuell .text_links{height:457px;}
.a-text{position:relative;width:100%;height:auto;margin-top:15px;}
 .seite{position:relative;padding:60px;height:100%;}

.text_rechts{position:absolute;top:0;left:464px;width:457px;height:457px; z-index:200;overflow:hidden;background:rgba(255,255,255,0.6);}
.text_rechts img{width:100%; height:auto !important;}
.text_links img{width:100%; height:auto !important;}
#kontakt,#datenschutz{margin:35px;}
p.english{color:#888;}


.box.klein img{position:relative;width:225px; height:auto !important;}
.box.gross img{position:relative;width:454px; height:auto !important;}
.top1{top:0;left:0;z-index:100;}
.top2{top:0;left:232px;}
.top3{top:0;left:464px;z-index:100;}
.top4{top:0;left:696px;}
.bottom1{top:232px;left:0;}
.bottom2{top:232px;left:232px;}
.bottom3{top:232px;left:464px;}
.bottom4{top:232px;left:696px;;}
.box .mask{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:100; background:#fff;opacity:0.9;}
.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:15px 25px;}
.gruppentext{position:absolute;top:232px;left:464px;width:457px; height:225px;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 .text p{width:400px;margin-bottom:1em;font-size:13px;}
.box .text2{width:390px;padding:30px;border:0px solid #f00;}
.box .text2 p{width:390px;margin:0;padding:0;margin-bottom:10px;font-family:'PT Sans Narrow', sans-serif;font-size:14px;}

#mainnav {position:absolute;
right:0;top:5px;}
#mainnav li{
	position:relative;
display:inline;
	margin-left:45px ;
	padding:0;
	float:left;
	
	}
#mainnav li a{display:inline-block;text-transform:uppercase;font-size:14px;color:#000;padding:4px 8px;}
	#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: 8px 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: 0.2em;display:block;clear:both;}
ul#mainnav ul li a{display:block;font-size:14px;}

ul#mainnav ul li a:hover{color:#999;}


div.biocontainer{position:relative; border:0px solid #0f0;background:rgba(255,255,255,0.7);padding:40px 45px;}
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:40px 45px;}
.bilder_bio{width:280px;float:right;}
.bilder_profil{width:280px;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:480px;text-align:left;margin-bottom:80px;}
table.vita{float:left;width:480px;text-align:left;margin:0 0px 40px 40px;}
#bild_vita{float:left;width:280px;height:auto !important;}

table.bio td, table.vita td{padding-bottom:8px;}
table.bio td.datum,table.vita td.datum {width:90px;vertical-align:top;}
table.bio td.event,table.vita td.event,{width:400px;vertical-align:top;}
table.bio.einzel,table.bio.gruppen{width:500px;}
table.bio.einzel td.datum,table.bio.gruppen td.datum{width:90px;}
table.bio.einzel td.event,table.bio.gruppen td.event{width:410px;}

table.bio th {padding-bottom:30px;}
#profiltext{width:540px;float:left;margin:0 0px 50px 40px;}
#bild_profil{float:left;width:240px; height:auto !important;}


.aktuell_container{height:457px;background:rgba(255,255,255,0.7);}
.aktuell_content{position:absolute;bottom:40px;right:40px;}
.aktuell_content p{font-size:14px;}

div.container.kontakt{background:rgba(255,255,255,0.6);width:457px;}
#brandberge{position:absolute;left:464px; top:349px; height:108px;}
#STmongolei{width:500px;height:500px;}
#STkirgiesien{width:500px;height:500px; }