body {
	/*background-color: #0a687b;*/
	background-color: #c7bebe;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#333333;
	padding:0px;
	margin-top: 80px;
	background-attachment: fixed;
	background-image: url(bilder/hg_02.gif);
	background-repeat: repeat-x;
}
a {
	color: #666;
	text-decoration: none;
}
a:visited {
	color:#666;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: none;
}
a:active {
	color:#666;
	text-decoration: none;
}

h1 {
font-size:20px;
font-weight: normal;
padding: 12px 6px;
margin:0px;}


/* ----------container zentriert das layout-------------- */

#container_logo {
	height: 60px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 6px;
	background-repeat: no-repeat;
	background-image:  url("bilder/logo.gif");
}


#container_schmetterling {
	height: 512px;
	width: 512px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	background-repeat: no-repeat;
	background-image:  url("bilder/film_schmetterling_01.gif");
}

#container_anfahrt {
	height: 512px;
	width: 512px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}


#container_buchstaben {
	height: 512px;
	width: 512px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	background-repeat: no-repeat;
	background-image:  url("bilder/film_buchstaben_02.gif");
}

#container_blumen {
	height: 512px;
	width: 512px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	background-repeat: no-repeat;
	background-image:  url("bilder/film_blumen_01.gif");
}


#container_bilder {
	height: 512px;
	width: 512px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	background-repeat: no-repeat;
	background-image:  url("bilder/film_schnecke_01.gif");
}

#container_maulwurf {
	height: 512px;
	width: 512px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	background-repeat: no-repeat;
	background-image:  url("bilder/film_maulwurf_01.gif");
}

#container_tasse {
	height: 512px;
	width: 512px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	background-repeat: no-repeat;
	background-image:  url("bilder/film_tasse_02.gif");
}


#container_biene {
	height: 512px;
	width: 512px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	background-repeat: no-repeat;
	background-image:  url("bilder/film_biene_01.gif");
}



/* -----------------Inhalt--------------------- */
#content {
	margin: 11px;
	min-height:489px;
	height:expression(this.scrollHeight > 489 ? "auto":"489px"); 
}

#content_transparent {
	margin: 11px;
	min-height:489px;
	height:expression(this.scrollHeight > 489 ? "auto":"489px"); 
	background-image: url(bilder/transparent.png);
	background-repeat: repeat;
}


#navigation {
height: 20px;
width: 512px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}



.NavOver {
	color: #FF6600;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}


.TopNavOver {
	color: #FF6600;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

.TopNav {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;

}


p, pre{
padding: 2px 23px;
margin:0px;
}



/* --------------Bilder------------- */
.pic {
	border: 1px solid #D3B6BB;
}


/* --------------Bilder------------- */
a.picture:link, a.picture:visited, a.picture:active {
	border: 1px solid #999999;
	padding: 1px;
}

a.picture:hover {
	border: 1px solid #CC0066;
	padding: 1px;
}

.buS {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}

.buW {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #564B47;
}


.pfeil {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.TEXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	text-indent: 15px;
	text-transform: uppercase;
}
.textklein {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 15px;
	text-transform: none;
}
.TEXTGROSS {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-indent: 15px;
	text-transform: uppercase;
}


a.TextNav, a.TextNav:visited, a.TextNav:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 15px;
	text-transform: none;
}
a.TextNav:hover {
	color: #FF6600;
}