.menubtn{
	display: none;
	}
nav{ font-size:1.5em; display: block; position: relative; z-index:9999; min-height: 35px; font-family: Montserrat, sans-serif; font-weight: 400; }

nav span{
	display: none;
	}

/* all lists */
nav ul, nav ul ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	}
nav ul a {
	display: block;
	text-decoration: none;
	}
/* all list items */
nav ul li {
	float:left;
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
	}

nav ul li:last-child{  }
/* second-level lists */
nav ul li ul  /* + SHADOW */ {
position: absolute; 
width: 17em; 
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
-webkit-box-shadow: 0px 5px 7px 3px rgba(0, 0, 0, 0.1); /* WebKit */
-moz-box-shadow: 0px 5px 7px 3px rgba(0, 0, 0, 0.1); /* Firefox */
box-shadow: 0px 5px 7px 3px rgba(0, 0, 0, 0.1); /* Standard */ 
}

nav ul li ul li{ width: 17em; }
nav ul ul li,
nav ul ul ul li,
nav ul ul ul ul li{ border-right:medium none; }
nav ul li a.sf-with-ul:after { position: relative; top: 0; float: right; right: -0.5em; }
nav ul li.sfHover a.sf-with-ul:after{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	}
nav ul li.sfHover li a.sf-with-ul:after{
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	}
nav ul li a.sf-with-ul:only-child:after{
	content: '';/* if only child, delete arrow */
	 }
nav ul li ul a{ margin-top:0; /*to offset bottom border*/
	}
nav ul li ul li:last-child a{  }
/* third-and-above-level lists */
nav ul li ul ul { margin: -2em 0 0 12em; 
	/* negative margin calculated by li padding plus line height*/
	}
nav ul li:hover ul ul,
nav ul li:hover ul ul ul,
nav ul li.sfhover ul ul,
nav ul li.sfhover ul ul ul {
	left: -999em;
	}

nav ul li:hover ul,
nav ul li li:hover ul,
nav ul li li li:hover ul,
nav ul li.sfhover ul,
nav ul li li.sfhover ul,
nav ul li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}
/*UNIVERSAL PADDING*/
nav ul a
	  {  }
	

nav ul li a
	 /* HAUPTLEISTE */ { padding:0.6em 0.8em; }

nav ul li ul li a  /* SUBNAV */ { margin-left: 0; padding:0.6em 0.8em; }
	

	
/*----------------------------------
	IE7
-----------------------------------*/
.ie7 nav ul li a.sf-with-ul{
	 
     }
/*----------------------------------
	IE6
-----------------------------------*/
.ie6 nav ul li a.sf-with-ul{
	 
	 }
/*----------------------------------
	COLORS
-----------------------------------*/
nav{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
nav ul a { color: #5a5d60; border-bottom: 1px solid #fff; }
nav ul a:hover { color:#009ee0; border-bottom: 1px solid #a9a9a9; }
nav .current  /* *** ACTIVE ** */ { color: #1a4477; background-color: #fff; border-bottom: 1px solid #a9a9a9; }
nav ul li  /* FARBE STANDART */ {  }
/*Top Nav borders*/
nav ul li:hover a /*  HOVER */ { color: #fff; background: #009ee0; border-bottom: 1px solid #fff; }
	
nav ul li ul a /* SUB NORMAL */ { color: #686868; background-color: #f2f2f2; margin-left: 0; -o-transition: color 0.5s linear; -moz-transition: color 0.5s linear; -khtml-transition: color 0.5s linear; -webkit-transition: color 0.5s linear; -ms-transition: color 0.5s linear; transition: background-color 0.5s linear; }


nav ul li ul a:hover /* SUB NORMAL */ { color: #fff; background-color: #72c7eb; }

nav ul li ul { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
nav ul li ul li { border-bottom-style: none; }
nav ul li ul li:last-child a{  }
/*----------------------------------
	MEDIA QUERY
-----------------------------------*/
@media screen and (max-width:800px){
	.menubtn{ display: block; float:right; text-indent:-9999px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; width:40px; height:40px; margin: 0; }
	
	.menubtn:hover{
		cursor: pointer;
		}
	nav span{ display: block; }
	nav span{ position: relative; float: right; padding: 10px; }
	nav span:hover{ cursor: pointer; }
	nav ul,
	nav ul > ul{
		display: none;
		float:none;
		width:100%;
		}
	nav ul li {
		border-right:none;
		}
	nav ul li a.sf-with-ul:after {
		content:'';
		}
	nav ul li ul,
	nav ul li ul li{
		width: 100%;
		}
	nav ul li ul a{ border-style: none; }
	nav ul ul,
	nav ul li{
		width:100%;
		}
	nav ul li a{
		padding:0.5em 1em 0.5em 1em;
		float: left;
		}
	nav ul li ul a{
		padding: 0.5em 1em 0.5em 2em;
		}
	nav ul ul li ul a{
		padding: 0.5em 1em 0.5em 3em;
		}
	nav ul ul ul li ul a{
		padding: 0.5em 1em 0.5em 4em;
		}
	nav ul li ul,
	nav ul li ul ul,
	nav ul li:hover ul ul,
	nav ul li:hover ul ul ul,
	nav ul li.sfhover ul ul,
	nav ul li.sfhover ul ul ul,
	nav ul li:hover ul,
	nav ul li li:hover ul,
	nav ul li li li:hover ul,
	nav ul li.sfhover ul,
	nav ul li li.sfhover ul,
	nav ul li li li.sfhover ul { position: relative; display: none; margin: 0; left: 0; /* using left instead of display because display: none isn't read by screen readers */
		}

	/*----------------------------------
		MOBILE COLORS
	-----------------------------------*/
	
	nav ul li:hover a /*  MSG */ { border-bottom: 0px; }
	nav .current /*  MSG */ { border-bottom: 0px; }
	
	nav{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
	
	
	.menubtn{ background-image: url(../images/menuicon.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; width: 100%; z-index: 999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; opacity: 1; }
	.menubtn:hover,
	.menuOpen{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 		filter: alpha(opacity=100);
 		-khtml-opacity: 1;
 		opacity: 1;
		}
	/*Plus icon*/
	nav span{
		background: #535353;
		color:#fff;
		}
	nav span:hover{
		background: #818181;
		}
	/****  TOP-NAV  ****/
	 nav ul li { background: #2f2f2f; border-bottom: 1px solid #858585; }
	nav ul li:hover { background-color: #495a5e; }
	nav ul li:hover a { color: #fff; background-color: transparent; }
	nav ul a { color: #c6c6c6; background-color: transparent; border-style: none; }
	nav ul a:hover { color:#fff; }	
	nav .current  /* *** ACTIVE ** */ { color: #fff; font-weight: bold; background-color: transparent; }	
	/**** SUB NAV ****/
	nav ul li ul li{ background: #656e77; border-bottom: 1px solid #515151; }
	nav ul li ul a { color: #fff; background-color: #656e77; padding-top: 0.3em; padding-bottom: 0.3em; }
	nav ul li ul li a:hover  { color: #fff; background-color: transparent; border-style: none; }
	nav ul li ul li:last-child a { border-bottom-color: transparent; border-bottom-width: 0; }
	/**** SUB-SUB-NAV-BG ****/
	nav ul ul ul li{
		background: #ccc;
		}
	/*First Nav Item when open*/
	ul li.menuOpen a  /* TEXT  */ { color: #fff; background-color: transparent; }
	ul li.menuOpen,
	ul li.menuOpen:hover{ color: #fff; background:#4e555c; }
	ul li.menuOpen >span{ color: #000; background: #fff; }
	/*Sub-Nav Item when open*/
	ul ul li.menuOpen,
	ul ul li.menuOpen:hover{
		background:#a9e4fc;
		}
	/*Sub, Sub-Nav Item when open*/
	ul ul ul li.menuOpen,
	ul ul ul li.menuOpen:hover{
		background:#cdebf7;
		}
}