.hauptmenu a {
  color: transparent;
}

/* the navigation . main-menu . class hauptmenu */
/* create buttons with background-image . mobile first */

/* MAIN MENU BUTTONS */
/** for small device **/
li.jmk {
background: url(../files/50_jmk.png) no-repeat;
width:30px;
height:30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.active.jmk {
background: url(../files/50_jmk_.png) no-repeat;
width:30px;
height:30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.home {
background: url(../files/50_built.png) no-repeat;
width:30px;
height:30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.active.home {
background: url(../files/50_built_.png) no-repeat;
width:30px;
height:30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.about  {
background: url(../files/50_info.png) no-repeat;
width:30px;
height:30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.active.about  {
background: url(../files/50_info_.png) no-repeat;
width:30px;
height:30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.collection {
background: url(../files/50_collection.png) no-repeat;
width: 30px;
height:30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.active.collection {
background: url(../files/50_collection_.png) no-repeat;
width: 30px;
height:30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.read {
background: url(../files/50_read.png) no-repeat;
width: 30px;
height:30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.active.read {
background: url(../files/50_read_.png) no-repeat;
width: 30px;
height:30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.player {
background: url(../files/50_play.png) no-repeat;
width: 30px;
height:30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.active.player {
background: url(../files/50_play_.png) no-repeat;
width: 30px;
height:30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.space {
background:url(../files/50_we.png) no-repeat;
width: 30px;
height:30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.active.space {
background:url(../files/50_we_.png) no-repeat;
width: 30px;
height:30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* MAIN MENU BUTTONS end * */

/* HAUPTMENU BUTTONS FOR BIGGER DEVICES */
@media all and (min-width: 700px) { 

/** hauptMENU buttons */
li.jmk {
background: url(../files/50_jmk.png) no-repeat;
width: 50px;
height:50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.active.jmk {
background: url(../files/50_jmk_.png) no-repeat;
width: 50px;
height:50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.home {
background: url(../files/50_built.png) no-repeat;
width: 50px;
height:50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.active.home {
background: url(../files/50_built_.png) no-repeat;
width: 50px;
height:50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.about  {
background: url(../files/50_info.png) no-repeat;
width: 50px;
height:50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.active.about  {
background: url(../files/50_info_.png) no-repeat;
width: 50px;
height:50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.collection {
background: url(../files/50_collection.png) no-repeat;
width: 50px;
height:50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.active.collection {
background: url(../files/50_collection_.png) no-repeat;
width: 50px;
height:50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.read {
background: url(../files/50_read.png) no-repeat;
width: 50px;
height:50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.active.read {
background: url(../files/50_read_.png) no-repeat;
width: 50px;
height:50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.player {
background: url(../files/50_play.png) no-repeat;
width: 50px;
height:50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.active.player {
background: url(../files/50_play_.png) no-repeat;
width: 50px;
height:50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.space {
background:url(../files/50_we.png) no-repeat;
width: 50px;
height:50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
li.active.space {
background:url(../files/50_we_.png) no-repeat;
width: 50px;
height:50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

p, h1, h2, h3 {
  font-size: 1.1em;
  line-height: 1.8em;
}
}

/* MAIN MENU BUTTONS BIGGER END */	
}