/* CSS Document */
body{
      padding-top:5em;
      padding-bottom:5em;
      padding-left:2em;
      padding-right:2em;
      }
table{
      border-spacing:0;
      }
td{
      padding:3px;
      padding-left:5px;
      padding-right:5px;
      }
.centered{
      margin: 0 auto;
      padding: 0 1em;
      
      }
      
.site-title{
      
      text-align:center;
      white-space:nowrap;
      
      }
.title-small{
      font-size:0.5em;
      }
.wichtig{
    color:rgb(200,0,0);
    }
.warnung{
    color:red;
    }
.anzeige{
      color:rgb(0,0,50);
      }
.anzeige ul li{
      padding-bottom:0.5em;
      }      
.i{
      font-style:italic;
      }
button{
     background-color:transparent;
      border:none; 
      }
.download{
      font-weight:bold;
      color:rgb(0,0,80);
      text-decoration:none;
      background-image:url(../Verlauf.php?value=20,45,FFFFFF,BECBD8) ;
      background-repeat:repeat-x;
      border:3px ridge gray;
      padding-left:10px;
      padding-right:10px;
      }
.download:hover{
      border:3px ridge orange;
      }
.registrieren td{
      text-align:left;
      }
.registrieren input{
      width:20em;
      }
.registrieren input[type=checkbox]{
      width:2em;
      }      
.header{
      border-bottom:3pt ridge silver;
      }
.b,
.b td{
      font-weight:bold;
      }
.tbh{
      font-weight:bold;
      color:rgb(0,0,80);
      background-color:rgb(220,220,222);
      }    
.pad-t,
.pad-t td{
      padding-top:0.5em;
      }
.pad-t2,
.pad-t2 td{
      padding-top:1em;
      }
.pad-b{
      padding-bottom:0.5em;
      }
.pad-b2,
.pad-b2 td{
      padding-bottom:1em;
      }
.b-out{
      border:1px solid gray;
      display:inline-block;
      padding:1em;
      }
.hac,
.hac td{
      text-align:center;
      }
.har,
.har td{
      text-align:right;
      }
.vam,
.vam td{
      vertical-align:middle;
      }
.bg1{
      background-color:rgb(250,250,252);
      }
.bo3{
      border:3px ridge black;
      padding:1em
      }
.overline,
.overline td{
      border-top:1px solid black;
      }
.overlineg,
.overlineg td{
      border-top:1px solid silver;
      }
      
.mar-l{
      margin-left:2em
      }

li ul{
      padding-top:1em;
      color:rgb(80,80,80);
      font-style:italic;
      font-size:0.9em
      }
table.preisliste{
      border:3pt ridge black;
      padding:1em;
      margin-top:1em
      }
table.preisliste tr td a{
      font-size:1em;
      font-weight:normal;
      font-style:italic
      }
table.preisliste tr td{
      font-style:normal;
      font-weight:bold;
      color:rgb(0,50,0);
      text-align:left;
      padding-left:1em;
      padding-right:1em
      }
table.preisliste tr td+td{
      font-style:italic;
      font-size:0.8em;
      font-weight:normal;
      color:rgb(0,50,0);
      text-align:right
      }
table.preisliste tr+tr td{
      font-style:italic;
      font-size:0.7em;
      color:rgb(205,150,0);
      background-color:rgb(245,246,246);
      border-top:1pt solid black;
      border-bottom:1pt solid black
      }
table.preisliste tr+tr+tr td{
      font-style:normal;
      font-size:1em;
      
      color:black;
       text-align:center;
      background-color:white;
      border-top:none;
      border-bottom:1pt solid silver
      }
table.preisliste tr+tr+tr td+td{
      font-style:italic;
      font-size:0.8em;
      color:gray;
      text-align:right;
      background-color:white;
      border-bottom:1pt solid silver
      }
table.preisliste tr+tr+tr td+td+td+td{
      font-style:normal;
      font-weight:bold;
      color:black;
      font-size:1em;
      background-color:white;
      border-bottom:1pt solid silver
      }
.Liz span{
        font-weight:bold
      }
.nw, .nw td{
  white-space:nowrap
}



body,
li,
button,
a,
input{
    font-family:tahoma;
    font-size:12pt;
    line-height:1.5;
    }
img{
    width:1.5em;
    height:1.5em;
    
    }
.link{
    color:rgb(0,0,200);
    text-decoration:underline;
    font-style:italic;
    font-weight:normal;
    cursor:pointer;
    }
.download{
    color:rgb(0,0,200);
    text-decoration:underline;
    font-style:italic;
    font-weight:normal;
    cursor:pointer;
    border:1pt solid gray
    }
.copy{
    font-weight:normal;
    font-size:0.9em;
    padding-left:3em;
    }
.info{
    font-size:0.8em;
    font-style:italic;
    color:graytext;
    }
    
    
    
.pagehead{
      background:white;
      background-image:url(./Verlauf.php?value=20,55,003266,FFFFFF) ;
      background-repeat:repeat-x;
      position:fixed;
      top:0px;
      left:0px;
      width:100%;
      
      }
      
      
      
      
      
      
      
      
      
      
      
      
      


.multi-level-nav{
      flex: 1 100%;
      position:absolute;
      top:4em;
      width:100%;
      
       }      

.multi-level-nav ul{
      list-style-type:none;
      padding:0;
      margin:0;
      background-color:rgb(50,50,60);
      display:flex;
      flex-wrap:wrap;
      justify-content:space-around;
      }

     



.multi-level-nav .toggled-off ul,
.multi-level-nav .toggled-on .toggled-off ul,
.multi-level-nav .toggled-on .toggled-on ul .toggled-off ul{
    /*  alle Sub-menues ausblenden , einblenden mit JS*/        
            display:none;
            
            }            
.multi-level-nav .toggled-on ul,
.multi-level-nav .toggled-on .toggled-on ul,
.multi-level-nav .toggled-on .toggled-on ul .toggled-on ul{
    /*  alle Sub-menues einblenden , ausblenden mit JS*/        
            display:block;
            
            } 
 
  
.multi-level-nav li{
      border:none;
      padding:0;
      margin:0;
      color:white;
      background-color:transparent;
      text-align:center;
      
      }

.multi-level-nav li button{
      color:white;
      width:100%;
      cursor:pointer;
      }
                 
.multi-level-nav .has-children{
            /* Dropdownbuttons  */
           cursor:pointer;
            }
 
            
.multi-level-nav li div:hover,
.multi-level-nav li button:hover{
      background-color:rgb(90,90,100);
      }
      
.multi-level-nav li button:focus{
      background-color:rgb(70,70,80);
      }
.multi-level-nav li.toggled-on{
      background-color:rgb(70,70,80);
      }
      
.multi-level-nav li .sub-menu{
      padding-bottom:1em;
      } 
  
.sub-menu li button{
      font-size:0.9em;
      margin-top:0.5em;
      text-align:left;
      }     
      
@media screen and (max-width:35em)
      {
     
      
        .multi-level-nav ul{
        /* Menue als Block untereinander anzeigen*/
          display:block;
          height:100%;
        }
        .multi-level-nav li{
              padding-left:1em;
              padding-bottom:0.3em;
              } 
        
        .multi-level-nav ul li button,div{
          text-align:left;
        }
        /*  Ebene2 Menuepunkte einrücken*/
        .multi-level-nav ul ul li {
              padding-left:2em;
              
              }
         .dropdown-toggle{
              display:none;
              }     
         .visible{
              display:block;
         }
         .hidden{
              display:none;
         }
         .smartphone{
          background-color:rgb(30,30,40);
          display:block
          }
      } 
@media screen and (min-width:35em){
    
      .smartphone{
          display:none
      }
     
      .visible{
              display:block;
         }
         .hidden{
              display:block;
         }            
      
     
      .multi-level-nav li{
            position:relative;
            flex: 0 0 auto;
            }
     
       
    
            
   
      }
 





 .pagefooter{
      background-image:url(./Verlauf.php?value=20,55,FFFFFF,BECBD8) ;
      background-repeat:repeat-x;
      position:fixed;
      top:90%;
      left:0px;
      height:10%;
      width:100%;
      text-align:center;
      padding-top:0.6em;
      }
.pagefooter button{
      cursor:pointer;
}



 .icentered{
            text-align:center;
            padding-right:5em;
         
            border-bottom:3pt ridge navy
            }
            .iimp{
            font-size:2em;
            font-weight:bold;
            color:rgb(0,0,100);
            font-style:italic
            }
            .iheaderbig{
            font-size:1.5em;
            font-weight:bold;
            color:rgb(0,0,100);
            border-bottom:2px solid rgb(0,0,100);
            font-style:italic;
            display:inline
            }
            .ipart{
            margin-left:2em;
            margin-bottom:2em
            }
            .iheader{
            color:rgb(0,0,100);
            font-weight:bold;
            font-style:italic;
            border-bottom:1px solid rgb(0,0,100)
            }
            .ili{
            margin-top:0.4em
            }