html {font-size:100%;
      width:100%;}   
.textstyle{ 
               font-family: Verdana;    
               font-size: 16px  ;
               font-size: 1rem;      
               color: #000000;
               margin:0px;
                                
}                   
             

.header1{
      background-color: #1B3B49;
      width : 100%;
      
      }
.header2{
      background-color: #37BEB0;
      width : 100%;   
      height:45px;
      
      } 
.red{
       color: #FF0000; 
       font-weight:bold;

}



div.lightblue{  
   border-style: none solid none none ; 
   border-width: 5px;
   border-color: #37BEB0; 



}             
hr.lightblue{
   border-style: dotted none none none; 
   border-width: 10px;
   border-color: #37BEB0; 
   }
.lightblueleft{ 
  border-left: thick solid #37BEB0;
  }   

.main_header{
      font-size: 32px;
      color: #FFFFFF;
      }
.main_header2{
      font-size: 36px;
      color: #FFFFFF;   
      }
.main_header3{
      font-size: 36px;
      color: #FFFFFF;   
      letter-spacing:5px;
      font-weight:bold;   
      } 
.list{
  position:absolute;
  width:300px;
  padding-left:10px;
  padding-right:10px;   
  border-top: solid 1px #37BEB0;
  border-left: solid 1px #37BEB0;
  border-right: solid 1px #37BEB0;
  
}






.list_entry{  
  position:relative;
  left:0px; 
  max-width:300px;
  padding-left:10px; 
  padding-top:15px;
  padding-bottom:15px; 
  background-color :  #FFFFFF;
  border : none ; 
  border-bottom: solid 1px #37BEB0;

}
.list_entry:hover{ 
        background-color :  #1B3B49;
        color: #FFFFFF;
}

  
a.liste   {  
    font-size: 16px;
    font-size:1 rem; 
    text-decoration :none;
    color: #000000;  
}

a.liste:hover{
  color:#FFFFFF;
}
                 
.slide_left {
         width:50px;
         overflow:hidden;
        -webkit-transition: width 1s;
          transition: width 1s;  
          opacity :       1;

}                 
                 
.slide_left:hover {
       width: 270px;

}               
                 
                 
                 
                 
.slide_list_element {background-color:#FF0000;}
.slide_list_element:hover {background-color:#FF6060; }
                
                 
                 



















.blue {
  background-color: #0000A1    ;
}  
.caption1 {    
               font-weight:bold; 
               margin:auto;
               font-size: 22px;  
               font-size:1.375rem;    
               color: #505050;
               text-align:center; 
               margin-top: 100px; 
               margin-bottom: 50px; 
}
.caption0 {    
               font-weight:bold; 
               margin:auto;
               font-size: 28px;  
               font-size: 1.75rem;  
               color: #0000A1;   
               text-align:center;  
               margin-top:0px;
}
td.maximum {
          width: 100%;
  }
  
table.alignment {
            border: 0px;
            padding: 0px; 
            border-spacing: 0px;     
            margin:0px;   

}
.bracketend {
    width:106px;
    height:100px;  
    background-image: url("https://localhost/Kuehner/Version0.0/bilder/logohead2.jpg");    
    padding:0px;
}
.bracketstart { 
    height:100px;       
    padding:0px; 
         display: table-cell;
         vertical-align: middle;
  
}
.bgblank {  
    text-align : center;
    width :200px; 
    height :  32px;  
    border : 0px #ecFBFF;
    border-style:solid; 
    background-color :#ecFBFF;   
    color: #505050;
  
}
.bgblank:hover{
        background-color :  #0000A1;
        border : 0px #b9F1FF;
        border-style:solid;  
        color: #FFFFFF;
}
.dropdownmenu:hover { 
    position:relative;
  
}
.dropdown-content{
  display:none;
  top: 82px;  
  left : 0px;
  width:208px;
  position:absolute;
  background-color:white; 
  text-align:left;
}

.dropdownmenu:hover .dropdown-content {
    display: block;
}
.first{  
  position:relative;
  left:0px; 
  max-width:300px;
  padding-left:10px; 
  padding-top:15px;
  padding-bottom:15px;  

}
.first:hover{ 
        background-color :  #0000A1;
        color: #FFFFFF;


}

.second { 
  position:relative;
  padding-left:10px;
  max-width:300px;
  padding-top:15px;
  padding-bottom:15px;
  
}    
.second:hover{ 
        background-color :  #0000A1;
        color:#FFFFFF;


}
  
}
.hiddensubmit{
  background:none;
  border:none;
  cursor:pointer;  
}
.list_active{      
        background-color :  #0000A1;
        color:#FFFFFF;
  
}
.list_passiv{
        background-color :  #ecFBFF;
  

}

.news {
  height:auto;
  background-color:#ECFBFF;
  border:1px solid #b7FBFF;
  padding-bottom:20px;
  padding-top:20px;
}
.list{
  position:absolute;
  width:300px;
  padding-left:10px;
  padding-right:10px;
  
}
a.header {  
    font-size: 18px;
    font-size:1.125 rem;
    text-decoration :none;   
    
    
  
}

a.liste   {  
    font-size: 16px;
    font-size:1 rem; 
    text-decoration :none;
    color: #505050;  
}

a.liste:hover{
  color:#FFFFFF;
}
.anfrageform{
         width: 316px;
         height:100px;
         background-size:cover;
         color: #000000;
         background-image: url("https://kuehner.de/Testverzeichniss/Version0.0/bilder/button.jpg");
         text-align:center;
         display: table-cell;
         vertical-align: middle;
}

.bl {

    text-align: center;
    background-color: #0000ff;
    color: white;
    font-weight: bold  
}

.gr{       
    background-color: #cfcfcf;
}
.prodicon{
  width:250px;
  margin-bottom:100px;
  float:left;
}
.outer-box{
  width:300px;
  background-color:#ECFBFF;
  border: 1px solid #0000A1;
  text-align:center;  
  padding-top:25px; 
  padding-bottom:25px;
  float:left;
  margin-left:50px;
  margin-top:50px;
}
.item-frame{
height: 220px;
  
}
.text-frame{

padding-top:50px;
padding-bottom:50px;
height: 100px;
width:250px;
padding-left:25px;
  
}
.imgbutton {
         width: 250px;
         height:78px;
         background-size:cover;
         color: #000000;
         background-image: url("https://kuehner.de/Testverzeichniss/Version0.0/bilder/button.jpg");
         text-align:center;
         display: table-cell;
         vertical-align: middle;
  
}



/* Safari 4.0 - 8.0 */
@-webkit-keyframes test {
    0% {left:0px;}
    80% {left:1000px;}
}

/* Standard syntax */
@keyframes test {
    0%  {opacity:0.0;
          left:5%;}
    20% {left:23%;
          opacity:1;}
    70% {left:77%;
          opacity:1;}
    90% { opacity:0.0;
          left:95%;}
}  
div.pointanimation{
    position:relative;
    animation-iteration-count:infinite  ; 
    animation-timing-function:linear;
    opacity:0.0   ;
    animation-duration:4s;
    -webkit-animation-duration: 4s;
    -webkit-animation-name: test;
    animation-name:test;   
    top:10px;
}

@keyframes animation {
  0% {opacity:0.0}
  1.25%{opacity:1.0}
  3.75%{opacity:1.0}
  5%{opacity:0.0}

}
div.animation{
    animation-iteration-count:infinite  ; 
    animation-timing-function:linear;
    opacity:0.0   ;
    animation-duration:76s;
    -webkit-animation-duration: 76s;
    -webkit-animation-name: animation;
    animation-name:animation;   
  
}
.net_1{
  position:absolute;
  width:110px;
  left:115px;
  top:45px;
  color: #000000;
  color: #1B3B49;
  font-weight:bold;
}
  
.net_2{
  position:absolute;
  width:110px;
  left:225px;
  top:45px;
  color: #000000;
  color: #1B3B49;
  font-weight:bold;
  
}
.net_3{
  position:absolute;
  width:110px;
  left:280px;
  top:136px;
  color: #000000;
  color: #1B3B49;
  font-weight:bold;
  
}

.net_4{
  position:absolute;
  width:110px;
  left:335px;
  top:228px;
  color: #000000;
  color: #1B3B49;
  font-weight:bold;
  
}
.net_5{
  position:absolute;
  width:110px;
  left:280px;
  top:310px;
  color: #000000;
  color: #1B3B49;
  font-weight:bold;
  text-align:center;
  
}
.net_6{
  position:absolute;
  width:110px;
  left:170px;
  top:310px;
  color: #000000;
  color: #1B3B49;
  font-weight:bold;
  text-align:center;
  
}
.net_7{
  position:absolute;
  width:110px;
  left:54px;
  top:310px;
  color: #000000;
  color: #1B3B49;
  font-weight:bold;
  text-align:center;
  
}
.net_8{
  position:absolute;
  width:110px;
  left:0px;
  top:228px;
  color: #000000;
  color: #1B3B49;
  font-weight:bold;
  
}
.net_9{
  position:absolute;
  width:110px;
  left:54px;
  top:136px;
  color: #000000;
  color: #1B3B49;
  font-weight:bold;
  
}
.net_10{
  position:absolute;
  width:110px;
  left:170px;
  top:136px;
  color: #000000;
  color: #1B3B49;
  font-weight:bold;
  
}
.net_11{
  position:absolute;
  width:110px;
  left:225px;
  top:228px;
  color: #000000;
  color: #1B3B49;
  font-weight:bold;
  
}
.net_12{
  position:absolute;
  width:110px;
  left:110px;
  top:228px;
  color: #000000;
  color: #1B3B49;
  font-weight:bold;
  
}