﻿@import url("https://fast.fonts.com/t/1.css?apiType=css&projectid=0eb3fda7-a3fd-40b3-b4c1-729db5540b1d");
@font-face{
font-family:"FrutigerLTW01-57Condens";
src:url("Fonts/8ffa1144-4066-4dd8-950c-da8d355d4ab2.eot?#iefix");
src:url("Fonts/8ffa1144-4066-4dd8-950c-da8d355d4ab2.eot?#iefix") format("eot"),url("Fonts/37f83f2e-feaa-4d2c-9993-2771ab1f3e87.woff") format("woff"),url("Fonts/b319582c-cdad-4301-9f65-3907fb8b508d.ttf") format("truetype"),url("Fonts/427db4f2-4863-482e-bdaf-da48a03e52c9.svg#427db4f2-4863-482e-bdaf-da48a03e52c9") format("svg");
}

body 
{
   margin: 0px;
   padding: 0px;
   background-color: #10314c;
   background-image: url('Images/bg.png');
   background-position: center;
   background-repeat: repeat-y;
   color: #9dacb5; /*#ced6da;*/
   font-family: 'FrutigerLTW01-57Condens';
   font-size: 14pt;
   line-height: 1.5;
}

.custombg
{
   background-repeat: no-repeat;
   background-position: center center;
   height: 100%;
   position: fixed;
   top: 0px;
   width: 100%;
   z-index: -1;
}

a 
{
   color: #ff6800;
   text-decoration: none;
   vertical-align: top;
}

a:hover
{
   color: #c35305;
   text-decoration: none;
}

a.box
{
   display: block;
   position: relative;
   top: 0px;
   border-radius: 8px;
}

a.box:hover
{
   background-image: url('Images/abg.png');
   display: block;
   position: relative;
   top: 0px;
}

a.box p
{
   color: #9dacb5;
   text-decoration: none;
}

span.boxlink
{
   position:absolute; 
   width:100%;
   height:100%;
   top:0;
   left: 0;

   /* edit: added z-index */
   z-index: 10;

   /* edit: fixes overlap error in IE7/8, 
      make sure you have an empty gif */
   /*background-image: url('empty.gif');*/   
}

.mainframe
{
   margin-left: auto;
   margin-right: auto;
   /*width: 973px;*//*979px;*/
}


img
{
   border: 0px none;   
}

.navi
{
   padding-top: 30px;
   /*padding-bottom: 30px;*/
}

.navi_ps
{
   background-image: url('Images/navi_ps.png');
   background-repeat: no-repeat;
   height: 48px;
   width: 140px;
   float: left;
   display: block;
   text-decoration: none;
}

.navi_ps:hover
{
   background-image: url('Images/navi_ps_a.png');
}

.navi_i
{
   background-image: url('Images/navi.png');
   background-repeat: repeat-x;
   height: 48px;
   width: 138px;
   float: left;
   text-align: center;
   padding-top: 15px;
   font-size: 11pt;
   display: block;
   text-decoration: none;
   color: #ced6da;
}


.navi_i:hover
{
   background-image: url('Images/navi_a.png');
   color: #3c5a6d;
}

.navi_i_active
{
   background-image: url('Images/navi_a.png');
   color: #ff6800;
}


.navi_sep
{
   background-image: url('Images/navi_sep.png');
   background-repeat: no-repeat;
   height: 48px;
   width: 1px;
   float: left;
   color: #ced6da;
}

.navi_search
{
   background-image: url('Images/navi_search.png');
   background-repeat: no-repeat;
   background-position: right;
   height: 48px;
   width: 138px;
   float: left;
   text-align: center;
   padding-top: 15px;
   font-size: 11pt;
   display: block;
   text-decoration: none;
   color: #ced6da;
}

.navi_search:hover
{
   background-image: url('Images/navi_search_a.png');
   color: #3c5a6d;
}

.navi_empty
{
   background-image: url('Images/navi.png');
   background-repeat: repeat-x;
   margin-left: 140px;
   margin-right: 20px;   
   height: 48px;
}

@media (max-width: 999px) {
  .navi_i {
     width: 105px;
  }
  .navi_search {
     width: 110px;
  }
}


#navi_hamburger
{
   background-image: url('Images/navi_search.png');
   background-repeat: no-repeat;
   height: 48px;
   float: left;
   padding-top: 5px;
   display: block;
   padding-right: 5px;
}

#navi_hamburger:hover
{
   background-image: url('Images/navi_search_a.png');
}

.subnavi
{
   clear: both;
   padding-top: 5px;
   padding-bottom: 8px;
   background-image: url('Images/hline.png');
   background-repeat: no-repeat;
   background-position: center bottom;
   font-size: 10pt;
}

.subnavi_left
{
   font-size: 18pt;
   /*font-weight:bold;*/
   color: #ced6da;
   text-decoration: none;
   float: left;
   margin-right: 20px;
   padding-left: 6px;
   /*width: 150px;*/
}

.subnavi_left:hover
{
   color: #ced6da;
}

.subnavi_right
{
   float: right;
   text-align: right;
   padding-top: 7px;
   padding-right: 5px;
}

.subnavi_right a
{
   /*background-image: url('Images/navi_button.png');
   background-repeat: no-repeat;
   display: inline-block;
   width: 90px;
   height: 22px;
   text-align: center;*/
   padding-top: 4px;
   color: #ced6da;
}

.subnavi_cont
{
   padding-top: 10px;
   /*text-align: center;*/
}

.subnavi_cont a
{
   color: #ced6da;
   text-decoration: none;
   margin-left: 10px;
   margin-right: 10px;
}

.subnavi_cont a:hover
{
   color: #3c5a6d;
}

.subnavi_cont .active
{
   color: #ff6800;
}

.content
{
   clear: both;
   padding-top: 20px;
}


.hline
{
   clear: both;
   background-image: url('Images/hlineSM.png');
   background-repeat: no-repeat;
   background-position: center -24px;
   height: 60px;
}

@media (min-width: 800px) {
  .hline {
     background-image: url('Images/hlineMD.png');
  }
}
@media (min-width: 1000px) {
  .hline {
     background-image: url('Images/hline.png');
  }
}


.imprint
{
   text-align: center;
   font-size: 8pt;
   padding-top: 10px;
   padding-bottom: 20px;
}

.socials
{
   text-align: center;
   padding-bottom: 20px;
}


.searchframe
{
   position: absolute;
   top: 50px;
   right: 0px;
   width: 282px;
   height: 68px;
   background-image: url('Images/searchbg.png');
   background-repeat: no-repeat;
   padding-top: 25px;
   padding-left: 15px;
   display: none;
   z-index: 1;
}

.clear
{
   clear: both;
}

.error
{
   color: #ff6800;
   /*font-weight: bold;*/
   font-style: italic;
}

.footer
{
   padding-top: 60px;
}

.clear
{
   clear: both;  
}

td
{
   vertical-align: top;
   border: 0px none;
}

th
{
   font-weight: normal;
   text-align: left;
   border: 0px none;
}

.control
{
   font-family: 'FrutigerLTW01-57Condens';
   color: #000000;
   font-size: 14pt;
   padding: 0px;
   border-width: 0px;
   background-color: #9dacb5;
}

.control100 
{
   font-family: 'FrutigerLTW01-57Condens';
   color: #000000;
   font-size: 14pt;
   width: 100%;
   padding: 0px;
   border-width: 0px;
   background-color: #9dacb5;
}

.button
{
   font-family: 'FrutigerLTW01-57Condens';
   color: #000000;
   font-size: 14pt;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 10px;
   padding-right: 10px;
   border: 1px solid #2d4656;
   background-color: #0c2a3d;
   color: #9dacb5;
   border-style: outset;
}

.dev
{
   background-color: #c35305;
   color: #000000;
   border: 1px solid #ff6800;
   text-align: center;
   font-family: Arial;
   font-weight: bold;
   position:fixed;
   width: 100%;
   z-index: 1000;
   padding: 0px;
   margin: 0px;
   font-size: 12pt;
}

.boximg
{
   width: 100%;
   min-width: 100%;
   height: auto;
}


.hamburgernavi
{
   margin-top: 10px;
   font-size: 18pt;
   color: #3c5a6d;
   text-decoration: none;
   background: #ced6da;
   border-radius: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 20px;
   display: none;
}

.hamburgernavi a
{
   color: #3c5a6d;
   text-decoration: none;
}

.hamburgernavi .active 
{
   color: #ff6800;
}

.smsubnavi
{
   font-size: 10pt;
   margin-top: 0px;
   margin-bottom: 10px;
   padding-left: 20px;
}

.smsubnavi li
{
   float: none;
}

#cookieconsent
{
   background-image: url('Images/navi_a.png');
   color: #ced6da;
   border: 1px solid #ff6800;
   text-align: center;
   /*position:fixed;*/
   width: 100%;
   padding: 8px;
   margin: 0px;
   font-size: 12pt;
}

#cookieconsent .control
{
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 10px;
   padding-right: 10px;
}

#cookieconsent a
{
    vertical-align: inherit;
}

p.privacy
{
   font-size: 10pt;
}