/*******************************************************
*  THM 20080527
*  layout2.css, http://typo3-beratung.com
*
* #00F -- bl -- MouseOver
*
******************************************************/

html {
	background-color: #e3e6e9;
	background: url('/fileadmin/hintergrund.png') repeat-x left top;
}

#rahmen {
	background: #FFF;
	border: 1px #e3e6e9 inset;
	font-family: Verdana, Sans-serif;
	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 { border: none; }



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

#kopf {
	background: #00F;
	height: 140px;
	background-image: url('/fileadmin/banner.png');
}

#motto {
	position: relative;
	top: 30px;
	display: block;
	margin: 0 auto;
	text-align: center;
	color: white;
	font-size: 72pt;
	font-family: Garamond,Verdana;
	letter-spacing: 0.1em;
}


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

#hmenue {
	margin: 0 0 0 0;
	padding: 0px;
	float: left;
	font: bold 14px verdana;
	width: 958px;
	border: 1px solid #333333;
	background: url('/fileadmin/taste-ob.jpg') repeat-x bottom;
	background-color: #606060;
	text-transform: uppercase;
	overflow: hidden;
}
#hmenue ul {
	margin: 0;
	padding: 0;
}
#hmenue li  {
	display: inline;
}
#hmenue li  a {
	float: left;
	color: white;
	padding: 6px 12px;
	text-decoration: none;
	border-right: 1px solid #333333;
	border-left: 1px solid #676767;
}

#hmenue li.aktiv  a  {
	background-image: url('/fileadmin/taste-akt.png');
	background-repeat: no-repeat;
	background-color: #000;
}

#hmenue a:hover, #hmenue li.aktiv  a:hover {
	color: yellow;
	background: url('/fileadmin/taste-hover.png') no-repeat top center;
}

#kopfabstand { margin: 8px; }


/* *** 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 {	
/*    _width: 116px; /* IE */
	background: #999;
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #DDD;
}
#umenue ul li {
	margin: 1px 0 0 0;
	padding: 0px;
	background-color: #E7E7E7;
	background-image: url('/fileadmin/taste-li.jpg');
	background: #E7E7E7;
	border: 1px solid #FFF; /* muss hier und nt. in "#umenue li a" sein, wegen Bloedi V6 */
	border-bottom-color: white; 
}
#umenue li a {
	display: block;
    padding: 5px 5px 5px 5px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	margin: 1px 0 0 0;
}
#umenue li.aktiv {	background-image: url('/fileadmin/taste-akt.png'); }
#umenue li.aktiv a { font-weight: bold; color: white; }

#umenue ul li:hover, #umenue ul li.aktiv:hover {
	background-image: url('/fileadmin/taste-hover.png');
	background-position: top right;
	color: white;
}
#umenue ul li a:hover { 
	color: yellow; 
}


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

#mitte {
	font-size: 11pt;
	line-height: 1.3em;
}

#mitte a { color: rgb(36,3,252); }
#mitte li a { display: block; }

#mitte h1 {
	margin: 0 0 10px 0;
	padding-left: 20px;
	color: white;
	background-image: url('/fileadmin/h1.png');
	font-size: 20px;
	letter-spacing: 0.02em;
	line-height: 26px;
}

#mitte h2 {
	margin: 0;
	font-size: 16px;
}

#mitte h3 {
	margin: 20px 0;
}

#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; }


/* *** Rechts ************************************* */

#rechts { }

	
/* *** 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: white;
	background-color: #00F;
	background-image: url('/fileadmin/banner.png');
	text-align: center;
}

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