/* styles champions 2016
======================== */
html,
body {
width:100%;
}

* {
  font-family: 'Open Sans', sans-serif;
}

/* Kopfzeile
============*/
#kopfzeile {
  display:block;
  position:relative;
  top:0;
  left:0;
  width:100%;
  background-color:#333333;
  overflow:visible;
  z-index:9999;
}
#kopfzeile div.dropshadow {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  height:41px;
  background:url("/images/layout/dropshadow.png") repeat-x top left;
}



/* Menü
=======*/

#menu {
  background-color:#c7c8c9;
  
}
#showmenu {
  font-size:12px;
}
#showmenu a {
  display:inline-block;
  font-weight:normal;
  font-size:1.5em;
  text-decoration:none;
  text-transform:uppercase;
  color:#c7c8c9;
  margin:5px 5px 5px 5px;
  vertical-align:middle;
  opacity:0.62;

}
#showmenu a span {
  font-size:150%;
}

nav {
  display:none;
  position:relative;
  width:100%;
  padding:0 5% 0 5%;
  height:auto;
  background-color:#fff;
  opacity:0.9;
}
/*Ebene 1 Hauptmenü*/
nav ul {
  display:block;
  padding:10px;
  background-color:#fff;
}

nav li {
  display:block;
  position:relative;
  padding:10px 0 10px 0;
  border-bottom:1px solid #dadada;
  cursor:pointer;
}

nav li:first-child {
  margin-top:10px;
  border-top:1px solid #dadada;
}

nav li:last-child {
  border-bottom:0;
  padding:10px 0 0 0;
}

nav a {
  text-decoration: none;
  color: #999;
  text-transform:uppercase;
}

nav a span {
  margin-right:5px;
  font-size:60%;
}

nav a:focus,
nav a.tap,
nav a:active {
  color:#ECCC89;
}

/* Ebene 2
==========*/
nav ul ul {
  display:none;
  width:95%;
  padding-left:5%;
}

nav ul li.tap ul {
  display:block;
}

/* Ebene 3
==========*/
nav ul li.tap ul ul {
  display:none;
}

nav ul ul li.tap ul {
  display:block;
}

/* Ebene 4
==========*/
nav ul ul li.tap ul ul {
  display:none;
}

nav ul ul ul li.tap ul {
  display:block;
}