@import 'reset.css';
@import 'text.css';

@font-face {
  font-family: Calibri;
  src: local("Calibri"), url("fonts/calibri.ttf") format("truetype");
}

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
  color: #333;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
  font-style: normal; 
  font-weight: normal;
  overflow-x:hidden;
  min-width: 420px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
}
h2 {
  color: rgb(12,146,140);
  text-transform: uppercase;
  margin: 0;
}
h5 {
  margin: 0;
  font-weight: bold;
}

html.range_0 h5 { font-size:  8pt; width: 350px; } 
html.range_1 h5 { font-size:  9pt; width: 390px; } 
html.range_2 h5 { font-size: 10pt; width: 480px; } 
html.range_3 h5 { font-size: 11pt; width: 650px; } 
html.range_4 h5 { font-size: 12pt; width: 650px; } 
html.range_5 h5 { font-size: 13pt; width: 780px; } 
html.range_6 h5 { font-size: 14pt; width: 960px; } 

html.range_0 h2 { font-size:  8pt; margin-top:  6px; height:  5px; width: 350px; }  
html.range_1 h2 { font-size:  9pt; margin-top:  8px; height:  5px; width: 390px; }  
html.range_2 h2 { font-size: 10pt; margin-top: 10px; height:  6px; width: 480px; }  
html.range_3 h2 { font-size: 11pt; margin-top: 12px; height:  7px; width: 650px; }  
html.range_4 h2 { font-size: 12pt; margin-top: 14px; height:  8px; width: 650px; }  
html.range_5 h2 { font-size: 13pt; margin-top: 16px; height:  9px; width: 780px; }  
html.range_6 h2 { font-size: 14pt; margin-top: 18px; height: 10px; width: 960px; }  

a {
  color: #06c;
  text-decoration: none;
}

a:hover {
  color: #c60;
}

small {
  font-size: 11px;
}

/* `Misc Classes
----------------------------------------------------------------------------------------------------*/

.align_center {
  text-align: center;
}

.align_right {
  text-align: right;
}

/* `Data Table
----------------------------------------------------------------------------------------------------*/

.data,
.data th,
.data td {
  border-style: solid;
  border-color: #ddd;
}

.data {
  border-width: 0 1px 1px;
  width: 100%;
}

.data caption {
  padding: 0 10px 5px;
  text-transform: uppercase;
}

.data th,
.data td {
  border-top-width: 1px;
  padding: 5px 10px;
}

.data th {
  white-space: nowrap;
}

.data thead th {
  background: #eee;
  font-weight: bold;
  text-shadow: #fff 0 1px 0;
}

.data tbody th {
  width: 1px;
}

.data tr th:first-child {
  text-align: right;
}

/* `Code
----------------------------------------------------------------------------------------------------*/

pre,
code {
  font-size: 12px;
  font-family: Menlo, Courier, monospace;
}

pre,
.notice {
  background: #ffe;
  border: 1px solid;
  border-color: #eed #ccb #bba #ddc;
  overflow: auto;
  padding: 10px 0 10px 10px;
}

* html pre {
  overflow: hidden;
  width: 97%;
}

code {
  background: #ff9;
  padding: 0 2px;
}


.header {
  border-bottom: 0px solid #ccc;
  padding: 0;
}
html.range_0 .header { background: #fff url("../images/header_mobile.jpg")     no-repeat left center;
                       margin-top:  9px; margin-bottom: 9px; width: 400px; }
html.range_1 .header { background: #fff url("../images/header_720.jpg")     no-repeat right center;
                       margin-top: 10px; margin-bottom: 9px; }
html.range_2 .header { background: #fff url("../images/header_960.jpg")     no-repeat right center;
                       margin-top: 15px; margin-bottom: 12px; }
html.range_3 .header { background: #fff url("../images/header_1200.jpg")    no-repeat right center;
                       margin-top: 20px; margin-bottom: 15px; }
html.range_4 .header { background: #fff url("../images/header_1600.jpg")    no-repeat right center;
                       margin-top: 25px; margin-bottom: 18px; }
html.range_5 .header { background: #fff url("../images/header_1940.jpg")    no-repeat right center;
                       margin-top: 30px; margin-bottom: 21px; }
html.range_6 .header { background: #fff url("../images/header_2540.jpg")    no-repeat right center;
                       margin-top: 35px; margin-bottom: 24px; }

.headerimage {
  display: none;
  float: left;
}
html.range_0 .headerimage { padding-left: 10px; height:  70px; }
html.range_1 .headerimage { padding-left: 15px; height: 105px; }
html.range_2 .headerimage { padding-left: 20px; height: 140px; }
html.range_3 .headerimage { padding-left: 25px; height: 180px; }
html.range_4 .headerimage { padding-left: 30px; }
html.range_5 .headerimage { padding-left: 35px; }
html.range_6 .headerimage { padding-left: 40px; }

.menutop {
  float: right;
}
html.range_0 .menutop { margin-top:  6px; margin-right:  8px; font-size: 8pt; }
html.range_1 .menutop { margin-top: 11px; margin-right: 14px; font-size: 9pt; }
html.range_2 .menutop { margin-top: 15px; margin-right: 19px; font-size: 10pt; }
html.range_3 .menutop { margin-top: 19px; margin-right: 24px; font-size: 10pt; }
html.range_4 .menutop { margin-top: 23px; margin-right: 29px; font-size: 11pt; }
html.range_5 .menutop { margin-top: 27px; margin-right: 34px; font-size: 12pt; }
html.range_6 .menutop { margin-top: 31px; margin-right: 39px; font-size: 13pt; }

.menutop a {
  color: #000;
  padding-left: 20px;
}
.menutop #current {
  color: rgb(48,134,156);
}

.menu {
  clear: both;
  background: rgba(12,146,140, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#190C928C, endColorstr=#190C928C);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#190C928C, endColorstr=#190C928C)";
}
.menutxt  {
}
html.range_0 .menutxt { font-size:  8pt; padding-top: 6px; padding-bottom: 5px; padding-left: 10px; }
html.range_1 .menutxt { font-size: 10pt; padding-top: 6px; padding-bottom: 5px; padding-left: 19px; }
html.range_2 .menutxt { font-size: 13pt; padding-top: 6px; padding-bottom: 5px; padding-left: 19px; }
html.range_3 .menutxt { font-size: 15pt; padding-top: 6px; padding-bottom: 5px; padding-left: 19px; }
html.range_4 .menutxt { font-size: 17pt; padding-top: 6px; padding-bottom: 5px; padding-left: 19px; }
html.range_5 .menutxt { font-size: 19pt; padding-top: 6px; padding-bottom: 5px; padding-left: 19px; }
html.range_6 .menutxt { font-size: 21pt; padding-top: 6px; padding-bottom: 5px; padding-left: 19px; }

.menutxt a {
  color: #000;
}
html.range_0 .menutxt a { padding-left:   4px; }
html.range_1 .menutxt a { padding-left:  30px; }
html.range_2 .menutxt a { padding-left:  45px; }
html.range_3 .menutxt a { padding-left:  70px; }
html.range_4 .menutxt a { padding-left: 128px; }
html.range_5 .menutxt a { padding-left: 180px; }
html.range_6 .menutxt a { padding-left: 256px; }
/* used for IE -> first-child doesn't work */
html.range_0 .menutxt a:first-child,
html.range_1 .menutxt a:first-child,
html.range_2 .menutxt a:first-child,
html.range_3 .menutxt a:first-child,
html.range_4 .menutxt a:first-child,
html.range_5 .menutxt a:first-child,
html.range_6 .menutxt a:first-child {
  padding-left: 0px;
}
.menutxt #current {
  color: rgb(48,134,156);
}

.dottedline {
  float: left;
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap;
  letter-spacing: 0.15em;
  overflow-x: hidden;
  -ms-overflow-x: hidden;
}
html.range_0 .dottedline { margin-bottom:  2px; width: 388px; }
html.range_1 .dottedline { margin-bottom:  2px; width: 570px; }
html.range_2 .dottedline { margin-bottom:  4px; width: 768px; }
html.range_3 .dottedline { margin-bottom:  6px; width: 964px; }
html.range_4 .dottedline { margin-bottom:  8px; width: 1264px; }
html.range_5 .dottedline { margin-bottom: 10px; width: 1564px; }
html.range_6 .dottedline { margin-bottom: 12px; width: 2164px; }

.dottedleft, .dottedright {
  font-size: 14px;
  float: left;
  font-weight: bold;
  white-space: nowrap;
  letter-spacing: 0.15em;
  overflow-x: hidden;
  -ms-overflow-x: hidden;
}
html.range_0 .dottedleft { margin-bottom:  2px; width: 300px; }
html.range_1 .dottedleft { margin-bottom:  2px; width: 300px; }
html.range_2 .dottedleft { margin-bottom:  4px; width: 400px; }
html.range_3 .dottedleft { margin-bottom:  6px; width: 512px; }
html.range_4 .dottedleft { margin-bottom:  8px; width: 620px; }
html.range_5 .dottedleft { margin-bottom: 10px; width: 760px; }
html.range_6 .dottedleft { margin-bottom: 12px; width: 920px; }

html.range_0 .dottedright { margin-bottom: 2px; width: 100px; }
html.range_1 .dottedright { margin-bottom: 2px; width: 100px; }
html.range_2 .dottedright { margin-bottom: 4px; width: 160px; }
html.range_3 .dottedright { margin-bottom: 6px; width: 200px; }
html.range_4 .dottedright { margin-bottom: 8px; width: 290px; }
html.range_5 .dottedright { margin-bottom: 8px; width: 380px; }
html.range_6 .dottedright { margin-bottom: 8px; width: 470px; }

.dottedend {
  display: none;
  margin-left: 4px;
}

.headline {
  clear: both;
}
.textstd a {
    text-decoration: none;
    color: rgb(51, 51, 51);
}
.textimpressum li a {
    text-decoration: none;
    color: rgb(51, 51, 51);
}
.textimpressum3 a {
    text-decoration: none;
    color: rgb(51, 51, 51);
}
.versatz {
    position: relative;
    z-index: 99;
}

html.range_0 .headline { font-size:  9pt;   line-height: 16px; width: 350px; }
html.range_1 .headline { font-size: 10.5pt; line-height: 20px; width: 390px; }
html.range_2 .headline { font-size: 14pt;   line-height: 24px; width: 480px; }
html.range_3 .headline { font-size: 16pt;   line-height: 28px; width: 650px; }
html.range_4 .headline { font-size: 18pt;   line-height: 32px; width: 650px; }
html.range_5 .headline { font-size: 20pt;   line-height: 36px; width: 780px; }
html.range_6 .headline { font-size: 22pt;   line-height: 40px; width: 960px; }

html.range_0 .versatz { clear: both; }
html.range_1 .versatz { margin-left: 50px; }
html.range_2 .versatz { margin-left: 46px; }
html.range_3 .versatz { margin-left: 64px; }
html.range_4 .versatz { margin-left: 64px; }
html.range_5 .versatz { margin-left: 64px; }
html.range_6 .versatz { margin-left: 64px; }

html.range_0 .textprofil { width: 350px; }
html.range_1 .textprofil { width: 362px; }
html.range_2 .textprofil { width: 446px; }
html.range_3 .textprofil { width: 520px; }
html.range_4 .textprofil { width: 650px; }
html.range_5 .textprofil { width: 780px; }
html.range_6 .textprofil { width: 960px; }

html.range_0 .textprofil li { font-size:  8pt; line-height: 15px; padding-left:  6px; }
html.range_1 .textprofil li { font-size:  8pt; line-height: 15px; padding-left:  6px; }
html.range_2 .textprofil li { font-size:  8pt; line-height: 17px; padding-left:  6px; }
html.range_3 .textprofil li { font-size: 10pt; line-height: 19px; padding-left:  8px; }
html.range_4 .textprofil li { font-size: 11pt; line-height: 21px; padding-left: 10px; }
html.range_5 .textprofil li { font-size: 12pt; line-height: 23px; padding-left: 10px; }
html.range_6 .textprofil li { font-size: 13pt; line-height: 25px; padding-left: 12px; }

html.range_0 .textlist { width: 350px; font-size:   8pt; }
html.range_1 .textlist { width: 390px; font-size:   8pt; }
html.range_2 .textlist { width: 480px; font-size:   9pt; }
html.range_3 .textlist { width: 650px; font-size:  10pt; }
html.range_4 .textlist { width: 650px; font-size:  12pt; }
html.range_5 .textlist { width: 780px; font-size:  13pt; }
html.range_6 .textlist { width: 960px; font-size:  14pt; }

html.range_0 .textlist li { padding-left:  6px; }
html.range_1 .textlist li { padding-left:  8px; }
html.range_2 .textlist li { line-height: 17px; padding-left:  9px; }
html.range_3 .textlist li { line-height: 19px; padding-left: 10px; }
html.range_4 .textlist li { padding-left: 11px; }
html.range_5 .textlist li { padding-left: 12px; }
html.range_6 .textlist li { padding-left: 13px; }

html.range_0 .textbold { font-size:  8pt; }
html.range_1 .textbold { font-size:  8pt; }
html.range_2 .textbold { font-size: 10pt; }
html.range_3 .textbold { font-size: 11pt; }
html.range_4 .textbold { font-size: 12pt; }
html.range_5 .textbold { font-size: 13pt; }
html.range_6 .textbold { font-size: 14pt; }

html.range_0 .textstd { font-size:  8pt; line-height: 13px; }
html.range_1 .textstd { font-size:  8pt; line-height: 15px; }
html.range_2 .textstd { font-size:  9pt; line-height: 16px; }
html.range_3 .textstd { font-size: 10pt; line-height: 18px; }
html.range_4 .textstd { font-size: 12pt; line-height: 20px; }
html.range_5 .textstd { font-size: 13pt; line-height: 22px; }
html.range_6 .textstd { font-size: 14pt; line-height: 24px; }

.divimpressum {
    clear: both;
    float: left;
}
.divimpressum span {
    display: none;
}
.divimpressum2, .divimpressum3 {
    float: left;
}
.divimpressum2 li, .divimpressum3 li {
    list-style-type: none;
}

html.range_0 .divimpressum { width: 110px; }
html.range_1 .divimpressum { width: 170px; }
html.range_2 .divimpressum { width: 200px; }
html.range_3 .divimpressum { width: 220px; }
html.range_4 .divimpressum { width: 250px; }
html.range_5 .divimpressum { width: 280px; }
html.range_6 .divimpressum { width: 320px; }

html.range_0 .divimpressum3 { width: 285px; }
html.range_1 .divimpressum3 { width: 400px; }
html.range_2 .divimpressum3 { width: 500px; }
html.range_3 .divimpressum3 { width: 620px; }
html.range_4 .divimpressum3 { width: 780px; }
html.range_5 .divimpressum3 { width: 800px; }
html.range_6 .divimpressum3 { width: 920px; }

html.range_0 .textimpressum li { font-size:  8pt; padding-left:  6px; }
html.range_1 .textimpressum li { font-size:  8pt; padding-left:  8px; }
html.range_2 .textimpressum li { font-size:  9pt; line-height: 15px; padding-left:  9px; }
html.range_3 .textimpressum li { font-size: 10pt; line-height: 17px; padding-left: 10px; }
html.range_4 .textimpressum li { font-size: 12pt; padding-left: 11px; }
html.range_5 .textimpressum li { font-size: 13pt; padding-left: 12px; }
html.range_6 .textimpressum li { font-size: 14pt; padding-left: 13px; }

html.range_0 .textimpressum3 li { font-size:  8pt; padding-left:  6px; }
html.range_1 .textimpressum3 li { font-size:  8pt; padding-left:  8px; }
html.range_2 .textimpressum3 li { font-size:  9pt; line-height: 15px; padding-left:  9px; }
html.range_3 .textimpressum3 li { font-size: 10pt; line-height: 17px; padding-left: 10px; }
html.range_4 .textimpressum3 li { font-size: 12pt; padding-left: 11px; }
html.range_5 .textimpressum3 li { font-size: 13pt; padding-left: 12px; }
html.range_6 .textimpressum3 li { font-size: 14pt; padding-left: 13px; }

.bottomline {
  position: absolute;
}
html.range_0 .bottomline { top:  600px; }
html.range_1 .bottomline { top:  525px; }
html.range_2 .bottomline { top:  600px; }
html.range_3 .bottomline { top:  700px; }
html.range_4 .bottomline { top:  800px; }
html.range_5 .bottomline { top:  900px; }
html.range_6 .bottomline { top: 1000px; }

.bottomimpressum {
  clear: both;
}

.imageline {
  text-align: right;
}    
html.range_0 .imageline { width:  400px; }
html.range_1 .imageline { width:  594px; }
html.range_2 .imageline { width:  792px; }
html.range_3 .imageline { width:  990px; }
html.range_4 .imageline { width: 1290px; }
html.range_5 .imageline { width: 1590px; }
html.range_6 .imageline { width: 2090px; }

.imageline img {
  padding-right: 25px;
}

html.range_0 .imageline img { padding-right: 10px; height: 19px; }
html.range_1 .imageline img { padding-right: 15px; height: 19px; }
html.range_2 .imageline img { padding-right: 20px; height: 22px; }
html.range_3 .imageline img { padding-right: 25px; height: 24px; }
html.range_4 .imageline img { padding-right: 30px; height: 28px; }
html.range_5 .imageline img { padding-right: 35px; height: 32px; }
html.range_6 .imageline img { padding-right: 40px; height: 36px; }

.imageilmer {
  display: none;
  margin-top: 25px;
}

.calibri {
  font-family: Calibri; 
  font-style: normal; 
  font-weight: normal;
}
.calibribold {
  font-family: Calibri; 
  font-style: normal; 
  font-weight: bold;
}

html.range_0 .p_0 { display: block; }
html.range_1 .p_1 { display: block; }
html.range_2 .p_2 { display: block; }
html.range_3 .p_3 { display: block; }
html.range_4 .p_4 { display: block; }
html.range_5 .p_5 { display: block; }
html.range_6 .p_6 { display: block; }

html.range_0 .pi_0 { display: inline; }
html.range_1 .pi_1 { display: inline; }
html.range_2 .pi_2 { display: inline; }
html.range_3 .pi_3 { display: inline; }
html.range_4 .pi_4 { display: inline; }
html.range_5 .pi_5 { display: inline; }
html.range_6 .pi_6 { display: inline; }