html {
  box-sizing: border-box;
}
*, ::before, ::after {
  box-sizing: inherit;
}

body {
margin: 0 auto;
max-width: 932px;
font-size: 12px;
line-height:15px;
background-color:#f7f7f7;
padding-top: 4px;
font-family:verdana,helvetica,arial,sans serif;
}

main {
display: flex;
}

.links {
padding:0 5px;
width: 195px;
padding-top: 4px;
background-color: #00b2b5;
}

.inhalt {
flex: 1 1 auto;
margin: 0 3px;
padding-top: 4px;
background-color: #f7f7f7;
}

.rechts {
padding: 0 5px;
width: 195px;
padding-top: 4px;
background-color: #00b2b5;
}

.vorschau {
background: #a5ebef;
padding: 5px 10px;
margin-bottom:5px;
}

.w-bild-mitte {
text-align: center;
font-size: 6px;
line-height:0px;
padding:3px;
border-bottom-width:1px;
border-bottom-style:solid;
border-color:grey;
}

/*-- IFRAME ----------------------------- --*/
.iframe-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
.iframe-container-report {
  padding-bottom: 60%;
  height: 700px;
  }
.iframe-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border:0;
  }

/* - - - unsichtbarer Text für SPAM-Feld - - - */
.spamcheck
{
width: 5px;
visibility:hidden;
}

img {
border: 0;
}

img.vspace {
padding: 5px 0;
}


/* - - - für 2-spaltige Darstellung - - - */

.boxlinks {
width: 49%;
float: left;
}

.boxrechts {
width: 49%;
float: right;
}

.ohnebox {
display: inline-block;
width: 100%;
}

/* - - - - - Fliesstext - - - - - */

p
{
font-size:12px;
line-height:15px;
margin-top:0px;
margin-bottom:4px;
color: #000000;
}

p.weiss
{
color: #ffffff;
}

p.schwarz
{
color: #000000;
}

.fettschwarz
{
color:#000000;
font-size: 12px;
font-weight: bold;
}


/* - - - - - Spezialtext - - - - - */


/* Linkes Menü */
.menu
{
font-size: 12px;
line-height:12px;
margin-top:12px;
vertical-align: top;
 }


/* Kleiner Text */
.mini
{
font-size: 10px;
line-height:12px;
margin-top:0px;
margin-bottom:3px;
vertical-align: top;
 }


/* Kleiner Text */
.mini-weiss
{
font-size: 6px;
color:#f7f7f7;
line-height:0px;
vertical-align: top;
 }

/*Trennlinie iframe unten */
p.linetop
{
text-align: center;
font-size: 11px;
line-height:12px;
padding:3px;
border-top-width:1px;
border-top-style:solid;
border-color:grey;
}


/* Bildunterschrift* */
.bildtitel
{
font-size: 11px;
font-style: italic;
margin-top:2px;
}


.weiss
{
color:#ffffff;
font-weight: normal;
font-size: 12px;
 }

.fettweiss
{
color:#ffffff;
font-weight: bold;
font-size: 12px;
 }

.fettschwarz
{
color:#000000;
font-size: 12px;
font-weight: bold;
}


.fettblau
{
color:#000080;
font-size: 12px;
font-weight: bold;
}


.fettgrau
{
color:#636563;
font-size: 12px;
font-weight: bold;
}

.fettrot
{
color:#ff0000;

font-weight: bold;
}

.fettrotmini
{
color:#ff0000;
font-weight: bold;
}

.neu
{
color:#ff0000;
font-weight: bold;
background: #ffffff;
}


/* - - - - -  TITEL - - - - - */

h1
{
font-size:18px;
line-height:18pt;
font-weight: bold;
color:#000080;
text-align:left;
margin-top:9px;
margin-bottom:6px;
font-family:verdana,arial,sans serif;
}


h1.center
{
font-size:18px;
line-height:18pt;
font-weight: bold;
color:#ffffff;
text-align:center;
margin-top:0px;
margin-bottom:0px;
font-family:verdana,arial,sans serif;
}

h2
{
font-size:14px;
line-height:15pt;
font-weight: bold;
color:#000080;
text-align:left;
margin-top:8px;
margin-bottom:3px;
font-family:verdana,arial,sans serif;
}

h2.news
{
margin-left:10px;
margin-bottom:3px;
}

.banner
{
;
background-color:#ff9a00;
text-align:center;
padding:5px;
margin-top:9px;
margin-bottom:9px;
}

h3
{
font-size:12px;
line-height:14pt;
font-weight: bold;
color:#000080;
text-align:left;
margin-top:5px;
margin-bottom:2px;
font-family:verdana,arial,sans serif;
}


h3.menu
{
font-size:12px;
line-height:14pt;
font-weight: bold;
color:#ffffff;
text-align:left;
margin-top:5px;
margin-bottom:2px;
font-family:verdana,arial,sans serif;
}


/* - - - - -  LISTEN - - - - - */

ul
{
margin-top:5px;
margin-bottom:5px;
}

/* News */
li.box
{
color: #000000;
list-style-image:url(bilder/layout/bullet.gif);
list-style-position: outside;
font-size:12px;
vertical-align:top;
line-height:14px;
margin-left:20px;
}


li.link
{
color: #000000;
margin-left:7px;
list-style-image:url(bilder/layout/bulletlink.gif);
list-style-position:outside;
font-size:12px;
vertical-align:top;
line-height:14px;
margin-left:20px;
}


li.link_alt
{
color: #000000;
margin-left:7px;
list-style-image:url(../bilder/layout/bulletlink.gif);
list-style-position:inside;
font-size:12px;
vertical-align:top;
line-height:14px;
padding:2px;
}



li
{
font-size:12px;
line-height:15px;
margin-left:-15px;
margin-top:0px;
margin-bottom:4px;
color: #000000;
}

/* - - - - -  TABELLEN - - - - -  */



td
{
font-size:12px;
line-height:15px;
text-align:left;
vertical-align:top;
color: #000000;
}


td.form
{
font-size:12px;
line-height:15px;
text-align:right;
vertical-align:top;
color: #000000;
}

td.textweiss
{
text-align: left;
color: #ffffff;
font-size:12px;
}


td.textblau
{
text-align: left;
color:#000080;
font-size:12px;
}

.grau
{
text-align: center;
padding: 5px;
border-spacing:0px;
border-width:1px;
border-style:solid;
border-color:#b5b2b5;
}


td.rahmen
{
text-align: center;
color: #ffffff;
font-size:11px;
background-image: url(../bilder/layout/w-rahmen.GIF);
background-repeat: no-repeat;
padding:8px;
margin-bottom:10px;
}

.center
{
text-align: center;
font-size:11px;
padding:2px;
}

.line
{
text-align: left;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#00b2b5;
}

.buch
{
width:150px;
text-align: right;
vertical-align:top;
}


td.bild
{
font-size:10px;
padding-left:0px;
vertical-align:middle;
text-align:center;
}

/* - - - - - - SONSTIGES - - - - - */

/* Trennlinie */
hr
{
color:#00b2b5;
width:100%;
height:1px;
margin-bottom:5px;
margin-top:3px;
text-align:center;
}


/* CAPTCHA */

.scode{border:0;width:120px;height:50px;display:inline;float:left;}
.cap{width:50px;margin-top:5px;}


/*  Lettern in A-Z Block */
p.abc
{
text-align: center;
font-size:24px;
font-weight:Bold;
font-style:Normal;
color:#ffffff;
background-color:#00b2b5;
padding: 5px 3px;
margin: 3px 3px;
}


/* - - - - - - - -  LINKS - - - - - - */

a:link
{
        color:#000000;
        text-decoration: none;
}

a:visited
{
        color:#000000;
        text-decoration: none;
}

a:hover
{
        color: red;
            background-color: #a5ebef;
        text-decoration: none;
}


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


/* Menüfarben */
/* sehr dkl #009a9c - dkl #00b2b5 -  hell #a5ebef  -  sehr hell  #bdfbff */


/* ================= MENU ============================================ */


* {
 margin: 0;
 padding: 0;
 }

/* Menüblock im Normalzustand */
 #menu {
 width: 170px;
 padding-left: 16px;
 background: #00b2b5;    /* Hintergrund normal #00b2b5; */
 float: left;
 }

/* Linkzeilen im Menüblock */
 #menu ul {
 width: 170px;
 list-style-type: none;
 }


 /* Linkzeilen im Normalzustand--*/
 #menu a {
 text-decoration: none;
 display: block;
 border-right: 1px solid #000;
 border-bottom: 1px solid #000;
 padding:2px;
 text-align: left;
 font-weight: bold;
 background: #a5ebef;    /*Hintergundfarbe normal */
 color: #000000;          /*Vordergrundfarbe normal */
 }

 /*--definiert die "Ausklapp-Links" im Hoverzustand--*/
 #menu a:hover {
 color: #ff0000;               /* Rote Vordergrundfarbe, wenn Hover*/
 background: #bdfbff;     /* Helle Hintergrundfarbe, wenn Hover */
 }

 /*verhindert eine Höhenvergrößerung von #menu beim Hovern */

 #menu li {
 position: relative;
 }

 /* Block der Ausklapp-Links */
 #menu ul ul {
 position: absolute;
 border: 3px solid #00b2b5;  /*Rahmen um Ausklapplinks */
 top: -7px;
 left: 183px;
 z-index: 2;
 display: none;
 }

 /*-- lässt die Ausklapp-Links beim Hovern erscheinen--*/
 #menu ul li:hover ul {
 display: block;
 color: #000000;
 background: #00b2b5;        /* Hintergrundfarbe Ausklapplinks */
 padding-left:15px;
 width: 185px;                       /* Breite Ausklapplinks */
 }

 /*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
 * html #menu ul li{
 float: left;
 width: 100%;
 }

 /*--nur für IE 7 erkennbar--*/
 *+ html #menu ul li {
 float: left;
 width: 100%;
 }

 /*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
 *html body {
 behavior: url(csshover3-source.htc);
 font-size: 100%;
 }

 *html #menu ul li a {
 height: 1%;
 }


 /*=========== Einzellink RECHTS ohne Ausklappen ==============*/


 /* Menüblock im Normalzustand */
 #menu2 {
 width: 170px;
 padding-left: 16px;
 background: #00b2b5;    /* Hintergrund normal #00b2b5; */
 float: left;
 }


 #menu2 a {
 text-decoration: none;
 display: block;
 border-right: 1px solid #000;
 border-bottom: 1px solid #000;
 padding:2px;
 text-align: left;
 font-weight: bold;
 background: #a5ebef;    /*Hintergundfarbe normal */
 color: #000000;          /*Vordergrundfarbe normal */
 }

 #menu2 a:hover {
 color: #ff0000;               /* Rote Vordergrundfarbe, wenn Hover*/
 background: #bdfbff;     /* Helle Hintergrundfarbe, wenn Hover */
 }

 /* === Linkzeilen im Menüblock ==*/
 #menu2 ul {
 width: 170px;
 list-style-type: none;
 }

 #menu2 a.direkt:link {
 font-size: 12px;
 font-weight: bold;
 text-align: left;
 color: #000;
 border: 1px solid #a5ebef;
 background: #a5ebef;
 }

 #menu2 a.direkt:hover {
 color: #ffffff;
 background: #ff0000;
 border: 1px solid #ccc;
 }

/* Menüfarben */
/* dkl #00b2b5 -  hell #a5ebef  -  sehr hell  #bdfbff */

/* ================= ENDE MENU ================= */