@charset "ISO-8859-1";
/* -- Allgemeines#E6EEFO -- */

body {
background: #EEEEEE; 
color: black; 
margin: 0px;
padding: 1%;  
font-size: 100.01%;  /*  umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
font-family: verdana, arial, sans-serif;
}

a {
color: black; text-decoration: none;
font-weight: bold;} 

a:visited {
color: black;
}
a:hover {
color: #2D2C70;
}

#container { 
width: 760px;
margin: auto; /* zentrieren der Seite. */
border-style: double;
border-width: 0,2em;   
border-color: #2C2A7E;
background: #EEEEEE;
font-family: verdana, arial, sans-serif;
}


#logo {
background: white;
hight: 115px;
width: 760px;
margin: 0px;
padding:4 0 0 0;
}

#logore {
float: right;
background: white;
hight: 111px;
width: 440px;
margin: 0px;
padding:0 0 0 0;
}


#logoli {
background: white;
hight: 111px;
width: 309px;
margin: 0px;
padding:0 0 0 0;

}


#logooffen {
font-size: 0.8em;
background: white;
hight: 89px;
width: 305px;
margin: 0px;
padding:0 8 0 2;
border-right-style: dashed;
border-width: 0,5em;   
border-color: white;

}



#logoleiste {

font-size: 0.6em;
background: #B5BDE1;
hight: 20px;
width: 272px;
margin: 0px;
padding:5 0 5 35;

}

#logoleiste.a {
background: #B5BDE1;
margin: 0px;
font-weight: bold;
padding:5 0 5 10;
}

#logoleiste a:hover {
background: #B5BDE1;
font-weight: bold;
color:#EEEEEE;
}

#help {
clear:both;
background: red;
font-size: 0.2em;
}




#menu {
float: right;
width: 760px;
font-size: 0.9em;
list-style-type: none;
background: #2D2C70;  /* dunkelblau */
/*letter-spacing:1px;*/
margin: 0px;
color: white; 
overflow: hidden /* schliesst die floatenden Punkte ein */
}

#menu.a {

text-decoration: none;
display: block;
width: auto;
margin: 0px;
}

/* */

#menu ul {
float: right;
display: inline; /* Menüpunkte erscheinen nebeneinander und nicht untereinander */
list-style-type: none; /* Die Bullets vor den Menüpunkten abschalten */
color: white;  
background-color: #2D2C70;
border-right: 1px solid #EEEEEE; /* Ein optischer Trennungsstrich */
margin: 0px; 
padding: 4px 4px 4px 12px;
}

#menu li {
float: right;
display: inline;
list-style-type: none; 
color: white;
background-color: #2D2C70;
font-weight: bold;
border-left: 1px solid #EEEEEE; /* Ein optischer Trennungsstrich */
padding: 4px 4px 4px 12px;
margin: 0px; 
}


#menu li a {
display: block;
width: auto;
font-size: 1em;
color: white; /* Linkfarbe dunkelblau */
text-decoration: none;
list-style-type: none;
margin: 0px;
font-weight: bold;
background-color:#2D2C70;
padding: 6px 4px 8px 12px;

}

#menu li a:hover {
color: #2D2C70; 
background-color: #EEEEEE;
margin: 0px;
padding: 6px 4px 8px 12px;

}

#menu li#active{
border: 1px solid #EEEEEE;
font-weight: bold;
padding: 4px 4px 8px 12px;
margin: 3 4 0 0px;
color: #2D2C70;
background-color: #EEEEEE;
border-left: 1px solid #EEEEEE; /* Ein optischer Trennungsstrich */
}



#navi{
width: 140px;
background: white;
font-size: 0.9em;
hight: 600px;
margin: 0;
padding:30 0 10 0px; 
text-align: left;
  }

#navih{
background: white;
font-weight: bold;
font-size: 1em;
display:block;
padding:30 0 0 0;
margin: 0 0 10 10;
text-align: left;
  }

ul#navigation {
    width: 8em;
    margin: 0; padding: 0.8em;
   /*  border: 1px solid black; */
    background-color: #B5BDE1;
    list-style-type: none;
}

ul#navigation li {
    list-style: none;
    margin: 0.2em; padding: 0;
  }

ul#navigation a {
    display:block;
    padding: 0.2em;
    text-decoration: none; font-weight: bold;
    border: 1px solid white;
     /*  border-left-color: white; border-top-color: white;*/
    color: #2D2C70;
    background-color: #EEEEEE;
    }

ul#navigation a:hover {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: #2D2C70;
  }

ul#navigation li#active {
	margin: 0.2em;
    display:block;
    padding: 0.2em;	
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: #2D2C70;
  }

.navi_smal {

font-size: 0.7em;
padding:0px;
text-align: left;
}

.navi_ue {
font-weight: bold;
font-size: 0.9em;
display:block;
padding:10 0 16 12;
}

.navi_img {
text-align: justify;
display:block;
align: 
padding:30 20 20 40;
margin: 25px;
}

.navi_txt {
font-size: 0.8em;
padding:5 20 10 15px;
text-align: left;
}

#teaser_padding ul {
list-style-type: none; /* Die Bullets vor den Menüpunkten abschalten */
text-align: left;
background-color: white;
padding: 2 20 2 20; 
margin: 8 0 8 0;
}



#teaser_padding ul li a {
color: #2D2C70; 
text-align: left;
text-decoration: none;
font-weight: bold;
list-style-type: none; /* Die Bullets vor den Menüpunkten abschalten */
background-color: #B5BDE1;
margin: 8 0 8 0;
padding: 2 20 2 20;

}

#teaser_padding ul li a:hover {
text-decoration: none;
text-align: left;
font-weight: bold;
list-style-type: none; /* Die Bullets vor den Menüpunkten abschalten */
background-color: #2D2C70;
color: #B5BDE1; 
margin: 8 0 8 0;
padding: 2 20 2 20;

}


#teaser_padding li#active{
text-align: left;
color: black; 
text-decoration: none;
font-weight: bold;
list-style-type: none; /* Die Bullets vor den Menüpunkten abschalten */
background-color: #CED9DA;
margin: 0px;
padding: 5px 10px 5px 10px;
}

#inhalt {
float: right;
background: #EEEEEE;
font-size: 0.9em;
hight: 600px;
width: 570px;
margin: 0px;
padding:8px;
border: 0px;
}

#inhaltbild{
background: #EEEEEE;
font-size: 0.8em;
hight: 600px;
width: 570px;
margin: 0px;
padding:8px;
border: 0px;
}

#inhaltpaddingbild {
margin: 30 40 5 80px;
padding:8px;
}

#inhaltpadding {
margin: auto;
}

.ueschrift {
font-weight: bold;
font-size: 1.2em;
padding:10 0 16 0;
}

.ueschrift_s {
font-weight: bold;
font-size: 1.1em;
padding:15 0 16 0;
}

#help {
clear: both;
font-size: 8px;
text-align: center;
}

#content {
overflow: hidden; /* schliesst die teaserbox ein*/
margin: 0px;
text-align: justify;
line-height: 1.3em;
/*margin-left: 205px;*/
background: #CED9DA;
border: 0px;
}

#tbox {
float: left;
/*  overflow: hidden;*/
width: 150px;
background: #CED9DA;
border-right:1px solid #798DA7;
margin: 0px;
padding:0px 0px 1000px 10px;
}




#t {
background: #CED9DA;
font-size: 0.6em;
color: black;
text-align: left;
padding:16px 0 0 0; 
margin: 0;
}



/* */



/* #teaser ul li a:active { */
/*text-decoration: none;*/
/*list-style-type: circle; */ 
/*background-color: gray; */
/*color: black;  */
/*margin: 0px; */
/*padding: 5px 10px 5px 10px;  */
/*} */

#teaserbild {
background: #CED9DA;
font-size: 0.6em;
color: black;
text-align: left;
padding:56px 0 0 30px; 
margin-top: 20px; 
border-top:1px solid #798DA7; 
}

#contentpadding {
width: 540px;
float:right;
background-color: #CED9DA;
padding: 0 20px 20px 10px;
text-align: justify;
font-size: 0.8em;
margin-left: 10px;
}

#end {
clear: both;
background: #CED9DA;
}

span.underline {
text-decoration: underline;}

span.zitat {
color: #5E9E82;
font-weight: bold;
font-style:italic;}

span.mittig {
text-align:center;}

.small {
font-size:small;
font-weight: normal;
letter-spacing:0.1em;
}

.subhead {
font-size: 11px;
line-height: 2.1em;
font-weight: bold;
margin: 0px;
padding: 12px 0px 5px 0px;
text-align: left;
border: 0px;
}

.head {
font-size: 12px;
line-height: 2.3em;
font-weight: bold;
border-bottom:1px solid gray;
margin:0px;
padding: 12px 0px 0px 0px;
text-align: left;
color:#774323;
}

#right {
float: right;
width: auto;
padding: 0 15px 0 0;
border: 0px;
border-style: none;
margin: 0; }

#content li a {
color: gray; 
text-decoration: none;
margin: 0px;
}

#content a {
color: white;
font-weight: bold;
}

#content ul li a:hover {
color: black; 
margin: 0px; 
}


.contentrechts{
margin:2 45 2 25px; 
padding:3 6 3 6px;
background-color: white;
align:right;
}

.contentrechts_u{
margin:2 45 2 25px; 
padding:3 6 3 6px;
background-color: white;
align:right;
}

#bottom {
width: 760px;
margin: auto;
text-align: center;
padding: 7px; 
color: white;
font-size: 0.6em;
}

#bottom a {
width: 742px;
margin: auto;
text-align: center;
color: white;  
text-decoration: none;
}

#bottom a:hover {
width: 760px;
margin: auto;
color: black;  
text-decoration: none;	}

img {
display:block;
outline-style: none;
outline-color: transparent;
outline-width: 0px;
}

table {
font-size: 11px;
border:0px ;
background:#fff;
}



td.bottom {
font-size: 12 px;
border: #ccc 1px solid;
background:#fff;
} 

td.contentsmall	{
font-size: 10 px;
border: #ccc 1px solid;
background:#fff;
} 

table.bild {
font-size: 0.9em;
border: black 1px solid;
background:#fff;
}

table.bild		{font-size: 0.9em;
			border: black 1px solid;
			background:#fff;}

a.teaserlink_p {		/*  Download Pressemitt. */
text-decoration: none;
color: black;
font-weight: normal;
}

.skip { /* Da ein wichtiger Screenreader das display: none; auch für sich versteht und nichts vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
position: absolute;
margin-left: -999px;
width: 990px;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;}  

h1 { /* */
font-size: 2.7em;
font-weight: normal;
line-height: 0.8em;
padding: 0.6em 0 0.2em 2%;
margin: 0;
border-bottom: 1px dashed #E6E6FA;
}

h2 { font-size: 1.2em;
font-weight: normal;
padding: 20px;
}

#clear {
clear: both;
font-size: 10px;
padding:20 250 20 250px;
}

#zeile.a {
font-size: 9px;
color: black;
}

#zeile a:hover {
font-size: 9px;
color: black;
font-weight: bold;
}

.zeileac{
font-size: 9px;
color: black;
font-weight: bold;
background-color: #ACC4C6;
}

.red {

color: red;

margin: 6px ; 

}

hr { margin-top:10px; }