/**********************************************************************/
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

    /* Change background color of buttons on hover */
    .tab button:hover {
        background-color: #ddd;
    }

    /* Create an active/current tablink class */
    .tab button.active {
        background-color: #ccc;
    }
    /* Create an active/current tablink class */
    .tab button.active {
        background-color: #ccc;
    }
/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

  body  {
          /*background-color: #81A7CD;*/
          background-color: #fdfdfc;   
          background-repeat:no-repeat;   
          background-position:center;
          font-family : Arial, Verdana, Tahoma;
          margin-left : 0px;
          margin-right : 0px;
          margin-top : 0px;
          margin-bottom : 0px;
          overflow-y: scroll;  
  } 
  #menu-icon {
  
          display: hidden;
          width: 40px;
          height: 40px;
          background: #E41B2B url(../images/menu-icon.png) center;
  }
  #menuTurnier-icon {
  
          display: hidden;
          width: 40px;
          height: 40px;
          background: #ee2f42 url(../images/menuTurnier-icon.png) center;
  }
  
  header {
  
        position: absolute;

}
#albumtitle_bar table{
        font-family : Arial, Verdana, Tahoma;
        font-size:12px;
        width:50%;
}
#albumtitle_bar table td{
        padding:5px;
}
#albumtitle_bar table a{
        background:#ccc;
        padding:10px;
        text-decoration:none;
        color:#333;
        display:block;
}
.albumcontainer {
        border:1px solid #ccc;
        text-align: center;
        width: 500px;
        padding:10px;
        margin-left:auto;margin-right:auto;
        color:'333;
}
#menu-icon {

        /*display:inline-block; */

}
#mobil-menue select {
         opacity: 0;
         width: 50px;
         height: 50px;
}
#mobil-menue bild {
         position: absolute;
         width: 50px;
 }

#startBild {
        max-height: 350px;    
        max-width:350px; 
        border: 0px solid blue;
}
#sucheBild {
    background-image:url(../images/suche.png);
    display: block;
    height:30px;
    background-repeat:no-repeat;>
}

a  {
        font-family : Arial, Verdana, Tahoma;
        color: inherit;
}
a:visited  {
        color : inherit;
}
a:hover  {
        color : #0080FF;
}
a:active  {
        color : inherit;
}
 .Maintext  {
                clear: both;
        font-family : Arial, Verdana, Tahoma;
        font-size : 20px;
        background-color : #fdfdfc;
        text-align: center;
        vertical-align : top;
}
.footfixed {
                bottom: 0px;
                                font-size : 12px;
        text-align: center;
        vertical-align: middle;
        }
.Nav {
        clear: both;
        font-family : Arial, Verdana, Tahoma;
        font-size : 16px;
        font-weight: bold;
        background-color : fdfdfc;
        vertical-align : top;
        text-align: center;
}
.galerienav {
        clear: both;
        font-family : Arial, Verdana, Tahoma;
        font-size : 12px;
        font-weight: bold;
        background-color : #68B1FF;
        vertical-align : top;
        text-align: left;
                white-space:nowrap;
                border-color : #29180C;
         border-spacing : none;
         border-left-width : 0px;
         border-left-style : solid;
         border-right-width : 0px;
         border-right-style : solid;
         border-top-width : 0px;
         border-top-style : solid;
}
.galerienavE1 {
        background-color : #0080FF;
         border-bottom-width : 1px;
         border-bottom-style : solid;
                 padding-top: 0.5em;
}
.galerienavE1aktiv {
                color : #FFFFFF;
        background-color : #0080FF;
         border-bottom-width : 1px;
         border-bottom-style : solid;
                 padding-top: 0.5em;
}
.galerienavE2 {
        background-color : #68B1FF;
         border-bottom-width : 1px;
         border-bottom-style : solid;
                 padding-left: 5px;
                 padding-top: 0.5em;
}
.galerienavE2aktiv {
                color : #FFFFFF;
        background-color : #68B1FF;
         border-bottom-width : 1px;
         border-bottom-style : solid;
                 padding-left: 5px;
                 padding-top: 0.5em;
}
.galerienavE3 {
        background-color : #98C9FE;
         border-bottom-width : 1px;
         border-bottom-style : solid;
                 padding-left: 10px;
                 padding-top: 0.5em;
}
.galerienavE3aktiv {
                color : #FFFFFF;
        background-color : #98C9FE;
         border-bottom-width : 1px;
         border-bottom-style : solid;
                 padding-left: 10px;
                 padding-top: 0.5em;
}
.galerienav a {
        text-decoration: none;
}
.galerienav a:hover  {
        color : #EB0B0B;
}
/* Menueelemente*/
.menuTurnier {
         background-color : #ee2f42;
         background-image: none;
         vertical-align: top;
         height: 40px;
         }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menuTurnier li {
         position: relative;
         display: inline-block;
        font-family : Arial, Verdana, Tahoma;
        font-size : 16px;
        line-height: 18px;
        list-style: none;
        margin-top:0em;
        margin-left:1em;
        margin-right:0em;
        text-align: left;
                 }
/* style the links for the top level */
.menuTurnier a,
.menuTurnier a:link,
.menuTurnier a:visited {
        color : #FFFFF;
        font-weight: bold;
        line-height: 2em;
        display: block;
                text-decoration: none;
        text-underline: none;
        }
/* style the top level active */
.menuTurnier a.act,
.menuTurnier a.act:link,
.menuTurnier a.act:visited,
.menuTurnier a.act:hover,
.menuTurnier a.act:active,
.menuTurnier ul ul a.act,
.menuTurnier ul ul a.act:link,
.menuTurnier ul ul a.act:visited,
.menuTurnier ul ul a.act:hover,
.menuTurnier ul ul a.act:active {
         color: #FFFFFF;
         display: block;
}
/* make the second level visible when hover on first level list OR link */

.menuTurnier li:hover > ul {
         visibility: visible;
         width: 80px;
         display: block;
}
/* remove all the bullets, borders and padding from the default list styling */
.menuTurnier ul  {
         list-style-type: none;
         list-style-image: none;
         margin: 0;
         padding: 0;
         height: 18px }
.menuTurnier ul ul {
         list-style-image: none;
         margin-left: -10px; }
.menuTurnier ul ul a,
.menuTurnier ul ul a:link,
.menuTurnier ul ul a:visited,
.menuTurnier ul ul a:hover  {
         background-image: none;
         text-transform: none;
         }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menuTurnier a,
* html .menuTurnier a:link,
* html .menuTurnier a:visited                                         { float: middle;  }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menuTurnier ul ul {
         background-image: none;
         visibility: hidden;
         position: absolute;
         top: 30px; left: 0;
         }
.menuTurnier ul ul ul {
         background-image: none;
         visibility: hidden;
         position: absolute;
         top: 8px;
         left: 97%;
         width: 100%; }
/* another hack for IE5.5 */
* html .menuTurnier ul ul {
         background-image: none;
         top: 87px;
         t\op: 87px;
         font-size: 0.75em;  }
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menuTurnier table                                                          { background-image: none; position: absolute; top: 0; left: 0 }
/* style the second level links */
.menuTurnier ul ul a,
.menuTurnier ul ul a:link,
.menuTurnier ul ul a:visited {
         line-height: 1em;
         background-color : #ee2f42;
         background-image: none;
         padding: 5px 0px;
         width: 155px;
         height: auto;
         border-color : #29180C;
         border-spacing : none;
         border-left-width : 0px;
         border-left-style : solid;
         border-right-width : 0px;
         border-right-style : solid;
         border-top-width : 0px;
         border-top-style : solid;
         border-bottom-width : 0px;
         border-bottom-style : solid;
                 }
/* style the third level links */
.menuTurnier ul ul ul a,
.menuTurnier ul ul ul a:link,
.menuTurnier ul ul ul a:visited {
         width: 150px;
          }
* html .menuTurnier ul ul a,
* html .menuTurnier ul ul a:link                                  {background-image: none;  }
* html .menuTurnier ul ul a:hover                                 {background-image: none;}
/* style the top level hover */
.menuTurnier a:hover,
.menuTurnier ul ul a:hover {
         color : #FFFFFF;
         font-weight: bold;
         text-decoration: none;
         background-image: none;
         }
.menuTurnier :hover > a,
.menuTurnier ul ul :hover > a {
         color: #FFFFFF;
         font-weight: bold;
         text-decoration: none;
         background-image: none;
          }
.menuTurnier ul ul a:hover {
         color: #FFFFFF;
         background-image: none
         }
         
.menu {
         background-color : #E41B2B;
         background-image: none;
         vertical-align: top;
         height: 40px;

         }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
         position: relative;
         display: inline-block;
        font-family : Arial, Verdana, Tahoma;
        font-size : 16px;
        line-height: 18px;
        list-style: none;
        margin-top:0em;
        margin-left:1em;
        margin-right:0em;
        text-align: left;
                 }
/* style the links for the top level */
.menu a,
.menu a:link,
.menu a:visited {
        color : #FFFFF;
        font-weight: bold;
        line-height: 2em;
        display: block;
                text-decoration: none;
        text-underline: none;
        }
/* style the top level active */
.menu a.act,
.menu a.act:link,
.menu a.act:visited,
.menu a.act:hover,
.menu a.act:active,
.menu ul ul a.act,
.menu ul ul a.act:link,
.menu ul ul a.act:visited,
.menu ul ul a.act:hover,
.menu ul ul a.act:active {
         color: #FFFFFF;
         display: block;
}
/* make the second level visible when hover on first level list OR link */

.menu li:hover > ul {
         visibility: visible;
         width: 80px;
         display: block;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul  {
         list-style-type: none;
         list-style-image: none;
         margin: 0;
         padding: 0;
         height: 18px }
.menu ul ul {
         list-style-image: none;
         margin-left: -10px; }
.menu ul ul a,
.menu ul ul a:link,
.menu ul ul a:visited,
.menu ul ul a:hover  {
         background-image: none;
         text-transform: none;
         }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a,
* html .menu a:link,
* html .menu a:visited                                         { float: middle;  }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
         background-image: none;
         visibility: hidden;
         position: absolute;
         top: 30px; left: 0;
         }
.menu ul ul ul {
         background-image: none;
         visibility: hidden;
         position: absolute;
         top: 8px;
         left: 97%;
         width: 100%; }
/* another hack for IE5.5 */
* html .menu ul ul {
         background-image: none;
         top: 87px;
         t\op: 87px;
         font-size: 0.75em;  }
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table                                                          { background-image: none; position: absolute; top: 0; left: 0 }
/* style the second level links */
.menu ul ul a,
.menu ul ul a:link,
.menu ul ul a:visited {
         line-height: 1em;
         background-color : #E41B2B;
         background-image: none;
         padding: 5px 0px;
         width: 155px;
         height: auto;
         border-color : #29180C;
         border-spacing : none;
         border-left-width : 0px;
         border-left-style : solid;
         border-right-width : 0px;
         border-right-style : solid;
         border-top-width : 0px;
         border-top-style : solid;
         border-bottom-width : 0px;
         border-bottom-style : solid;
                 }
/* style the third level links */
.menu ul ul ul a,
.menu ul ul ul a:link,
.menu ul ul ul a:visited {
         width: 150px;
          }
* html .menu ul ul a,
* html .menu ul ul a:link                                  {background-image: none;  }
* html .menu ul ul a:hover                                 {background-image: none;}
/* style the top level hover */
.menu a:hover,
.menu ul ul a:hover {
         color : #FFFFFF;
         font-weight: bold;
         text-decoration: none;
         background-image: none;
         }
.menu :hover > a,
.menu ul ul :hover > a {
         color: #FFFFFF;
         font-weight: bold;
         text-decoration: none;
         background-image: none;
          }
.menu ul ul a:hover {
         color: #FFFFFF;
         background-image: none
         }
.table {
        display: table;
        width: 1000px; 
        border: 0px solid blue;
        padding: 5px;
        margin-left:auto;margin-right:auto;
        background-color : #fdfdfc;
}     
.tablerot {
        display: table;
        width: 1000px; 
        border: 0px solid blue;
        padding: 5px;
        margin-left:auto;margin-right:auto;
        background-color : #E41B2B;
}  
.tableGrau {
        display: table;
        width: 700px;
        border: 0px solid blue;
        padding: 5px;
        margin-left:auto;margin-right:auto;
        background-color : #e5e5e5;
}   
.table100 {
        display: table;
        width: 100%;
        border: 0px solid blue;
        padding: 5px;
        margin-left:auto;margin-right:auto;
        background-color : #fdfdfc;
}  
.tableGrau100 {
        display: table;
        width: 100%;
        border: 0px solid blue;
        padding: 5px;
        margin-left:auto;margin-right:auto;
        background-color : #e5e5e5;
}
.tablefussball {
        display: table;
        width: 400px;
        border: 0px solid blue;
        padding: 5px;
        margin-left:auto;margin-right:auto;
}   
.tablefussballbild {
        display: table;
        width: 415px;
        border: 0px solid blue;
        padding: 5px;
        margin-left:auto;margin-right:auto;
        background-image: url(../images/feld_weiss.gif); 
}  
.tablegalerie {
        display: table;
        width: 700px;
        border: 0px solid blue;
        padding: 2px;
        margin-left:auto;margin-right:auto;
        background-color : #fdfdfc;
}
.tablegalerieklein {
        display: table;
        width: 100%;
        border: 0px solid blue;
        padding: 2px;
        margin-left:auto;margin-right:auto;
        background-color : #fdfdfc;
}
.tableNews {
        display: table;
        width: 600px;
        border: 0px solid blue;
        padding: 5px;
        margin-left:auto;margin-right:auto;
}
.tableklein {
        display: table;
        width: 500px;
        border: 0px solid blue;
        padding: 5px;
        margin-left:auto;margin-right:auto;
        background-color : #fdfdfc;
} 
.zeile {
        display:table-row;
        line-height: 150%;
}
.zeile a,
.zeile a:link,
.zeile a:visited {
        text-decoration: none;
        text-underline: none;
}
.zeilefussball select {
        max-width: 80px;
        height: 20px;
        font-family : Arial, Verdana, Tahoma;
        font-size : 8px; 
        margin: 0;
        padding: 0;

}
.zeilefussball {   
        display:table-row;
        line-height: 150%;
    text-align:center;
}  
.zeilefussballklein {   
        display:table-row;
        line-height: 60%;
    text-align:center;
}
.zeileNews {
        display:table-row;
        line-height: 100%;
    text-align:left;
}
.zeilegalerie {
        display:table-row;
        line-height: 100%;
    text-align:left;
}
.zeileklein {
        display:table-row;
        line-height: 100%;
}    
.zeileklein50 {
        display:table-row;
        line-height: 50%;
}
.zeilefett {
        padding: 5px;
        display:table-row;
    font-weight: bold;
        line-height: 150%;
}
.zeilecenter {
        display:table-row;
    text-align:center;
}
.spaltefett {
        display: table-cell;
        border: thin solid #04519b;
        width: 250px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 14px;
    font-weight: bold;
}
.tableHallenListeDruck {
        display: table;
        width: 100%;
        height:100%;
        border: 0px solid blue;
        padding: 5px;
        margin-left:auto;margin-right:auto;        
        background-image: url(../images/Mannschaftsliste_Vorder_Gross.jpg);
        background-size: cover;
        background-repeat:no-repeat;   
}  
  
.tableHalleInnerDruck {
        display: table;
        width: 100%;
        border: 0px solid blue;  
        padding: 1px;
}            
.tableHalleInner2Druck {
        display: table;
        width: 100%; 
        height:35px;
        border: 0px solid blue;
        padding: 3px;      
}
.tableHalleInner0Druck {
        display: table;
        width: 100%;  
        height:30px;
        border: 0px solid blue;
        padding: 0px;         
}   

.zeileHallenListeLeerDruck60px {
        display:table-row;  
        line-height: 65px;
    text-align:center;
} 
   
.spalte6Druck {
    display: table-cell;
    border:  0px solid blue;
    width: 6.5%;  
    height:31px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 10px;
    font-weight: bold;  
    vertical-align:middle;  
}  
.spalte3Druck {
    display: table-cell;
    border:  0px solid blue;
    width: 3%;
    font-family : Arial, Verdana, Tahoma;
    font-size : 10px;
    font-weight: bold;
    vertical-align:middle;
}
.spalte10Druck {
    display: table-cell;
    border:  0px solid blue;
    width: 10%;
    font-family : Arial, Verdana, Tahoma;
    font-size : 10px;
    font-weight: bold;
    vertical-align:middle;
}            
.spalte15Druck {
    display: table-cell;
    border: 0px solid blue; 
    width: 15%;    
    font-family : Arial, Verdana, Tahoma;
    font-size : 10px;
    font-weight: bold;
    vertical-align:middle;   
}                           
.spalte25Druck {
    display: table-cell;
    border:  0px solid blue;
    width: 22%;       
    font-family : Arial, Verdana, Tahoma;
    font-size : 10px;
    font-weight: bold;
    vertical-align:middle;
}   
.spalte40Druck {
        display: table-cell;
        border: 0px solid blue;
        width: 40%; 
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;     
    vertical-align:middle;    
}                      

.tableHallenListe {
        display: table;        
        width: 500px;
        border: 0px solid blue;
        padding: 5px;
        margin-left:auto;margin-right:auto;
        background-image: url(../images/Mannschaftsliste_Vorder.jpg);
        background-repeat:no-repeat;   
} 
.tableHalleInner0 {
        display: table;
        width: 400px;
        border: 0px solid blue;
        padding: 0px;     
}  
.tableHalleInner {
        display: table;
        width: 400px;
        border: 0px solid blue;
        padding: 1px;
}       
.tableHalleInner2 {
        display: table;
        width: 400px;
        border: 0px solid blue;
        padding: 3px;
}
.zeileHallenListe {
        display:table-row;    
        line-height: 122%;
        text-align:left;  
}    
.zeileHallenListe125 {
        display:table-row;   
        line-height: 125%;
        text-align:left; 
}  
.zeileHallenListeLeer80px {
        display:table-row;  
        line-height: 80px;
        text-align:center;    
        vertical-align:top
}  
.zeileHallenListeLeer140px {
        display:table-row;  
        line-height: 130px;
        text-align:center;    
        vertical-align:top
}  
.zeileHallenListeLeer55px {
        display:table-row;  
        line-height: 55px;
    text-align:center;
} 
.zeileHallenListeLeer25px {
        display:table-row;  
        line-height: 33px;
    text-align:center;
}
.spalte3 {
    display: table-cell;
    border:  0px solid blue;
    width: 3%;
    font-family : Arial, Verdana, Tahoma;
    font-size : 8px;
    font-weight: bold;  
} 
.spalte6 {
    display: table-cell;
    border:  0px solid blue;
    width: 6%;
    font-family : Arial, Verdana, Tahoma;
    font-size : 8px;
    font-weight: bold;     
}   
.spalte10 {
    display: table-cell;
    border:  0px solid blue;
    width: 10%;
    font-family : Arial, Verdana, Tahoma;
    font-size : 8px;
    font-weight: bold;
} 
.spalte15gross {
    display: table-cell;
    border: 0px solid blue; 
    width: 15%;    
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
    font-weight: bold;
        
        vertical-align: middle; 
}     
.spalte15 {
    display: table-cell;
    border: 0px solid blue; 
    width: 15%;    
    font-family : Arial, Verdana, Tahoma;
    font-size : 8px;
    font-weight: bold;
        vertical-align:top   
}          
.spalte20 {
    display: table-cell;
    border:  0px solid blue;
    width: 20%;       
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
    font-weight: bold;
        vertical-align:top
}               
.spalte25 {
    display: table-cell;
    border:  0px solid blue;
    width: 22%;       
    font-family : Arial, Verdana, Tahoma;
    font-size : 8px;
    font-weight: bold;
        vertical-align:top
}     
.spalte30 {
    display: table-cell;
    border:  0px solid blue;
    width: 30%;       
    font-family : Arial, Verdana, Tahoma;
    font-size : 8px;
    font-weight: bold;
        vertical-align:top ;
}  
.spalte40 {
        display: table-cell;
        border: 0px solid blue;
        width: 40%; 
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;     
        vertical-align:buttom; 
}       
.inputGelbRot{
 border: 2px solid #FF0000;
 background-color: #FFFFCC;
 font-size : 8px;
 }         
.inputRot{
 border: 2px solid #FF0000;
 font-size : 12px;
 }          
.spalteBorderRot {
        display: table-cell;
        border: 4px solid #FF0000;
        width: 250px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
} 
.spalte {
        display: table-cell;
        border: thin solid #04519b;
        width: 250px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
} 
.spalterot {
        display: table-cell;
        border: thin solid #04519b;
        width: 250px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        color : red;
        vertical-align:top;
}  
.spaltefussball20 {
        display: table-cell;
        border:  0px solid blue;
        width: 20%;
        height:35px;
        padding: 8px;
        line-height: 1.5em;
    font-family : Arial, Verdana, Tahoma;
    font-size : 8px;
    font-weight: bold;
        vertical-align:middle;
} 
.spaltefussball {
        display: table-cell;
        border:  0px solid blue;
        width: 100%;
        height:40px;
        padding: 12px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 10px;
    font-weight: bold;
        vertical-align:middle;
} 
.spaltefussballzwischen {
        display: table-cell;
        border:  0px solid blue;
        width: 100%;
        height:10px;
        padding: 12px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 10px;
    font-weight: bold;
        vertical-align:middle;
}
.spaltefussballtext {
        display: table-cell;
        border:  0px solid blue;
        width: 100px;
        padding: 30px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 10px;
    font-weight: bold;
        vertical-align:top
}
.spaltefussballtextkleinlinks {
        display: table-cell;
        border:  0px solid blue;
        width: 100px;
        padding: 15px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 8px;
    font-weight: bold;
        vertical-align:top;
        text-align:left;
}  
.spaltefussballtextklein {
        display: table-cell;
        border:  0px solid blue;
        width: 100px;
        padding: 15px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 8px;
    font-weight: bold;
        vertical-align:top;
}
.spaltegalerielinks {
        display: table-cell;
        display: table-cell;
        border: 0px;
        width: 30%;
        padding: 0px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 10px;
        vertical-align:top;
    text-align:left;
}
.spaltegaleriecenter {
        display: table-cell;
        display: table-cell;
        border: 0px;
        width: 25%;
        padding: 0px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 10px;
        vertical-align:top;
    text-align:center;
}
.spaltegalerierechts {
        display: table-cell;
        display: table-cell;
        border: 0px;
        width: 70%;
        padding: 0px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 10px;
        vertical-align:top;
    text-align:left;
}
.spaltekleingruen {
        display: table-cell;
        border: thin solid #04519b;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
        background-color : #25FC04;
}
.spaltekleingelb {
        display: table-cell;
        border: thin solid #04519b;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
        background-color : #F9F507;
}
.spaltekleinrot {
        display: table-cell;
        border: thin solid #04519b;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
        background-color : #F9072B;
}    
.spaltekleinorange {
        display: table-cell;
        border: thin solid #04519b;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
        background-color : #ffa500;
}
.spaltekleinblau{
        display: table-cell;
        border: thin solid #04519b;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
        background-color : #81A7CD;
}
.spaltekleingrau{
        display: table-cell;
        border: thin solid #04519b;
        width: 30px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
        background-color : #d4dbd5;
}
.spaltekleingrauLeft {
    display: table-cell;
    border: thin solid #04519b;
    width: 30px;
    padding: 5px;
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    vertical-align: top;
    background-color: #d4dbd5;
    text-align: left;
}
.spalteklein {
    display: table-cell;
    border: thin solid #04519b;
    width: 60px;
    padding: 5px;
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    vertical-align: top;
}
.spaltekleinLeft {
    display: table-cell;
    border: thin solid #04519b;
    width: 60px;
    padding: 5px;
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    vertical-align: top;
    text-align: left;
}
.spaltekleinCenter {
        display: table-cell;
        border: thin solid #04519b;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
        text-align:center;
}
.spaltekleindetailsCenter {
        display: table-cell;
        border: thin solid #04519b;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
        text-align:center;
        background-color : #EDEDED;
}
.spaltekleindetails2Center {
        display: table-cell;
        border: thin solid #04519b;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
        text-align:center;
        background-color : #BABABA;
}
.spaltekleineschrift {
        display: table-cell;
        border: thin solid #04519b;
        width: 50px;
        padding: 2px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 7px;
        vertical-align:top;
}
.spalteNoborderklein {
        display: table-cell;
        border: 0px;
        width: 50%;
        padding: 2px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 7px;
        vertical-align:top;
}
.spalteNoborderSchmal {
        display: table-cell;
        border: 0px;
        width: 20%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
}     
.spalteNoborderSchmal5 {
        display: table-cell;
        border: 0px;
        width: 5%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
}
.spalteNoborder {
        display: table-cell;
        border: 0px;
        width: 50%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
} 
.spalteNoborderMax {
        display: table-cell;
        border: 0px;
        width: 250px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
} 
.spalteNoborderRot {
    display: table-cell;
    border: 0px;
    width: 50%;
    padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
    vertical-align:top;
    color : red;
}
.spalteNoborderBlau100 {
    display: table-cell;
    border: 0px;
    width: 100%;
    padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
    vertical-align:top;
    background-color : #04519b;
}  
.spalteNoborderkleinblau{
    display: table-cell;
    border: 0px;
    width: 50px;
    padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
    vertical-align:top;
    background-color : #81A7CD;
}
.spalteNoborderCenter {
        display: table-cell;
        border: 0px;
        width: 50%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
    text-align:center;
}    
.spaltecenter {
        display: table-cell;
        border: thin solid #04519b;
        width: 250px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
    text-align:center;
}
.spalteschmal {
        display: table-cell;
        border: thin solid #04519b;
        width: 150px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top
}  
.spalteSchmal5 {
        display: table-cell;
        border: thin solid #04519b;
        width: 5%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
}     
.spalteSchmal5rechts {
        display: table-cell;
        border: thin solid #04519b;
        width: 5%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
        text-align: right;
} 
.spalteSchmal5fett {
        display: table-cell;
        border: thin solid #04519b;
        width: 5%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;            
    font-weight: bold;
        vertical-align:top;
}      
.spalteUeber5fettgrau {
        display: table-cell;
        border: thin solid #04519b;
        width: 5%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;            
    font-weight: bold;
        vertical-align:top;
        text-align: center;  
        background-color : #d4dbd5;
}         
.spalteSchmal5fettgrau {
        display: table-cell;
        border: thin solid #04519b;
        width: 5%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;            
    font-weight: bold;
        vertical-align:top;
        text-align: right;  
        background-color : #d4dbd5;
}      
.spalteSchmal5fettgraurot {
        display: table-cell;
        border: thin solid #04519b;
        width: 5%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;            
    font-weight: bold;
        vertical-align:top;
        text-align: right;  
        background-color : #d4dbd5;
        color:red;
}  
.spalteschmaldetails {
        display: table-cell;
        border: thin solid #04519b;
        width: 150px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        background-color : #EDEDED;
        vertical-align:top
}
.spalteschmaldetails2 {
        display: table-cell;
        border: thin solid #04519b;
        width: 150px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        background-color : #BABABA;
        vertical-align:top
}
.spalteNews {
        display: table-cell;
        border: 0px;
        width: 650px;
        padding: 1px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
    text-align:center;
        margin-left:2em;
}
.spalteNewsRot{
        display: table-cell;
        border: 0px;
        width: 650px;
        padding: 1px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
    color : red;
        vertical-align:top;
    text-align:center;
        margin-left:2em;
}
.spalteNewsSchmal {
        display: table-cell;
        border: 0px;
        width: 50px;
        padding: 2px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 10px;
        vertical-align:top;
    text-align:left;
}                      
.centerueberschrift {
        text-align: center;
        vertical-align: middle;
                font-family : Arial, Verdana, Tahoma;
        font-size : 18px;
        font-weight: bold;
        margin-top:1em;
        margin-bottom:1em;
        }
/**********************************************************************/

p {
        padding: 1;
        margin: 2;
        FONT-SIZE: 12px;
        line-height:17pt;
        margin-left:1em;
        margin-right:1em;
}
H1
{
  COLOR: black;
  FONT-SIZE: 20px;
  FONT-WEIGHT: bold;
        margin-left:1em;
        margin-right:1em;
}
H2
{
  COLOR: black;
  FONT-SIZE: 18px;
  FONT-WEIGHT: bold;
        margin-left:1em;
        margin-right:1em;
}
H3
{
  COLOR: black;
  FONT-SIZE: 16px;
  FONT-WEIGHT: bold;
  line-height:15pt;
  margin-top:1em;
  margin-left:1em;
  margin-right:1em;
}
H4
{
  COLOR: green;
  display:inline;
}
H7nichtFett
{
  COLOR: black;
  FONT-SIZE: 14px;
  line-height:15pt;
  margin-top:1em;
  margin-left:1em;
  margin-right:1em;
}     
H7
{
  COLOR: black;
  FONT-SIZE: 14px;
  FONT-WEIGHT: bold;
  line-height:15pt;
  margin-top:1em;
  margin-left:1em;
  margin-right:1em;
}    
H7rot
{
  COLOR: #E41B2B;
  FONT-SIZE: 14px;
  FONT-WEIGHT: bold;
  line-height:15pt;
  margin-top:1em;
  margin-left:1em;
  margin-right:1em;
}
g5 span {
  background-color: white;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  display:inline;
}
/*MEDIA QUERY*/
@media only screen and (max-width : 640px) {
        p {
        padding: 1;
        margin: 2;
        FONT-SIZE: 16px;
        line-height:17pt;
        margin-left:1em;
        margin-right:1em;
        }
        H3
        {
          COLOR: black;
          FONT-SIZE: 15px;
          FONT-WEIGHT: bold;
          line-height:15pt;
          margin-top:1em;
          margin-left:1em;
          margin-right:1em;
        }
        H2
        {
  COLOR: black;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
        margin-left:1em;
        margin-right:1em;
        }
}

/* Tabellenzellen*/
td        {
        font-family : Verdana,Arial,Tahoma;
        font-style : normal;
        font-size : 12px;
        vertical-align : top;
        line-height: 16px;
}         
.selectklein {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:thin solid #04519b;
  border-radius: 0;
  font-size: 12px;
  width: 100px;
}       
.selectklein70 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:thin solid #04519b;
  border-radius: 0;
  font-size: 12px;
  width: 80px;
} 
.selectbreit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:thin solid #04519b;
  border-radius: 0;
  font-size: 12px;
  width: 150px;
}
input[type="text"] {
  font-size: 12px;  
  width: 150px;
}     
input[type="text70"] {
  font-size: 12px;  
  width: 120px;
}        
input[type="text70Rot"] {  
  border: 2px solid #FF0000;
  font-size: 12px;  
  width: 120px;
}   
input[type="textklein"] {
  font-size: 12px;  
  width: 50px;
}      
input[type="textklein60"] {
  font-size: 12px;  
  width: 60px;
}      
input[type="textbreit"] {
  font-size: 12px;  
  width: 200px;
}                
input[type="textbreitRot"] {
  border: 2px solid #FF0000;
  font-size: 12px;  
  width: 200px;
}
input[type="text300"] {
  font-size: 12px;  
  width: 300px;
}
input[type="textcenter"] {
  font-size: 12px;  
  width: 150px;
  text-align:center;
}     
input[type="textkleincenter"] {
  font-size: 12px;  
  width: 50px;    
  text-align:center;
}
input[type="password"] {
  font-size: 12px;     
  width: 150px;
}