/*
Version 1.0

letzte Änderung am 12.11.2009 
von Heike

*/

/* -- Allgemeines -- */
body {
	background: #000000 url(grafiken/hintergrund.jpg) no-repeat fixed;
	color: black;
	margin: 0;
	padding: 1%;
	min-width: 640px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-image: url(grafiken/punkt.gif);
	line-height: 20px;
}
a
{
	color: #F09100;
	text-decoration: none;
	font-weight: bold;
} 
a:visited 
{ 
	color: #F09100; text-decoration: none; 
	font-weight: bold;
}

a:hover 
{ 
	color: #757575; text-decoration: none; 
	font-weight: bold;
}

a:activ
{ 
	color: #757575; text-decoration: none; 
	font-weight: bold;
}

h1 
{
	font-weight: bold;
	color: #F09100;
	font-size: 14px;
}

h2 
{
	font-weight: bold;
	color: #757575;
	font-size: 13px;
}

h3 
{
	font-weight: bold;
	color: #006E89;
	font-size: 14px;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: FFA800;
}







/* - Logo bzw. Kopf - */

#kopf {
  background: url(grafiken/kopf.jpg) 0 0 no-repeat; 
	height:190px;
	width:800px;
  margin: auto; /* Hiermit zentrieren wir unsere Seite. */
}


div.logografik 
{
	background-image: url(grafiken/logo.gif);
	position: relative;
	z-index: 5;
	background-repeat: no-repeat;
	height: 129px;
	width: 170px;
	left: 10px;
	top: 50px;

}

/*Content-Ebene*/

div.main 
{
	margin: auto; /* Hiermit zentrieren wir unsere Seite. */
	width:799px;
	min-height:600px;
	background-color: #ffffff;
	position: relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF9900;
	background-image: url(grafiken/hintergrund-left.gif);
	background-repeat: repeat-y;

}




div.suche 
{
	position:relative;
	width:200px;
	height:49px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(grafiken/hintergrund-left.gif);
	background-repeat: repeat-y;
	padding-left: 20px;
	text-align: left;
	margin-left: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}



div.left 
{
	position:relative;
	width:200px;
	height:300px;
	background-image: url(grafiken/hintergrund-left.gif);
	background-repeat: repeat-y;
}

/*Vertikale Navigation*/

div.vert-nav 
{
	position:absolute;
	left: 0px;
	top: 50px;

	width:209px;
	height:auto;
	text-align: left;
	float: right;
	background-image: url(grafiken/hintergrund-left.gif);
/*
	z-index:8;
*/
}

table.nav-vert {
	width: 100%;

}

td.nav-vert {

	margin: 0px;
	padding-left: 2px;
}




a.vert:link 
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-image: url(grafiken/hintergrund-nav.jpg);
	DISPLAY: block;
	background-repeat: no-repeat;
	text-indent: 20px;
	height: 20px;
	padding-top: 8px;


}

a.vert:visited 
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-image: url(grafiken/hintergrund-nav.jpg);
	DISPLAY: block;
	background-repeat: no-repeat;
	text-indent: 20px;
	height: 20px;
	padding-top: 8px;
}


a.vert:hover
{
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
	background-image: url(grafiken/hintergrund-nav-over.jpg);
	DISPLAY: block;
	background-repeat: no-repeat;
	text-indent: 20px;
	height: 20px;
    padding-top: 8px;
}

a.vert:activ
{
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
	background-image: url(grafiken/hintergrund-nav-over.jpg);
	DISPLAY: block;
	background-repeat: no-repeat;
	text-indent: 20px;
	height: 20px;
	padding-top: 8px;

}


#active_menu2 {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-image: url(grafiken/hintergrund-nav-on.jpg);
	DISPLAY: block;
	background-repeat: no-repeat;
	text-indent: 20px;
	height: 20px;
	padding-top:8px;
}

/* Unternav*/

td.nav-unter {
	height: 20px;
	text-indent: 20px;
	background-image: url(grafiken/hintergrund-unter-nav.gif);
	background-repeat: no-repeat;
	font-size: 11px;
}


a.unter:link 
{
	color: #474342;
	text-decoration: none;
	height: 20px;
	font-weight: normal;

}

a.unter:visited 
{
	color: #474342;
	text-decoration: none;
font-weight: normal;
	height: 20px;

}


a.unter:hover
{
	color: #FFFFFF;
	text-decoration: none;
font-weight: normal;
	height: 20px;
}

a.unter:activ
{
	color: #FFFFFF;
	text-decoration: none;
	height: 20px;
	font-weight: normal;

}


#active_menu3 {
	color: #ffffff;
	text-decoration: none;
	background-image: url(grafiken/punkt-unter-nav.gif);
	background-repeat: no-repeat;
	text-indent: 20px;
	padding-left: 20px;
	height: 20px;
	font-weight: normal;
}

/*ENDE*/




div.content
{
	position:relative;
	width:500px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	left: 240px;
	top: 30px;
	text-align: left;
}


/*Tabellendesign*/

td.content-top 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	background-image: url(grafiken/tabelle-oben.jpg);
	background-repeat: no-repeat;
	height: 25px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 500px;
	letter-spacing: 0,3 em;
	vertical-align: middle;
}


table.inhalt 
{
	width: 500px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF9900;
	border-left-color: #FF9900;
	z-index: 8;
	text-align: left;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-color: #FF9900;
	border-top-style: solid;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}
td.content-1 
{
	height: 22px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	text-align: left;

}

td.content-bottom 
{
	background-image: url(grafiken/tabelle-unten.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 500px;
	
}


hr 
{
	height: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}


#footer 
{
  	margin: auto; /* Hiermit zentrieren wir unsere Seite. */
	background-image: url(grafiken/footer.gif);
	position: relative;
	background-repeat: no-repeat;
	height: 33px;
	width: 800px;
	top: -12px;
}


.Bezeichnung 
{
	float: left; 
	width: 130px; 
	font-weight : bold; 
}


/* Das habe ich nicht benötigt:*/

/* -- Layoutspezifisches -- */
#container 
{ /* Ist dafür gedacht dass die viele Formatierungen einfacher werden, und auch ein gemeinsammer Rand entstehen kann, der nicht ganz außen am Fenster ist. */
max-width:800px;
min-height:600px;
  margin: auto; /* Hiermit zentrieren wir unsere Seite. */
  border: 0px solid #ffffff; /* Eine kleine optische Abgrenzung. */
  border-top: 0; /* Ganz oben allerdings würde es mit dem grauen komisch aussehen, deshalb weg damit. */
  background: ;

}


/* - Subnavigation, Rechte Spalte - */
#subnav 
{
  width: 250px; 
  min-width: 250px;
  float: right; 
}

/* - Menü - */
#menu {
  background:  #287635;
  padding: 5px 5%; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
  margin: 0;
  text-align: right;
  color: #ffffff; /* Hier definieren wir die Farbe des Menüpunktes, der kein Link ist, also den Menüpunkt der Seite auf der wir uns gerade befinden. */
}
#menu li 
{

  display: inline; /* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
  list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */
  padding: 0 10px 0 15px;
  font-weight: bold;
}
#menu li a {
  color: white; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. */
  text-decoration: none;
}



img /* Was ist das? */
{
  padding: 1px;
  max-width: 95%; /* Gute Browser machen ein zu großes Bild, welches das Design sprengen würde, entsprechend kleiner. Funktioniert beim IE leider nicht. */
}


#logo a {
  color: white; /* Die vorher eingestellte Farbe passt nicht um auch als Logofarbe zu dienen, deshalb wählen wir hier weiß. */
  text-decoration: none;
}
#logo a span { /* Der letzte Buchstabe soll invertiert dargestellt werden. */
  color: black;
  background: white;
  padding-right: 0.1em; /* Ein Hack, damit das weiße rechts und links genau so breit ist. */
  font-weight: bold;
}



textarea 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}