/* Start: Footer klebt am unteren Ende der Seite */
html, body {height: 100%;}
#page {position: relative;min-height: 100%;margin: 0 auto;background-color:#eeeeee;}
#pagecont {padding-bottom: 100px;}
#footer {width:100%;height: 50px;background-color:#303030; #ffffff;position:absolute;bottom: 0;}
/* EndeFooter klebt am unteren Ende der Seite */


body    {
        background-color: #777777;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        font-weight: normal;
        font-size: 9pt;
        }

h1      {
        font-family : Arial, Verdana, Helvetica, sans-serif;
        font-size: 20pt;
        font-weight: normal;
        font-style : normal;
        text-align : normal;
        line-height: 20pt;
        color : #000000;
        text-decoration : none;
        }

h2      {
        //font-family : Arial, Verdana, Helvetica, sans-serif;
        font-family : 'Exo', 'sans-serif';
        font-size : 38pt;
        font-weight: 500;
        font-style : normal;
        text-align : normal;
        line-height: 38pt;
        color : #000000;
        text-decoration : none;
        margin-bottom:20px;
        }

h3      {
        display: inline;
        //font-family : Segoe UI, sans-serif;
        font-family : 'Exo', 'sans-serif';
        font-size : 26pt;
        font-weight: 400;
        font-style : normal;
        text-align : normal;
        font-stretch: expanded;
        letter-spacing: -0.05em;
        line-height: 36pt;
        color : #000000;
        text-decoration : none;
        margin-bottom:5px;
        }
        
.h3-marker {
        display : inline;
        color : rgba(255, 0, 0, 0.5);
        font-size : 40px;
        line-height : 50px;
        margin-left : 0px;
        margin-right : 5px;
        }

h4      {
        display: inline;
        //font-family : Segoe UI, sans-serif;
        font-family : 'Exo', 'sans-serif';
        font-size : 20pt;
        font-weight: normal;
        font-style : normal;
        text-align : normal;
	margin-bottom: 0.5em;
        line-height: 30pt;
        color : #000000;
        text-decoration : none;
        margin-bottom : 5pt;
        }

.h4-marker {
        display : inline;
        color : rgba(0, 80, 0, 0.6);
        font-size : 30px;
        line-height : 30px;
        margin-left : 0px;
        margin-right : 5px;
        }


h5      {
        font-family : Arial, Verdana, Helvetica, sans-serif;
        font-size : 10pt;
        font-weight: normal;
        font-style : normal;
        text-align : normal;
        line-height: 12pt;
        color : #000000;
        text-decoration : none;
        }

h6      {
        font-family : Arial, Verdana, Helvetica, sans-serif;
        font-size : 8pt;
        font-weight: normal;
        font-style : normal;
        text-align : normal;
        line-height: 10pt;
        color : #000000;
        text-decoration : none;
        }


.tabellen_bild_text {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color : #000000;
        text-decoration : none;
        }


.topheader {
        //font-family: Verdana, Arial, Helvetica, sans-serif;
        font-family : 'Exo', 'sans-serif';
        font-size: 54pt;
        line-height : 40pt;
        color: #fff;
        text-decoration: none;
        font-weight: 500;
        }


.fliesstext {
        //font-family : Verdana, Arial, Helvetica, sans-serif;
        font-family : 'Roboto', 'sans-serif';
        font-size: 11pt;    //10
        font-weight: 500;
        line-height: 1.2em;
        color : #000000;
        text-decoration : none;
        }


.lockedinput {
        border : 1px;
        border-color : #FF0000;
        margin : 1px;
        }

a.fliesstext:link    {
        font-family : 'Roboto', 'sans-serif';
        font-weight: 600;
        color: #20A000;
        text-decoration : none;
        }

a.fliesstext:visited    {
        font-family : 'Roboto', 'sans-serif';
        font-weight: 600;
        color: #20A000;
        text-decoration : none;
        }

a.fliesstext:hover    {
        font-family : 'Roboto', 'sans-serif';
        font-weight: 600;
        text-decoration : none;
        color: #999999;
        }

a.fliesstext:active    {
        font-family : 'Roboto', 'sans-serif';
        font-weight: 600;
        color: #20A000;
        text-decoration : none;
        }

.listtable {
        font-family : 'Roboto', 'sans-serif';
        font-size: 8pt;
        color : #000000;
        text-decoration : none;
        }

.receipttable {
        font-size: 12pt;
        }

.receipttable th {
        padding-left: 5px;
        }

.receipttable td {
        padding: 5px;
        }

img     {
        border : none;
        }

a.listtable:link {
        color : #000000;
        }

a.listtable:visited {
        }

a.listtable:hover {
        color : #CCCCCC;
        }

a.listtable:active {
        }

.listheader {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        color : #FFFFFF;
        text-decoration : none;
        }

.copyright {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 7pt;
        color : #FFFFFF;
        }

a.copyright:link    {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        text-decoration : none;
        }

a.copyright:visited    {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        text-decoration : none;
        }

a.copyright:hover    {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        color: #999999;
        text-decoration : none;
        }

a.copyright:active    {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        text-decoration : none;
        }



.exp    {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 9pt;
        text-decoration : none;
        }

a.exp:link    {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 9pt;
        }

a.exp:visited    {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 9pt;
}

a.exp:hover    {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 9pt;
        text-decoration : underline;
        }

a.exp:active    {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 9pt;
        }

.nav1    {
        color: #FFFFFF;
        text-align: left;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 10pt;
        line-height: 16pt;
        text-decoration : none;
        background-color: #00A000;
        border-width: 1px;
        border-style: solid;
        border-color: #006600;
        border-radius: 2px;
        padding: 8px;
        margin-right: 4px;
        }

a.nav1:link    {
        }

a.nav1:visited    {
        }

a.nav1:hover    {
        color: #005500;
        background-color: #00C000;
        border-color: #999999;
        }

a.nav1:active    {
        }

.test   {
        border-width: 0px;
        border-style: solid;
        border-color: #0;
        border-radius: 0px;
}

.nav2    {
        height:30px;
        //width:100px;
        border:1px solid #0;
        color: #000000;
        padding: 2px;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        background-color: #F8F8F8;
        text-align: left;
        font-size: 9pt;
        line-height: 9pt;
        text-decoration : none;
        vertical-align:middle;
        font-weight: bold;
        }

table.nav2:link    {
        font-weight: bold;
        }

table.nav2:visited    {
        font-weight: bold;
        }

table.nav2:hover    {
        font-weight: bold;
        border-color: #777777;
        background-color: #777777;
        color: #FFFFFF;
        }

table.nav2:active    {
        font-weight: bold;
        }


.nav3    {
        color: #000000;
        border:1px solid grey;
        padding:2px;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        background-color: #F8F8F8;
        text-decoration : none;
        font-weight: bold;
        }

div.nav3:link    {
        }

div.nav3:visited     {
        }

.nav3:hover    {
        color: #FFFFFF;
        border-color: #777777;
        background-color: #777777;
        }

div.nav3:active    {
        }


.infonav {
        color: #000000;
        padding: 3px;
        border-width: 1px;
        border-style: solid;
        border-color: #777777;
        border-radius: 4px;
        background-color: #ccc;
        text-align: left;
        font-size: 8pt;
        line-height: 9pt;
        text-decoration : none;
        }

a.infonav:link    {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        }

a.infonav:visited    {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        }

a.infonav:hover    {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        border-color: #555;
        background-color: #aaa;
        color: #FFFFFF;
        }

a.infonav:active    {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        }




.SeasonTabs  {
        font-family : Roboto;
        color: #000000;
        padding: 5px;
        border: 1px solid #777777;
        border-radius: 0px;
        background-color: #ccc;
        float:left;
        width:80px;
        text-align: center;
        margin-right: -1px;
        }

.SeasonTabLabel  {
        font-family : Roboto;
        color: #000000;
        font-size: 10pt;
        line-height: 10pt;
        text-decoration : none;
        }

a.SeasonTabLabel:link    {
        font-weight: normal;
        }

a.SeasonTabLabel:visited    {
        font-weight: normal;
        }

a.SeasonTabLabel:hover    {
        color: #999999;
        font-weight: bold;
        }

a.SeasonTabLabel:active    {
        font-weight: bold;

        }




.LnFArticleBox
        {
        visibility: hidden;
        position: fixed;
        margin-right: auto; /* Abstand rechts - relativ */
        margin-left: auto; /* Abstand links - relativ */
        top: 60px;
        background-color: white;
        border: 2px solid grey;
        width: 770px;
        height: 600px;
        z-index: 2;
        padding-left: 20px;
        padding-right: 20px;
        }
        
        
.PDFArticleBox
        {
        visibility: hidden;
        position: fixed;
        margin-right: auto; /* Abstand rechts - relativ */
        margin-left: auto; /* Abstand links - relativ */
        top: 40px;
        background-color: white;
        border: 2px solid grey;
        border-radius: 10px 10px 0px 0px;
        width: 1000px;
        height: 700px;
        z-index: 2;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        box-shadow: 10px 10px 15px black;
        }
        
.shadowedbox           {
        width : 300px;
        height : 260px;
        background-color : #404040;
        box-shadow: 10px 10px 15px gray;
        padding : 5px;
        }

.picbox {
        width : 100%;
        height : 200px;
        background-repeat: no-repeat;
        }

.textbox {
        font-family : 'Exo', 'sans-serif';
        font-size : 12pt;
        font-weight: normal;
        font-style : normal;
        text-align : center;
        line-height: 16pt;
        text-decoration : none;
        color : white;
        padding-top : 12px;
        }
        
.imprint_title {
        display:inline;
        font-size:13pt;
        font-family:Exo;
        font-weight:500;
        line-height:22px;
        vertical-align:top;
        }
        
.imprint_text {
        font-size:13pt;
        font-family:Exo;
        font-weight:400;
        line-height:22px;
        vertical-align:top;
        }

.loggoffpic {
        width:32px;
        height:32px;
        vertical-align:middle;
        background:url(./Pics/LogOff3.png) no-repeat;
        background-size:32px;
        }

.loggoffpic:hover {
        width:32px;
        height:32px;
        vertical-align:middle;
        background:url(./Pics/LogOff3red.png) no-repeat;
        background-size:32px;
        }