body.hg-unterseite-sks{      
    background-color:#000;
    position:relative;   
}

body.hg-unterseite-history{ 

   background-color:#000;
    position:relative;   
}



@media(min-width: 725px ){

body.hg-unterseite-sks{      
    background-color:#000;
    background-image:url( '../img/hg/hg-sks-germany.jpg' );
    background-size:100% auto; 
    background-position:center 85px;
    background-repeat:no-repeat; 
    background-attachment: fixed; 
    position:relative;   
}

}


@media(min-width: 725px ){

body.hg-unterseite-history{      
    background-color:#000;
    background-image:url( '../img/hg/hg-history.jpg' );
    background-size:100% auto; 
    background-position:center 85px;
    background-repeat:no-repeat; 
    background-attachment: fixed; 
    position:relative;
}

}



  @media (min-width: 725px){
    .inhalt.unterseite-standard{ padding-top:130px }  
    .inhalt.unterseite-standard{ padding-bottom:140px }  
  } 


.aktive-seite img{ max-width:150px; width:100%;height:auto;margin:0 auto;display:block; margin-top:-25px; }

@media(min-width:660px){
  .aktive-seite img{ max-width:220px;  }
}

ul#seiten-untermenue{ display:none; }  

@media( min-width:660px ){

ul#seiten-untermenue{
  list-style:none;padding:0;
  margin-top:10px;
  display:block;
  
}

ul#seiten-untermenue li { margin-bottom:10px; }

ul#seiten-untermenue li a{ display:table;width:100%;max-width:150px;margin:0 auto;height:150px;

background-image:url('../img/hg-unterseite-button.png');background-repeat:no-repeat;
background-position:center;
 text-decoration:none;


 }
ul#seiten-untermenue li a .center{ display:table-cell;width:90%;height:100%;vertical-align:middle;text-align:center;color:#fff;padding:20px; font-family:"Open Sans Condensed", sans Serif; font-weight:700;
text-transform:uppercase;position:relative }
   

ul#seiten-untermenue li a .bild{ position:absolute;display:block;top:0;left:0;margin:20px;opacity:0;
    -webkit-transition: all  ease-out 0.3s;
      -moz-transition: all ease-out 0.3s;
      -o-transition: all ease-out 0.3s;
      transition: all ease-out 0.3s;   
    

 }
ul#seiten-untermenue li a:hover .bild{ position:absolute;display:block;top:0px;left:0px;margin:20px;opacity:1; 
      -webkit-transition: all  ease-out 0.3s;
      -moz-transition: all ease-out 0.3s;
      -o-transition: all ease-out 0.3s;
      transition: all ease-out 0.3s;
      

}


}

.unterseite-standard .inhalts-box-innen  {padding: 20px 20px;}

@media( min-width:480px ){
  .unterseite-standard .inhalts-box-innen  {padding: 30px 40px;}
}


.unterseite-standard .inhalts-box{ margin-top:28px; }

.unterseite-standard .inhalts-box:after{
    content:"";position:absolute;top:-28px;left:50%;margin-left:-17px;display:block;width:38px;height:28px;background-image:url('../img/sprechblase-dreieck-4.png');background-repeat:no-repeat;
}


@media( min-width:660px ){

.unterseite-standard .inhalts-box{ margin-top:0px; }

.unterseite-standard .inhalts-box:after{
    content:"";position:absolute;top:45px;left:-18px;margin-left:-10px;display:block;width:28px;height:38px;background-image:url('../img/sprechblase-dreieck-3.png');background-repeat:no-repeat;
}

}

.unterseite-standard .inhalts-box-innen h2{
      font-size:30px;
    text-transform:uppercase;
    font-family:'Open Sans Condensed',Arial, sans-serif; 
    font-weight:300; 
    margin-bottom:30px;
    display:block;
    color:#000;
}