/*******************************************************
*  THM 20081110
*  layout15.css, http://typo3-beratung.com
*
* red  -- rt 
* #333 -- dgr -- Schrift
* #CCC -- gr -- Hintergrund
* #EEE -- hgr - UMenue-Hintergrund, wenn aktiv
*
******************************************************/


html, #kopf, #meta, #umenue li, .zaehler {
	background: url('/fileadmin/t3b/schraeg.png') repeat top left; 
}	

/* *** LAYOUT *** */

html {
	background-color: #EEE;
}

#rahmen {
	background-color: white;
	border: 1px red solid;
	font-size: 12px; 
	color: #333;
	text-align:left;
	margin: 10px auto;
	
	padding: 5px;
	width: 950px; 
	voice-family: "\"}\"";  /* der Bloedi ist nun ruhiggestellt  */
	voice-family: inherit;
	width: 960px; /* Interne Breite 960px - 2x5px = 950px */
}

a {
	text-decoration: none;
	color: #333;
}

img, a img { border: none; }


/* *** Kopf und Banner ************************ */

#kopf {
	height: 80px;
}

#kopfabstand { margin-top: 8px; line-height: 1px; }


/* *** Hauptmenue ******************************* */

#hmenue {
	margin: 0 0 0 0;
	padding: 0px;
	float: left;
	font: bold 14px Verdana;
	width: 958px;
	overflow: hidden;
}
#hmenue ul {
	margin: 0;
	padding: 0;
}
#hmenue li  {
	display: inline;
	float: left;	
	margin-right: 5px;		
	padding-bottom: 1px;
	border-bottom: 1px solid red;
}
#hmenue li  a {
	display: block;
	padding: 6px 12px;
	text-decoration: none;
	border-bottom: 3px solid #CCC;	
}

#hmenue li.aktiv  {
	border-bottom: 4px solid #CCC;
}	
#hmenue li.aktiv  a  {
	color: white;
	background: red;
	border-bottom: none;
}

#hmenue a:hover, #hmenue li.aktiv  a:hover {
	color: white;
	background: red;
}


/* *** Abstaende im Mittelteil von 960px ********************************* */

#umenue {
	float: left;
	width: 160px;
/*	_width: 133px; /* IE */
}

#mitte { 
	float: left;
	width: 570px;
	margin: 0 15px;
}

#rechts {
	float: left;
	width: 200px;
}

/* *** Untermenue ************************************* */

#umenue {
	font-size: 1.2em;
	color: #000;
}

#umenue p {
	font-size: 0.8em;
}

#umenue ul {	
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
#umenue ul li {
	margin: 1px 0 0 0;
	padding: 0px;
	background-color: white;
	border: 1px solid #EEE; /* muss hier und nt. in "#umenue li a" sein, wegen Bloedi V6 */
	color: black;
}
#umenue li a {
	display: block;
    padding: 5px 5px 5px 15px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
#umenue li.aktiv { border-color: black; }
#umenue li.aktiv a { 
	font-weight: bold; 
	color: black; 
	background-color: #EEE;
}

#umenue ul li:hover, #umenue ul li.aktiv:hover {
	background-image: none;
	font-weight: bold;
	border-color: red;
}
#umenue ul li a:hover { color: red; }

#umenue li.aktiv > ul li a { background-color: #CCC; color: black; font-size: 8pt; font-weight: normal; }
#umenue li.aktiv > ul li.aktiv a { background-color: #999; }

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

#mitte  { line-height: 1.5em; }

#mitte a { color: red; }
#inhalt h1, #rechts h2 { margin-top: 0px; }
#mitte li a { display: block; }

#mitte ul {
	line-height: 1.5em;
	margin: 0; 
	padding-left: 1.3em;
}

#mitte ul p {
	font-size: inherit;
	line-height: inherit;
}

.contenttable { width: 100%; }
.contenttable td { vertical-align: top; }

	
/* *** Metamenue ************************************* */

#meta {
	margin: 30px 0 0 0;
	padding: 8px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	text-align: center;
}
#meta a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	display: inline;
	color: #333;
}
#meta a:hover {
	color: #00F;
	text-decoration: underline;
}


/* *** Fussbereich ******************************* */

#fuss {
	line-height: 40px;
	margin: 0;
	padding: 10px 0 0 0;
	color: black;
	background-color: #CCC;
	text-align: center;
	border-bottom: 3px solid red;
}

#erstellt {
	margin: 10px auto 0px;
	font-family: Verdana, Sans-serif;
	font-size: 8pt;
	text-align: center;
}
#erstellt a:hover { 
	text-decoration: underline; 
	color: #00F; 
}