/*******************************************************
*  THM 20081015
*  b123.css, http://typo3-beratung.com
*
*  #11278F 		blau -- Hauptmenue, blaue Box-Kopfzeile, Brotkrumenmenue, 
*
* #32CD32 	gruen-blauer Verlauf: limes -- Grüne Kopfzeile der oberen Boxen
*
* #32B03F 	gruen-blauer Verlauf
* #32905F 	gruen-blauer Verlauf
* #32707F 	gruen-blauer Verlauf: blau-gruen
* 
* #D1E0EF	blaugrau -- Unterbox im Untermenü, Hintergrund von Inhalt/Suche
*
* #E5E5E5	hellgrau -- Hintergrund von Unter-Hauptmenü und Untermenü 2
* #CCC 	mittelgrau -- Box-Fusszeile (nt. mehr vorh.)
* #666 	dunkelgrau -- Box-Kopfzeile (nt. mehr vorh.)
*
******************************************************/


html { background-color: white; }
body { width: 960px; }

a img { border: none; }
a { color: #11278F; }


/* *** Werbebox ***************************************** */

#werbebox {
	float:left;
	width:100%;
	margin: 0px auto 10px;
	font-size: 11px;
	background-color:#11278F;
}
#werbebox .box_oben strong, #werbebox .box_unten strong {
	background-color:#11278F;
}

#werbebox_links {
	float: left;
	display: inline;
	padding-left: 9px;
}

#werbebox_rechts {
	float: right;
	padding-right: 9px;
}

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

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

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

#menue .box_oben .r1, #menue .box_unten .r1 { background-color: #32CD32; }
#menue .box_oben .r2, #menue .box_unten .r2 { background-color: #32B03F; }
#menue .box_oben .r3, #menue .box_unten .r3 { background-color: #32905F; }
#menue .box_oben .r4, #menue .box_unten .r4 { background-color: #32707F; }

#kopfabstand { line-height: 10px; }

/* *** Navigation  ****************************************** */

#meta { text-align: right; padding: 0 9px 5px 0; font-size: 8pt; }
#meta, #meta a, #erstellt { color: #666; }

#logo { float: left; display: inline; margin: 0; padding: 0; height: 40px; width: 240px; vertical-align: bottom; }

#menue {  float: left; margin: 0;  margin-left: 10px; padding:0; }
#menue .box_oben strong, #menue .box_unten strong { background-color:#11278F; }

#hmenue { 
	width:710px; /* BODY-Breite - Logobreite - Rand 10px*/
	list-style: none; 
	height: 30px;
	line-height: 38px;
 	text-align:center;
	background-color: #11278F; 
	color: white;
	font-size: 12pt;
	font-weight:bold;
}
#hmenue ul { margin: 0px; }
#hmenue li  { display: inline; padding: 0px 5px; margin: 0px; }
#hmenue a { color: white; padding: 2px; }	
#hmenue a.aktiv, #hmenue a:hover {
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;	
	color: #11278F;
	background-color: white; 
	text-decoration:none;
}
#hmenue a:hover { background-color: #D1E0EF; }


/* *** Tabellenspalten 960 = 240 + 440 + 240  **************************** */

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


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


/* *** Formatierung in den Boxen **************************** */

#rand_li ul , #rand_re ul { 
	margin: 0; 
	padding: 0;
	list-style: none; 
	background-color: #E5E5E5;	
}	
#rand_li ul li, #rand_re ul li {
	display: block;
	border-top: 1px solid white;
}
#rand_li ul li a, #box_re1_txt ul li a , #box_re2_txt ul li a {
	padding: 2px 2px 2px 9px; 
	display: block;
}
#rand_li ul li a.aktiv1, #box_re1_txt ul li a.aktiv1 , #box_re2_txt ul li a.aktiv1 {
	color: white;
	background-color: #11278F;
	font-weight: bold;
}
#rand_li ul li a:hover, #box_re1_txt ul li a:hover , #box_re2_txt ul li a:hover {
	color: white;
	background-color: #32CD32;
	text-decoration: none;
}


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

#box_li_kopf, #box_li3_kopf, #box_re1_kopf, #box_re2_kopf {
	padding-bottom: 2px;
}
#box_li_fuss, #box_li3_fuss, #box_re1_fuss, #box_re2_fuss  {
	padding-top: 2px;
}

#box_li_kopf, #box_li_fuss {
	background-color: #32CD32; /* gruen */
}
#box_li_kopf .box_oben strong, #box_li_fuss .box_unten strong { 
	background-color: #32CD32; 
}

#box_li_kopf2, #box_li_fuss2 {
	border-top: 1px solid white;
	padding: 2px 2px 2px 9px;
	background-color: #11278F; /* blau */
}
#box_li_fuss2 {
	border-bottom: 1px solid white;
}


#box_re1_kopf, #box_re1_fuss,
#box_re1_kopf .box_oben strong, #box_re1_fuss .box_unten strong { 
	background-color: #32CD32; /* gruen */
}
#box_li3_kopf, #box_li3_fuss , 
#box_li3_kopf .box_oben strong, #box_li3_fuss .box_unten strong, 
#box_re2_kopf, #box_re2_fuss ,
#box_re2_kopf .box_oben strong, #box_re2_fuss .box_unten strong { 
	background-color: #11278F; /* blau */
}

#box_li3_fuss, #box_re1_fuss, #box_re2_fuss {
	border-top: 1px solid white;
}
#box_re1_fuss {
	margin-bottom: 10px;
}

.box_kopf_txt {
	padding-left: 9px;
	color: white;
}

#rand_li ul , #rand_re ul { 
	margin: 0; 
	padding: 0;
	list-style:none; 
	border-right: 1px solid #11278F;
	border-left: 1px solid #11278F;	
}	
#rand_li li, #rand_re li {
	display: block;
	border-top: 1px solid white;
}

#rand_li ul li a, #rand_re ul li a {
	padding: 2px 2px 2px 9px; 
	display: block;
}
#rand_li ul li.aktiv1 > a, #rand_re ul li.aktiv > a,
#rand_li ul li.aktiv2 > a, #rand_li ul li.aktiv3 > a, #rand_li ul li.aktiv4 > a {
	color: white;
	background-color: #11278F;
}

#rand_li ul li a:hover, #rand_re ul li a:hover {
	color: white;
	background-color: #32CD32;
	text-decoration: none;
}

#rand_li ul .untermenue {
	padding-left: 5px;
	background-color: #D1E0EF;	/* blaugrau */
	border-bottom: 1px solid #11278F;		
}
#rand_li ul .untermenue  .untermenue_2 {
	padding-left: 5px;
	background-color: #EFFFF3;	 /* helles Gruen */
	border-bottom: 1px solid #11278F;		
}
#rand_li ul .untermenue  .untermenue_2 li {
	border-top-color: #32CD32;	
}

#rand_li ul .untermenue  .untermenue_2 .untermenue_3 {
	padding-left: 5px;
	border-bottom: 1px solid #11278F;		
}
#rand_li ul .untermenue  .untermenue_2 .untermenue_3 li {
	border-top-color: #11278F;	
}


/* *** Linke Box *** */

#box_li2 { margin-top: 10px; }
#box_li2_kopf, #box_li2_fuss,
#box_li2_kopf .box_oben strong, #box_li2_fuss .box_unten strong { 
	background-color: #666; /* grau */
}
#box_li2_kopf .box_kopf_txt {
	padding: 2px 2px 2px 9px;
}	
#box_li2 .box_txt {
	border-right: 1px solid #666;
	border-left: 1px solid #666;	
	padding: 10px;
}

/* *** Rechte Boxen *** */

#box_re1_txt ul {
	border-right: 1px solid #32CD32;
	border-left: 1px solid #32CD32;	
}	
#box_re2 { margin-top: 10px; }


/* *** wenn Buchcover rechts *** */

#box_re1_txt .bild {
	background-color: #32CD32; /* limes */
	text-align:center; 
	padding: 15px; 
	border-top: 1px solid white;
}
#box_re1_txt .bild img { border: 1px outset black; }
#box_re1_txt .bild img:hover { border: 1px solid white; }

#rand_re .box_kopf_txt a {
	color: white;
	text-decoration: none;
	margin: 0 auto;
	padding: 0 2px;
	text-align: center;
}
#rand_re .box_kopf_txt a:hover {
	color: #11278F;
	background-color: white;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;		
}
#rand_re .box_kopf_txt a {
	color: white;
	text-decoration: none;
	margin: 0 auto;
	padding: 0 2px;
	text-align: center;
}
#rand_re .buchdaten {
	background-color: #E5E5E5;	
	padding: 2px 2px 2px 9px; 	
	border-top: 1px solid white;	
	border-right: 1px solid #11278F;
	border-left: 1px solid #11278F;	
}
#rand_re .buchdaten span {
	display: block;
	margin-top: 2px; 	
	margin-bottom: 5px; 	
}
#rand_re .buchdaten:hover { background-color: #32CD32; }
#rand_re .buchdaten a:hover { color: white; }


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

#brotkrumen {
	width: 100%;
	margin-bottom:10px;
}
#brotkrumen .box_oben strong, #brotkrumen .box_unten strong, #brotkrumen_txt  {
	background-color: #11278F;
}	
#brotkrumen_txt {
	font-size: 11px;
	padding-left: 9px;
	min-height: 15px;
	color: #32CD32;
}
#brotkrumen_txt a {
	color: white;
}

#inhalt, #suche, #zurueck {
	background-color: #D1E0EF;
	margin-top: 0;
	margin-bottom: 0;
	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: #11278F; text-decoration: underline; }

#inhalt h1, #suche h1, #inhalt h2, #inhalt h2 a, #suche h2 , #inhalt h3, #suche h3  {
	position: relative;
	left: -9px;
	margin-top: 15px;
	padding: 2px 2px 2px 9px;
	font-size: 14pt;
	color: white;
	font-family: Arnold, ArnoldBoeD, Verdana;
}
#inhalt h1, #suche h1{ 
	padding: 10px 2px 5px 9px; 
	margin: 0px; 
	background: #11278F url('h1_re.gif') repeat-y top right; 
}
#inhalt h2, #suche h2 { 
	font-size: 14pt; 
	background: #11278F url('h2_re.gif') repeat-y top right; 
}
#inhalt h2 a { text-decoration: underline; }

#inhalt h3, #suche h3 { 
	font-size: 12pt; 
	background: #11278F url('h3_re.gif') repeat-y top right; 
}

hr {
  border-top: 1px solid #32CD32;
  border-bottom: 1px solid #11278F;
}


/* *** Externe Links *** */

#inhalt p a[href^="http"]:before {
   content:url('/fileadmin/ggb/verweis.gif')" ";
}

/* Externe Links in UL mit and. Bild */
.extern , .extern2 { list-style:url('/fileadmin/ggb/verweis.gif'); } 



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

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

#fuss .box_oben .r1, #fuss .box_unten .r1 { background-color: #32CD32; }
#fuss .box_oben .r2, #fuss .box_unten .r2 { background-color: #32B03F; }
#fuss .box_oben .r3, #fuss .box_unten .r3 { background-color: #32905F; }
#fuss .box_oben .r4, #fuss .box_unten .r4 { background-color: #32707F; }

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

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