/*Allgemeines*/
 a:link{color:#416261; text-decoration: none;}
 a:visited{color:#416261;}
 a:active{color:#416261;}

a.http:link{color:#000000; text-decoration: underline;}
a.http:visited{color:#000000;}
a.http:active{color:#FFFFFF;}

.lightbox_trigger {cursor: pointer;}

body {
 background-color: #95BAB9;
 font: 10pt arial;
 color: #416261;
 min-height: 100vh;
 max-width: 100vw;
 margin: 0;
 padding: 0;
 overflow-x: hidden; 
}

img {
 border:0;
}
  .line {
    width: 100%;
    min-width: 946px;
    height: 1px;
    border-top: 1px solid #5F5F5F;
    padding-bottom: 30px;
    position: absolute;
  }
/*Titelzeile*/
  #title {
   height: 80px;
   margin-left: 100px;
   width: auto;
  }
  
  #title_text {
  padding-top: 60px;  
  }
  
  #logo {
   width: 87px;
   height: 68px;
  }
    .left {
     float: left;
     width: 760px;
     position: absolute;
    }
    .right {
    padding-left: 760px;
    padding-top: 5px;
    }
    .clear {
    clear: left;
    }

/*Hauptteil*/
  #main {
   padding: 10px;
   padding-left: 100px;
   padding-top: 10px;
   margin: 0;
   min-height: 295px;
   width: 846px;
  }

/*Men�*/
  #menu {
   width: 295px;
   height: 295px;
   margin: 0;
   position: absolute;
   z-index: 1;
  }
  #left {
   float: left;
   position: relative;
  }
  #right {
   float: right;
   position: relative;
   width: 87px;
   height: 295px;
  }
  #menuimg {
   position: absolute;
   width: 759px;
   height: 295px;
  }
  .menuboxright {
   height: 20px;
   width: 87px;
   background: rgba(102, 153, 153, 0.8);
   margin-bottom: 10.6px;
  }
  .menuboxright:hover {
  background: rgba(102, 153, 153, 1);
  }
  .menuboxright_mobile {
   visibility: hidden;
   background: rgba(102, 153, 153, 0.65);
   margin-bottom: 10.6px;
  }
  .menuboxright_mobile:hover {
  background: rgba(102, 153, 153, 1);
  }
  #menucontent {
  width: 295px;
  height: 295px;
  padding-left: 300px;
  position: absolute;
  }
  #txt {
   width: 464px;
   min-height: 442px;
   padding-left: 395px;
   padding-top: 20px;
   padding-bottom: 15px;
  }
  #txt2 {
   width: 464px;
   padding-left: 395px;
   padding-bottom: 15px;
  }
  #txt3 {
   width: 586px;
   padding-left: 395px;
   padding-bottom: 15px;
  }
  #txtleft {
  width: 175px;
  position: absolute;
  }
  #txtright {
  width: 275px;
  float: right;
  padding-top: 15px;
  }
   a.menubox {
    width: 295px;
    height: 20px;
    display: block;
    margin-bottom: 10.6px;
    position: relative;
    background: rgb(102, 153, 153);
    background: rgba(102, 153, 153, 0.8);
   }
   a.menubox:hover {
    background: rgb(102, 153, 153);
    background: rgba(102, 153, 153, 1);
   }
   .menutxt {
    font: 9pt arial;
    position: absolute;
    padding: 0.1cm;
   }

/*Mobiles Men�*/

.mobile_menu_trigger {
visibility: hidden;
width: 0;
height: 0;
margin: 0;
padding: 0;
}

/*Fu�zeile*/
  #footer {
   padding: 10px;
   padding-left: 100px;
   position: absolute;
   margin-bottom: 0;
  }
  #autofooter {
   padding: 10px;
   padding-left: 100px;
   position: absolute;
   bottom: 0;
  }
  .infoline {
   width: 464px;
   padding-left: 395px;
   position: relative;
   padding-bottom: 5px;
  }

  .title_text_mobile {
   visibility: hidden;
   width: 0;
   height: 0;
   margin: 0;
   padding: 0;
  }

/*------------------------------------------------------*/
/*MOBILE ANSICHT*/
/*------------------------------------------------------*/

@media only screen and (max-width:1024px)
{
    
  /*Allg. Einstellungen f�r die mobile Ansicht*/
      
  body {
  font: 12pt arial;
  }

  /*Inhalte die nicht ben�tigt werden bei der mobilen Ansicht, werden ausgebelendet durch "mobile_hide"*/
      
  .mobile_hide
  {
  visibility: hidden;
  width: 0; 
  height: 0; 
  }

/*Titelzeile*/
  #title {
   height: 75px;
   padding: 0;
   margin: 0;
   width: 100%;
  }
  #title_text {
   padding-top:10px;
   margin-left: 20%;
   margin-right: 20%;
   width: 60%;
   text-align: center;
  }
  b {
   padding: 2px !important;
  }
  .title_text_mobile {
   height: 26px;
   width:100%;
   font-size: 12pt;
   visibility: visible;
  }
    
  #logo {
   width: 60px;
   height: 45px;
   padding: 0;
   margin: 0;
   margin-left: -5px;
   z-index:-1;
   position: relative;
  }
  .left {
    position: relative;
    float: left;
    width: 80%;
    padding: 0;
    margin: 0;
  }
  .right {
  position: absolute;
  padding: 0;
  padding-top: 5px;
  margin: 0;
  width: 56px;
  height: 55px;
  right: 0;
  }
  .clear {
  clear: left;
  }

  .line {
    width: 100%;
    min-width: inherit;
  }
  #main {
  width: 100%;
  height: auto;
  padding-right: 0;
  margin-right: 0;
  padding-left: 0;
  }

/*Men�*/
  #menu {
   width: 100%;
   height: auto;
   margin: 0;
   position: relative;
  }
  #right {
   float: right;
   position: relative;
   width: 0;
   height: 0;
  }
  #left {
   position: relative;
  }
  #menuimg {
   width: 100vw;
   height: auto;
   position: relative;
  }
  a.menubox {
   height: 0px;
   width: 0px;
   padding: 0px;
   margin: 0px;
   display: none;
   
  }
  .menuboxright {
   visibility: hidden;
   width: 0;
   height: 0;
  }
  .menuboxright_mobile {
   height: 20px;
   width: 100vw;  
   visibility: visible;
   background: rgba(102, 153, 153, 0.9);
   position: relative;
   float: right;
   z-index:999;
   margin-top: -33px;
  }
  .menuboxright_mobile:hover {
  background: rgba(102, 153, 153, 1);
  }
  .menutxt {
   text-align: right;
   width: 98vw;
   height: 20px;
   font: 11px arial;
   padding-top: 4px;
  }    
    
/*Hauptteil*/
    
  #main {
   min-height: 0;
   padding-top: 1px;
   margin: 0;
  }
  #txt {
   width: 92%;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 15px;
   padding-top: 15px;
   position: relative;
   margin:0;
  }
  table {
  width: 100%;

  }
  tr {
  width: 100%;
  }
  td {
  width: 33%;
  height: 38px;
  font-size:16pt arial;
  }

  /*mobiles Men�*/
  .mobile_menu_trigger {
  position: absolute;
  z-index: 9999;
  margin-top: 5px;
  margin-left: 5px;
  width: 70px;
  height: 70px;
  visibility: visible;
  cursor: pointer;
  }
      
  .mobile_menu_trigger img {
  opacity: 0.7;     
  }
      
  .mobile_menu_trigger img:hover {
  cursor: pointer;
  opacity: 1;
  }
    
  .mobile_menu_trigger:hover #mobile_menu {
  display: block;
  }
    
#mobile_menu {
  width: 100%;
  height: auto;
  margin: 0;
  margin-top: -3px;
  position: relative;
  z-index: 99999;
  display: none;
}
.mobile_menubox {
  position: absolute;
  margin-left: -5px;
  width: 100vw;
  height: 69px;
  border-bottom: 1px solid #5F5F5F;
  border-top: 1px solid #5F5F5F;
  background: #95BAB9;
  }
.mobile_menubox:hover {
  background: rgb(102, 153, 153)
}
.mobile_menu_text {
  margin-top: 17px;
  padding-left: 10px;
  padding-top: 10px;
}

/*Fu�zeile*/
  #footer {
   padding: 10px;
   padding-left: 4%;
   padding-right: 4%;
   position: absolute;
   margin-bottom: 0;
   font: 12pt arial;
   text-align: center;
   white-space: normal !important;   
  }
  #autofooter {
   padding: 10px;
   padding-left: 4%;
   padding-right: 4%;
   position: absolute;
   bottom: 0;
  }
  .infoline {
   width: auto;
   padding-left: 4%;
   padding-right: 4%;
   position: relative;
   padding-bottom: 5px;
  }
    
}

@media only screen and (max-width: 550px)
{
  #title_text {
   margin-top: 5px;
  }
  .title_text_mobile {
    height: auto;
    width:100%;
    visibility: visible;
    font-size: 12px;
   }
  #footer {
    font-size: 12pt;
  }
}

/*iPhone 8 und kleiner*/
@media only screen and (max-width: 412px)
{
  body {
    font-size: 11px;
  }
  #title_text {
   font-size: 11px;
   margin-left: 17%;
   margin-right: 17%;
   width: 60%;
  }
  .title_text_mobile {
    font-size: 11px;
  }
  #mobile_menu {
    margin-top: 7px;
  }
  .mobile_menu_trigger {
    width: 60px;
    height: 60px;
  }
  .mobile_menu_trigger img{
    width: 60px;
    height: 60px;
  }
  .menuboxright_mobile {
    margin-top: -32px;
   }
   .mobile_menubox {
    border-top: 1px solid #5F5F5F;
    }
}