/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
body {
	padding: 0;
	margin: 0;
    font: 14pt; font-family: 'Lato', sans-serif;
 line-height:1.42857143;
 color: #222;
 	background: #435A79;
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #435A79), color-stop(1, #04172A));
	background-image: -o-linear-gradient(top, #435A79, #04172A);
	background-image: -moz-linear-gradient(top, #435A79, #04172A);
	background-image: -webkit-linear-gradient(top, #435A79, #04172A);
	background-image: linear-gradient(to bottom, #435A79, #04172A)
 }

a:link{text-decoration:none; color:#04172A; }
a:visited{text-decoration:none; color:#04172A; }
a:hover{text-decoration:underline; color: #435A79;}
a.active{text-decoration:underline;color: #435A79;}


img {
  height: auto;
  max-width: 100%;
}


 ul li{
	padding: 0;
	margin: 0;
	list-style-type: none;   }




.container {

 background-color:white;


}


.container-fluid   {
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-color: #435A79;

}
.header {

    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-color: #435A79;
}

.text     { padding-top: 180px;
    color: #222;
    font-size: 12pt;
}

a {
	text-decoration: none;
}

h1{
text-align: center;
font: 27pt Lato;
color:white;
font-weight:bold;

}

.kleiner{
font: 16pt Lato;
color:white;
font-weight:bold;
margin: 0;
text-align: right;
}


h2{
font: 17pt Lato;
color:#555555; ;
font-weight:bold;
line-height:1.5;
/*letter-spacing: 1px; */

}
h3{

font-family: 'Lato', sans-serif;  font-size:17pt;
color:#555555; ;
font-weight:bold;
line-height:1.5;

}

.extra {
    background: url('images/bg-player.png');
    font-family: 'Lato', sans-serif;
    padding:10px;
    color: #04172A;
    line-height:1.5;
    border-top: 1px solid #D8D8D8; ;
      border-bottom: 1px solid #D8D8D8; ;
    letter-spacing: 1px;
}


  h3, h4 {
      margin: 10px 0 30px 0;
      font-size: 20px;
      color: #111;
  }


.td {
    text-align: left;
    font-size: 9pt;
      font-family: 'Lato', sans-serif;


}.td1 {
    text-align: center;
    font-size: 9pt;
      font-family: 'Lato', sans-serif;
        margin: auto;
    {vertical-align: middle;}
}

.td-oben {
    vertical-align: top;
    padding-top: 20px;
}

  .btn {
      padding: 0px 0px;
      background-color: #333;
      color: #f1f1f1;
      border-radius: 0;
      transition: .2s;
       border: 1px solid #D8D8D8; ;
  }
  .btn:hover, .btn:focus {
      border: 1px solid #333;
      background-color: #D5D5D5;
      color: #000;
  }
  .modal-header, h4, .close {
      background-color: #333;
      color: #fff !important;
      text-align: center;
      font-size: 30px;
  }
  .modal-header, .modal-body {
      padding: 40px 50px;
  }
  .nav-tabs li a {
      color: #222;
  }



  .navbar {
      font-family: Lato, sans-serif;
      padding: 0px;  margin:0px;
      border-bottom: 2px solid #D8D8D8;
      box-shadow: 2px 2px 4px #222;
      font-size: 13px !important;
      font-weight: bold;
      letter-spacing: 1px;

  }

  .navbar li a, .navbar  {
      color: #222 !important;
  border-bottom: 1px solid #D8D8D8;
  }


  .navbar-nav li  {
      background-color: white;
      border-top: 1px solid #D8D8D8;
      border-left:1px solid #D8D8D8;
      border-right: 1px solid #D8D8D8;
      box-shadow: 2px 2px 4px #222;
  }


  .navbar-nav li a:hover {
      color: #D8D8D8 !important;
  }
  .navbar-nav li.active a {
      color: white !important;
      background-color: #04172A !important;
   border-top: 1px solid #D8D8D8;
  }

    .navbar-nav li.active a:hover {
     color: #D8D8D8 !important;
  }


  .navbar-default .navbar-toggle {
      border-color: #D8D8D8;
  }
  .open .dropdown-toggle {
      color: #fff;
      background-color: #555 !important;
  }
  .dropdown-menu li a {
      color: #000 !important;
  }
  .dropdown-menu li a:hover {

      background-color: white !important;

  }
  footer {
      border-top: 2px solid #D8D8D8;
      box-shadow: 2px 2px 4px #222;
      background-color: #04172A;
       font-size: 10pt;
      color: #f5f5f5;
      padding: 32px;
  }


footer a:link{text-decoration:none; color:#f5f5f5;}
footer a:visited{text-decoration:none; color:#f5f5f5;}
footer a:hover{text-decoration:underline;}
footer a.active{text-decoration:underline;}


a.back-to-top {
                display: none;
                width: 22px;
                height: 22px;
                text-indent: -9999px;
                position: fixed;
                z-index: 999;
                right: 10px;
                bottom: 20px;
                background: #04172A url("images/up-arrow.png") no-repeat center 43%;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
}
  textarea {
      resize: none;
  }
.imp {
font-family: arial;    font-size: 9pt;   font-weight: normal;
    text-align: justify;
}

@media screen and (max-width: 999px) {

h1{
font-size:24pt;
line-height: 22pt; }


 .kleiner
       {
           font-size:11pt;
           letter-spacing:0;
           text-align: left;
                  }


                  }


@media screen and (max-width: 768px) {
table {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {/*background: #f0f0f0;*/
 font-weight:normal;font-size:11pt;}
tbody td {display: block;  text-align:left;}
tbody td:before {
    content: attr(data-th);
    display: block;
    text-align:left;
  }
body
 {
           font-size:13pt;
       }

.extra, h1, .kleiner
       {
           font-size:12pt;
           letter-spacing:0;
           text-align: left;
                  }

table,
       {
           font-size:12pt;
           letter-spacing:0;
       }
.text     { padding-top: 130px; }}

 @media only screen and (max-width: 480px) {

   .text     { padding-top: 140px; }

.no-mobile {
    display: none; }

    .td1 {
    text-align: left;

}
}