/* Generelle Stile */

ul.menu_head {
  	margin: 0px;
  	list-style-type: none;
}
ul.menu_head li {
	margin-left: 0px;
	float: left;
	padding: 8px;
	padding-top: 3px;
	padding-bottom: 2px;
	border-left: 1px solid #999999;
	
}
ul.menu_head li:first-child {
	border-left: 0px;
	padding-left: 0px;
}
ul.menu_head li,
ul.menu_head li a {
	color: #FFFFFF;
}
ul.menu_head li.active a {
  	font-weight: normal;
  	text-decoration: underline;
}
ul.menu_head li.active li a {
  	font-weight: normal;
  	text-decoration: none;
}
ul.menu_head ul {
  	display: none;
  	position: absolute;
  	width: 200px;
  	border: 1px solid #FFFFFF;
  	list-style-type: none;
  	padding: 0px;
  	margin: 0px;
  	margin-left: -9px;
  	background-color: #202020;
  	z-index: 99;
  	border-top: 3px solid #202020;
  	margin-top: 2px;
}
ul.menu_head ul li {
  	display: list-item;
  	position: relative;
  	padding: 0px;
  	margin: 0px;
  	border: 0px;
  	border-top: 1px solid #FFFFFF;
  	min-height: 25px;
  	width: 100%;
  	text-align: left;
}
ul.menu_head ul li:first-child {
  	border-top: 0px;
}
ul.menu_head ul li a {
	display: block;
	color: #dadada;
  	padding: 3px;
  	padding-left: 5px;
  	padding-right: 5px;
  	font-size: 12px;
}

/* second tree */
ul.menu_head ul li ul {
	left: 209px;
	top: -2px;
	background-color: #404040;
}

ul.menu_head a:active {
	background-color: #4c4c4e;
}

#menu_head .span12 {
	border: 0px solid #FFFFFF;
	border-bottom: 2px solid #a47c0d;
	background-color: #202020;
}
#menu_head .menulayer {
	display: block;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
  text-align: right;
}
.menubutton {
  display: none;
}


/* Responsibler Teil */
@media (min-width: 1200px) {
  #menu_head .menulayer {
		width: 1170px;
	}	
}
@media (min-width: 768px) AND (max-width: 979px) {
  #menu_head .menulayer {
		width: 724px;
	}	
}
@media (max-width: 767px) {
  #menu_head .span12 {
    display: inline-block;
  }
  #menu_head .menulayer {
		width: 100%;
	}	
  #menu_head ul {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 500px) {
  #menu_head ul {
  	float: left;
  }
  #menu_head ul li {
  	margin-left: 0px;
  	margin-right: 10px;
  }
}

/* Klappmenue ab 427px */
@media (max-width: 808px) {
  #menu_head .span12 {
  	border: 0px;
  }
  #menu_head .menulayer ul {
  	display: none;
  }
  #menu_head ul {
    margin: 0px;
    width: 100%;
  }
  #menu_head ul li ul {
  	display: inline-block;
  	position: relative;
    margin: 0px;
    border-top: 0px;
    border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	margin-top: 5px
  }
  #menu_head ul li ul li {
    border-bottom: 1px solid #FFFFFF;
    border-top: 0px;
	background-color: #333333;
  	background-image: -moz-linear-gradient(top,#999999,#333333);
  	background-image: -webkit-gradient(linear,0 0,0 100%,from(#999999),to(#333333));
  	background-image: -webkit-linear-gradient(top,#999999,#333333);
  	background-image: -o-linear-gradient(top,#999999,#333333);
  	background-image: linear-gradient(to bottom,#999999,#333333);
  }
  #menu_head ul li,
  #menu_head ul li:hover,
  #menu_head ul li:focus,
  #menu_head ul li:active,
  .menubutton {
    display: inline-block;
    margin: 0px;
    clear: both;
    text-align: left;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    border-bottom: 1px solid #a47c0d;
  	background-color: #000000;
  	background-image: -moz-linear-gradient(top,#333333,#000000);
  	background-image: -webkit-gradient(linear,0 0,0 100%,from(#333333),to(#000000));
  	background-image: -webkit-linear-gradient(top,#333333,#000000);
  	background-image: -o-linear-gradient(top,#333333,#000000);
  	background-image: linear-gradient(to bottom,#333333,#000000);
  }
  #menu_head ul li:hover {
  	background-image: -moz-linear-gradient(top,#666666,#000000);
  	background-image: -webkit-gradient(linear,0 0,0 100%,from(#666666),to(#000000));
  	background-image: -webkit-linear-gradient(top,#666666,#000000);
  	background-image: -o-linear-gradient(top,#666666,#000000);
  	background-image: linear-gradient(to bottom,#666666,#000000);
  }
  #menu_head ul li,
  #menu_head ul li:hover,
  #menu_head ul li:focus,
  #menu_head ul li:active,
  #menu_head ul li a,
  #menu_head ul li:hover a,
  #menu_head ul li:focus a,
  #menu_head ul li:active a,
  #menu_head a,
  #menu_head a:hover,
  .menubutton {
    color: #FFFFFF;
  }
  .menubutton div {
    display: block;
    float: left;
    width: 18px;
    border: 1px solid #a47c0d;
    padding: 1px;
    margin-right: 5px;
    margin-top: 1px;
  }
  .menubutton div span {
    display: block;
    height: 1px;
    margin: 2px;
    border-bottom: 1px solid #a47c0d;
  }
}
ul.nav > li > a:hover, .nav > li > a:focus {
	text-decoration: underline;
	background-color: none;
}


/* Abstand nach oben */
.slide-menu {
	position: fixed;
	top: 300px;
    z-index: 999;
}
/* @Media-Definitionen für Top-Abstand in slider.css */