body, html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(img/hintergrund.gif);
	background-repeat: repeat;
	font-size:100.01%;
}

#hintergrund {
	position:absolute;
	bottom:0; top:auto; margin-bottom:0;
	left:20px;
}

#oben_links {
	margin-top: 10px;
	position: absolute;
	font-weight: bold;
	left: 60px;
	top: 10px;
	letter-spacing:0.05em;
	/*border: thin dashed #FF00FF;*/
	
}
#oben_rechts {
	margin-top: 10px;
	text-align:right;
	position: absolute;
	font-weight: bold;
	font-size: 1em;
	top: 10px; right: 60px;letter-spacing:0.05em; 
	 
}

a:link, a:visited, a:hover, a:focus, a:active {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
/*--------------------------------inhalt---------------------*/

h1 {
	
	font-size:1.4em; 
}

.unsichtbar {
display:none;}



h2 {
	margin:0;
	padding-top: 3px;/*Ausrichtung zu menu collagen*/

}

.inhalt h2 {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 1.2em;padding:0; 

}


h3 {
	font-weight: normal;
	font-size: 1.1em;
}


#inhalt {
	position: absolute;
	height: 60%;
	top: 154px;
	left: 270px;
	right: 170px;
	bottom: 200px;
	margin-bottom:200px;
	padding-right:20px;
	overflow-y: auto;
	overflow-x:hidden;
	overflow:auto;
	scrollbar-base-color:#009FAA; 
	/*border: thin solid #7F3F00;*/
}

#inhalt ul.collage  {
	margin-top: 5px; background: url(img/collage_muster_mini.jpg) no-repeat 60% center;
	
}

#inhalt .collage li {	
	list-style-position: outside;
	list-style-type: disc; 
	margin:3px auto 3px auto; 
	width:20em;
	
}


.inhalt {
	padding-top:8px;/*für alle Seiten, außer collagen+impressum*/
		
}

.impressum {
	padding-top:12px;/*nur für impressum*/
		
}


.inhalt ul {margin-top: 5px;}

.inhalt li {
	list-style-position: outside;
	list-style-type: disc;
	margin:3px;
	
}

#ueberschrift {
	top: 100px; 
	left: 270px;
	position: absolute;/**/
}

#inhalt p {
margin:0.3em 0;
}

#inhalt a:link, #inhalt a:visited,#inhalt a:hover, #inhalt a:focus, #inhalt a:active {
	font-weight: normal;
	text-decoration: underline;
}


/*--------------------------------inhalt kontakt / impressum ---------------------*/



#imp {
	width: 6em;
	float: left;
	font-weight: bold;
	padding-right: 30px;
	color: #009faa;
}

.imp {
	font-size: 0.9em;
	
}




/*--------------------------------navigation_links---------------------*/

.nav {
	position:absolute;
	width: 200px;
	margin-top:150px;
	margin-left: 25px; margin-right: 10px;/*padding-right:2em;*/
	font-size:1.2em;
	/*border: thin solid #FF5F55; */
}
.nav ul {
	text-align: right;
	width:auto; margin: 0 0 0 0; padding:0;
	list-style-type: none;
	
	
}
.nav li {
	 margin-bottom:20px; line-height: 44px;
}


.navcollage
{font-size: 1.4em; /*border: thin dashed #AA3F55;*/}


.nav a
  {width:200px; display:block;
	text-decoration: none;
	font-weight: bold;
	color: #000; 
	/*border: thin solid #7F3F00;*/
} 
.nav li a:link
  {width:200px; display:block;
	text-decoration: none;
	font-weight: bold;
	color: #000; 
	/*border: thin solid #7F3F00;*/
} 

.nav li a:visited {
	color: #808080;
	font-weight: bold;
}

.nav li a:focus {
	color: #000;
	background: #009faa;
	font-weight: bold;
}

.nav li a:hover {
	color: #009faa;
	font-weight: bold;
	background-image: url(img/collage_segment.gif);
	background-position: left center;
	background-repeat: no-repeat;
	
}

.nav li a:active {
	color: #000;
	font-weight: bold;
}

#aktuell1 {  
	color: #000;
	font-weight: bold;
	background-image: url(img/collage_segment.gif);
	background-position: left center;
	background-repeat: no-repeat;
	
	}
	
	
	
	
	
/*--------------------------------navigation_unten---------------------*/	

#kontakt {
	left:90px; z-index:100;
	}

#impressum {
	left:165px;z-index:100;
	}

#impressum, #kontakt {
	position:absolute;
	bottom: 70px;
	font-size: 0.8em;
	font-weight: normal;
}


#impressum a:link, #kontakt a:link {
	font-size:0.85em;
	text-decoration: none; color:#000;
}

#impressum a:visited, #kontakt a:visited{
	text-decoration: none;
	font-weight: bold;
	color: #808080;
}

#impressum a:focus, #kontakt a:focus {
	text-decoration: none; color:#000;
}

#impressum a:hover, #kontakt a:hover {
	text-decoration: underline;
	color:#000;font-weight: bold;

}


#impressum a:active, #kontakt a:active {
	text-decoration: underline;
	color: #FFFFFF;font-weight: bold;
}


#impressum a.aktuell, #kontakt a.aktuell {
	text-decoration: underline !important; /*important für IE<6*/
	color: #009faa !important;
	
}


/*--------------------------------index.html---------------------*/

#grafik {
	position:absolute; text-align:center;width:100%;left:auto; right:auto;top:70px;
}

#stand {
	position:absolute;
	left:60px;
	bottom: 0;
	top:auto;
	font-size: 0.7em; 
}
/*------------------------------------formular------------------------*/


input:focus {

background-color:#009faa;
}


label.links {float:left; width: 7.5em; }

label {font-size:0.9em;}

.radio, .submit {
	margin-left: 8.5em; /*für Netscape, Mozilla*/
}

fieldset {
	border: none;
	padding:1px; /*für Netscape, Mozilla*/
	}
	
.schrift {
	font-size: 0.8em;
	line-height: 1;
}


/*------------------------------------bildergalerie------------------------*/



#galerie {
	margin-top: 154px; 
	text-align:right;
	position: absolute;
	font-size: 0.85em; overflow:auto;
	right: 80px;}

dl.img {
	
	width: 70px;
	margin: 0 10px 0 0px;
	text-align:left;
}



dt.img {
	margin: 0;
}

dd.img {
	margin:0;
	padding: 0 3px 5px 3px;
	font-size:0.8em;
}

img.legende {
margin: 0;
}

/*------------------------------------fusszeile------------------------*/

#footer {
	display:none;
}