
@media (min-width: 80px) {
	
	#header {background-image:url(../_Layout/bg25d.jpg);}
/* 	#header ul li a {color:#fff; font-family: Merienda One; font-size: 15px; }
	#header ul li a:hover {color:#39b6f9; font-family: Merienda One; font-size: 15px;}
	#header ul li ul li a { font-family: Verdana;  }
	#header ul li ul li a:hover {font-family: Verdana; }
	#header .sf-menu > li.active > a:hover { font-family: Verdana; color:#39b6f9; }
	#header li.farbe a:hover { font-family: Verdana; color:#39b6f9; } */
	.main-menu-icon span{background-color:#fff;} 
	a.navbar-brand {font-size:11px;}
	
	.menu {margin-top:20px; margin-left:25px;}
	.menu ul li {text-align:left; list-style:square; color:#fff; line-height:2em;}
	.menu ul li a{color:#fff;}
	.menu ul li a:hover {color:#39b6f9;}
	.menu ul li ul li {text-align:left; line-height:1.8em;}
	.menu ul li ul li a { padding-top: 0px; padding-bottom: 0px;}
	.menu ul li.c1 > a {text-decoration:underline;}
	.menu ul li.c2 > a {color:#39b6f9;}
	.menu ul li.c2 {color:#39b6f9;}
		
	
}
	

@media (min-width: 768px) {
	
	#header {background:url(../_Layout/Navi/menu-background.jpg);}
	.menu {	 width:auto; height:87px; padding-top:0px; position:relative; font-weight:bold; font-family:Verdana, arial, sans-serif; z-index:10;}
	.navbar-brand {margin-left:-9999px; margin-top:-9999px; height:0px; width:0px;}
  
	.nocurrent {z-index:30;}
	.homecurrent {z-index:20;}
	.menu ul {padding:0; margin:0; list-style:none;}
	.menu > ul {float:left;}
	.menu > ul > li {float:left;}
	.menu > ul > li > a {font-family: Merienda One; display:block; color:#fff; line-height:45px; background:transparent; text-decoration:none; padding:0 0 0 10px; font-size:18px;}
	.menu > ul > li > a b {display:block; background:transparent; padding:5px 20px 0 10px; font-weight:normal;}
	.menu > ul > li > ul {
	width:850px; 
	position:absolute; 
	top:45px; 
	left:-9999px; 
	height:30px; 
	background:#aac6ee; o
	pacity:0;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	}


	.menu > ul > li > ul > li {float:left; position:relative;}
	.menu > ul > li > ul > li > a {display:block; color:black; line-height:30px; text-decoration:none; padding:0 10px; font-size:13px;}

	.menu > ul > li:hover > a {background:url(../_Layout/Navi/border-left.jpg) no-repeat left top;}
	.menu > ul > li:hover > a b {background:url(../_Layout/Navi/border-right.jpg) no-repeat right top;}

	.menu ul li:hover {direction:ltr;}
	.menu > ul > li:hover > ul {left:0; opacity:1;}
	.menu > ul > li > ul > li:hover > a {color:#fff;}

	.menu > ul > li.current > a {background:url(../_Layout/Navi/border-left.jpg) no-repeat left top;}
	.menu > ul > li.current > a b {background:url(../_Layout/Navi/border-right.jpg) no-repeat right top;}
	.menu > ul > li.current > ul {left:0; opacity:1;}

	.menu > ul:hover > li.current > a {background:transparent;}
	.menu > ul:hover > li.current > a b {background:transparent;}
	.menu > ul:hover > li.current > ul {left:-9999px;}

	.menu > ul:hover > li.current:hover > a {background:url(../_Layout/Navi/border-left.jpg) no-repeat left top;}
	.menu > ul:hover > li.current:hover > a b {background:url(../_Layout/Navi/border-right.jpg) no-repeat right top; }
	.menu > ul:hover > li.current:hover > ul {left:0; opacity:1;}
	
	
	.menu {margin-top:0px; margin-left:0px;}
	.menu ul li {text-align:left; list-style:none; color:#fff; line-height:21px;}
	.menu ul li a{color:#fff;}
	.menu ul li a:hover {color:#fff;}
	.menu ul li ul li {text-align:left; line-height:21px;}
	.menu ul li ul li a { padding-top: 0px; padding-bottom: 0px;}
	.menu ul li.c1 > a {text-decoration:none;}
	.menu ul li.c2 > a {color:#fff;}
	.menu ul li.c2 {color:#fff;}
	
 
}

@media (min-width: 992px) {

	.menu {	 width:970px; height:87px; padding-top:0px; margin: -15px; background:url(../_Layout/Navi/menu-background.jpg); position:relative; font-weight:bold; font-family:Verdana, arial, sans-serif; z-index:10;}
  
	.nocurrent {z-index:30;}
	.homecurrent {z-index:20;}
	.menu ul {padding:0; margin:0; list-style:none;}
	.menu > ul {float:left;}
	.menu > ul > li {float:left;}
	.menu > ul > li > a {font-family: Merienda One; display:block; color:#fff; line-height:45px; background:transparent; text-decoration:none; padding:0 0 0 10px; font-size:18px;}
	.menu > ul > li > a b {display:block; background:transparent; padding:5px 20px 0 10px; font-weight:normal;}
	.menu > ul > li > ul {
	width:850px; 
	position:absolute; 
	top:45px; 
	left:-9999px; 
	height:30px; 
	background:#aac6ee; o
	pacity:0;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	}


	.menu > ul > li > ul > li {float:left; position:relative;}
	.menu > ul > li > ul > li > a {display:block; color:black; line-height:30px; text-decoration:none; padding:0 10px; font-size:13px;}

	.menu > ul > li:hover > a {background:url(../_Layout/Navi/border-left.jpg) no-repeat left top;}
	.menu > ul > li:hover > a b {background:url(../_Layout/Navi/border-right.jpg) no-repeat right top;}

	.menu ul li:hover {direction:ltr;}
	.menu > ul > li:hover > ul {left:0; opacity:1;}
	.menu > ul > li > ul > li:hover > a {color:#fff;}

	.menu > ul > li.current > a {background:url(../_Layout/Navi/border-left.jpg) no-repeat left top;}
	.menu > ul > li.current > a b {background:url(../_Layout/Navi/border-right.jpg) no-repeat right top;}
	.menu > ul > li.current > ul {left:0; opacity:1;}

	.menu > ul:hover > li.current > a {background:transparent;}
	.menu > ul:hover > li.current > a b {background:transparent;}
	.menu > ul:hover > li.current > ul {left:-9999px;}

	.menu > ul:hover > li.current:hover > a {background:url(../_Layout/Navi/border-left.jpg) no-repeat left top;}
	.menu > ul:hover > li.current:hover > a b {background:url(../_Layout/Navi/border-right.jpg) no-repeat right top; }
	.menu > ul:hover > li.current:hover > ul {left:0; opacity:1;}
	
	
	

}

@media (min-width: 1200px) {

	 .menu {	 width:970px; height:87px; padding-top:0px; margin: -15px; background:url(../_Layout/Navi/menu-background.jpg); position:relative; font-weight:bold; font-family:Verdana, arial, sans-serif; z-index:10;}
  
	.nocurrent {z-index:30;}
	.homecurrent {z-index:20;}
	.menu ul {padding:0; margin:0; list-style:none;}
	.menu > ul {float:left;}
	.menu > ul > li {float:left;}
	.menu > ul > li > a {font-family: Merienda One; display:block; color:#fff; line-height:45px; background:transparent; text-decoration:none; padding:0 0 0 10px; font-size:18px;}
	.menu > ul > li > a b {display:block; background:transparent; padding:5px 20px 0 10px; font-weight:normal;}
	.menu > ul > li > ul {
	width:850px; 
	position:absolute; 
	top:45px; 
	left:-9999px; 
	height:30px; 
	background:#aac6ee; o
	pacity:0;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	}


	.menu > ul > li > ul > li {float:left; position:relative;}
	.menu > ul > li > ul > li > a {display:block; color:black; line-height:30px; text-decoration:none; padding:0 10px; font-size:13px;}

	.menu > ul > li:hover > a {background:url(../_Layout/Navi/border-left.jpg) no-repeat left top;}
	.menu > ul > li:hover > a b {background:url(../_Layout/Navi/border-right.jpg) no-repeat right top;}

	.menu ul li:hover {direction:ltr;}
	.menu > ul > li:hover > ul {left:0; opacity:1;}
	.menu > ul > li > ul > li:hover > a {color:#fff;}

	.menu > ul > li.current > a {background:url(../_Layout/Navi/border-left.jpg) no-repeat left top;}
	.menu > ul > li.current > a b {background:url(../_Layout/Navi/border-right.jpg) no-repeat right top;}
	.menu > ul > li.current > ul {left:0; opacity:1;}

	.menu > ul:hover > li.current > a {background:transparent;}
	.menu > ul:hover > li.current > a b {background:transparent;}
	.menu > ul:hover > li.current > ul {left:-9999px;}

	.menu > ul:hover > li.current:hover > a {background:url(../_Layout/Navi/border-left.jpg) no-repeat left top;}
	.menu > ul:hover > li.current:hover > a b {background:url(../_Layout/Navi/border-right.jpg) no-repeat right top; }
	.menu > ul:hover > li.current:hover > ul {left:0; opacity:1;}
}





