/***********************************
	MENÜ
************************************/
/*--------- INDIVIDUELLE BUTTONS --------*/
@media only screen and (min-width: 801px) {
.Start a, .Home a {
background: url('../img/icons/start.png') 15px 53% no-repeat;
}
.Unternehmen a, .Company a {
background: url('../img/icons/unternehmen.png') 15px 53% no-repeat;
}
.Produktion a, .Manufacture a {
background: url('../img/icons/produktion.png') 15px 53% no-repeat;
}
.HV-Pulstechnik a, .Technology a {
background: url('../img/icons/hv-pulstechnik.png') 15px 53% no-repeat;
}
.Nuklearmesstechnik a, .Measurements a {
background: url('../img/icons/nuklearmesstechnik.png') 15px 53% no-repeat;
}
.Downloads a {
background: url('../img/icons/downloads.png') 15px 53% no-repeat;
}
}

a#mobilemenu  {
    display:  none;   
}
a#mobilemenu span {
display:block; 
padding: 10px 15px 10px 15px; 
font-weight: 400;
font-size: 2.3em;
font-family: 'Oswald', sans-serif;
background: #5c9954 url(../img/nav-icon.png) 95% center no-repeat;
}

.topmenubar {
width:100%; 
clear:both;
}

.childpages {
width: 80%; 
float:right; 
min-width:200px; 
margin-right:3%; 
background:transparent url(../images/bg30.png);
}

.childpages li {
width:30%; 
float:left; 
}

/* Link Formatting */
ul.nav { 
	list-style-type: none;
	/* *zoom: 1; */
	margin: 0;	
	padding-top: 10px;
}

ul.nav ul {
	margin: 0; padding: 0;
}

ul.nav li {
	float: left;
	list-style-type: none;
	list-style-image: none;
	position: relative;  
	font-weight: 300;
	font-size: 2.0em;
	font-family: 'Oswald', sans-serif;	
	margin: 0; padding: 0;
}

ul.nav li li {
background : #d9e6cd;
}

.nav li a {
	display: block; 	
	text-decoration: none; 
	font-weight: 300;
	line-height:120%;
	padding: 30px 27px 25px 45px;
	margin: 0 1px 0 0;
    color:#5c9954;
	background-color : #d9e6cd;
}

/* Hover Formatting */
.nav li a:hover, .nav li a:focus, .nav li a:active, .nav li a.active, .nav a.menu-current, .nav a.menu-parent {
	background-color : #5c9954;
	color: #fff;
}

/* 2 level */
.nav li ul {
	background: none;
    display: none;
    width: 13em; 
    margin: 0; padding:0;
    position: absolute;
}

.nav li ul li {
	width: 14em; 
	text-align: left; 
	font-weight: 300; 
	margin: 0; 
	padding: 0;
	border-top: 1px solid #ffffff;
	border-right: none;	
	font-size: 0.9em;
}
.nav li ul li a {	
    color: #5c9954;
    font-weight: 300;
	padding: 8px 25px;  
background: none;
}


/* 2 level hover */
.nav li ul a:hover,  .nav li ul a.menu-current { 
background-color: #5c9954;  
color: #d9e6cd;
}

/* Show and hide */
.nav li:hover ul, .nav li a:focus ul {display: block; }
.nav li ul ul { display: none;}
.nav li:hover ul ul {display: none;}
.nav li:hover>ul, .nav  li li:hover>ul {display: block;  z-index: 1000;}


/* 3 Ebene  */
.nav li ul li ul	{ 
	margin: -20px 0 0 70%; 
	padding:0;
	z-index: 9999;  
	display: none;
	width: 11em; 
}
.nav li ul li ul li	{width: 11em;}


/* Positioning hover */
.nav li {position: relative;}

.nav li:hover {
z-index: 10000;	
white-space: normal;							
}


ul.nav li.ulend {height:10px; background: transparent url(../images/ulend.png) repeat-x;}
ul.nav > li.ulend {display:none ! important;}

ul.nav a.menu-parent { 
color: #d9e6cd; 
background-color: #5c9954;
}


@media screen and (max-width: 1200px) {
ul.nav li {
font-size: 130%;
}
.nav li a {
padding: 30px 24px 25px 38px;
}
}

@media screen and (max-width: 800px) {
.nav li a {
color:#fff;
}

ul.nav li li {
background : #5c9954;
color: #fff;
}

.nav li a:focus, .nav li a:active, .nav li a.active, .nav a.menu-current, .nav a.menu-parent { 
background-color : #5c9954;
color: #5c9954;
}

.nav li ul li a, .nav li a:hover, ul.nav li li a:hover { 
color: #fff;
}

.nav li ul a:hover,  .nav li ul a.menu-current { 
background-color: #d9e6cd;  
color: #5c9954;
}

ul.nav li {
font-size: 170%;
}

.nav li ul li {
padding: 0 0 0 0;
}

a#mobilemenu { 
display:  block;   
color: #fff;
width:100%;
}
	
ul#topmenu, ul#topmenu ul, ul#topmenu ul ul {width:100% ! important; position: static ! important; margin: 0 0 0 0 ! important; display: none}
ul#topmenu li, ul#topmenu li li, ul#topmenu li li li {
float: none;
border-right: none; 
width:100%  !important;
display: block;
border-bottom: 1px solid #ffffff;
background-color: #5c9954;
color: #fff;
}	
	
ul#topmenu li.menu-parent > ul, ul#topmenu li.menu-current > ul {
display: block;
}

ul#topmenu {display: block}

ul#topmenu li.menu-current  {
background-color : #d9e6cd;
font-weight:normal;
}

#topmenu a.menu-parent { color: #000;}
#topmenu a.menu-expand {
background-image: url("../img/downArrow.png");
background-repeat: no-repeat;
background-position: right 50%;
color: #fff;
}
	
	ul#topmenu {display:none;}
	
	.childpages {float:none; width:90%; margin-left:15px; }
	.childpages li {width:49%; float:left; }
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
	.showonmobiles {display:block ! important;}
	
	.mobilesonly {display:block ! important;}
	.desktoponly {display:none;
}
}

@media screen and (max-width: 400px) {
	.childpages li {width:90%; float:none; }
}