/* ********************************************
 *  THM 20080505
 *  layout8.css, http://typo3-beratung.com
 *
 * #10284C -- Blau -- Aktiver Menuepunkt, Ueberschriften
 * #3E5F8F -- matteres Blau -- Untermenue, Links in #inhalt
 * #768693 -- Grau -- im Innenteil
 *
 *********************************************** */

html { 
	height: 100.1%; 
    background: url('/fileadmin/hintergrund.png') top left repeat;
	background-color: #333;
}

body {
    font: 12px Verdana,  Arial, Helvetica, Geneva, sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    background-color: #768693;
}	


/* *** Abstaende ***************************************** */

body {
	margin: 10px auto;
	padding: 0 5px;
	width: 940px; 
	voice-family: "\"}\"";  /* der Bloedi ist nun ruhiggestellt  */
	voice-family: inherit;
	width: 950px; /* Interne Breite 950px - 2x5px = 940px */
}

#meta {
	margin: 3px auto;
	width: 940px;
}
#kopf, #daten, #fuss {
    width: 940px;
    margin: 0px auto 5px;
}
#fuss { margin: 10px auto 20px; }

#logo, #links {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}
#banner, #mitte {
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	width: 740px;
}
#mitte {
	float: right;
	padding: 5px;
	width: 720px; 
	voice-family: "\"}\"";  /* der Bloedi ist nun ruhiggestellt  */
	voice-family: inherit;
	width: 730px; /* Interne Breite 740px - 2x5px = 730px */
}


/* *** Allgemeines ********************************************** */

a img { border: none; }
a {
    color: #10284C;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}


/* *** Meta ********************************************** */

#meta {
	text-align: right;
	font-size: 10pt;
}
#fuss, #fuss a,
#meta span, #meta span a  {
	color: #CCC;
}
#meta span a {
	text-decoration: none;
}
#meta span a.aktiv {
	text-decoration: none;
	font-weight: bold;
}
#meta span a:hover, #fuss a:hover {
	color: white;
	text-decoration: underline;
}

/* *** Logo und Banner *********************************************** */

#logo img { border: 0; }


/* *** Links ************************************* */

#menue ul {	
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 0;
    background: url('/fileadmin/hintergrund.png') top left repeat;
	background-color: #CCC;
}
#menue > ul > li {
	margin: 0;
	padding: 0;
	color: white;
}
#menue li { padding: 0; }
#menue li a {
	display: block;
    padding: 5px 5px 5px 15px;
	color: white;
	text-decoration: none;
	font-weight: normal;
	margin: 1px 0 0 0;
}

#menue li.aktiv {	background-color: #10284C; }
#menue li.aktiv a { font-weight: bold;  }


/* 1. Untermenue-Ebene */
#menue li.aktiv ul { 
	padding-left: 10px;
	font-size: 10pt;
	font-weight: normal; 
}
#menue li.aktiv ul  li {
	background-color: #3E5F8F; 
}
#menue li.aktiv ul a { 
	background-color: #3E5F8F; 
	font-weight: normal; 
}
#menue li.aktiv ul  .aktiv2  a { 
	background-color: #10284C;
	font-weight: bold; 
	color: white; 
}

#menue ul li a:hover, #menue ul li.aktiv a:hover, 
#menue ul li.aktiv ul li.aktiv2 a:hover {
	background-color: #10284C;
}


/* *** Mitte ************************************ */

#mitte { 
	background-color: white;
}
#mitte h1, #mitte h2, #mitte h3  { color: #10284C ; }

#mitte a 		{ color: #3E5F8F; text-decoration: underline; }
#mitte a:hover 	{ color: black; }

#inhalt { }


/* *** Unten ******************************* */

#fuss {
	font-size: 8pt;
}
#fusszeile {
    float: left;
}
#erstellt {
	float: right;
}