@charset "utf-8";
@import url("../fonts/sketchybold/stylesheet.css");
@import url("../fonts/sketchy/stylesheet.css");
@import url("../fonts/segoe/stylesheet.css");

/* -------------------- Menü -------------------- */

#cssmenu {
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 100;
	border-bottom-width: 8px;  /* dicke, stil und farbe der hauptmenüunterlinie */
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#cssmenu a {
	display: block;
	line-height: 1em;
	text-decoration: none;
	color: #CCCCCC; /* textfarbe der hauptmenüs ohne Hover */
	font-family: sketchybold, Verdana, Geneva, sans-serif;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 5px;
}
#cssmenu > ul > li > a {
  line-height:20px; /* Höhe, des Menüs */
  font-size: 24px; /* Schriftgröße, des Menüs */
  background-color: rgba(0,0,0,0.7);/* Hintergrundfarbe, des Menüs */
  margin:0px;/* abstand zwischen den menüs */
}
#firstmenu{/* der erste und letzte menülink sollen abgerundet sein, die anderen nicht */
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	z-index: 100;
}
#lastmenu{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#cssmenu ul li:hover > a, #cssmenu ul li.active > a {
	color: #000000; /* textfarbe der hauptmenüs bei Hover */
	background-color: rgba(200,54,54,0.9);/* Hintergrundfarbe, des Menüs */
}
/*#cssmenu ul li.last ul {
  left: auto;
  right: 0;

}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}*/
#cssmenu > ul {
  *display: inline-block;
}
#cssmenu:after,#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu ul, #cssmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 100;
    text-transform: uppercase;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}
#cssmenu ul li:hover {
  position: relative;
  z-index: 100;
  cursor: default;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}


/* -------------------- Untermenü & unteruntermenü -------------------- */


#cssmenu ul ul a {
	color: #000000; /* textfarbe der u und uuboxen bei nichtberühren */
	border: 0px solid #0082e7; /* das aussehen der untermenüboxen*/
	border-radius: 8px;
	border-top: 0 none;
	line-height: 30px; /* Höhe der Unter und uumenüs*/
	padding-top: 2px; /* Höhe der Unter und uumenüs, durch padding*/
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 22px;
	z-index: 100;
	background: rgba(200, 54, 54, 0.7);  /* Hintergrund der unter und unterunterboxen */
	-moz-box-shadow: 10px 10px 16px #333333;
	-webkit-box-shadow: 10px 10px 16px #333333;
	box-shadow: 10px 10px 16px #333333;	/*filter: alpha(opacity=40); /* IE
    -moz-opacity: 0.4; /* Mozilla
     opacity: 0.4; /* Opera */
}

#cssmenu ul ul li:hover > a {
	color: #CCCCCC; /* textfarbe der u und uuboxen beim berühren */
	background: rgba(200, 54, 54, 0.9);  /* Hintergrund der unter und unterunterboxen beim berühren */
	-moz-box-shadow: 5px 10px 8px #333333;
	-webkit-box-shadow: 5px 10px 8px #333333;
	box-shadow: 10px 10px 16px #333333;
	z-index: 100;
}


/* -------------------- Unteruntermenü -------------------- */


#cssmenu ul ul {
	bottom: 0;
	left: 0;
	margin-top: 0;
	visibility: hidden;
	position: absolute;
	top: 100%;
	z-index: 100;
	width: 100%;
	border-top: 8px solid #666666; /* die überlinie der unterboxen*/
	text-transform: none;
	min-width: 100px; /*mindestbreite der unter und unterunterboxen */
	width: 200px;  /*Grösse der unterunterbox */
}
#cssmenu ul ul li {
  float: none;
  position: relative;
  font-weight: normal;
  z-index: 100;
}
#cssmenu ul ul ul {
  top: 0;
  left: 190px;  /*Abstand der unterunterbox zur unterbox */
  width: 200px;  /*Grösse der unterunterbox */
  border-top: 0 none;
  z-index: 100;
}