:root {
  --display_schmal: 450px;
  --display_mittel: 650px;
  --display_breit: 950px;
}


* {
padding:0; margin:0;
}            

body {
      background-color: white;
      color: black;
      font-family: 'trebuchet MS','lucida sans',verdana,calibri,sans-serif,arial;
      font-size:90%;
      line-height: 1.5;
      }
 
h1 {
   font-size:120%;
   text-align:center;
   margin-top:1em;
   padding-top:1em;
   padding-bottom:1em;
}


h2, h3, h4, th {
   text-align:left;
   color:blue;
}
   

h2, th {
   font-size:100%;
   margin-top:2em;
}

h3 {
   font-size:90%;
   font-weight:bold;
   margin-top:1.5em;
}

h4 {
   font-size:90%;
   margin-top:0.5em;
   margin-bottom:0em;
}


p, a, ul, ol {
   /* dunkelgrau, entsprechend Logo */
   color:#4b4b4d;
}

table
  {border-collapse:collapse; font-size:80%}
  
thead, th, td
   {vertical-align:top; text-align:left; border-bottom:solid; border-left:solid; border-right:solid; border-width:1px; padding:0.25em; margin:0; border-collapse:collapse; border-spacing:5em; border-color:black}


/********** Navigationsleisten **********/

/**********************************/

.navigation_h {
   border-bottom: 7px solid #C0C0C0;
   
   border-width: 0 0 7px 0;
   -moz-border-image: url(/pics/border.png) 20 20 20 20 repeat;
   -webkit-border-image: url(/pics/border.png) 20 20 20 20 repeat;
   border-image: url(/pics/border.png) 20 20 20 20 repeat;
   padding-top:0;
}
/**********************************/

.navigation_h, #fusszeile {
   text-align:center;
}

.navigation_h ul {
  clear:both;
  border-top: 7px solid #C0C0C0;

  border-width: 7px 0 0 0;
  -moz-border-image: url(/pics/border.png) 20 20 20 20 repeat;
  -webkit-border-image: url(/pics/border.png) 20 20 20 20 repeat;
  border-image: url(/pics/border.png) 20 20 20 20 repeat;
}

.navigation_h a, .navigation_v a, #fusszeile a {
   padding-left:0.5em; padding-right:0.5em;
   text-decoration:none;

   /* dunkelblau */
   color:#0000c8;
}

.navigation_v {
      margin-top:2em; margin-bottom:2px;
      width:16em;
      text-align:left;
      float:left;
      border-right: 7px solid #C0C0C0;
}

@media (max-width: 450px) {
   .navigation_v {
      margin-top:2em; margin-bottom:2px;
      width:100%;/
      text-align:left;
      float:none;
      display:inline;
      /*border-right: 7px solid #C0C0C0;*/
    }
}

.einrueckung {
   padding-left:1em;
}

@media (max-width: 450px) {
   .einrueckung {
      padding-left:0;
      font-weight:bold;
      background-color:gray;
   }
}

.einrueckung_2 {
   margin-left:2em;
}

.abtrennung_v {
   /* dunkelblau */
   margin-right: 1em;
   border-top:solid 1px black;
   font-weight:bold;
}

*@media (max-width: 450px) {
   .abtrennung_v {
      display:none;
   }
}


.navigation_h li, #fusszeile li {
   display:inline;
   border-left:solid 1px white;
   border-right:solid 1px white;
}

.navigation_v ul {
   list-style-type: none;
}

.navigation_v li {
   margin-top:0.125em;
   margin-bottom:0.125em;
   font-size:1em;
   border-bottom:solid 1px white;
}

@media (max-width: 450px) {
   .navigation_v li {
      display:inline;
      border-left:solid 1px white;
      border-right:solid 1px white;
   }
}
    
@media (max-width: 450px) {
   .nav_v {
        /* Textfluss ändern */
       /*float:left;*/
       /* Aufzählungspunkte entfernen */
       display:none;
       /* Abstand */
       margin-right:15px;
   }
}


.navigation_h a:hover, .navigation_v a:hover, #fusszeile a:hover {
   color: red;
   text-decoration: underline;
}

#aktuell_h, #aktuell_v_1, #aktuell_v_2 {
   /* dunkelblau */
   font-weight:bold;
}

@media (max-width: 450px) {
   #aktuell_v_1 {
      background-color:#257398;
   }
}

@media (max-width: 450px) {
   #aktuell_v_2 {
      background-color:#3080EE;
   }
}


#aktuell_h a:hover, #aktuell_v_1, #aktuell_v_2 a:hover {
   color:red;
}

/********** Fußzeile **********/
#fusszeile {
   clear:both;
   border-top: 7px solid #C0C0C0;

   border-width: 7px 0 0 0;
   -moz-border-image: url(/pics/border.png) 20 20 20 20 repeat;
   -webkit-border-image: url(/pics/border.png) 20 20 20 20 repeat;
   -border-image: url(/pics/border.png) 20 20 20 20 repeat;
}


/********** Bereich für Inhalte **********/
#rahmen {
    background-color: white;
    margin: 0 auto;
    margin-top:7px;
    min-width:400px;
    max-width:70%;
    
    border-width: 7px 7px;
    -moz-border-image: url(/pics/border.png) 20 20 20 20 repeat;
    -webkit-border-image: url(/pics/border.png) 20 20 20 20 repeat;
    border-image: url(/pics/border.png) 20 20 20 20 repeat;
}


#text {
   margin-left:16em; /* Breite der vertikalen Navigationsleiste + 2 em */
   margin-right:5em;
   margin-bottom:0;
   text-align:justify;
   width:60%;
   border-left: 7px solid #C0C0C0;
   padding-left: 2em;
}

@media (max-width: 450px) {
   #text {
      margin-left:5px;
      margin-right:5px;
      width:calc(100% - 20px);
      border:none;
      padding:5px;
   }
}


#text p {
   margin-top:0.255em;
   padding-bottom:0.25em;
}

#text ul {
   list-style-type:none;
}

#text a:link {
   /* dunkelblau */
   color:#0000c8;
}

#text a:hover {
   color:red;
}

#text a:visited {
   color:#257398;
}

.datum {
   font-size:70%;
   color:#050505;
   text-align:right;
}

p.zusammenfassung {
   font-weight:bold;
}


.bild_breit{
  margin-right:1em;
  margin-bottom:0.5em;
  text-align:center;
  font-style:italic;
  font-size:80%;
}

.bild_klein_links{
  float:left;
  width:50%;
  margin-right:1em;
  margin-bottom:0.5em;
  text-align:center;
  font-style:italic;
  font-size:80%;
}

.bild_klein_rechts {
  float:right;
  width:50%;
  margin-left:1em;
  margin-bottom:0.5em;
  text-align:center;
  font-style:italic;
  font-size:80%;
}