@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", sans-serif;
      background-color: #FFF;
      color:#000; 
}

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

#head { font-size: 1.5em; height:1.3em; width:100%; color: #212099;
    margin: 0; padding-bottom: 10px; text-align: left; }
      
#topinhalt2  {  float: right; width:710px; padding: 0 0 5px 0;}

#suchform{  float: left; margin-top: 7px; }

.rss_top { float: right; font-size: smaller; margin-top:2px; }

#inhalt {  float: right; width:710px; padding: 1em 0 1em 0; font-size: 1em;
           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; font-size: 1em; hyphens: auto; -webkit-hyphens: auto; }
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 { hyphens: auto;  -webkit-hyphens: auto; }
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;}
TD.mitte { text-align:center; padding: 5px; border-bottom: 1px solid #333; }
TD.links { text-align:left; padding: 5px; border-bottom: 1px solid #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;}


.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; }

.bildbox { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;} 
.bildbox > A { width: 300px; height: auto; margin: 15px; text-align: center; }
.bildbox > A > img {margin-bottom: 5px;}

.bildboxbreit { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;} 
.bildboxbreit > A { width: 400px; height: auto; margin: 15px; text-align: center; }
.bildboxbreit > A > img {margin-bottom: 5px;}

#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;  }  
           
#rueckblick { width: 340px; float: left; justify-content: center;}

#blogroll { width: 560px; float: left;}

#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: 22px; }
  #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;
  }
  
.abstand { padding-top: 8px; }

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

#inhalt UL { margin-top:0.6em; margin-bottom:0.6em; padding-left: 30px; }
#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; padding-left: 30px;}
#inhalt OL LI  { margin-bottom:0.8em; }
#inhalt OL LI UL { margin-top:0.4em; margin-bottom:0; padding-left: 25px;}
#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; }

.naviconlink {display: inline; background-color: #E9E9E9; }

.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;}
        
.parameterblock  {  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; hyphens: auto; }

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

#print {display:none;}

#sphonemenu{ display: none; }

.dropdown { position: relative; display: inline-block; }

.dropbtn { color:#333; font-weight:bold; background: #fff;
  font-size: 1em; padding: 6px; border: none; cursor: pointer; }
  
.dropbtn2 { color:#333; font-weight:bold; backgound: #fff;
  font-size: 1em; padding: 6px; border: none; cursor: pointer; }

.dropdown-content { display: none; padding-top:4px; z-index: 1; padding-bottom:8px;
  position: absolute; background-color: #e9e9e9;
  min-width: 140px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }

.dropdown-content2 {  display: none; margin-left: 140px; padding-top:8px; padding-bottom:4px;
  position: absolute; background-color: #e9e9e9; min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }

.dropdown-content a { color: black; padding: 4px 16px; text-decoration: none; display: block; }
.dropdown-content a:hover {background-color: #c5c5c5;}
.dropdown-content hr { color: #F9F9F9; }

.dropdown-content2 a { color: black; padding: 4px 16px; text-decoration: none; display: block; }
.dropdown-content2 a:hover {background-color:  #c5c5c5;}
.dropdown-content2 hr { color: #F9F9F9; }

.show {display:block;}



@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;}
  #topinhalt2 {margin-right: 20px;}
  
  #all { position: absolute; left: 0; top: 0; width: 95%; margin-left:2px; margin-top: 10px; }
  #inhalt { width: 95%; }
  #Navigation { display: none; }
  
  #sphonemenu{  background: #fff; padding-left: 5%; width: 95%; display: block; }
  KBD  { margin-left: 0px;}
  BLOCKQUOTE { margin:4px; padding: 6px; }
  
  #rueckblick { width: 100%; }

  #blogroll { width: 100%;}
}

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


@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;}
}