*{margin:0;padding:0;border:0;}
html{height:101%;overflow-x:hidden;}
a{text-decoration:none;}
.clr{clear:both;}
body{background:#a09e9e;line-height:140%;font-size:15px;font-family: 'Source Sans Pro',arial, sans-serif;color:#000;}
#wrapper{position:absolute;height:100%;  width:1020px;margin-left:-510px;border: 0px solid #fff;}
#head{position:absolute;top:-70px;left:0;width:100%;height:60px;overflow:visible;z-index:800;}

h1{position:absolute;display:inline-block;text-transform:uppercase;letter-spacing:1px;
left:6px;top:20px;}
h1 a{font-size:15px;font-weight:600;color:#555;padding:8px 0px;}
h2.category{position:absolute;display:inline-block;top:28px;left:6px;text-transform:uppercase;font-size:14px;font-weight:400;color:#555;padding:8px 0px;}
h3{font-size:16px;font-weight:normal;text-transform:uppercase;color:#000;}
h3.abstand{margin-top:30px;}

.cycle-slideshow, #uebersicht, #content{position:absolute;top:50%;margin-top:-250px;width:1020px; height:504px;border:0px solid #fff;}
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:247px; height:247px;}
.slide{position:absolute;width:1020px;height:504px;}

.slide.uebersicht .box.klein{cursor:pointer;}

.box.klein img{position:relative;width:247px; height:auto !important;}
.box.gross.rechts{position:absolute;top:0;left:514px;width:504px; height:504px;z-index:180;background:rgba(255,255,255,0.6);overflow:hidden;}
.box.gross.rechts img{width:504px; height:auto !important;position:absolute;right:0;top:0;}
.box.gross.links{position:absolute;top:0;left:0;width:504px; height:504px;z-index:180; overflow:hidden; cursor:default;}
.box.gross.links img{width:504px; height:auto !important;position:absolute;left:0;top:0;}

 #boxjurte{position:absolute;left:0;top:0; height:504px !important;width:757px !important;background:#a09e9e;z-index:180;  cursor:default;}
#boxjurte img{position:absolute;left:0;top:0; height:504px !important; width:auto !important;}
 #jurtetext{position:absolute;right:0;  height:504px;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:504px; height:504px;z-index:200;overflow:hidden;cursor:-webkit-zoom-out;cursor: -moz-zoom-out;display:none;}

.zoom_R{position:absolute;top:0;left:514px;width:504px; height:504px;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:504px; height:auto;z-index:200;overflow:hidden;background:rgba(255,255,255,0.6);}
.aktuell .text_links{height:504px;}
.a-text{position:relative;width:100%;height:auto;margin-top:25px;}
 .seite{position:relative;padding:60px;height:100%;}

.text_rechts{position:absolute;top:0;left:514px;width:504px;height:504px; 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:40px;}

.top1{top:0;left:0;z-index:100;}.top1 img{width:504px;height:auto !important;}
.top2{top:0;left:257px;}
.top3{top:0;left:514px;z-index:100;}
.top4{top:0;left:771px;}
.bottom1{top:257px;left:0;}
.bottom2{top:257px;left:257px;}
.bottom3{top:257px;left:514px;}
.bottom4{top:257px;left:771px;;}
.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:15px;color:#000;text-transform:uppercase;background:url(../icons/link.png) no-repeat 0 7px;}.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 20px;}
.gruppentext{position:absolute;top:257px;left:514px;width:504px; height:247px;background:rgba(255,255,255,0.7);}
.gruppentext p{position:absolute;bottom:30px;left:30px;}

/*.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:absolute;font-size:14px;
right:0;top:4px;;}
#mainnav li{
	position:relative;
display:inline;
	margin-left:60px ;
	padding:0;
	float:left;
	
	}
#mainnav li a{display:inline-block;text-transform:uppercase;font-size:14px;font-weight:400;color:#555;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:50px 50px;}
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:500px;text-align:left;margin-bottom:80px;}
table.vita{float:left;width:500px;text-align:left;margin:0 0px 40px 40px;}
#bild_vita{float:left;}

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:420px;vertical-align:top;}
table.bio.einzel,table.bio.gruppen{width:600px;}
table.bio.einzel td.datum,table.bio.gruppen td.datum{width:90px;}
table.bio.einzel td.event,table.bio.gruppen td.event{width:510px;}

table.bio th {padding-bottom:30px;}
#profiltext{width:600px;float:left;margin:0 0px 50px 40px; border:0px solid #0f0;}
#bild_profil{float:left;width:260px; height:auto !important;}

.aktuell_container{height:504px;background:rgba(255,255,255,0.7);}
.aktuell_content{position:absolute;bottom:40px;right:40px;}
.aktuell_content p{font-size:16px;}

#brandberge{position:absolute; left:512px;top:383px; height:120px;}
#STmongolei{width:600px;height:600px;}
#STkirgisien{width:600px;height:600px; }

