@font-face {
    font-family: 'VollkornRegular';
    src: url('Vollkorn/Vollkorn-Regular-webfont.eot');
    src: url('Vollkorn/Vollkorn-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Vollkorn/Vollkorn-Regular-webfont.woff') format('woff'),
         url('Vollkorn/Vollkorn-Regular-webfont.ttf') format('truetype'),
         url('Vollkorn/Vollkorn-Regular-webfont.svg#VollkornRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VollkornBold';
    src: url('Vollkorn/Vollkorn-Bold-webfont.eot');
    src: url('Vollkorn/Vollkorn-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Vollkorn/Vollkorn-Bold-webfont.woff') format('woff'),
         url('Vollkorn/Vollkorn-Bold-webfont.ttf') format('truetype'),
         url('Vollkorn/Vollkorn-Bold-webfont.svg#VollkornBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VollkornItalic';
    src: url('Vollkorn/Vollkorn-Italic-webfont.eot');
    src: url('Vollkorn/Vollkorn-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Vollkorn/Vollkorn-Italic-webfont.woff') format('woff'),
         url('Vollkorn/Vollkorn-Italic-webfont.ttf') format('truetype'),
         url('Vollkorn/Vollkorn-Italic-webfont.svg#VollkornItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VollkornBoldItalic';
    src: url('Vollkorn/Vollkorn-BoldItalic-webfont.eot');
    src: url('Vollkorn/Vollkorn-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Vollkorn/Vollkorn-BoldItalic-webfont.woff') format('woff'),
         url('Vollkorn/Vollkorn-BoldItalic-webfont.ttf') format('truetype'),
         url('Vollkorn/Vollkorn-BoldItalic-webfont.svg#VollkornBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
	font-family:FollkornBoldItalic;
	font-style: italic;
	font-size:80%;
	letter-spacing:0.01px;
	background:#ffd022;
	padding-left:10px;
	padding-right:10px;
	color:black;
	}
.abstando {margin-top:20px; margin-bottom:40px}


#header{
	background:url(logo2.gif) no-repeat 10px 10px; 
	text-align:center; 
	height:230px; 
	width:100%;

	}

#header h1{
	font-size:250%;
	margin:0;
	padding-left:250px;
}

#header h2{
	font-size:180%;
	margin:0;
	padding-left:250px;
}

#obenlinks {	
 	background: #ffb10f url(ecke_ol.gif) no-repeat left top;
	}


#obenrechts {	
 	background:url(ecke_or.gif) no-repeat right top;
	}

html>body #untenrechts {	
	background-image:url(ecke_ur.gif); 
	background-repeat:no-repeat;  
	background-position:right 175px;
	}

#untenrechts {	
	background-image:url(ecke_ur.gif); 
	background-repeat:no-repeat;  
	background-position:right 190px;
	}

#untenlinks {	
	float:left;
 	background: #ffb10f url(ecke_ul.gif) no-repeat bottom left; 
	margin-bottom:0.8em;
	}


#kopf{
	font-size:100%;
}

#navi  {
	font-size:120%;
	font-weight:900;
	list-style-type:none;
	padding:0;
	margin:0;
	padding-top:14px;
	float:left;
	background:#ffb10f;
	}


#navi a {

	color:black;
 	background: #ffb10f url(logo.gif) no-repeat 6px center; 
	text-decoration:none;
	padding-left:50px;
	line-height:50px;
	clear:left
	float:left;
	display:block;
	width:184px;

	}


#navi a:hover, ul#navi .aktiv{
	border-style:none;
	background:#FF9900 url(logo1.gif) no-repeat  12px center;
	font-size:100%;
	padding-left:61px;
	width:173px;
	font-weight:900;
	outline:none;
	}

html>body #text{
	margin-left:234px;
	margin-top:-16px;
	padding-right:10px;
	padding-top: 20px;
	padding-left: 40px;
	background:#ffd022 url(ecke1b.gif) no-repeat;

	}


 #text{
	min-width:800px
	margin-left:234px;
	margin-top:0px;
	padding-right:10px;
	padding-top: 20px;
	padding-left: 40px;
	background:#ffd022 url(ecke1b.gif) no-repeat;
	font-size:150%;
	}

#text li{
	margin-bottom:10px;
}

#text h2{
	font-size:120%;
	margin-bottom:40px;
}

#text a{
	color:brown;
}


#foto {
	float:left;
	width:200px;
	margin-right:40px!important;
	margin-bottom:50px!important;
}

#text img{
	margin:10px;
}


#zusammen{
	white-space:nowrap;
}

#hintergrund1{
	background:url(navi.gif) no-repeat left bottom;
	min-height:730px;
}

.top{
	vertical-align:top; 
	min-width: 300px;
}
	
html>body #hintergrund2{
	background:url(naviende1.gif) no-repeat left bottom;
	min-height:780px;
}


* html #hintergrund2 {
	background:url(naviende1.gif) no-repeat left bottom;
	height:780px;
}