/***********/
/* general */
/***********/ 
*{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px;
color:black;
padding:0;
margin:0;
}
* a, 
a:active,
a:focus {
color: #3300FF;
text-decoration:underline;
}
* a:visited {
color: #330099;
text-decoration:underline;
}
* a:hover {
text-decoration:none;
background-color: #CCCCCC;
}
body{
background-color: #CCCCCC;
}
img { 
border:none 
}
.schrift-8pt {  
font-size: 12pxt
}
.schrift-8pt-fett {  
font-size: 12px; font-weight: bold
}
.schrift-10pt-fett {  
font-size: 14px; font-weight: bold
}
/**********/
/* header */
/**********/ 
#headcontainer {
border-color:#a8a8a8;
border-style:outset;
border-width:1px;
background:#eeeeee;
}
#logoleft{
border-right:5px solid #FFCC00;
border-left:5px solid #FFCC00;
height: 100px;
text-align:center;
width:137px;
float:left;

background-color:#FFCC00;
margin-top: 0px;
}
#logoleft a:hover{
background-color: transparent;
}
#logoright {
border:5px solid #FFCC00;
margin-top: 0px;
height: 90px;
text-align:center;
width:167px;
float:right;
background-color:#eeeeee;
}
#logoright table {
margin: 20px 40px 0 40px;
text-align:center;
}

#logoright a:hover{
background-color: transparent;
}
#header {
border:5px solid #FFCC00;
padding: 0px;
height: 90px;
text-align:center;
background:#eeeeee;
margin:0 180px 0 150px;

}
#header img{
padding-top:0px;
}
#header a:hover{
background-color: transparent;
}
#header h1 {
padding-top: 0px;
font-size: 16px;
}
/*********/
/* Menue */
/*********/
div#menue {
font-size: 12px;
padding: 0px;
margin-top: 3px;
float:left;
width:146px;
border-color:#a8a8a8;
border-style:outset;
border-width: 1px;
background:#FFCC00;
}
/* blendet dfn und Trennzeichen aus: */
span.hier, span.unsichtbar {
position:absolute;
left:-1000px;
top:-1000px;
width:0;
height:0;
overflow:hidden;
display:inline;
}
/* kein Listensymbol */
#menue ul {
list-style:none;
}
#menue li {
/* gibt allen Links der ersten Ebene einen Abstand: */
margin:7px 0 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
/* Kontextselektor fuer die Listeneintraege ab der zweiten Ebene: */
#menue li li {
/* verhindert Linien oben fuer Eintraege ab der 2. Ebene: */
border:0;
/* verhindert Abstaende fuer die Links ab der zweiten Ebene: */
margin:0;
/* verhindert unerwuenschte Abstaende im IE: */
display:inline;
}
#menue li a {
text-decoration:none;
display:block;
color: #000;
padding: 1px 5px 3px 10px;
/* Linien erzeugen in Zusammenspiel mit den Raendern des 
Navigationsmenues einen Schaltflaecheneffekt: */
border:1px solid #FFCC00;
border-top: 1px solid #FFCC00;
border-bottom: 1px solid #FFCC00;
border-left:0;
background:#FFCC00;
}
/* uebernimmt die notwendigen Formatierungen der Links fuer die aufgerufene 
Seite */
#menue strong {
display:block;
color: #000000;
padding: 2px 5px 3px 10px;
background: #eeeeee;
border-right: 1px solid #FFCC00;
border-top: 1px solid #808000;
border-bottom: 1px solid #ddf;
border-left: 2px solid #bbb;
}
#menue .upcoming {
display:block;
color: #000;
padding: 1px 5px 3px 10px;
/* Linien erzeugen in Zusammenspiel mit den Raendern des 
Navigationsmenues einen Schaltflaecheneffekt: */
border:1px solid #FFCC00;
border-top: 1px solid #FFCC00;
border-bottom: 1px solid #FFCC00;
border-left:0;
background:#FFCC00;
}
/* sorgt fuer Einzuege und Hoehe der Links und der aufgerufenen Seite 
in der zweiten Ebene: */
#menue li li a, #menue li li a:hover, #menue li li strong {
padding-left:20px;
}
#menue a:visited {
color:#444;
/* bereits besuchte Links erhalten rechts ein zusaetzliches, sich nicht wiederholendes Hintergrundbild und eine dickere Randlinie in der Hintergrundfarbe: */
background:#FFCC00;
}
/* Drucktasteneffekt beim Überfahren mit der Maus: */
#menue a:hover {
color:#000;
padding: 2px 5px 2px 10px;
border-top: 1px solid #bbb;
/* Bei lokalen Darstellungen bleibt ein Hover-Effekt erhalten: */
border-right: 7px solid #eee;
border-bottom: 1px solid #ddf;
border-left: 1px solid #99f;
background: #eee;
text-decoration:none;
  }
/* stärkere Kontraste beim Antabben: */
#menue a:focus, #menue a:active {
color:#000;
font-weight:bold;
border-top: 1px solid #bbb;
border-right: 7px solid #eee;
border-bottom: 1px solid #ddf;
border-left: 1px solid #000;
background: #eee;
}
/***********/
/* content */
/***********/
#contentright {
font-size: 12px;
margin-top: 3px;
padding: 3px;
text-align:center;
border-color:#a8a8a8;
border-style:outset;
border-width: 1px;
background:#eeeeee;
float:right;
width:170px;
}
#contentright a {
text-decoration:none;
}
#contentright a:hover{
background-color: transparent;
}
#content {
height: 1%;
border-color:#a8a8a8;
border-style:outset;
border-width:1px;
padding: 5px;
color:black;
background:#FFFFFF;
margin:3px 180px 0 150px;
}
#content hr {
background-color: #a8a8a8;
color: #a8a8a8;
height: 1px;
border: none;
margin: 7px 0px 7px 0px;
}
#content h2{
margin:5px 0 5px 0;
padding:1px 0 1px 3px;
border-left:10px solid #FFCC00;
border-bottom:1px solid #FFCC00;
}
#content h3 {
margin: 0 0 5px 0;
}
#content p {
margin: 0 0 5px 0;
}
#content ul {
list-style-type:disc;
list-style-position:outside;
margin: 10px 0 5px 30px;
}
/* Teaserbox */
.teaser {
position: relative;/*fuer IE*/
border-style: none;
margin-bottom: 10px;
}
.teaser h4 {
position: relative;/*fuer IE*/
margin: 0;
padding: 3px 0 3px 0px;
font-weight: bold;
}
.teaser p {
padding: 0 5px 5px 0px;;
}
.teaser img{
float:left;
padding-right: 5px;
}
/* Teaserbox info*/
.teaser-info {
height: 230px;
position: relative;/*fuer IE*/
border-style: none;
margin-bottom: 10px;
padding-top: 0px;
}
.teaser-info DIV {
margin-left: 300px;
}
/**********/
/* footer */
/**********/
#upback {
border-color:#a8a8a8;
border-style:outset;
border-width:1px;
padding: 5px;
color:black;
background:#FFFFFF;
margin:0px 180px 0 150px;
}
#foot {
color:000000;
background:#FFFFFF;
padding:5px;
margin:3px 180px 10px 150px;
border:1px dashed #a8a8a8;
}
#foot p {
font-size: 12px;
}