@font-face {
    font-family: NimbusSanLp;
    src: url(NimbusSanL-Reg-webfont.woff);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: NimbusSanLp;
    src: url(NimbusSanL-Bol-webfont.woff);
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: NimbusSanLp;
    src: url(NimbusSanL-RegIta-webfont.woff);
    font-weight: normal;
    font-style: italic;
}

BODY { font-family: NimbusSanLp, "Nimbus Sans L", "Nimbus Sans", Arial, sans-serif;
      background-color: #FFF;
      color:#000; 
}

#all { position: absolute; left: 50%; top:5px; width:970px; margin-left:-485px; margin-top: 3px;}
#allstart { position: absolute; left: 50%; top:5px; width:970px; margin-left:-485px; margin-top: 3px;}

#head { font-size: 1.5em; height:1.3em; width:100%; color: #212099;
    margin: 0; padding-bottom: 10px;
    text-align: left; }
      
#topinhalt  {  float: right; width:370px; padding: 0 0 5px 0;}
.rss_top { float: right; font-size: smaller; margin-top:2px; }

#inhalt {  float: right; width:710px; padding: 1em 0 1em 0;
           margin-bottom:20px; border-top: 2px solid silver; }
           

#navi_lang { width:100%; height:26px; margin-bottom:5px; margin-top:5px;
             width:100%; text-align:right;}


P { margin: 0 0 0.6em 0; }
H1 { font-size: 20px; font-weight:800; margin-bottom:12px; margin-top:5px; color:blue;}
H1.startseite { font-size: 20px; font-weight:800; margin-bottom:12px; margin-top:5px; color:blue; text-align: center;}
H2 { font-size: 16px; font-weight:bold; margin-bottom:8px; margin-top:14px; color:orange;}
H3 { font-size: 16px; font-weight:bold; margin-bottom:8px; margin-top:1.2em; color:#333;}

H5 { font-weight:bold; font-size: 16px; margin-bottom: 20px; }
DIV.anon_error { margin-top:20px; color:red; font-weight:bold; font-size: 16px;}
DIV.anon_info { margin-top:20px; color:green; font-weight:bold; font-size: 16px;}
.fett { font-weight:bold; color:#333;}
.klein { font-size: smaller; }
.rot {color: darkred;}
.dunkelgruen {color: darkgreen;}
.grau {color: darkgrey;}
.dunkelblau {color: darkblue;}

LI.addon {list-style: none;}

IMG.plogo{ float: left; width: 48px; height: 48px; margin-right: 10px; margin-bottom: 10px;}

TH { font-weight:bold; color:#333;}

A:link { color: #212099; text-decoration:none; }
A:visited { color: #212099; text-decoration:none;}
A:hover { color: #212099; text-decoration:underline;}
A:active { color: #212099; text-decoration:underline;}
A:focus { color: #212099; text-decoration:none;}

.screenshot {text-align: center; width: 95%; height: auto; padding: 10px; }
.screenshot > A:hover { background-color: #FFF; text-decoration:none;}
.screenshot > A:active { background-color: #FFF; text-decoration:none;}

#startseite {  width:100%; padding: 1em 0 1em 0; background-color: #F9F9F9; text-align: center;
           margin-bottom:20px; margin-top:5px;  border-top: 2px solid silver; border-bottom: 2px solid silver; }
           
#footerstart { background-color: #E5E5E5; padding: 5px; margin-top: 10px; text-align: center;}
.naviconlink {display: inline; background-color: #E9E9E9; }

.hauptbox { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}    
.hauptbox > A { background-color: #fff; padding: 10px; border: 2px solid silver;
            width: 240px; height: auto; margin: 15px;}
.hauptbox > A:link { background-color: #fff; text-decoration:none; }
.hauptbox > A:visited { background-color: #fff; text-decoration:none;}
.hauptbox > A:hover { background-color: #c7c7c7; text-decoration:none;}
.hauptbox > A:active { background-color: #c7c7c7; text-decoration:none;}
.hauptbox >  A:focus { background-color: #fff; text-decoration:none;}

.hauptlink {font-size:1.3em; color: #212099; }
.haupttext { color: #333; }

#blogseite {  width:95%; margin-left: 5px; background-color: #FFF; padding-top: 1em; text-align: left;
           margin-bottom:20px; margin-top:5px;  border-top: 2px solid silver;  }  
           

#Navigation { width:200px; background-color: #F1F1F1;
              padding: 5px 0 5px 10px; border-top: 1px solid silver; border-bottom: 1px solid silver;
              color:#333; font-weight:bold; margin-bottom:10px;
            }

  #Navigation HR { color: #F9F9F9; }
 
  #Navigation UL { 
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 25px;
  }
  #Navigation UL LI { 
    list-style: none;
    margin-left: 1px;
  }
  #Navigation UL LI OL { 
    margin: 0px;
  }
  #Navigation UL LI OL LI { 
    list-style: 1;
  }
  div#Navigation a { 
    display: block;
    padding: 0.2em;
  }
  div#Navigation a:link {
    color: #333; background-color: #F1F1F1;
    text-decoration:none; font-weight:normal;
  }
  div#Navigation a:visited {
    color: #444; background-color: #F1F1F1;
    text-decoration:none; font-weight:normal;
  }
  div#Navigation a:hover {
    color: #ffffff; background-color: #99388a;
    text-decoration:none; font-weight:normal;
  }
  div#Navigation a:active {
    color: white; background-color: #99388a;
    text-decoration:none; font-weight:normal;
  }
    div#Navigation a:link.hauptthema {
    color: #555; background-color: #F1F1F1;
    text-decoration:none; font-weight:bold;
  }
  div#Navigation a:visited.hauptthema {
    color: #555; background-color: #F1F1F1;
    text-decoration:none; font-weight:bold;
  }
  div#Navigation a:hover.hauptthema {
    color: #ffffff; background-color: #99388a;
    text-decoration:none; font-weight:bold;
  }
  div#Navigation a:active.hauptthema {
    color: white; background-color: #99388a;
    text-decoration:none; font-weight:bold;
  }

 div#Navigation_wsn {
    float: left; width: 200px;
    margin: 0 0 1.2em; padding: 0;
    text-align: center;
  }
  
  div#Navigation_wsn a:hover {
    background-color: #ffffff;
    text-decoration:none;
  }
  
  div#Navigation_wsn a:active {
    background-color: #ffffff;
    text-decoration:none;
  }

.aktuell { display: block; padding: 3px 0 2px 0.2em; border-top: 1px solid silver; border-bottom: 1px solid silver; background-color: #fff; color:#444; }

#inhalt UL { margin-top:0.6em; margin-bottom:0.6em;  }
#inhalt UL LI  { margin-bottom:0.8em;  }
#inhalt UL LI UL { margin-top:0.4em; margin-bottom:0; padding-left: 25px;  }
#inhalt UL LI UL LI { margin-top:5px; margin-bottom:0.8em; text-align:left; }

#inhalt OL { margin-top:0.6em; margin-bottom:0.6em;  list-style-type:decimal;}
#inhalt OL LI  { margin-bottom:0.8em; }
#inhalt OL LI UL { margin-top:0.4em; margin-bottom:0 }
#inhalt OL LI UL LI { margin-bottom:0.8em; text-align:left; }

.Fusszeile {
    clear: both;
    font-size: 0.83em;
    color: #000000;
    margin: 0; padding: 2px 10px 2px 2px;
    text-align: right;
    border-top: 2px solid silver;   
   
  }

  .navilink a {display:block;}
  .navilink a:link {
    color: black; background-color: white;
    text-decoration:none; font-weight:normal;
  }
  .navilink a:visited {
    color: #444; background-color: white;
    text-decoration:none; font-weight:normal;
  }
  .navilink a:hover {
    color: #ffffff; background-color: #CCCCCC;
    text-decoration:none; font-weight:normal;
  }
  .navilink a:active {
    color: white; background-color: #cccccc;
    text-decoration:none; font-weight:normal;
  }

KBD  {  display:block;  font-family: monospace; text-align:left;
        margin-top:5px; margin-left:30px; margin-bottom:10px;
        font-weight:normal; padding:4px;
        background-color: #F9F9F9;
        color:#000; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; 
        font-size: 1em;}

TABLE.parameter {margin-top:10px; margin-bottom:10px; }

CITE { background-color: #E3E3E3; margin:10px; padding:5px; font-style:italic;}
BLOCKQUOTE { background-color: #f9f9f9; margin:10px; padding:10px; font-style:italic; 
             border-left: 4px solid silver; }

NOSCRIPT { font-weight:bold; color: #A00;}

#print {display:none;}

@media only screen and (max-width: 990px) {
  #allstart { position: absolute; left: 0; top: 0; width: 98%; margin-left: 4px; margin-top: 0; padding: 5px;}
  H1 {margin-left: 10px;}
  #topinhalt {margin-right: 20px;}
}

@media only screen and (max-width: 590px) {
  #topinhalt {display:none;}
  H1 {text-align: center;}
}


@media print{
    body{background:white;border:0}
    #all { position: absolute; left: 0; top: 0; width:100%; margin: 0;}
    #inhalt { width: 100%; border: 0; padding: 0}
    #head {display:none;}
    #Navigation {display:none;}
    #navi_lang {display:none;}
    .Fusszeile {display:none;}
}
