/* this file corrects all design flaws and color issues we have with the original CSS of flexnav */

#sperrframe {
	width:100%;
	height:56px;
	margin-bottom:10px;
	text-align:center;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(left, #ffffff 0%, #aaaaaa 50%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#aaaaaa), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ffffff 0%,#aaaaaa 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ffffff 0%,#aaaaaa 50%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #ffffff 0%,#aaaaaa 50%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right, #ffffff 0%,#aaaaaa 50%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

#sperre {
	max-width:1743px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	height: auto;
}

nav {
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}

.menu-button {
	font-family: tahoma,arial,geneva,swiss,sunsans-regular,sans-serif;
	font-size: 20px;
}

ul.flexnav {
	position: relative;
	font-family: tahoma,arial,geneva,swiss,sunsans-regular,sans-serif;
	list-style-type:none;
    padding-left: 0;
    margin-right: 0;
}

@media all and (max-width: 959px) {
	ul.flexnav {
		font-size: 18px;
	}
	ul.flexnav ul {
		font-size: 16px;
	}
	ul.flexnav ul ul {
		font-size: 14px;
	}
	.menu-button .touch-button .navicon {
			font-size: 24px;
			font-weight: 700;
			line-height: 19px;
	}
}

@media all and (min-width: 21.5cm) {
	ul.flexnav {
		font-size: 16px;
	}
	ul.flexnav ul {
		font-size: 14px;
	}
	ul.flexnav ul ul {
		font-size: 12px;
	}
}

@media all and (min-width: 1280px) {
	ul.flexnav {
		font-size: 18px;
	}
	ul.flexnav ul {
		font-size: 16px;
	}
	ul.flexnav ul ul {
		font-size: 15px;
	}
}

ul.flexnav ul li {
	list-style-type:none;
    padding-left: 0;
    margin-right: 40px;
	margin-left:-40px;
}
ul.flexnav ul ul li {
	list-style-type:none;
    padding-left: 0;
    margin-right: 40px;
	margin-left:-40px;
}
ul.flexnav a:link {text-decoration:none;}
ul.flexnav a:hover {
		text-decoration:none;
		background: #e9e9e9; /* for non-css3 browsers */
		background: -ms-linear-gradient(top, #dadada, #f7f7ef); /* IE 10 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#f7f7ef'); /* for IE */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#f7f7ef')"; /* for IE without ActiveX */
		background: -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#f7f7ef)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #dadada,  #f7f7ef); /* for firefox 3.6+ */
		background: -webkit-linear-gradient(top, #dadada,  #f7f7ef); /* Webkit (Chrome 11+) */ 
		background: linear-gradient(top, #dadada,  #f7f7ef); /* W3C Markup, IE10 Release Preview */ 
		background: -o-linear-gradient(top, #dadada,  #f7f7ef); /* Opera */ 

		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
}

ul.flexnav span.touch-button {
	height: 100%;
}

ul.flexnav ul span.touch-button {
    padding-left: 0;
    margin-right: 0;
}

ul.flexnav ul ul span.touch-button {
    padding-left: 0;
    margin-right: 0;
}

ul span.touch-button {
	max-height: 3.2em;
}

/* color rather as not so grey gradients */
.menu-button {
	background: #99999a;
	background: -ms-linear-gradient(top, #bbbbbb, #aaabac); /* IE 10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#aaabac'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#aaabac')"; /* for IE without ActiveX */
	background: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#aaabac)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #bbbbbb,  #aaabac); /* for firefox 3.6+ */
	background: -webkit-linear-gradient(top, #bbbbbb,  #aaabac); /* Webkit (Chrome 11+) */ 
	background: linear-gradient(top, #bbbbbb,  #aaabac); /* W3C Markup, IE10 Release Preview */ 
	background: -o-linear-gradient(top, #bbbbbb,  #aaabac); /* Opera */ 
}

.flexnav li a {
	background: #bbbbba;
	background: -ms-linear-gradient(top, #cccccc, #bbbcbd); /* IE 10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#bbbcbd'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#bbbcbd')"; /* for IE without ActiveX */
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#bbbcbd)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #cccccc,  #bbbcbd); /* for firefox 3.6+ */
	background: -webkit-linear-gradient(top, #cccccc,  #bbbcbd); /* Webkit (Chrome 11+) */ 
	background: linear-gradient(top, #cccccc,  #bbbcbd); /* W3C Markup, IE10 Release Preview */ 
	background: -o-linear-gradient(top, #cccccc,  #bbbcbd); /* Opera */ 
}
.flexnav li ul li a {
	background: #cccccb;
	background: -ms-linear-gradient(top, #dddddd, #cccdce); /* IE 10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#cccdce'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#cccdce')"; /* for IE without ActiveX */
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#cccdce)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #dddddd,  #cccdce); /* for firefox 3.6+ */
	background: -webkit-linear-gradient(top, #dddddd,  #cccdce); /* Webkit (Chrome 11+) */ 
	background: linear-gradient(top, #dddddd,  #cccdce); /* W3C Markup, IE10 Release Preview */ 
	background: -o-linear-gradient(top, #dddddd,  #cccdce); /* Opera */ 
}
.flexnav ul li ul li a {
	background: #dddddc;
	background: -ms-linear-gradient(top, #eeeeee, #dddedf); /* IE 10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddedf'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddedf')"; /* for IE without ActiveX */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddedf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eeeeee,  #dddedf); /* for firefox 3.6+ */
	background: -webkit-linear-gradient(top, #eeeeee,  #dddedf); /* Webkit (Chrome 11+) */ 
	background: linear-gradient(top, #eeeeee,  #dddedf); /* W3C Markup, IE10 Release Preview */ 
	background: -o-linear-gradient(top, #eeeeee,  #dddedf); /* Opera */ 
}
.flexnav ul li ul li ul li a {
	background: #eeeeef;
	background: -ms-linear-gradient(top, #ffffff, #eeeffe); /* IE 10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeffe'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeffe')"; /* for IE without ActiveX */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeffe)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #eeeffe); /* for firefox 3.6+ */
	background: -webkit-linear-gradient(top, #ffffff,  #eeeffe); /* Webkit (Chrome 11+) */ 
	background: linear-gradient(top, #ffffff,  #eeeffe); /* W3C Markup, IE10 Release Preview */ 
	background: -o-linear-gradient(top, #ffffff,  #eeeffe); /* Opera */ 
}
.flexnav .touch-button {
    background: #acaca1;
    background: rgba(0, 0, 0, 0.075);
}



/* Modify Flexnav Base Styles for Draco */
.flexnav {
	z-index: 1001;
}
.flexnav li a {
    z-index: 1002;
}
.flexnav .touch-button {
    z-index: 1999;
}
.menu-button .touch-button {
    z-index: 1999;
}

@media all and (min-width: 21.5cm) {
	.flexnav li ul.open {
		z-index: 1001;
	}
}

.oldie .flexnav li > ul {
    z-index: 1001;
}