@media only screen and (min-width: 768px) {
/* desktop */
.nav {
  z-index:0;
  width:1037px;
  padding:144px 0 0 23px;
  margin:0 auto;
  height:100%;

}
.nav ul li {
  
  list-style-type:none;
}
.first {
  margin:0!important;
}

.topnav li {
  width:330px;
  height:298px;
  background-color:#085AAC;
  border-right:12px solid #fff;
  border-bottom:12px solid #fff;
  overflow:hidden;
  display:block;
  text-align:center;
  float:left;

}
.topnav li:hover {
  
}
.topnav img {
  z-index:10;
  max-width: 330px;
    max-height: 298px;
}
.topnav a {
  position:absolute;
  z-index:20;
  text-align:center;
  width:330px;
  padding:241px 0 0 0;
  color:#000;
  text-transform:uppercase;
  text-decoration:none;
  font-size:13px;
  letter-spacing:1px;
}

/** Grafikelement **/
.navimg {
  width:330px;
  overflow:hidden;
  border-right:12px solid #fff;
  border-bottom:12px solid #fff;
}


/** 2. EBENE **/
.level2 {
  background-color:#fff;
  position:absolute;
  display:none;
  width:273px;
  z-index:300;
  margin:-255px 0 0 28px;
}
.level2 li {
  clear:both;
  float:none;
  height:auto;
  background-color:#fff!important;
  padding:8px 0 8px 10px!important;
  z-index:300!important;
  text-align:center;
  width:263px;
  border:none!important;
}
.level2 li:hover {
  background-color:#EEEDED!important;
}
.level2 a {
  position:relative;
  padding:0!important;
}
.level2 a:link,
.level2 a:active,
.level2 a:visited {
  color:#000;
  text-transform:uppercase;
  text-decoration:none;
  font-size:12px;
  letter-spacing:1px;
  width:263px;
  display:block;
}
.level2 a:hover {

}

.horiznav_left,
.horiznav_right {
  display:none;
}


 

}