@charset "UTF-8";
/* CSS Document */


@media screen and (min-width:768px) and (max-width:1023px)
    {


body{
	margin:0;
	padding:0;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
}


#wrapper{
    width:768px;
	height:auto;
	position:absolute;
}


#logo{
	margin-top:30px;
	margin-left:220px;
	height:35px;
	width:360px;
	position:fixed;
	z-index:20px;
}
body.noscroll #logo{
	margin-left:0;
	height:auto;
	width:auto;
	position:fixed;
	z-index: 201;
	padding: 0 15px;
	background: rgba(255,255,255,.5);
}

#text{
	position:fixed;
	margin-top:55px;
	margin-left:220px;
	width:460px;
	height:80px;
}

#hmenue{
	margin-top:145px;
	margin-left:0px;
	text-align:right;
	height:490px;
	width:210px;
	float:left;
	position:fixed;
	z-index:20px;
	float:left;
	background-color:#FFF;
}


.submenue{
	margin-top:320px;
    margin-left:40px;
    position:fixed;
	height:auto;
	text-align:right;
	line-height:140%;
	width:110px;
	float:left;
	background-color:#FFF;
}
.submenue + div {
	margin-left:220px;
}


#inhalt{
	margin-top:145px;
	margin-left:220px;
	position:absolute;
	width:548px;
	height:480px;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}


.floatstopper{
	clear:both;
}

#abstand{
	width:1023px;
	height:145px;
	position:fixed;
	background-color:#FFF;		
}
	
h1{	
	font-size:18px;
	font-weight:700;
	color:#000;
	letter-spacing:0.5px;
	font-family: 'Lato', sans-serif;
}

.h1zusatz{	
	font-size:18px;
	font-weight:400;
	color:#000;
	letter-spacing:1px;
	font-family: 'Lato', sans-serif;
}


h2{	
	font-size:13px;
	color:#000;
	letter-spacing:0.5px;
	 margin-bottom:-12px;
}

h3{	
	font-size:14px;
	color:#000;
	margin-bottom:24px;
	letter-spacing:1px;
}
			
#text a{
	font-size:14px;
	font-weight:400;
	color:#000;
	line-height:160%;
	text-decoration:none;
}

#text a:hover{
 	color:#666;
    text-decoration:none;
}


#hmenue ul{
	font-size:15px;
	font-weight:400;
	line-height:140%;
	color:#000;	
	margin:0;
	padding:0;
}

#hmenue ul li{
	list-style-type:none;
	padding-right:60px;	
}


#hmenue ul li a{
	color:#999;
	text-decoration:none;
}

#hmenue ul li a:hover{
	color:#000;
	text-decoration:none;
}



#hmenue ul #aktuell a{
	color:#000;
	text-decoration:none;
}


p{
	font-size:13px;
	line-height:150%;
	color:#000;
	font-weight:400;
}

a{
	line-height:150%;
	color:#000;
	font-weight:400;
	text-decoration:none;
}

a:hover{
	line-height:150%;
	color:#666;
	font-weight:400;
	text-decoration:none;
}

.head{
	font-size:13px;
	letter-spacing:0.3px;
	color:#666;
	line-height:160%;
	margin-bottom:0px;
}

.head p{
	font-size:13px;
	letter-spacing:0.3px;
	line-height:150%;
	color:#666;
}


.head a{
	font-size:13px;
	letter-spacing:0.3px;
	line-height:160%;
	color:#666;
	text-decoration:none;
}

.head a:hover{
 	color:#000;
	letter-spacing:0.3px;
    text-decoration:none;
}
/*
.keins{
	width:378px;
	height:auto;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.kzwei{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.kdrei{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.kvier{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.kfuenf{ 
    width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.ksechs{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.ksieben{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.kacht{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}
.kneun{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}
.kzehn{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.kelf{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.kzwoelf{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:20px;
	float:left;
}

.floatstopper{
	clear:both;
}
*/


.submenue ul{
	font-size:15px;
	color:#999;
	margin:0;
	padding:0;
}

.submenue ul li{
	list-style-type:none;
	display:inline;
}


.submenue ul li a{
	color:#999;
	text-decoration:none;
}

.submenue ul li a:hover{
	color:#000;
	text-decoration:none;
}


.submenue ul #aktuell a{
	color:#000;
	text-decoration:none;
}


#inhaltbio{
	margin-top:136px;
	position:absolute;
	margin-left:220px;
	width:548px;
	height:auto;
	z-index:-400;
	padding-bottom:100px;
}



.foto{
	font-size:14px;
	line-height:160%;
	color:#000;
	font-weight:400;
}


#inhaltkontakt{
    margin-left:220px;
	margin-top:139px;
	position:absolute;
	width:548px;
	height:auto;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}


.impressum{
	width:220px;
	height:auto;
	margin-right:60px;
	float:left;
}

.urheber{
	width:548px;
	height:auto;
	margin-right:60px;
	float:left;
}
/*
.ursula{
	margin-top:11px;
	width:190px;
	height:auto;
	margin-right:30px;
	float:left;
}*/

.floatstopper{
	clear:both;
}


#inhaltpublikationen{
	margin-top:139px;
	position:absolute;
	margin-left:220px;
	width:548px;
	height:auto;
	z-index:-400;
	padding-bottom:100px;
}

/*
.peins{
	width:480px;
	height:auto;
	margin-bottom:20px;
	margin-right:60px;
	float:left;
}

.pzwei{
    width:480px;
	height:auto;
    margin-bottom:20px;
	margin-right:60px;
	float:left;
}
*/
		
.floatstopper{
	clear:both;
}


.anschrift p{
	font-size:14px;
	line-height:160%;
	color:#000;
	font-weight:400;
}


.anschrift a{
	font-size:14px;
	font-weight:400;
	color:#000;
	text-decoration:none;
}

.anschrift a:hover{
 	color:#666;
    text-decoration:none;
}

/*
#abstand{
	width:3000px;
	height:150px;
	position:fixed;
	background-color:#FFF;		
}*/

#inhaltvoyageur{	
	
	margin-top:150px;
	margin-left:220px;
	position:absolute;
	width:548px;
	height:378px;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}

		
.veins{
	width:auto;
	height:335;
	margin-right:60px;
	margin-bottom:10px;
	float:left;
}
		
.vzwei{
	width:auto;
	height:335px;
    margin-bottom:30px;
	margin-right:60px;
	float:left;
}

.vdrei{
	width:auto;
	height:370px;
    margin-bottom:50px;
	margin-right:60px;
	float:left;
}

.vvier{
	width:auto;
	height:335px;
    margin-bottom:30px;
	margin-right:60px;
	float:left;
}
.vfuenf{
	width:auto;
	height:335px;
    margin-bottom:30px;
	margin-right:60px;
	float:left;
}	
.vsechs{
	width:auto;
	height:335px;
    margin-bottom:30px;
	margin-right:60px;
	float:left;
}
.floatstopper{
	clear:both;
}		
		
#inhaltbeforedark{	
	
	margin-top:150px;
	margin-left:220px;
	position:absolute;
	width:548px;
	height:378px;
	margin-bottom:20px;
	z-index:-400;
	float:left;
	/*margin-top:150px;
	margin-left:220px;
	position:absolute;
	width:3000px;
	height:378px;
	margin-bottom:20px;
	z-index:-400;
	float:left;*/
}


.bdeins{
	width:310px;
	height:auto;
	margin-bottom:5px;
	margin-right:60px;
	float:left;
}
		
.bdeins img{
  width:310px;
  /* height:100%; */
}
		
.bdzwei{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.bddrei{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.bdvier{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.bdfuenf{ 
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.bdsechs{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.bdsieben{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.bdacht{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.bdneun{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.bdzehn{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.floatstopper{
	clear:both;
}

		
/*
#abstandl{
	width:4244px;
	height:145px;
	position:fixed;
	background-color:#FFF;		
}*/

#inhaltladies{
	margin-top:150px;
	margin-left:220px;
	position:absolute;
	width:548px;
	height:378px;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}

.leins{
	width:378px;
	height:auto;
	margin-bottom:10px;
	margin-right:60px;
	float:left;
}

.lzwei{
	width:378px;
	height:auto;
	margin-bottom:10px;
	margin-right:60px;
	float:left;
}
		
.lzwei img{
  width:378px;
  /* height:100%; */
}

.ldrei{
	width:auto;
	height:378px;    
	margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.lvier{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.lfuenf{ 
    width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.lsechs{
	width:378px;
	height:auto;
	margin-bottom:10px;
	margin-right:60px;
	float:left;
}
		
.lsechs img{
  width:378px;
  /* height:100%; */
}


.lsieben{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

/*.lacht{
	width:auto;
	height:480px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}


.lneun{
	width:auto;
	height:480px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}


.lzehn{
	width:auto;
	height:480px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}


.lelf{
	width:auto;
	height:480px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}
.lzwoelf{
	width:auto;
	height:480px;
	margin-right:60px;
	margin-bottom:20px;
	float:left;
}*/

.floatstopper{
	clear:both;
}



#inhalttravelogue{
	margin-top:150px;
	margin-left:220px;
	position:absolute;
	width:548px;
	height:378px;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}

.teins{
	width:378px;
	height:auto;
	margin-right:60px;
	margin-bottom:10px;
	float:left;
}

.tzwei{
	width:auto;
	height:320px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}
.tzwei img{
  width:378px;
  /* height:100%; */
}
		
.tdrei{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.tvier{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.tfuenf{ 
    width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:80px;
	float:left;
}

.tsechs{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.tsieben{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.tacht{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}
.tneun{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}
.tzehn{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.telf{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}


.tzwoelf{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:20px;
	float:left;
}

.floatstopper{
	clear:both;
}


        
 
#inhaltcarpediem{
	margin-top:150px;
	margin-left:220px;
	position:absolute;
	width:548px;
	height:378px;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}

.cdeins{
	width:378px;
	height:auto;
	margin-right:60px;
	margin-bottom:5px;
	float:left;
}

.cdzwei{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.cddrei{
	width:300px;
	height:auto;
	margin-bottom:5px;
	margin-right:60px;
	float:left;
}
		
.cddrei img{
  width:300px;
  /* height:100%; */
}

.cdvier{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.cdfuenf{ 
    width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.cdsechs{
	width:auto;
	height:480px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.cdsieben{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.cdacht{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}
.cdneun{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}


.floatstopper{
	clear:both;
}       
        
        
        
#inhaltgeniusloci{
	margin-top:150px;
	margin-left:220px;
	position:absolute;
	width:548px;
	height:378px;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}


.gleins{
	width:auto;
	height:378px;
    margin-bottom:80px;
	margin-right:60px;
	float:left;
}

.glzwei{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.gldrei{
    width:auto;
	height:378px;    
	margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.glvier{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.glfuenf{ 
    width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.glsechs{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.glsieben{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.glacht{
	width:auto;
	height:303px;
	margin-bottom:40px;
	margin-right:20px;
	float:left;
}
.glacht img{
  width:auto;
  height:100%;
}
.glneun{
	width:auto;
	height:303px;
	padding-bottom:50px;
	margin-right:20px;
	float:left;
}
.glneun img{
  width:auto;
  height:100%;
}
		
.floatstopper{
	clear:both;
}

		
#inhaltbauern{
	margin-top:150px;
	margin-left:220px;
	position:absolute;
	width:548px;
	height:378px;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}
.beins{
	width:378px;
	height:auto;
	margin-right:60px;
	margin-bottom:5px;
	float:left;
}

.bzwei{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.bdrei{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.bvier{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.bfuenf{ 
    width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.bsechs{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}


.bsieben{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}
/*		
.bacht{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}
.bneun{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}
.bzehn{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.belf{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.bzwoelf{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.bdreizehn{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.bvierzehn{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}
.bfuenfzehn{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.bsechzehn{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.bsiebzehn{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.bachtzehn{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.bneunzehn{
	width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:20px;
	float:left;
}*/
		
.floatstopper{
	clear:both;
}



#inhaltaufreisen{
	margin-top:150px;
	margin-left:220px;
	position:absolute;
	width:548px;
	height:378px;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}

.reins{
	width:auto;
	height:378px;
    margin-bottom:80px;
	margin-right:60px;
	float:left;
}

.rzwei{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.rdrei{
    width:auto;
	height:378px;    
	margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.rvier{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.rfuenf{ 
    width:auto;
	height:378px;
	margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.rsechs{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.rsieben{
	width:auto;
	height:378px;
    margin-bottom:20px;
	margin-right:60px;
	float:left;
}
.floatstopper{
	clear:both;
}


#inhaltgehaeuse{
	margin-top:150px;
	margin-left:220px;
	position:absolute;
	width:548px;
	height:378px;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}

.geins{
	width:auto;
	height:378px;
    margin-bottom:80px;
	margin-right:60px;
	float:left;
}

.gzwei{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.gdrei{
	width:290px;
	height:auto;
	margin-bottom:5px;
	margin-right:60px;
	float:left;
}
		
.gdrei img{
  width:290px;
  /* height:100%; */
}

.gvier{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.gfuenf{ 
    width:auto;
	height:378px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.gsechs{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.gsieben{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.gacht{
	width:auto;
	height:378px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.gneun{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}


.gzehn{
	width:auto;
	height:378px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.gelf{
	width:auto;
	height:378px;
    margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.gzwoelf{
	width:378;
	height:auto;
    margin-right:60px;
    margin-bottom:20px;
	float:left;
}


.floatstopper{
	clear:both;
}


/*
#inhaltfreiearbeiten{
	margin-top:150px;
	margin-left:220px;
	position:absolute;
	width:548px;
	height:480px;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}

.feins{
	width:480px;
	height:auto;
	margin-right:60px;
	margin-bottom:10px;
	float:left;
}

.fzwei{
	width:auto;
	height:480px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.fdrei{
	width:auto;
	height:480px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}

.fvier{
	width:auto;
	height:480px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.ffuenf{ 
    width:auto;
	height:480px;
	margin-right:60px;
    margin-bottom:40px;
	float:left;
}

.fsechs{
	width:auto;
	height:480px;
	margin-right:60px;
	margin-bottom:40px;
	float:left;
}


.fsieben{
	width:auto;
	height:480px;
    margin-bottom:40px;
	margin-right:60px;
	float:left;
}

.facht{
	width:auto;
	height:480px;
    margin-bottom:20px;
	margin-right:60px;
	float:left;
}

.floatstopper{
	clear:both;
}


#inhaltauftrag{
	margin-top:150px;
	margin-left:220px;
	position:absolute;
	width:548px;
	height:480px;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}


.aeins{
	width:auto;
	height:480px;
    margin-bottom:110px;
	margin-right:60px;
	float:left;
}

.azwei{
	width:auto;
	height:480px;
    margin-bottom:20px;
	margin-right:60px;
	float:left;
}

.floatstopper{
	clear:both;
}*/





}