@charset "ISO-8859-1";

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

a { color: black; text-decoration: none;} 

a:visited { color: black; }

#container { 
width: 760px; 
margin: auto; /* zentrieren der Seite. */
border-style: none;
background: #769F42;
}

#top {
background: #769F42;
hight: 100px;
width: 760px;
margin: 0px;
padding: 11 0 0 0px;
font-size: 0.9em;
}

#top1 {
float: left;
background: #769F42;
hight: 100px;
width: px;
margin: 0px;
font-weight:bold;
padding: 20px 10px 2px 20px;
}

.headd {
font-family: tahoma, arial;
font-size: 14px;
margin:0px;
padding: 12px 0px 0px 0px;
text-align: left;
color:white;
}


#top5 {
float: left;
background: #769F42;
hight: 100px;
width: 90px;
margin: 0px;
padding: 0px;
}

#top2 {
float: right;
background: #769F42;
hight: 100px;
width: 165px;
margin: 0px;



}

#top3 {
float: right;
background: #769F42;
hight: 100px;
width: 20px;

}

#top4 {
float: right;
background: #769F42;
hight: 100px;
width: 165px;
margin: 0px;
margin-right:12px;
}

#zeile {
clear:both;
color:#F4F3AD;
background: #769F42;
hight: 20px;
padding: 5 5 4 540px;
font-size: 12px;

}

#zeile a {
font-size: 12px;
color:#F4F3AD;
background: #769F42;
}

#zeile a:hover {
color: #5B75A7;
background: #769F42;
font-weight: bold;
}


.zeileac{
font-size: 9px;
color: white;
font-weight: bold;
background-color: #009edb;
}


#menu {
float: left;
width: 760px;
font-size: 0,6em;
list-style-type: none;
color: #5b75a7;
background-color: #A7D050; /* hellgrün */

margin: 0px;
color: black; 
overflow: hidden /* schliesst die floatenden Punkte ein */
}

#menu.a {
font-size: 12px;
text-decoration: none;
display: block;
width: auto;
margin: 0px;
}

#menu ul {
float: left;
display: inline; /* Menüpunkte erscheinen nebeneinander und nicht untereinander */
list-style-type: none; /* Die Bullets vor den Menüpunkten abschalten */
color: #5b75a7; /* hellblau */ 
background-color: #A7D050;
 /* Ein optischer Trennungsstrich */
margin: 0px; 
padding: 4px 4px 4px 10px; 
}

#menu li {
float: left;
display: inline;
list-style-type: none; 
color: #5b75a7;  
background-color: #A7D050;
font-weight: bold;
 /*  border-left: 2px solid black; */ /* Ein optischer Trennungsstrich */
padding: 4px 4px 6px 10px;
margin: 0px; 
}



#menu li a {
color: white; /* Linkfarbe weiss */
text-decoration: none;
list-style-type: none; 
color: #5b75a7;
background-color: #A7D050;
margin: 0px;
font-size: 12px;
}

 
#menu ul li a:hover {
color: #f4f3ad; 
margin: 0px; 
}

#menu li#active{
display: block;
width: auto;
font-size: 12px;
margin: 0px;
margin-top:2px;
margin-bottom:2px;
font-weight: bold;
color: black; 
background-color: #A7D050;
padding:6px 6px 4px 12px;
}

  #help { 
clear: both; 
font-size: 1px;
background-color: #B3D200;
 }

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


#teaserbox {
float: left;
/*  overflow: hidden;*/
width: 150px;
background: #f4f3ad;  /* gelb*/
border-right:1px solid #798DA7;
margin: 0px;
padding:0px 0px 800px 10px;
}

#teaser {
background: #f4f3ad;  /* gelb*/
font-size: 0.7em;
color: black;
text-align: left;
padding:16px 0 0 15px; 
margin: 0; 
}
/* */

#teaser ul {
list-style-type: none;
text-align: left;
color: #769F42;           /* Dunkelgrün*/
background-color: #f4f3ad;  /* gelb*/
padding:0 10px 0 0px; 
margin-right: 10px;
}

#teaser ul li a {
text-decoration: none;
list-style-type: none;
color:#769F42;                            /* Dunkelgrün*/
background-color:#f4f3ad;               /* gelb*/
margin: 10px 0 10px 0px;
padding: 5px 10px 5px 0px;
}

#teaser li#hover {
text-decoration: none;
font-weight: bold;
list-style-type: none;
color: #5B75A7;              /* blau */
margin: 10px 0 10px 0px;
padding: 5px 10px 5px 0px; 
}


#teaser li#active {
color: black; 
text-decoration: none;
font-weight: bold;
list-style-type: none;
background-color: #f4f3ad;  /* gelb*/
}

/* #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: #d4effc;
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: #f4f3ad;  /* gelb*/
padding: 0 20px 20px 10px;
text-align: justify;
font-size: 0.8em;
margin-left: 10px;
}

#weiss {
margin-top: 20px;
margin-left: 160px;
width: 250px;
background: #769F42;
color: white;

}

#weissre {
float:right;
margin-top: 20px;
width: 200px;
background: #769F42;
color: white;
margin-right:140px;
}

#weissre a{
display: block;
font-size: 16px;
margin-bottom:5px;
font-weight: bold;
color: white; 
background-color: #769F42;
}

#weiss a{
display: block;
font-size: 16px;
margin-bottom:5px;
font-weight: bold;
color: white; 
background-color: #769F42;
}

#weiss a:visited {
display: block;
font-size: 16px;
margin-bottom:5px;
font-weight: bold;
color: white; 
background-color: #769F42;
}

#weissre a:visited {
display: block;
font-size: 16px;
margin-bottom:5px;
font-weight: bold;
color: white; 
background-color: #769F42;
}

#end {
clear: both;
background-color: #f4f3ad;  /* gelb*/
}

span.underline {
text-decoration: underline;}

span.zitat {
color: #5b75a7;
font-weight: bold;
font-style:italic;
text-align: right;
}

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;
margin:0px;
padding: 12px 0px 10px 0px;
text-align: left;
color:black;                   /* blau #5b75a7; */
}

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

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


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

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


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

#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: 10px;
border: 0px;
background:#f4F3AD;}

table.tr {
font-size: 10px;
border: 0px;
background:#f4F3AD;}

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


#table a {
color: white; /* Linkfarbe weiss */
text-decoration: none;
list-style-type: none; 
background-color: #f4f3ad;
margin: 0px;
font-size: 12px;
}

td.contentsmall		{font-size: 10 px;
			border: #ccc 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;}