/* CSS Document */


body {
font: 100.01% Arial, sans-serif;
margin:0;
padding:0;
background: #FEFBEE url(../img/hg_dblau.gif) 0 0 repeat-x;
}

body#fliederblau {
background: #FEFBEE url(../img/hg_fliederblau.gif) 0 0 repeat-x;
}
body#gruen {
background: #FEFBEE url(../img/hg_gruen.gif) 0 0 repeat-x;
}

.unsichtbar {
position:absolute;
top:-2000em;
left:-2000em;
overflow:hidden;
text-indent:-1000em;
margin: 0;
}


/* Title 
**********************************************************/

div#title {	
position:relative;
height: 143px;
background: #215D9A url(../img/kopf-hg_dblau.gif) 0 0 no-repeat;
}

body#fliederblau div#title {	
background: #536CB0 url(../img/kopf-hg_fliederblau.gif) 0 0 no-repeat;
}
body#gruen div#title {	
background: #1E815E url(../img/kopf-hg_gruen.gif) 0 0 no-repeat;
}

div#title h1,
div#title h2
{	position:absolute;
	top:-2000em;
	left:-2000em;
	overflow:hidden;
	text-indent:-1000em;
	margin: 0;
}


/* Container 
**********************************************************/

#mainbody {
position: relative;
margin: 0;
padding: 0;
}

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

#navigation {
position: absolute;
top: 0;
left:0;
margin: 0;
padding: 0;
width: 220px;
min-height: 400px;
background: #4379AF url(../img/menue-hg_dblau.gif) left bottom repeat-x;
text-align: right;
font-size: 0.9em;
}

body#fliederblau #navigation {
background: #768CC6 url(../img/menue-hg_fliederblau.gif) left bottom repeat-x;
}
body#gruen #navigation {
background: #43A482 url(../img/menue-hg_gruen.gif) left bottom repeat-x;
}

#navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
#navigation li {
margin: 1px 0 0 0;
padding: 0;
}

#navigation a {
color: #FFFFFF;
display: block;
text-decoration: none;
font-weight: bold;
padding: 6px 12px 6px 12px;
background-color: #4379AF;
}
#navigation a:hover {
background-color: #4D82B7;
}
#navigation li#active a,
#navigation li#active a:hover {
background-color: #6394C4;
}
/* fliederblau */
body#fliederblau #navigation a {
background-color: #768CC6;
}
body#fliederblau #navigation a:hover {
background-color: #8095CC;
}
body#fliederblau #navigation li#active a,
body#fliederblau #navigation li#active a:hover {
background-color: #95A7D8;
}
/* gruen */
body#gruen #navigation a {
background-color: #43A482;
}
body#gruen #navigation a:hover {
background-color: #4FAE8D;
}
body#gruen #navigation li#active a,
body#gruen #navigation li#active a:hover {
background-color: #6EC7A8;
}

/* Ebene 2 
************/
#navigation li#active ul#ebene2 li a {
font-weight: normal;
font-size: 0.9em;
background-color: #4379AF;
border-bottom: 1px solid #6394C4;
}
#navigation li#active ul#ebene2 li a:hover {
background-color: #4D82B7;
}
/* fliederblau */
body#fliederblau #navigation li#active ul.ebene2 li a {
font-weight: normal;
font-size: 0.9em;
background-color: #768CC6;
border-bottom: 1px solid #95A7D8;
}
body#fliederblau #navigation li#active ul.ebene2 li a:hover {
background-color: #8095CC;
}
body#fliederblau #navigation li#active ul.ebene2 li#active2 a {
background-color: #95A7D8;
}
/* gruen */
body#gruen #navigation li#active ul.ebene2 li a {
font-weight: normal;
font-size: 0.9em;
background-color: #43A482;
border-bottom: 1px solid #6EC7A8;
}
body#gruen #navigation li#active ul.ebene2 li a:hover {
background-color: #4FAE8D;
}
body#gruen #navigation li#active ul.ebene2 li#active2 a {
background-color: #6EC7A8;
}

#subnavigation {
margin: 8px 0 8px 0;
}

#subnavigation a {
text-decoration: none;
color: #FFFFFF;
background-color: #4D82B7;
background:url(../img/pfeil_weiss.gif) left center no-repeat;
padding: 3px 3px 3px 10px;
}

body#fliederblau #content #subnavigation a {
background-color: #536CB0;
color: #FFFFFF;
}
body#fliederblau #content #subnavigation a:hover {
background-color: #8095CC;
color: #FFFFFF;
}

body#gruen #content #subnavigation a {
background-color: #1E815E;
color: #FFFFFF;
}
body#gruen #content #subnavigation a:hover {
background-color: #43A482;
color: #FFFFFF;
}


/* Inhalt 
**********************************************************/

#content {
min-width: 500px;
max-width: 700px;
margin: 0;
padding: 10px 30px 0 0;
position: relative;
top: 0;
left: 240px;
font-size: 0.82em;
}


/*div:after
{	content: "."; 
	display: block; 
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}*/


/* Footer 
**********************************************************/

#footer {
min-width: 500px;
max-width: 700px;
margin: 0 0 0 240px;
padding: 0px 30px 0 0;
position: relative;
font-size: 0.65em;
color: #79A6D3;
text-align: right;
clear: both;
}

#footer a,
#footer a:hover {
color: #79A6D3;
background-color: #FEFBEE;
text-decoration: none;
}

body#fliederblau #footer,
body#fliederblau #footer a,
body#fliederblau #footer a:hover {
color: #8A9DD1;
background-color: #FEFBEE;
text-decoration: none;
}

body#gruen #footer,
body#gruen #footer a,
body#gruen #footer a:hover {
color: #43A482;
background-color: #FEFBEE;
text-decoration: none;
}

.footnav {
float: left;
}


/* Text-Formate allgemeim
**********************************************************/

h1 {
color: #215D9A;
font-size: 1.4em;
margin: 18px 0 12px 0;
font-family: "Trebuchet MS", Geneva, Arial, sans-serif;
}
h2 {
color: #215D9A;
font-size: 1.15em;
margin: 16px 0 10px 0;
}
body#fliederblau h1,
body#fliederblau h2 {
color: #536CB0;
}
body#gruen h1,
body#gruen h2 {
color: #1E815E;
}

h3 {
color: #000000;
font-size: 1em;
margin: 18px 0 6px 0;
}
h4 {
color: #333333;
font-size: 1em;
margin: 16px 0 4px 0;
}
h5 {
color: #666666;
font-size: 0.9em;
margin: 16px 0 4px 0;
}
h6 {
color: #333333;
font-size: 0.85em;
margin: 1px 0 15px 0;
font-weight: normal;
}

p {
margin: 0 0 10px 0;
line-height: 1.4em;
}

ul {
margin: 0 0 18px 20px;
padding: 0;
line-height: 1.2em;
}
ol {
margin: 0 0 18px 30px;
padding: 0;
line-height: 1.2em;
}
li {
margin: 8px 0;
}

a {
color: #215D9A;
text-decoration: underline;
padding: 0;
}
a:hover {
text-decoration: none;
}

body#fliederblau #content a {
color: #536CB0;
}



hr {
height: 1px;
background-color: #215D9A;
color: #215D9A;
border: none;
margin: 3px 0 5px 0;
width: 100%;
}


table {
border-collapse: collapse;
margin-bottom: 15px;
line-height: 1em;
font-size: 0.9em;
width: 100%;
border-bottom: 3px solid #215D9A;
}

th {
border-top: 1px solid #215D9A; /* blau */
border-bottom: 2px solid #215D9A; /* blau */
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
color: #333333;
}
td {
border-top: 1px dashed #215D9A; /* blau */
border-bottom: 1px dashed #215D9A; /* blau */
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
}

td p,
th p {
margin: 0;
}

img {
border: none;
}

/********************************************************* 
spezielle Formate
**********************************************************/

.links {
float: left;
margin: 2px 20px 10px 0;
}
.rechts {
float: right;
margin: 2px 0 10px 20px;
}
div.bspseiten img.links {
float: left;
margin: -4px 10px 10px -3px;
}

.kompakt {
line-height: 1.15em;
font-size: 0.85em;
}
body#fliederblau .kompakt {
color: #536CB0;
}
body#gruen .kompakt {
color: #1E815E;
}


.klein {
font-size: 0.85em;}

.clear {
clear: both;
}

.first {
margin-top: 0;
}

div.trenner {
background: transparent url(../img/trenner_blau.gif) 0 0 no-repeat;
min-width: 500px;
max-width: 700px;
height: 9px;
margin: 25px 0 0 0;
padding: 0 0 20px 0;
clear: both;
}

body#fliederblau div.trenner {
background: transparent url(../img/trenner_fliederblau.gif) 0 0 no-repeat;
}
body#gruen div.trenner {
background: transparent url(../img/trenner_gruen.gif) 0 0 no-repeat;
}