/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 01.02.2017, 09:23:22
    Author     : sschuster
*/

*{
    -webkit-box-sizing: border-box; /* aeltere Webkit-Browser */
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box; /* W3C/Chrome/Opera/IE */
}


    a { text-decoration: none; } /* Unterstreichung von Links entfernen */
/*    a:visited { color: #cc6666; }*/

    html 
    {
      background-color: white; 
      color:white;
      font-family: "Verdana", Verdana, sans-serif;  
      /*font-size: 16px;*/
      height: 100%; 
      width: 100%; 
      padding: 0; 
      margin: 0; 
    }
    
    body{
/*        font-size: 100%;*/ 
        font-size: 90%; 
        height: 100%; 
        overflow-x: hidden;
        overflow-y: scroll; 
        padding: 0; 
        margin: 0; 
/*        display: table; */
        width: 100%; 
        height: 100%; 
    }
    
    #wrapper{
        display: table; 
        table-layout: fixed; 
        /*width: 55%;*/ 
        width: 1050px; 
        height: 100%; 
/*        margin-left: 22.5%; 
        margin-right: 22.5%; */
        margin-left: auto; 
        margin-right: auto; 
        padding-top: 0.5%; 
        
/*        margin-bottom: -100px;  Hoehe der Fussleite*/
/*        min-height: 100%; */
    }
    
/*    #wrapper:after{
        content: ""; 
        display: block; 
        height: 100px; Hoehe der Fussleiste
    }*/
    
    
    
    header
    {
      background-color:white;
      border: 0%;
      
      height: 1px; 
/*      height: auto; */
/*      height: 100%; */
      text-align:left;
      color:white;
/*      font-weight:bold;*/
      font-family: "Verdana", Verdana, sans-serif;  
/*          font-size: 18px;*/
      display: table-row; 
    }
    
    #main_wrapper{
        width: 100%; 
        height: 100%; 
        padding-right: 2%; 
        padding-left: 2%; 
        padding-top: 1%; 
        padding-bottom: 0%; 
    }
    
    
    
    main{
        width: 100%; 
        height: 100%; 
        padding: 0%; 
/*        margin-top: 1%; */
    }
    

    footer 
    {
        margin: 0; 
        padding: 0; 
        display: table-row; 
        background-color:white;
        border: 0px;
    /*  padding: 5px;*/
        width: 100%;
        text-align:center;
        color:white;
        font-family: "Verdana", Verdana, sans-serif;  
        height: 1px; 
    /*  font-size: 10px;*/
/*        margin-top: 5%; */
    /*  margin-bottom: 5%; */
/*        position: absolute; 
        bottom: 0px;  */
/*        height: 100px; */
/*        display: table-row; */
    }
    
    
/*    #wrapper_footer{
        position: relative;
        bottom: 0px; 
        visibility: hidden; 
        display: table-row; 
    }*/
    
    #nav_footer{
        padding-top: 0%; 
/*        visibility: hidden; */
        margin-bottom: 1%; 
        margin-top: 1%; 
    }
    
    
    
    
    #nav_language
    {
      background-color: white;
      border: 0%; 
      text-align: right; 
      color: rgb(33,39,97); 
/*      margin-top: 4%; 
      margin-bottom: 1%; */
    }
    
    #nav_main
    {
      background-color: rgb(33,39,97); 
      border: 0%; 
/*        height: 20%; */
/*      height: 40px; */
      text-align: left;
      color: white; 
      margin-bottom: 0.5%; 
      padding-top: 0.8%; 
      padding-bottom: 0.8%; 
    }
    
    #nav_sub
    {
      background-color: white;
      border: 0px;
/*          padding: 5px;*/
      text-align:left;
      margin-top: 0.5%; 
      margin-bottom: 1%; 
    }
    
    
    
/*    #div_language{
        vertical-align:middle; 
        width: 15%; 
    }*/
    
    .a_language{ 
        color: rgb(33,39,97); 
        font-family: "Verdana", Verdana, sans-serif; 
/*        padding-top: 5%;  
        padding-bottom: 5%;  */
        padding-right: 5%;   
        padding-left: 5%;      
    }
    .a_language:visited { color: rgb(33,39,97); }
    .a_language:hover { color: gray; }
    .a_language:active { color: rgb(33,39,97); }
    
    
    .a_main{
        color: white; 
        font-family: "Verdana", Verdana, sans-serif; 
        padding-top: 1%; 
        padding-bottom: 1%; 
        padding-right: 1%; 
        padding-left: 1%;
/*        margin-top: 3%; 
        margin-bottom: 3%; */
/*        vertical-align: text-top; */

/*        margin-top: 2%; */
/*        margin-bottom: 2%; */
        
        position: relative; 
        top: 20%;
        -webkit-transform: translateY(-20%);
/*        -ms-transform: translateY(-20%);*/
        transform: translateY(-20%);
        -ms-transform: translateY(0%);
        
        
        
        
    }
    
/*    .vertikalZentriert {
        position: relative;
        top: 50%; 
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }*/
    
    .a_main:visited{ color: white; }
    .a_main:hover { color: #6CB2E3; }
    .a_main:active { color: #6CB2E3; }
    
    .a_sub{ 
        color: rgb(33,39,97); 
        font-family: "Verdana", Verdana, sans-serif; 
        padding-right: 1%; 
        padding-left: 1%; 
    }
    .a_sub:visited{ color: rgb(33,39,97); }
    .a_sub:hover { color: #6CB2E3; }
    .a_sub:active { color: #6CB2E3; }
    
    
    #a_sub_leftmost{
        padding-right: 0%; 
    }
    
    
    .a_footer{ 
        color: rgb(33,39,97); 
/*        padding-bottom: 2%; */
        padding-right: 2%; 
        padding-left: 2%; 
        visibility: visible; 
    }
    .a_footer:visited{ color: rgb(33,39,97); }
    .a_footer:hover { color: rgb(33,39,97); }
    .a_footer:active { color: #6CB2E3; }
    
    .a_aktiv{color: #6CB2E3 !IMPORTANT; }
    
    .a_text{ color: rgb(33,39,97); }
    .a_text:visited{ color: rgb(33,39,97); }
    .a_text:hover{ color: rgb(33,39,97); }
    

    #logo{
        width: 200px; 
    }
    
    img{
        max-width: 100%; 
    }

    
/*    .bild_startseite_grid1{
        width: 80%; 
        margin-top: 10%; 
        margin-bottom: 10%; 
        margin-right: 10%; 
        margin-left: 10%; 
        float:left; 
    }
    
    .bild_startseite_grid3{ 
        width: 93.34%; 
        margin-top: 3.33%; 
        margin-bottom: 3.33%; 
        margin-right: 3.33%; 
        margin-left: 3.33%; 
        float:left; 
    }*/
    
    .bild_startseite_grid1{
/*        margin: 40px;*/
        width: 96%; 
/*        height: 80%; */
        margin-top: 2%; 
        margin-bottom: 2%; 
        margin-right: 2%; 
        margin-left: 2%; 
        padding-top: 0%; 
        padding-bottom: 0%; 
        padding-left: 0%; 
        padding-right: 0%; 
        float: left; 
/*        width: 350px; */
    }
    
    .bild_startseite_grid3{ 
/*        margin: 40px;*/
        width: 100%; 
        margin-top: 1%; 
/*        margin-bottom: 3%; */
        padding-right: 0.6666%; 
        padding-left: 0.6666%; 
/*        padding-left: 20%; 
        padding-right: 20%; */
        float: left; 
/*        width: 350px; */
    }



    /*Rasterlayout fuer die Startseite*/
    .start_grid1{  /*eine Spalte*/ 
        width: 33.3333%; 
        float:left; 
        padding: 0; 
    }
/*    .start_grid2{  zwei Spalten 
        width: 66%; 
        float:left; 
    }*/
    .start_grid3{  /*drei Spalten*/ 
        width: 99.9999%;
        float:left; 
        padding: 0; 
    }
    
    
    
    
    
    /*Rasterlayout*/ 
    .grid1{ width: 10%; float:left; padding: 0; }
    .grid2{ width: 20%; float:left; padding: 0; }
    .grid3{ width: 30%; float:left; padding: 0; }
    .grid4{ width: 40%; float:left; padding: 0; }
    .grid5{ width: 50%; float:left; padding: 0; }
    .grid6{ width: 60%; float:left; padding: 0; }
    .grid7{ width: 70%; float:left; padding: 0; }
    .grid8{ width: 80%; float:left; padding: 0; }
    .grid9{ width: 90%; float:left; padding: 0; }
    .grid10{ width: 100%; float:left; padding: 0; }
    
    
    
    .bild_grid_start{
        width: 98%; 
        margin-top: 5%; 
        margin-bottom: 5%; 
        margin-left: 1%; 
        margin-right: 1%; 
    }
    
    
    .bild_grid{
        width: 90%; 
        margin-top: 5%; 
        margin-bottom: 5%; 
        margin-left: 5%; 
        margin-right: 5%; 
    }


    
    .bild_ueberTextrand{
        margin-left: 10%; 
    }
    
    .bild_lang{
        margin-top: 3%; 
/*        margin-bottom: 0.5%; */
    }   
    
    
    .text_grid{
        margin-top: 0%; 
        margin-bottom: 0%; 
        margin-left: 5%; 
        margin-right: 5%; 
        padding-bottom: 0%; 
        padding-top: 0%; 
    }
    
    .text_5grid{
        margin-top: 0%; 
        margin-bottom: 0%; 
        margin-left: 10%; 
        margin-right: 10%; 
        padding-bottom: 0%; 
        padding-top: 0%; 
    }
    
    .text_7grid{
        margin-top: 0%; 
        margin-bottom: 0%; 
        margin-left: 7.1429%; 
        margin-right: 7.1429%; 
        padding-bottom: 0%; 
        padding-top: 0%; 
    }
    
    .text_8grid{
        margin-top: 0%; 
        margin-bottom: 0%; 
        margin-left: 6.25%; 
        margin-right: 6.25%; 
        padding-bottom: 0%; 
        padding-top: 0%; 
    }
    
    
    

    h1{
        color: black; 
        font-family: "Verdana", Verdana, sans-serif;  
        font-size: 1.5em; 
    }
    
    
    
    h2{
        color: black; 
        font-family: "Verdana", Verdana, sans-serif;  
        font-size: 1.2em; 
    }
    
    .h_light{font-weight: normal; } 
    .h_light_lightblue{font-weight: normal; color: #6CB2E3; }
    
    p, ul, li{
      color: black; 
      font-family: "Verdana", Verdana, sans-serif;  
      font-size: 1em; 
    }
    

    .noneFloat:after{ /*float aufheben, indem ein Element dieser Klasse ein gefloatetes Element umschließt*/
        content: ""; 
        display: block; 
        clear: both; 
        padding-top: 2.5%; 
    }
    
    
    #bild_WEdirekt{
        padding: 5%; 
        padding-left: 10%; 
    }
    
    
    .img_download{
        width: 30px; 
        vertical-align: middle; 
        margin: 5px; 
    }
    
    .img_impressum{
        vertical-align: middle; 
    }
    
    .formular{
        background-color: #EDEBEC; 
        margin-top: 2%; 
        padding-top: 1%; 
        padding-bottom: 3%; 
        padding-right: 5%; 
        padding-left: 5%; 
    }
    
    .logoImpressum{
        width: 250px; 
        padding-left: 20px; 
        padding-right: 20px; 
    }
    
    
    #zumShopButton{
        background-color: white; 
        float: right; 
        padding-right: 4%;
        padding-left: 4%;
        padding-top: 4%; 
        padding-bottom: 4%;
/*        margin-right: 4%; 
        margin-left: 4%;*/
        margin-bottom: 0px; 
        
        border-color: rgb(33,39,97); 
        border-width: 9px; 
        border-style: ridge; 
            
        color: rgb(33,39,97); 
        font-size: 110%; 
        text-shadow: 2px 2px 0px #BCBECF; 
    }
    
    #zumShopButton:hover{
        border-color: #6CB2E3; 
        background-color: rgb(33,39,97); 
        color: white; 
        text-shadow: 2px 2px 0px black; 

         
/*      color: #6CB2E3;     */
    }
    
    .bild_produkt_lang{
        margin-top: 2%; 
        margin-bottom: 2%; 
    }
    
    
    @media only screen and (max-width: 721px){
        
    }