@charset "utf-8";
/* CSS Document Foerderverein Phoenix Theaterwelt Navigation und dynamische CSS-Effekte */
nav.topmenu ul {
  position:relative;
  width:56.25em;
  height:2em;
  margin:0px;
  padding:0px;
  }
nav.topmenu ul li {
  float: left;
  width:11.25em;
  height:2em;
  list-style-type:none;
  margin: 0;
  padding:0;
  }
nav.topmenu ul li a {
    display: block;
	position:relative;
	background-color:#eee;
	text-align:center;
	width:178px;
	height:30px;
	top:0px;
	font-family: 'Neue Helvetica', Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:2.5em;
	font-weight:bold;
	color:#000;
	border:1px solid black;
    text-decoration: none;
  }
nav.topmenu ul li a:hover {
  background-color:#c00;
  color:#fff;
  border-color:#fff;
  }
nav.topmenu ul li a.akt {
  background-color:black;
  color:red;
  }
nav.topmenu ul li a.akt_sub {
  background-color:#999;
  color:red;
  }
nav.topmenu ul li ul {
  position:relative;
  display:none;/*Anzeige der dynamischen Subnavigation im Ruhezustand abschalten*/
  width:180px;
  height:1000px;
  /*top:4px;*/
  }
nav.topmenu ul li:hover ul {/*Anzeige der dynamischen Subnavigation bei Mouseover*/
  display:block;
  }
nav.topmenu ul li ul.akt {/*Anzeige der dynamischen Subnavigation f�r die aktuelle Seite fixieren*/
  display:block;
  }
nav.topmenu ul li ul li {
    position:relative;
	width:180px;
	height:2em;
	list-style-type:none;
    margin: 0px;
	padding:0px;
	top:2px;
  }
nav.topmenu ul li ul li a {
	position:relative;
	display:block;
	background-color:#ccc;
	text-align:center;
	width:180px;
	height:30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:0.7em;
	line-height:3em;
	font-weight:500;
	color:black;
	border:none;
	border-bottom:1px solid black;
    text-decoration: none;
  }
nav.topmenu ul li ul li a.akt, nav ul li ul li a:hover {
  color:red;
  background-color:#aaa;
  }
nav.topmenu ul li.mob {
	display:none;
}
nav.topmenu ul li.sub {
	display:none;
}
nav.topmenu ul li.sub {
    position:relative;
	height:2em;
	list-style-type:none;
    margin: 0px;
	/*width:50%;*//*test*/
	/*margin-left:25%;*//*test*/
	/*margin-right:25%;*//*test*/
	padding:0px;
	top:2px;
  }
nav.topmenu ul li.sub a {
	position:relative;
	background-color:#ccc;
	text-align:center;
	width:100%;
	height:30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1em;
	line-height:2em;
	font-weight:500;
	color:black;
	border:none;
	border-bottom:1px solid black;
    text-decoration: none;
  }
nav.topmenu ul li.sub a.akt, nav ul li.sub a:hover {
  color:red;
  background-color:#aaa;
  }

/*---------------------------------------Fussnavigation-------------------------------*/
nav.navi3 ul {
  margin:0px;
  padding:0px;
  }
nav.navi3 ul li {
  float: left;
  text-align:center;
  position: relative;
  list-style-type:none;
  margin: 0px;
  padding:0px;
  width:300px;
  font-size:0.8em;
  }
nav.navi3 ul li a {
    display: block;
	float:left;
	width:298px;
	text-align:center;
	height:30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	line-height:2.5em;
	color:#000;
    text-decoration: none;
	background-color:#eee;
	border:1px solid #333;
  }
nav.navi3 ul li a:hover, nav.navi3 ul li a.akt {
  background-color:#c00;
  color:#fff;
  border-color:#fff;
  }
@media all and (max-width: 56.25em) and (min-width:35em){
nav.topmenu ul {
  position:relative;
  width:100%;
  margin:0px;
  margin-top:0em;
  padding:0px;
  }
nav.topmenu ul li {
  float:right;
  width:100%;
  /*height:3em;*/
  height:32px;/*test*/
  list-style-type:none;
  margin: 0;
  padding:0;
  }
nav.topmenu ul li a {
	float:right;
	width:100%;
  /*height:3em;*/
  height:30px;/*test*/
	font-size:1em;
	line-height:2em;
	border-bottom:1px solid black;
  }
nav.topmenu ul li.mob {
	display:none;
}
nav.topmenu ul li.sub {
	display:block;
}
nav.topmenu ul li.sub a {
	font-size:0.8em;
	line-height:2.5em;
	color:#333;
}
nav.topmenu ul li:hover ul {/*Anzeige der dynamischen Subnavigation bei Mouseover*/
  display:none;
  }
nav.topmenu ul li ul.akt {/*Anzeige der dynamischen Subnavigation f�r die aktuelle Seite fixieren*/
  display:none;
  }
}

@media all and (max-width: 35em){
nav.topmenu ul {
  position:relative;
  width:100%;
  margin:0px;
  padding:0px;
  }
nav.topmenu ul li {
  float: left;
  width:100%;
  height:3em;
  /*height:32px;test*/
  list-style-type:none;
  margin: 0;
  padding:0;
  }
nav.topmenu ul li a {
	float:left;
	width:100%;
    height:3em;
    /*height:30px;test*/
	font-size:1em;
	line-height:3em;
	border-bottom:1px solid black;
  }
nav.topmenu ul li.mob {
	display:block;
}
nav.topmenu ul li.sub {
	display:block;
	height:3em;
}
nav.topmenu ul li.sub a {
	font-size:0.8em;
	height:3.5em;
	line-height:3.5em;
	color:#333;
}
nav.topmenu ul li:hover ul {/*Anzeige der dynamischen Subnavigation bei Mouseover*/
  display:none;
  }
nav.topmenu ul li ul.akt {/*Anzeige der dynamischen Subnavigation f�r die aktuelle Seite fixieren*/
  display:none;
  }

}