/* CSS Document */

/* Allgemein */
body {
	font-family: verdana,geneva,arial,sans-serif;
	background: #a8a8a8;
	color: #000;
	font-size: 11px;
	margin-top: 10px;
	padding: 0;}	

h2,h3 {
	font-weight: normal;
	margin: 0;
	padding: 5px;}

h2 {font-size: 1.3em;}

h3 {font-size: 1em;}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

a {
	color: #000;
	text-decoration: none;
	display: block;}
	
a:visited {color: #000;}
a:hover {color: #000; background-color: #c0c2c5;}
a:active {color:#c0c2c5; background-color:#97999c;}

a img {border: none;}

/* Box oben mit Logo und Titel
*****************************/
#boxoben {
	height: 61px;
	width: 1000px;
	padding: 0px;
	margin: 0px auto;
	background: url(gifs/backgroundbl2.gif) repeat-y;}	

#logo {
	float: left;}
	
.titel {	
	padding: 20px 0px 0px 170px;}

#navioben {
	padding: 25px 0 0 180px;}

#navioben a {
	color: #6a6a6a;
	display: inline;
	text-transform: uppercase}
	
#navioben a:hover {
	color: #000;
	background: #d7ebff;}

#navioben a:active {
	color: #fff;}
	
.navigation li {
	list-style: none;
	display: inline;}
	
#navioben a.aktuell {
	color: #000;
	background: #d7ebff;}

/* Box links mit Navigation
**************************/
	
#navi {
	color: #c0c0c0;
	background: #848484;
	width: 150px;
	height: 500px;
	margin: 0;
	float: left;}

.naviliste li {
	display: block;
	padding: 7px 0 0 0;
	margin: 5px 0 0 0;}	

.naviliste li ul li {
	margin: 0;}

#navi a {
	color: #c0c0c0;
	margin: 0;
	padding: 0 0 0 7px;}
	
#navi a:hover {color: #000; background-color: #848484;}
#navi a:active {color:#fff; background-color: #848484;}
#navi a.aktuell {color: #000; background-color: #d7ebff;}

#navi .naviliste li ul li a {
	margin: 0;
	padding: 0 0 0 18px;}

.abstand {
	padding: 0 0 0 7px;}

.untertitel {
	padding: 0 0 0 7px;
	display: block;
	text-transform: uppercase;}
	
.name {color: #a9c9e9;}
	
a.aktuell {color: #000;}
a.seite {display: inline;}
a.seiteaktuell {display: inline; background-color: #b3998a;}
	
/* Box Mitte mit den Bildern
****************************/
#inhalt {
	background-color: #c0c0c0;
	width: 1000px;
	height: 500px;
	margin: 0px auto;}

#bildbox {
	height: 500px;
	margin: 0px 150px;}
	
/* Bilder: Hier muss das Padding immer den Bildern angepasst werden! */
#bilder {
	text-align: center;
	padding: 65px 0px 0px 0px;}
	
#sitemap1 {
	width: 200px;
	text-align: left;
	padding: 20px 0px 0px 20px;
	float:left;}
	
#sitemap2 {
	width: 200px;
	text-align: left;
	padding: 20px 30px 0px 0px;
	float:right;}
	
#sitemap3 {
	width: 200px;
	text-align: left;
	padding: 20px 0px 0px 245px;}
	
.inhaltliste li ul li a {
	margin: 0;
	padding: 0 0 0 18px;}
	
.inhaltliste a:hover {
	background-color: #d7ebff;}
	
.inhaltliste li{
	display: block;
	margin: 5px 0 0 0;}	

.zwischentitel {
	padding: 0 0 0 7px;
	display: block;
	background-color: #d7ebff;
	text-transform: uppercase;}
	
a.zwischentitel:hover {color: #fff; background-color: #848484;}
a.zwischentitel:active {color: #d7ebff;}
	
#bio {
	width: 650px;
	text-align: left;
	padding: 20px 0 0 25px;}
	
.bioliste li {
	padding: 10px 0 0 0;}
	
.bioliste a {
	display: inline;
	background: #d7ebff}
	
.bioliste a:hover {color: #fff; background-color: #848484;}
.bioliste a:active {color: #d7ebff;}
		
.daten {
	color: #666666;
	font-size:14px;}
	
#kontakt1 {
	width: 200px;
	text-align: left;
	padding: 7px 0px 0px 20px;
	float:left;}
	
#kontakt2 {
	width: 200px;
	text-align: left;
	padding: 7px 30px 0px 0px;
	float:right;}
	
#kontakt3 {
	width: 200px;
	text-align: left;
	padding: 7px 0px 0px 245px;}
	
#kontakt {
	width: 650px;
	padding: 20px 0 0 25px;
	text-align: left;}
	
.kontaktliste li {
	padding: 5px 0 0 0;}
	
.kontaktliste a {
	display: inline;}
	
a.kontaktliste:hover {color: #fff; background-color: #848484;}
a.kontaktliste:active {color: #d7ebff;}
	
.inhaltliste li.zwischentitel {
	padding: 0 0 0 7px;}
		
#noback a:hover{
	background: none;}
	
.indextext {
	padding: 20px 30px 0px 20px;
	font-size: 2em;}
	
.indextext li a {
	display: inline;}
	
/* Box rechts mit Thumbnails 
****************************/
#boxrechts {
	background-color: #848484;
	width: 150px;
	height: 500px;
	float: right;}

#boxrechts img {
	border: 1px solid #848484;}

#table {
	padding: 8px 0px 0px 5px;
	border-spacing: 2px;
	text-align: center;}

#boxrechts a:hover img {
	border: 1px solid #c0c2c5;}

#boxrechts a:active img {
	border: 1px solid #d7ebff;}

#boxrechts a {
	background: none;}

#linksrechts a {
	display: block;
	height:20px;
	width:20px;}
	
#links a {
	float:left;
	margin:20px 0 0 20px;
	background:url(gifs/pfeillinks.gif);}

#links a:hover {background:url(gifs/pfeillinksw.gif);}
#links a:active {background:url(gifs/pfeillinks.gif);}

#rechts a {
	float:right;
	margin:20px 20px 0 0;
	background: url(gifs/pfeilrechts.gif);}

#rechts a:hover {background: url(gifs/pfeilrechtsw.gif);}
#rechts a:active {background: url(gifs/pfeilrechts.gif);}

/* Box unten mit Menue, Legende und Copyright-Hinweisen
*******************************************************/
#boxunten {
	color: #737373;
	height: 61px;
	width: 1000px;
	padding: 0;
	margin: 0;
	background: url(gifs/background1u.gif) repeat-y;}

/* Links: Menue */
#menue {
	width: 150px;
	text-transform: uppercase;
	letter-spacing: 2px;
	float: left;}

#menue li {
	display: block;
	padding: 0;
	margin: 0;}

#menue a {
	color: #6a6a6a;
	margin: 0;
	padding: 0 0 0 7px;}
	
#menue a:active {color: #fff; background-color:#d7ebff;}

#boxunten a:hover {color: #000; background-color:#d7ebff;}
#boxunten a:active {color: #fff; background-color:#d7ebff;}
#boxunten a.aktuell {color: #000; background-color:#d7ebff;}

/* Mitte: Legende */	
#legende {
	color: #000;
	text-align: left;
	padding: 10px 180px 0px 170px;}
	
#legende a {
	display: inline; 
    color:#dedede;}
#legende a:active {color: #fff; background-color:#848484;}
#legende a:hover {color: #000; background-color:#848484;}

/* Rechts: Copyright */
#copyright {
	width: 150px;
	text-align: right;
	float: right;}

#copyright li {
	padding: 0 5px 0 0;
	margin: 0;}

#copyright a {
	padding: 0 5px 0 0;
	margin: 0;
	color: #6a6a6a;}