.NaviButtonAktiv
 {
  position:relative;
  width: calc(100% + 0px);
  background:#eee;
  line-height:50px;
  font-size:18px;
  font-weight:900;
  color:#333;
  text-shadow: 1px 1px 1px #211;
  z-index: 99999;
  padding-left:20px;
 }

.NaviButton
 {
  position:relative;
  width: calc(100% - 20px);
  line-height:50px;
  font-size:18px;
  font-weight:900;
  color:#daa;
  text-shadow: 1px 1px 3px #211;
  border-top:1px solid #b11;
  border-bottom:1px solid #311;
  padding-left:20px;
  cursor:pointer;
 }
.NaviButton:hover
 {
  transition: all .75s;
  webkit-transition: all .75s;
  background:#337;
  color:#daa;
  border-top:1px solid #44c;
  border-bottom:1px solid #113;
 }









.GradientRed
 {
  background: linear-gradient(to bottom, #b00 0%, #d11 100%); /* ROTES GRADIENT W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */   
 }

.AndShadow
 {
  box-shadow: 0px 2px 4px rgba(160, 10, 10, 1.5);
 }
 
  
h88
 {
  font-family: 'Kanit', sans-serif;
  font-weight: 900;
  font-size:44px;
  line-height: 60px;
  color:#454545;
  color: #E10512;
  -webkit-text-stroke: 0.5px rgba(0, 0, 0, .690);
  -webkit-text-stroke: 0.5px #511;

  letter-spacing:1px;
  position:relative;
  left:10px;
  top:0px;
}
.h88underline
 {
  color: #fff;
  font-size:8px;
  line-height:1.0;
  position:relative;
  letter-spacing:1.0px;
  left:22px;
  text-shadow: 1px 1px 2px #001;
 }
 


nav
 {
  float:left;
   position:Relative;
   width:100%;
 }

.nav-pills
 {
  position:relative;
  width:100%;
  padding:0;
  margin:0;
 }


.nav-pills > li
 {
  width:100%;
  position:relative;
  border-top:1px solid #b11;
  border-bottom:1px solid #411;
  height:40px;
  line-height:40px;
  color:green;
  transition: all .75s;
  webkit-transition: all .75s;
 }
 
.nav-pills > li:hover
 {
  background:#e3e3e3;
  color:#222;
  cursor:pointer;
 }
 

.nav-pills > li > a 
{
 padding-left:20px;
 font-size:16px;
}