/***********************************
	MENÜ
************************************/
a#mobilemenu  {
display:  none;   
}
a#mobilemenu span {
display:block; 
padding: 20px 15px 20px 15px; 
font-size: 1.6em;
font-family: PantonLight;
background: #006e82 url(../img/nav-icon.png) 95% center no-repeat;
text-transform: uppercase;
}
.topmenubar {
width:100%; 
clear:both;
padding: 0;
margin: 0;
}
.childpages {
width: 80%; 
float:right; 
min-width: 300px; 
margin-right:3%; 
background:transparent url(../images/bg30.png);
}
.childpages li {
width:30%; 
float:left; 
padding: 0;
margin: 0; 
}

/* Link Formatting */
ul.nav { 
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}

ul.nav ul {
margin: 0; 
padding: 0;
text-align: left;
}

ul.nav li {
	float: left;
	list-style-type: none;
	list-style-image: none;
	position: relative;  
	font-size:1.0em;
	font-family: PantonLight;
	margin: 0; padding: 0;
float: none;
display: inline-block;
}

ul.nav li li {
background : #006e82;
}

.nav li a {
	display: block; 	
	text-decoration: none; 
	line-height:120%;
	padding: 30px 15px 25px 15px;
	margin: 0 1px 0 0;
    color:#fff;
	background-color : #006e82;
}

/* 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 : #ffffff;
	color: #006e82;
}

/*
@media only screen and (min-width: 1020px) {
#topmenu .Start a, #topmenu .Home a {
font-size: 0em;
background: url('../img/start.png') top center no-repeat;
width: 44px;
min-height: 58px;
margin-top: 0px;
padding: 0 15px 5px 15px;
border-right: 1px solid #005662;
}
#topmenu .Start a:hover, #topmenu .Start a.menu-current,
#topmenu .Home a:hover, #topmenu .Home a.menu-current {
background-color : #006e82;
background: url('../img/start_hover.png') top center no-repeat;
}
}
*/

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

.nav li ul li {
	width: 21.0em; 
	text-align: left; 
	margin: 0; 
	padding: 0;
	border-top: 1px solid #ffffff;
	border-right: none;	
	font-size: 0.95em;
	text-transform: none;
}
.nav li ul li a {	
    color: #fff;
	padding: 8px 25px;  
	background: none;
}

/* 2 level hover */
.nav li ul a:hover,  .nav li ul a.menu-current { 
background-color: #ffffff;  
color: #006e82;
border-bottom: 1px solid #006e82;
}

/* 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: #006e82; 
background-color: #ffffff;
}


@media screen and (max-width: 1280px) {
ul.nav li {
	font-size: 82%;
}
.nav li a {
	padding: 30px 7px 25px 7px;
}
}

@media screen and (max-width: 980px) {
ul.nav { 
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}
.nav li a {
color:#fff;
}

ul.nav li li {
background : #006e82;
color: #fff;
}

.nav li a:focus, .nav li a:active, .nav li a.active, .nav a.menu-current, .nav a.menu-parent { 
background-color : #fff;
color: #006e82;
}

.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: #ffffff;  
color: #006e82;
}

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

.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: #006e82;
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 : #ffffff;
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; }
}