﻿body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
        margin:0;
        padding:0;
        font-family: 'dinprointersport-regularRg', Arial, Helvetica, sans-serif;
        zoom: 1;
}
/* Fonts :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@font-face {
 font-family: 'dinprointersport-regularRg';
 src: url('../font/dinprointersport-regular-webfont.eot');
 src: url('../font/dinprointersport-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../font/dinprointersport-regular-webfont.woff2') format('woff2'),  url('../font/dinprointersport-regular-webfont.woff') format('woff'),  url('../font/dinprointersport-regular-webfont.ttf') format('truetype'),  url('../font/dinprointersport-regular-webfont.svg#dinprointersport-regularRg') format('svg');
 font-weight: normal;
 font-style: normal;
}


/** Generated by FG **/
@font-face {
        font-family: 'Conv_DINProIntersport-Bold';
        src: url('../font/DINProIntersport-Bold.eot');
        src: local('☺'), url('../font/DINProIntersport-Bold.woff') format('woff'), url('../font/DINProIntersport-Bold.ttf') format('truetype'), url('../font/DINProIntersport-Bold.svg') format('svg');
        font-weight: normal;
        font-style: normal;

         }


a {
    outline: 0;
}
.header {
        height: auto;
        width: 100%;
        z-index: 10;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #333;
        background: linear-gradient(top, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
        background: -moz-linear-gradient(top, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
        background: -webkit-linear-gradient(top, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
        background: -ms-linear-gradient(top, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
        background: -o-linear-gradient(top, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1B4ABE, endColorstr=#16388C, GradientType=1);
        background-color:#1841a5;
}
.header {
         font-size: 1em;
         color:#FFFFFF;
         font-weight: bold;
         text-align: left;
         line-height: 2.3em;


        }
.zentriert {
        max-width:950px;
        z-index:12;
        margin-right: auto;
        margin-left: auto;

        }

.logo {
        height: auto;
        width: auto;
        float: right;
        padding-top:0.3em;

}
.logo img {
        padding:0.3em 0.7em;
        margin-left:1%;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        behavior: url(border-radius.htc);
        background: linear-gradient(left, #E6E6E6 0%, #D7D7D7 50%, #C8C8C8 100%);
        background: -moz-linear-gradient(left, #E6E6E6 0%, #D7D7D7 50%, #C8C8C8 100%);
        background: -webkit-linear-gradient(left, #E6E6E6 0%, #D7D7D7 50%, #C8C8C8 100%);
        background: -ms-linear-gradient(left, #E6E6E6 0%, #D7D7D7 50%, #C8C8C8 100%);
        background: -o-linear-gradient(left, #E6E6E6 0%, #D7D7D7 50%, #C8C8C8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6E6E6, endColorstr=#C8C8C8, GradientType=1);
        background-color:#d7d7d7;
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3)  progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2)  progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3)  progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2)  progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3)  progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=2)  progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3)  progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=2);
        -moz-box-shadow: 0 0 5px #222;
        -webkit-box-shadow: 0 0 5px #222;
        box-shadow: 0 0 5px #222;
}

.main {
         width: 100%;
         float:left;
         }
.left, .right {
         width:49%;
         margin:0 0.5%;
         float:left;
         font-size:0.5em;
         text-align:center;
         color:#ffffff;
         }

.headl, .headr  {
        color: #ffffff;
        margin-bottom: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        behavior: url(border-radius.htc);
        text-decoration: none;
        text-align:center;

        }
.headl {
        background: linear-gradient(left, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
        background: -moz-linear-gradient(left, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
        background: -webkit-linear-gradient(left, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
        background: -ms-linear-gradient(left, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
        background: -o-linear-gradient(left, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1B4ABE, endColorstr=#16388C, GradientType=1);
        background-color:#1841A5;

        }
.headr  {
         background: linear-gradient(left, #E20613 0%, #D20613 50%, #C20613 100%);
        background: -moz-linear-gradient(left, #E20613 0%, #D20613 50%, #C20613 100%);
        background: -webkit-linear-gradient(left, #E20613 0%, #D20613 50%, #C20613 100%);
        background: -ms-linear-gradient(left, #E20613 0%, #D20613 50%, #C20613 100%);
        background: -o-linear-gradient(left, #E20613 0%, #D20613 50%, #C20613 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E20613, endColorstr=#C20613, GradientType=1);
        background-color:#D20613;

        }

#grid1, #grid2 {
         font-family:'Conv_DINProIntersport-Bold',Sans-Serif, Arial; 
         text-align:left;
         font-weight: 900;
         font-size: 28px;
}
k-grid-header {
          font-family:'Conv_DINProIntersport-Bold',Sans-Serif, Arial;
}

.bottom {
        height: 2.2em;
        width: 100%;
        z-index: 10;
        background: linear-gradient(top, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
        background: -moz-linear-gradient(top, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
        background: -webkit-linear-gradient(top, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
        background: -ms-linear-gradient(top, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
        background: -o-linear-gradient(top, #1B4ABE 0%, #1841A5 50%, #16388C 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1B4ABE, endColorstr=#16388C, GradientType=1);
        background-color:#1841a5;
}
.bottom {
         font-size: 0.8em;
         color:#FFFFFF;
         font-weight: bold;
         text-align: left;
         position:fixed;
         bottom:0px;
         margin:0;
         padding:0;

        }

.laufschrift {
width: 80%;
 float:left;
height:auto;
margin-top:20px;
}



#clock {
  width: 380px;
  height:2.2em;
  float:left;
  margin: 0px 0px 0px 0px;;
  padding: 0px 0px;
  font-size: 1.3em;

  border-left-color:#FFFFFF;
border-left-style: solid;
border-left-width:4px;


  }
#time {
  font-size: 1.3em;
  text-align: center;
  margin-top:5px;

  }
#time span {
  display: inline-block;
  text-align: center;
  }