/*BASIC STYLES*/
body {
	background: #5a5a5a;
	font: 11px "lucida grande", verdana, sans-serif ;
	}

#titel {
	display: block;
	width: 800px;
	height: 30px;
}

a {
	text-decoration: underline;
	color: #666;
}

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

h1 {
	padding-top: 20px;
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin: 40px 20px 60px 150px;
}

h2 {
	display: block;
	padding-top: 15px;
	margin: 15px 50px 7px 150px;
	border-top: 1px solid #ddd;
	font-size: 11px;
	font-weight: normal;
}

.oben { /*Oberstes Element*/
	border-top: 0px;
}

.links { /*Untertitel links anstatt oberhalb*/
	margin-bottom: -21px;
}

.obenlinks { /*Oberstes Element links*/
	border-top: 0px;
	margin-bottom: -21px;
}

/*MENU*/
#menubox {
	width: 820px;
	height: 25px;
	background: 0px 0px url(bilder/menu/menubg.gif) no-repeat;
	}

#menu {
  background-color: transparent;
	position: relative;
	left: 0px;
	border: none;
	margin: 0;
	height: 25px;
	width: 802px;
}

#menu a {
	padding: 0px;
	margin: 0px;
	outline: none;
	height: 25px;
	display: block;
	float: left;
}

#menu li {
	margin: 0px;
	list-style: none;
	display: inline;
	padding: 0px;
}

#menu ul {
  padding: 0px;
  margin: 0px;
}

#aktuell a, #biologie a, #fotografie a, #produkte a, #profil a {
	display: block;
	text-decoration: none;
	position: relative;
	width: 160px;
	height: 25px;
	background: url(bilder/menu/menu.gif) no-repeat;
}

.hidden {
	visibility: hidden;
}

#aktuell a {
	background-position: 0 0;
}

#biologie a {
	background-position: -160px 0;
}

#fotografie a {
	background-position: -320px 0;
}

#produkte a {
	background-position: -480px 0;
}

#profil a {
	width: 162px;
	background-position: -640px 0;
}


#aktuell.on a, #aktuell.on a:hover {
	background-position: 0 -50px;
}

#biologie.on a, #biologie.on a:hover {
	background-position: -160px -50px;
}

#fotografie.on a, #fotografie.on a:hover {
 	background-position: -320px -50px;
}

#produkte.on a, #produkte.on a:hover {
	background-position: -480px -50px;
}

#profil.on a, #profil.on a:hover {
	width: 162px;
	background-position: -640px -50px;
}


#aktuell a:hover, #aktuell:hover a, #aktuell.over a {
	background-position: 0 -25px;
}

#biologie a:hover, #biologie:hover a, #biologie.over a {
	background-position: -160px -25px;
}

#fotografie a:hover, #fotografie:hover a, #fotografie.over a {
	background-position: -320px -25px;
}

#produkte a:hover, #produkte:hover a, #produkte.over a {
	background-position: -480px -25px;
}

#profil a:hover, #profil:hover a, #profil.over a {
	width: 162px;
	background-position: -640px -25px;
}

/*UNTERMENU*/
#submenubox {
	width: 820px;
	height: 22px;
	background: 0px 0px url(bilder/menu/submenubg.gif) no-repeat;
}

#submenurand {
	height: 20px;
	*height: 22px;
	width: 800px;
	border-top: 1px solid #B8B8B8;
	border-bottom: 1px solid #666;
	background: 0px 0px url(bilder/menu/submenu.gif) repeat;
}

#submenu {
	width: 800px;
	padding-top: 3px;
}

#submenu ul {
	font-size: 11px;
	color: #5a5a5a;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#submenu li {
	float: left;
	display: inline;
	padding-left: 30px;
}

#submenu a {
	display: table;
	outline: none;
	text-decoration: none;
	color: #5a5a5a;
}

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

#submenu li.on a {
	color: #000;
}

/*SEITENINHALT*/
#containerbox {
	background: 0px 0px url(bilder/menu/containerbg.gif) repeat;
	width: 820px;
	margin: 0px;
}

#container {
	text-align: left;
	width: 800px;
	min-height: 680px;
	padding: 10px;
	padding-bottom: 40px;
	background: 50px 75px url(bilder/wasserzeichen.gif) no-repeat;
	*background: 50px 65px url(bilder/wasserzeichen.gif) no-repeat;
}


#textbox {
	display: table;
	color: #666;
	width: 780px;
	padding: 0px;
	margin: 10px;
}

#textbox p {
	display: block;
	line-height: 14px;
	padding: 6px 10px 6px 180px;
	margin-top: 0px;
	margin-left: 150px;
	margin-right: 50px;
	background-color: #eee;
}

#textbox ul {
	margin-top: -12px;
	*margin-top: -20px;
	margin-bottom: -12px;
	margin-left: 150px; /* 150px*/
	margin-right: 50px;
	padding-left: 190px; /* 190px*/
	background-color: #eee;
}

#textbox li {
	line-height: 14px;
	margin-left: 3px;
	padding-right: 10px;
	list-style: square;
	margin-bottom: 10px;
}

#textbox ul ul {
	margin: 10px 0px 10px 0px;
	padding-left: 0px;
	background-color: #eee;
}

#textbox ul ul li {
	line-height: 14px;
	margin-left: 0px;
	padding-right: 10px;
	list-style: none;
	margin-bottom: 10px;
}

#textbox .leftimg {
	position: relative;
	width: 150px;
	padding:10px;
	margin-left: 150px;
	margin-bottom: 10px;
	clear: both;
	float: left;
}

#textbox1 {
	display: table;
	color: #666;
	width: 780px;
	padding: 0px;
	margin: 10px;
}

#textbox1 p {
	display: block;
	line-height: 16px;
	padding: 6px 10px 6px 10px;
	margin-top: 0px;
	margin-left: 310px;
	margin-right: 50px;
	background-color: #eee;
}

#textbox1 ul {
	margin-top: -12px;
	*margin-top: -20px;
	margin-bottom: -12px;
	margin-left: 310px;
	margin-right: 50px;
	padding-left: 20px;
	background-color: #eee;
}

#textbox1 li {
	line-height: 16px;
	margin-left: 3px;
	padding-right: 10px;
	list-style: square;
	margin-bottom: 10px;
}

/*FUSSZEILE*/
 #foot {
	color: #999;
	font-size: 10px;
	background: 0px 0px url(bilder/menu/footbg.gif) no-repeat;
	padding-top: 10px;
	height: 30px;
	width: 820px;
}
.copy {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

.footmenu {
	float: right;
	margin-top: 10px;
	margin-right: 20px;
}

.footmenu a {
	color: #999;
	text-decoration: none;
}

.footmenu a:hover {
	color: #999;
	text-decoration: underline;
}