/*******************************************************
*  THM 20080311
*  koffer.css, http://typo3-beratung.com
*
*  #FF2460 rot -- Hauptmenue, Brotkrumenmenue, Verweise-Box,
* #FFBFBF hellrot - HR, Verweise
*
* #F8F8F8	hellgrau -- Blatt-Hintergrund
* #0000A2	blau -- Meta-Navi., Menue 1. Ebene
* #9596EF  blaugrau -- Menư 3. Ebene
*
******************************************************/

html { 
	background-color: #DCDCDC; 
	background: url("/fileadmin/hintergrund.png") left top repeat;
}
body { 
    font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 960px; 
	margin: 20px auto;
	padding: 10px;
	background-color: white;
	border: 1px outset #FF2460;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}

a img { border: none; }
a { color: #0000A2; }


/* *** Kopfbild ***************************************** */

#kopf {
	width:100%;
	margin: 0px auto;
	text-align: right;
	background-color: white;
	border-top: 1px solid #FF2460;
	padding-bottom: 2px;
	border-bottom: 1px solid #0000A2;	
}
#kopf img { margin: 2px 0; }

#laufband { 
	font: bold normal 10pt Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.05em;
	background: #0000A2; 
	color: white; 
	text-align: center;
	margin: 2px auto 0px;
}

#laufband .box_oben .r1, #laufband .box_unten .r1 { background-color: #0000A2; }
#laufband .box_oben .r2, #laufband .box_unten .r2 { background-color: #0000A2; }
#laufband .box_oben .r3, #laufband .box_unten .r3 { background-color: #0000A2; }
#laufband .box_oben .r4, #laufband .box_unten .r4 { background-color: #9596EF; }

#kopfabstand { 
	margin-top: 2px;
	border-top: 1px solid #0000A2;
	line-height: 10px; 
} 

/* *** Runde Ecken ***************************************** */

.box_oben, .box_unten       { display:block; background-color: white;}
.box_oben strong, .box_unten strong { 
	display:block;  
	background-color: #F8F8F8; 
	height: 1px; 
	overflow: hidden;
}

.r1 { margin: 0 5px; }
.r2 { margin: 0 3px;}
.r3 { margin: 0 2px;}
.box_oben .r4, .box_unten .r4 { margin: 0 1px; height: 2px; }


/* *** Meta-Navigation  (oben, unten) ****************************************** */

#sprache, #meta { 
	margin-bottom: 5px; 
	font-size: 8pt; 
}

#sprache, #sprache a, #meta, #meta a, #erstellt { color: #0000A2; border: none; }
#sprache { float: left; }
#meta { float: right; margin-top: 8px; }

#sprache img:hover { position: relative; top: 3px; }


/* *** Spalten 960 = 10 + (200 + 10 + 560 + 10 + 160) + 10 **************************** */

#mitte {
	float: left;
	margin-top: 0px;
	width: 560px;
	padding: 0px 10px;
	voice-family: "\"}\"";  /* der Bloedi ist nun ruhiggestellt  */
	voice-family: inherit;
	width: 580px;
}

#rand_li, #rand_re {
    float:left;
    width: 200px;
}

#rand_re { 
	text-align: right; 
	width: 160px;
}


/* *** Boxen ************************************ */ 

.menue ul  { 
	margin: 0;
	padding: 0;
	list-style: none; 
}	
/* Abstaende */
.menue ul li 			{ margin: 0; display: inline; }
.menue ul li a 			{ margin: 6px 0 0; }
.menue ul li#start a 	{ margin-top: 0; }

/* Weiteres */
.menue ul li a {
	display: block;
    color: #0000A2;
	font-size: 12pt;
	font-weight: bold;
	background-color: #F8F8F8;
	padding: 2px 2px 2px 9px; 
	border: 1px solid #0000A2;
	-moz-border-radius: 10px; 
    -khtml-border-radius: 10px;		
}

.menue ul ul li a {
	margin-left: 8px;
	font-size: 10pt;
	background-color: white;
}
.menue ul ul ul li a {
	margin-left: 16px;
	font-size: 9pt;
}

.menue ul li.aktiv1 > a,
.menue ul li.aktiv2 > a, .menue ul li.aktiv3 > a, .menue ul li.aktiv4 > a {
	color: white;
	background-color: #0000A2;
	-moz-border-radius: 10px; 
    -khtml-border-radius: 10px;		
}
.menue ul li.aktiv2 > a {
	background-color: #0000A2;
}

.menue ul li.aktiv3 > a, .menue ul li.aktiv4 > a {
	background-color: #9596EF;
}

.menue ul li a:hover  {
	color: white;
	background-color: #FF2460;
	text-decoration: none;
	-moz-border-radius: 10px; 
    -khtml-border-radius: 10px;		
}

.werbung_li {
	margin-top: 15px;
	color: #0000A2;
}
.werbung_li strong {
	display: block;
	margin: 0 auto;
	text-align: center;
}

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

#brotkrumen {
	width: 100%;
	margin-bottom:10px;
}
#brotkrumen_txt  {
	background-color: #F8F8F8;
}	
#brotkrumen_txt {
	font-size: 11px;
	padding-left: 9px;
	min-height: 15px;
	color: #FF2460;
}
#brotkrumen_txt a {
	color: #FF2460;
}

#inhalt, #suche {
	background-color: #F8F8F8;
	padding: 0 9px 10px;
}
#inhalt ul {  margin-top: 20px; } 
#inhalt ul ul, #inhalt table ul, #suche ul { margin-top: 0px; }
#inhalt li a, #suche li a { display: block; }
#inhalt p a { color: #FF2460; }
#inhalt p a:hover { text-decoration: underline; }

#inhalt h1, #suche h1, #inhalt h2, #suche h2 , #inhalt h3, #suche h3  {
	font: bold normal 16pt Georgia, "Times New Roman", Times, serif;
	color: #FF2460;
	margin-top: 0px;
}

#inhalt h2, #suche h2 { 
	font-size: 14pt; 
}
#inhalt h3, #suche h3 { 
	font-size: 12pt; 
}

hr {
  border-bottom: 1px solid #FFBFBF;
  border-top: 2px solid #FF2460;
}


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

.werbung_re {
	background: url("/fileadmin/rahmen-mi.png") left top repeat-y; 
	color: #333;
	padding: 10px 3px;
	font-size: 10pt;
	text-align: left;
}
.werbung_re a {
	display: block;
	color: #333;
	font-weight: bold;
	text-decoration: underline;
	color: #0000A2;	
}
.werbung_re a.adr {
	font-size: 8pt;
	text-decoration: none;
	font-weight: normal;
	color: #FF2460;
}
.werbung_re a:hover {
	color: #FF2460;	
	text-decoration: underline;
}

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

#fuss {
	background-color: #FF4260;
	margin-top: 10px;
}

#fuss .box_oben .r1, #fuss .box_unten .r1 { background-color: #FF4260; }
#fuss .box_oben .r2, #fuss .box_unten .r2 { background-color: #FF4260; }
#fuss .box_oben .r3, #fuss .box_unten .r3 { background-color: #FF4260; }
#fuss .box_oben .r4, #fuss .box_unten .r4 { background-color: #FFBFBF; }

#fuss_txt {
	text-align: center;
	margin: 0 auto;
	color: white;
} 
#fuss_txt a { color: white; }

#erstellt {
	margin: 10px auto 0px;
	font-size: 8pt;
	text-align: center;
}
#meta2 {
	margin-bottom: 10px; 
	color: #FF2460;
}

#laufband span,
#fuss_txt {  display: block; margin: 1px auto 2px; }