#menu {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 70;
}
.nav-pills a{
  color: #fff;
  margin: 1px;
  outline: 0;
}
.nav-pills > li > a:focus{
  background: transparent;
}

#heynav:hover{
  background-color: #111;
  border: solid 1px #fff;
  margin: 0;
}
.active #heynav{
  background-color: #111;
  border: solid 1px #fff;
  margin: 0;
}
 #aboutnav:hover{
  background-color: #333;
  border: solid 1px #fff;
  margin: 0;
}
.active #aboutnav{
  background-color: #333;
  border: solid 1px #fff;
  margin: 0;
}
#skillsnav:hover{
  background-color: #555;
  border: solid 1px #fff;
  margin: 0;
}
.active #skillsnav{
  background-color: #555;
  border: solid 1px #fff;
  margin: 0;
}
#referenznav:hover{
  background-color: #777;
  border: solid 1px #fff;
  margin: 0;
}
.active #referenznav{
  background-color: #777;
  border: solid 1px #fff;
  margin: 0;
}
.hey{
  background: #111;
  color: #fff;
}

.about{
  background: #333;
  color: #fff;
}
.about p{
  font-size: 1.3em;
}


.skills{
  background: #555;
  color: #fff;
}
.skills .progress{
  height:25px;
  border-radius: 4px;
}
.skills .progress-bar{
  background-image: none;
  background-color: #555;
  border: 1px solid #fff;
  border-radius: 4px;
  padding-top: 2px;
}

.reverenz{
  background: #777;
  color: #fff;
}
.reverenz a{
  color: #fff;
}
.reverenz ul{
  padding-left: 0;
}
.reverenz li{
  list-style-type: none;
  list-style-position: inside;
}

#section0 #ahb0-canvas{
  position: fixed;
  z-index: 100;
  top: 0;
}

#section0 .container{
  bottom: 120%;
  position: relative;
  z-index: 1;
}
#section1 .container{
  left: 120%;
  position: relative;
}
#section2 .container{
  right: 120%;
  position: relative;
}
#section3 .container{
  top: 120%;
  position: relative;
}