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


@media screen and (min-width:240px) and (max-width:319px)
    {
		

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


#wrapper{
    width:200px;
	height:auto;
	position:absolute;
	background-color:#FFF;
	margin:0;
	padding:0;
}



#logo{
	margin-left:25px;
	margin-top:5px;
	height:50px;
	width:190px;
	position:absolute;
	background-color:#FFF;
	z-index:100;
	vertical-align:bottom;
}
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:absolute;
	margin-top:50px;
	margin-left:25px;
	width:185px;
	height:80px;
	z-index:-100;
}



#hmenue{
	padding-top:65px;
	margin-left:20px;
	padding-left:5px;
	text-align:left;
	height:75px;
	width:190px;
	position:absolute;
	z-index:20px;
	background-color:#FFF;
}



.submenue{
	margin-top:155px;
    margin-left:20px;
	padding-left:5px;
    position:absolute;
	height:auto;
	text-align:left;
	width:100px;
}
.submenue + div {
	margin-top: 450px;
	margin-left: 25px;
	position: absolute;
	width: 270px;
	height:auto;
	margin-bottom: 20px;
	z-index: -400;
	float:left;
}



#inhaltbio{
	margin-top:330px;
	margin-left:25px;
	position:absolute;
	width:190px;
	height:auto;
	z-index:-400;
	float:left;
}

#inhaltkontakt{
	margin-top:330px;
	margin-left:25px;
	position:absolute;
	width:190px;
	height:auto;
	z-index:-400;
	float:left;
}



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


#inhaltkontakt{
    margin-top:330px;
	margin-left:25px;
	position:absolute;
	width:190px;
	height:auto;
	z-index:-400;
	float:left;
}


.impressum{
	width:190px;
	height:auto;
	float:left;
}

.urheber{
	width:190px;
	height:auto;
	float:left;
}

.ursula{
	margin-top:11px;
	width:auto;
	height:170px;
	float:left;
	margin-bottom:10px;
}

.floatstopper{
	clear:both;
}


.ursula img{
    width:auto;
	height:85px;
}



#inhaltpublikationen{
    margin-top:330px;
	margin-left:25px;
	position:absolute;
	width:190px;
	height:auto;
	z-index:-400;
	float:left;
}


.pein{
	width:190px;
	height:auto;
	margin-left:25px;
	float:left;
}

.pzwei{
	width:190px;
	height:auto;
    margin-top:10px;
	margin-left:25px;
	float:left;
}

#inhalt{
	padding-top:220px;
	margin-left:25px;
	position:absolute;
	width:190px;
	height:auto;
	margin-bottom:20px;
	z-index:-400;
}



.floatstopper{
	clear:both;
}

#abstand{
	width:215px;
	position:fixed;
	background-color:#FFF;
	z-index:-100;
	margin-top:0px;		
}
	
h1{	
	font-size:15px;
	font-weight:700;
	color:#000;
	letter-spacing:0.5px;
	font-family: 'Lato', sans-serif;
}

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


h2{	
    font-size:12px;
	font-weight:700;
	color:#000;	
	margin-bottom:-9px;
	letter-spacing:0.5px;
}
			
h3{	
	font-size:13px;
	color:#000;
	margin-bottom:24px;
	letter-spacing:1px;
}
			
#text a{
	font-size:12px;
	font-weight:400;
	color:#000;
	line-height:130%;
	text-decoration:none;
}

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


#hmenue ul{
   font-size:15px;
	line-height:140%;
	font-weight:400;
	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:11px;
	line-height:130%;
	color:#000;
	font-weight:400;
}

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

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

.head{
	font-size:10.5px;
	color:#666;
	line-height:130%;
	font-weight:700;
	margin-bottom:0px;
	font-weight:400;

}

.head p{
	font-size:10.5px;
	letter-spacing:0.3px;
	line-height:130%;
	color:#666;
	font-weight:400;
}


.head a{
	font-size:10.5px;
	letter-spacing:0.3px;
	line-height:130%;
	color:#666;
	text-decoration:none;
	font-weight:400;
}

.head a:hover{
 	color:#000;
	letter-spacing:0.3px;
    text-decoration:none;
}

.keins img{
  width:190px;
}

.keins{
    width:auto;
	margin-bottom:10px;
}


#inhaltladies{
	margin-top:330px;
	margin-left:25px;
	position:absolute;
	width:190px;
	height:auto;
	z-index:-400;
	float:left;
}


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

.leins img{
  width:auto;
  height:100%;
}


.lzwei{
	width:auto;
	height:190px;	
	margin-right:25px;
	margin-top:65px;
	margin-bottom:20px;
	float:left;
}

.lzwei img{
  width:auto;
  height:100%;
}

.ldrei{
    width:auto;
	height:190px;	
	margin-right:25px;
	margin-bottom:20px;
	float:left;
}

.ldrei img{
  width:auto;
  height:100%;
}

.lvier{
	width:auto;
	height:190px;	
	margin-right:25px;
	margin-bottom:20px;
	float:left;
}

.lvier img{
  width:auto;
  height:100%;
}

.lfuenf{ 
    width:auto;
	height:190px;	
	margin-right:25px;
	margin-bottom:20px;
	float:left;
}

.lfuenf img{
  width:auto;
  height:100%;
}

.lsechs{
	width:auto;
	height:190px;	
	margin-right:25px;
	margin-bottom:20px;
	float:left;
}

.lsechs img{
  width:auto;
  height:100%;
}

.lsieben{
    width:auto;
	height:190px;	
	margin-right:25px;
	margin-bottom:20px;
	float:left;
}

.lsieben img{
  width:auto;
  height:100%;
}

.lacht{
	width:auto;
	height:190px;	
	margin-right:25px;
	margin-bottom:20px;
	float:left;
}

.lacht img{
  width:auto;
  height:100%;
}

.lneun{
	width:auto;
	height:190px;	
	margin-right:25px;
	margin-bottom:20px;
	float:left;
}

.lneun img{
  width:auto;
  height:100%;
}

.lzehn{
	width:auto;
	height:190px;	
	margin-right:25px;
	margin-bottom:20px;
	float:left;
}

.lzehn img{
  width:auto;
  height:100%;
}

.lelf{
	width:auto;
	height:190px;	
	margin-right:25px;
	margin-bottom:20px;
	float:left;
}

.lelf img{
  width:auto;
  height:100%;
}

.lzwoelf{
	width:auto;
	height:190px;	
	margin-right:25px;
	margin-bottom:20px;
	float:left;
}

.lzwoelf img{
  width:auto;
  height:100%;
}

.floatstopper{
	clear:both;
}


        
#inhaltcarpediem{
	margin-top:320px;
	position:absolute;
	margin-left:25px;
	width:190px;
	height:auto;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}

.cdeins{
    width:auto;
	height:190px;	
	margin-right:25px;
	margin-bottom:10px;
	float:left;
}

.cdeins img{
  width:auto;
  height:100%;
}

.cdzwei{
	width:auto;
	height:190px;	
	margin-top:40px;
	margin-bottom:20px;
	float:left;
}

.cdzwei img{
  width:auto;
  height:100%;
}
.tdrei{
	width:auto;
	height:190px;	
	margin-bottom:20px;
	float:left;
}

.cddrei img{
  width:auto;
  height:100%;
}
.cdvier{
	width:auto;
	height:190px;	
	margin-bottom:20px;
	float:left;
}

.cdvier img{
  width:auto;
  height:100%;
}
.cdfuenf{ 
    width:auto;
	height:190px;	
	margin-bottom:20px;
	float:left;
}

.cdfuenf img{
  width:auto;
  height:100%;
}
.cdsechs{
	width:auto;
	height:190px;	
	margin-bottom:20px;
	float:left;
}
.cdsechs img{
  width:auto;
  height:100%;
}

.cdsieben{
	width:auto;
	height:190px;	
	margin-bottom:20px;
	float:left;
}

.cdsieben img{
  width:auto;
  height:100%;
}
.tacht{
    width:auto;
	height:190px;	
	margin-bottom:20px;
	float:left;
}
.cdacht img{
  width:auto;
  height:100%;
}
.cdneun{
	width:auto;
	height:240px;	
	margin-bottom:20px;
	float:left;
}

.cdneun img{
  width:auto;
  height:100%;
}

.floatstopper{
	clear:both;
}

#inhalttravelogue{
	margin-top:320px;
	position:absolute;
	margin-left:25px;
	width:190px;
	height:auto;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}

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

.teins img{
  width:auto;
  height:100%;
}

.tzwei{
	width:auto;
	height:190px;	
	margin-top:65px;
	margin-bottom:20px;
	float:left;
}

.tzwei img{
  width:auto;
  height:100%;
}
.tdrei{
	width:auto;
	height:190px;	
	margin-bottom:20px;
	float:left;
}

.tdrei img{
  width:auto;
  height:100%;
}
.tvier{
	width:auto;
	height:190px;	
	margin-bottom:20px;
	float:left;
}

.tvier img{
  width:auto;
  height:100%;
}
.tfuenf{ 
    width:auto;
	height:190px;	
	margin-bottom:20px;
	float:left;
}

.tfuenf img{
  width:auto;
  height:100%;
}
.tsechs{
	width:auto;
	height:190px;	
	margin-bottom:20px;
	float:left;
}
.tsechs img{
  width:auto;
  height:100%;
}

.tsieben{
	width:auto;
	height:190px;	
	margin-bottom:20px;
	float:left;
}

.tsieben img{
  width:auto;
  height:100%;
}
.tacht{
    width:auto;
	height:190px;	
	margin-bottom:20px;
	float:left;
}
.tacht img{
  width:auto;
  height:100%;
}
.tneun{
	width:auto;
	height:240px;	
	margin-bottom:20px;
	float:left;
}

.tneun img{
  width:auto;
  height:100%;
}
.tzehn{
	width:auto;
	height:240px;	
	margin-bottom:20px;
	float:left;
}

.tzehn img{
  width:auto;
  height:100%;
}
.telf{
	width:auto;
	height:240px;	
	margin-bottom:20px;
	float:left;
}
.telf img{
  width:auto;
  height:100%;
}


.tzwoelf{
	width:auto;
	height:240px;	
	margin-bottom:20px;
	float:left;
}
.tzwoelf img{
  width:auto;
  height:100%;
}

.floatstopper{
	clear:both;
}



#inhaltgeniusloci{
    margin-top:320px;
	position:absolute;
	margin-left:25px;
	width:150px;
	height:auto;
	z-index:-400;
	float:left;
}


.gleins{
	width:auto;
	height:190px;
    margin-bottom:10px;
	float:left;
}

.gleins img{
  width:auto;
  height:100%;
}

.glzwei{
	width:auto;
	height:190px;
    margin-bottom:20px;
	margin-top:45px;
	float:left;
}

.glzwei img{
  width:auto;
  height:100%;
}

.gldrei{
    width:auto;
	height:190px;
	margin-bottom:20px;
	float:left;
}

.gldrei img{
  width:auto;
  height:100%;
}


.glvier{
    width:auto;
	height:190px;
	margin-bottom:20px;
	float:left;
}

.glvier img{
  width:auto;
  height:100%;
}
.glfuenf{ 
    width:auto;
	height:190px;
	margin-bottom:0px;
	float:left;
}

.glfuenf img{
  width:auto;
  height:100%;
}
.glsechs{
	width:auto;
	height:150px;
    margin-bottom:20px;
	float:left;
}

.glsechs img{
  width:auto;
  height:100%;
}

.glsieben{
	width:auto;
	height:150px;
	margin-bottom:20px;
	float:left;
}

.glsieben img{
  width:auto;
  height:100%;
}

.glacht{
	width:auto;
	height:150px;
	margin-bottom:20px;
	float:left;
}

.glacht img{
  width:auto;
  height:100%;
}


.glneun{
	width:auto;
	height:150px;
	margin-bottom:20px;
	float:left;
}

.glneun img{
  width:auto;
  height:100%;
}

.floatstopper{
	clear:both;
}


#inhaltbauern{
	margin-top:320px;
	position:absolute;
	margin-left:25px;
	width:190px;
	height:auto;
	margin-bottom:20px;
	z-index:-400;
	float:left;
}

.beins{
	width:auto;
	height:190px;	
	margin-bottom:10px;
	float:left;
}

.beins img{
  width:auto;
  height:100%;
}


.bzwei{
	width:auto;
	height:190px;	
    margin-bottom:20px;
	margin-top:55px;
	float:left;
}

.bzwei img{
  width:auto;
  height:100%;
}

.bdrei{
	width:auto;
    height:190px;
    margin-bottom:20px;
	float:left;
}

.bdrei img{
  width:auto;
  height:100%;
}

.bvier{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}

.bvier img{
  width:auto;
  height:100%;
}

.bfuenf{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}

.bfuenf img{
  width:auto;
  height:100%;
}

.bsechs{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}

.bsechs img{
  width:auto;
  height:100%;
}


.bsieben{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}

.bsieben img{
  width:auto;
  height:100%;
}

.bacht{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}

.bacht img{
  width:auto;
  height:100%;
}
.bneun{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}
.bneun img{
  width:auto;
  height:100%;
}

.bzehn{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}

.bzehn img{
  width:auto;
  height:100%;
}

.belf{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}

.belf img{
  width:auto;
  height:100%;
}

.bzwoelf{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}

.bzwoelf img{
  width:auto;
  height:100%;
}

.bdreizehn{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}

.bdreizehn img{
  width:auto;
  height:100%;
}
.bvierzehn{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}
.bvierzehn img{
  width:auto;
  height:100%;
}

.bfuenfzehn{
	width:auto;
	height:150px;
    margin-bottom:10px;
	float:left;
}

.bfuenfzehn img{
  width:auto;
  height:100%;
}

.bsechzehn{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}

.bsechzehn img{
  width:auto;
  height:100%;
}


.bsiebzehn{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}

.bsiebzehn img{
  width:auto;
  height:100%;
}

.bachtzehn{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}

.bachtzehn img{
  width:auto;
  height:100%;
}
.bneunzehn{
	width:auto;
    height:190px;	
    margin-bottom:20px;
	float:left;
}

.bneunzehn img{
  width:auto;
  height:100%;
}

.floatstopper{
	clear:both;
}



#inhaltaufreisen{
	margin-top:320px;
	position:absolute;
	margin-left:25px;
	width:150px;
	height:auto;
	z-index:-400;
	float:left;
}



.reins{
    width:auto;
	height:150px;
    margin-bottom:20px;
	float:left;
}

.reins img{
  width:auto;
  height:100%;
}

.rzwei{
		width:auto;
	height:150px;	
    margin-bottom:20px;
	margin-top:40px;
	float:left;
}

.rzwei img{
  width:auto;
  height:100%;
}

.rdrei{
    width:auto;
	height:150px;
    margin-bottom:20px;
	float:left;
}

.rdrei img{
  width:auto;
  height:100%;
}
.rvier{
    width:auto;
	height:150px;
    margin-bottom:20px;
	float:left;
}

.rvier img{
  width:auto;
  height:100%;
}

.rfuenf{ 
    width:auto;
	height:150px;
    margin-bottom:20px;
	float:left;
}

.rfuenf img{
  width:auto;
  height:100%;
}

.rsechs{
    width:auto;
	height:150px;
    margin-bottom:20px;
	float:left;
}

.rsechs img{
  width:auto;
  height:100%;
}

.rsieben{
    width:auto;
	height:150px;
    margin-bottom:20px;
	float:left;
}

.rsieben img{
  width:auto;
  height:100%;
}

.floatstopper{
	clear:both;
}


.submenue ul{
	font-size:15px;
	line-height:140%;
	font-weight:400;
	color:#666;
	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;
}


.anschrift{
    position:absolute;
	margin-top:220px;
	margin-left:25px;
	width:190px;
	height:auto;
	z-index:-400;
}

.anschrift p{
	font-size:12.5px;
	line-height:160%;
	color:#000;
    font-weight:400;
	-moz-hyphens:auto;
	-o-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}


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

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

#abstandl{
    width:320px;
	height:215px;
	position:fixed;
	background-color:#FFF;
	z-index:-100;	
}


#inhaltgehaeuse{
    margin-top:320px;
	position:absolute;
	margin-left:25px;
	width:220px;
	height:auto;
	z-index:-400;
	float:left;
}

.geins{
	width:auto;
	height:250px;
    margin-bottom:20px;
	float:left;
}

.geins img{
  width:auto;
  height:100%;
}

.gzwei{
    width:auto;
	height:250px;
	margin-top:40px;
    margin-bottom:20px;
	float:left;
}

.gzwei img{
  width:auto;
  height:100%;
}

.gdrei{
    width:auto;
	height:250px;
    margin-bottom:20px;
	float:left;
}

.gdrei img{
  width:auto;
  height:100%;
}

.gvier{
	width:auto;
	height:250px;
    margin-bottom:20px;
	float:left;
}

.gvier img{
  width:auto;
  height:100%;
}

.gfuenf{ 
    width:auto;
	height:250px;
    margin-bottom:20px;
	float:left;}

.gfuenf img{
  width:auto;
  height:100%;
}
.gsechs{
    width:auto;
	height:250px;
    margin-bottom:20px;
	float:left;
}

.gsechs img{
  width:auto;
  height:100%;
}
.gsieben{
    width:auto;
	height:250px;
    margin-bottom:20px;
	float:left;
}

.gsieben img{
  width:auto;
  height:100%;
}
.gacht{
    width:auto;
	height:190px;
    margin-bottom:20px;
	float:left;
}

.gacht img{
  width:auto;
  height:100%;
}

.gneun{
    width:auto;
	height:250px;
    margin-bottom:20px;
	float:left;
}

.gneun img{
  width:auto;
  height:100%;
}


.gzehn{
    width:auto;
	height:250px;
    margin-bottom:20px;
	float:left;
}

.gzehn img{
  width:auto;
  height:100%;
}

.gelf{
    width:auto;
	height:250px;
    margin-bottom:20px;
	float:left;
}

.gelf img{
  width:auto;
  height:100%;
}

.floatstopper{
	clear:both;
}

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

.gzwoelf img{
  width:auto;
  height:100%;
}



#inhaltfreiearbeiten{
    margin-top:330px;
	margin-left:25px;
	position:absolute;
	width:190px;
	height:auto;
	z-index:-400;
	float:left;
}

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

.feins img{
  width:auto;
  height:100%;
}

.fzwei{
    width:auto;
	height:240px;
	margin-top:55px;
	margin-bottom:20px;
	float:left;
}

.fzwei img{
  width:auto;
  height:100%;
}

.fdrei{
	width:auto;
	height:240px;
	margin-bottom:20px;
	float:left;
}

.fdrei img{
  width:auto;
  height:100%;
}


.fvier{
    width:auto;
	height:240px;
	margin-bottom:20px;
	float:left;
}

.fvier img{
  width:auto;
  height:100%;
}


.ffuenf{ 
    width:auto;
	height:240px;
	margin-bottom:20px;
	float:left;
}

.ffuenf{
    width:auto;
	height:240px;
	margin-bottom:20px;
	float:left;
}

.ffuenf img{
  width:auto;
  height:100%;
}

.fsechs{
    width:auto;
    height:240px;
	margin-bottom:20px;
	float:left;
}

.fsechs img{
  width:auto;
  height:100%;
}


.fsieben{
    width:auto;
	height:240px;
	margin-bottom:20px;
	float:left;
}

.fsieben img{
  width:auto;
  height:100%;
}


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

.facht img{
  width:auto;
  height:100%;
}


.floatstopper{
	clear:both;
}


#inhaltauftrag{
    margin-top:330px;
	margin-left:25px;
	position:absolute;
	width:200px;
	height:auto;
	z-index:-400;
	float:left;
}


.aeins{
    width:auto;
	height:260px;
	margin-bottom:20px;
	float:left;
}

.aeins img{
  width:auto;
  height:100%;
}

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

.azwei img{
  width:auto;
  height:100%;
}

.floatstopper{
	clear:both;
}

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

.bildeins{
	width:190px;
	height:auto;
	margin-bottom:20px;
	float:left;
}


.bildzwei{
	width:190px;
	height:auto;
	margin-bottom:20px;
	float:left;
}

.floatstopper{
	clear:both;
}

.bildeins img{
  width:190px;
  height:100%;
}


.bildzwei img{
  width:190px;
  height:100%;
}




}