

/* -- Allgemeines#E6EEFO -- */
body {
background: #A0B4CE; 
color: black; 
margin: 0px;
padding: 1%;  
font-size: 100.01%;  /*  umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
font-family: transit regular, verdana, arial, sans-serif;
}

#container { 
width: 760px; 
margin: auto; /* zentrieren der Seite. */
border-style: double;
border-width: 0,9em;   
border-color: #798DA7;
background: #F5F5F5;
}

#zeile {
background: #F5F5F5;
hight: 5px;
margin: 0px;
font-size: 0.5em;
}

#roteline {
float: left;
background-color: white;
width: 602px;
hight: 20px;
margin: 0px;
padding:0px;
}


#menu {
float: left;
width: 602px;
list-style-type: none;
hight: 40px; 
background-color: #E20A17; /* rot */
letter-spacing:1px;
margin: 0px;
color: black; 
overflow: hidden /* schliesst die floatenden Punkte ein */
}

#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: black;  
background-color: #E20A17;
border-right: 2px solid black; /* Ein optischer Trennungsstrich */
margin: 0px;  
}

#menu li {
float: left;
display: inline;
list-style-type: none; 
color: black;  
background-color: #E20A17;
font-weight: bold;
border-left: 2px solid black; /* Ein optischer Trennungsstrich */
padding: 9px 4px 8px 12px;
margin: 0px; 
}

#menu a {
text-decoration: none;
display: block;
width: auto;
margin: 0px;
}

#menu li a {
color: white; /* Linkfarbe weiss */
text-decoration: none;
background-color: #E20A17;
margin: 0px;
}

 
#menu ul li a:hover {
color: black; 
margin: 0px; 
}

#menu li#active{
display: block;
width: auto;
font-weight: bold;
background-color: #FCE63A;
margin: 0px;
}

#fahma {
float: right;
width: 158px;
hight: 60px;
border: 0;
padding: 0px;
margin: 0; 
}


#zeile1 {
clear: both; 
background: #F5F5F5;
hight: 3px;
font-size: 0.4em;
}

#teaserbox {
width: 759px;
overflow: hidden;
background: #B0C4DE;
border-bottom: solid #aaa;
border-width: 1px;
margin: 0px;
padding: 0px;
}

/* clear: both; */

#teaser {
float:left;
width: 344;
hight: 150px;
background: #B0C4DE;
font-size: 0.9em;
color: black;
padding:0; 
margin: 0; 
}

#teaserpadding  {
padding:22px 0px 0px 30px;
margin: 0;
}

#picture {
float: right;
width: auto;
hight: 151px;
padding: 0;
border: 0px;
border-style: none;
margin: 0; /*  */
}

#content {
font-size: 0.8em;
line-height: 1.3em;
margin: 0px;
padding: 20px 35px 20px 40px;
text-align: justify;
border: 0px;
}

span.underline {
text-decoration: underline;}



#subhead {
line-height: 2.1em;
font-weight: bold;
margin: 0px;
padding: 15px 0px 5px 0px;
text-align: left;
border: 0px;
}

#head {
font-size: 1.1em;
line-height: 2.3em;
font-weight: bold;
border-bottom:1px solid gray;
margin: 0px;
padding: 15px 0px 0px 0px;
text-align: left;
}

#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 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.content		{font-size: 12 px;
			border: black 1px solid;
			background:#fff;}

td.head			{font-size: 12 px;
			border: #ccc 1px solid;
			background:#eee;}

td.content		{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;}

a { color: black; text-decoration: none; font-weight: bold;} 

a:visited { color: black; } 
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;}










