/*
http://colorschemedesigner.com/#0w11T--rbBpQX
c1: D96600
c2: 985F2D
c3: 7E3B00
c4: F9AD69
c5: F9D9BD
*/
/*************
	wurde aufgenommen, damit oben und unten nicht 
	vom Browser-Stylesheet padding/margin unterstellt wird 
**************/
* { 
	margin: 0;
	padding: 0;
	color: #000000;	
}
/*************
	Festlegung der allgemeinen Schriftart und Hintergrundfarbe der Seite
**************/	
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(media/hintergrund.png); background-position: top left; background-repeat: repeat-x;
}

/*************
	Überschriften der verschiedenen Stufen
   	H1 wird nur für die allererste Überschrift im Header verwendet
   	H2 ist dementsprechend die erste Inhalts-Überschrift 
**************/   
h2,h3,h4,h5 {
	margin-top: 5px;
	padding-top: 2px;
}

/*************
	Allgemeiner Absatz mit etwas Abstand nach unten und oben 
**************/
p {
	padding-top: 2px;
	padding-bottom: 8px;
	margin-top: 2px;
	margin-bottom: 6px;
}

/*************
	Links 
**************/
a , a span {
	text-decoration: underline;
}

a:hover,a:active,a:focus,a:hover span,a:active span,a:focus span {
	text-decoration: underline;
}

/*************
 	Listen 
**************/
ul {
	padding: 2px 0 10px 15px;
}

dt {
	padding-top:10px;
	padding-bottom:2px;
	padding-left: 4px;
	font-weight: bold;
}

dd {
	padding-left: 40px;
}
/*************
	allgemeine Formatierungen 
**************/
.keinUmbruch {
	white-space:nowrap; 	
}

.rechts {
	text-align: right;
}

.links {
	text-align: left;
}

.monospaced {
	font-family: "Courier New",Courier, Monospace;
}

.mitte {
	text-align: center;
}

/*************
	Tabellen 
**************/
td,th {
	text-align: left;
	vertical-align: top;
}


/* Tabelle ohne Rahmen für allgemeine tabellarische Darstellungen */

table.tabOhneRahmen {
	border: 1px solid transparent;
}

table.tabOhneRahmen th,table.tabOhneRahmen td {
	margin-top: 2px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 10px;
}

.ueberschrift, th {
	font-weight: bold;
}

/* Tabelle mit Rahmen für Darstellungen von Datenzeilen */

table.tabMitRahmen {
	margin-top: 2px;
	border-collapse: collapse;
}

table.tabMitRahmen th {
	padding: 3px;
	text-decoration: none;
}

table.tabMitRahmen td {
	padding: 3px 1px 3px 4px;
}

table.tabMitRahmen a, table.tabMitRahmen a span {
	display:block;
}

table.tabMitRahmen tr:hover { 
	background: #c0c0c0; /* grau */
}

/* Tabellenüberschriften mit Link, 
   vorwiegend bei sortierbaren Tabellen */
table.tabMitRahmen th a, table.tabMitRahmen th a span {
	text-decoration: none !important;
}

table.tabMitRahmen th a:hover, table.tabMitRahmen th a:hover span {
	text-decoration: underline !important;
}

.zentriert {
	text-align: center !important;
}

/* Tabelle für die Navigationselemente bei dataTables */

table.tabNavigation {
	margin-top: 10px;
	border: 0;
}

table.tabNavigation th,table.tabNavigation td {
	padding: 1px;
	vertical-align: middle;
}


/* ----------------------
   Kopfzeile
   ----------------------*/
#header {
	margin: 0;
	padding: 0;
	height: 280px;
	background-image:url(media/logo.png); background-repeat:no-repeat; background-position: 10px center;
	text-align: left;
	vertical-align: middle;
}

/*
padding bei Schrift, damit der Ober- und Unterrand gleich sind.
*/
#header h1 {
	display: none;
}

/* ----------------------
   Hauptbereich, der das menu und den content umfasst 
   ----------------------*/   
#hauptbereich {
	margin: 2px 0 2px 0;
	padding: 0;
	background-color: transparent;
}

/* ----------------------
Definitionen fuer das Menue
float:left um Menue links vom Content anzuzeigen
Breitenangabe ist dann Pflicht
   ----------------------*/ 
#menu {
	float: left;
	width: 157px;
	background-color: transparent;
	border-right: 1px dotted black;
}

/*
Spezielle Liste ohne "Knoedel" extra fuer Menue
*/
#menu ul {
	margin-left: 0;
	padding: 0;
}
/*
die runden Ecken sind nicht valide (CSS level 2.1) 
und werden im IE (bis einschlieeslich 8) nicht dargestellt, 
diese Fehler werden momentan aber in Kauf genommen 
*/
#menu li {
	list-style: none;
	margin: 0 0 2px 5px;
	padding: 2px;
	text-align: right;
	padding-right: 8px;
}

#menu li.aktiv {
	background-color: #C0C0C0;
}

/*
display:block, damit der Link bis zum rechten Ende des Menues unterstuetzt wird.
Im Menue sollen im Gegensatz zum sonstigen Text die Links nicht unterstrichen sein
*/
#menu a, #menu a span {
	display: block;
	padding: 1px;
	white-space: nowrap;
	border: 1px solid transparent;
	text-decoration: none;
}

/*
Menue-Link im Moment des Darueberfahrens bzw. des Klickens
Hier jetzt doch Link-Unterstreichung, damit Klarheit herrscht, dass man hier klicken kann
*/
#menu a:hover,#menu a:active, #menu a:hover span,#menu a:active span {
	color: black;
	border: 1px solid transparent;
	text-decoration: underline;
}
#menu a:focus, #menu a:focus span {
	text-decoration: underline;
}

/* ----------------------
eigentlicher Inhalt
margin-left wegen Menue links
kleiner margin, um zu den anderen Elementen etwas Abstand zu halten
kleines padding, um innerhalb des divs nicht "am Rand zu kleben"
   ----------------------*/ 
#inhalt {
	margin: 5px;
	margin-top: 0;
	padding: 0 10px 5px 10px;
	min-height: 250px;
	margin-left: 160px;
}

#inhalt h2{
	margin-top: 0;
	padding-top: 0;
}
#inhalt h2, #inhalt h3, #inhalt h4 {
	padding-bottom: 10px;
 }

#inhalt img {
	border: 1px solid black;
}

/* ----------------------
footer mit clear:both um das float des Menues wieder aufzuheben und zu garantieren, dass er ganz am Ende kommt
   ----------------------*/ 
#footer {
	clear: both;
	margin: 5px;
	margin-top: 15px;
	margin-bottom: 30px;
	padding: 5px;
	text-align: center;
	border-top: 1px solid black;
}

/*
Absatz innerhalb des footers, damit der Abstand oben und unten vom Text gleich breit ist
*/
#footer p, #accessHelp p, #styles p {
	padding: 5px;
	font-size: 12px;
}