#menuleiste {	position:absolute;
				font-family: 'text';
				top:-37px; 
				right:16px;			
				font-size:105%;
				text-shadow: silver 0 1px 0;
				text-align:right;
				z-index:22;	}			

#menuleiste a, #menuleiste .activ
		{ 				display:block;
						background-color: rgba(255, 255, 255, 0.8);
						color:#143264;
						text-decoration:none;
						padding:7px 16px;
						border:1px solid #DBE2E9;
						border-bottom:none;
						border-radius:6px 6px 0 0;
						transition: all .15s ease;}	
#menuleiste a:hover{	text-decoration:underline;  
  						background-color: rgba(20, 50, 100, 1.0);
    					color: white;
						}
#menuleiste .activ{   text-shadow:none;
						background-color: rgba(20, 50, 100, 1.0);
						background-color: rgba(36, 72, 131, 1.0);
						color:white;
						border:1px solid #244884;
						border-bottom:none;
						}
#menuleiste li {		display:inline-table;}						

/* ----------------das linke Menü! -----------------*/


nav {			position:static;
				font-family: 'schmal';
				font-size:110%;
				text-shadow: silver 0 1px 0;
				margin:-9px 40px 12px 0;
				left:5%; 
				width:26%;
				padding-bottom:0px; /* ohne das wäre das linke Menü teilw unter dem Footer nicht sichtbar, klickbar*/
				float:left;
				z-index:4;
				margin-top:1.1em;}	
	nav ul {	list-style:none;
				text-align:left;}
	nav ul li {	margin-bottom:1px;}
	nav ul li a, nav ul li .activ
		{ 		display:block;
				color:#143264;
				font-weight:normal;
				text-decoration:none;
				padding:5px 0px 6px 20px;
				border-bottom:1px solid silver;
				transition: all .15s ease;
				}
			
	nav ul li a:hover{	text-decoration:underline;
						background: #143264;
    					color: white;
						border-bottom:1px solid green;
						border-radius:5px;}
	nav ul li .activ{	text-shadow:none;
					color:silver;
					border-bottom: 1px solid silver;
					background-color: rgba(255, 255, 255, 0.5); 
					}	
						
						

	/* ------------------------ teiling --------------------- */
	
#teilung {		position:relative;
				width:60%;
				bottom:42px; 
				left:0px;			
				z-index:1;}	
#teilung .links{	display:block;
						width:200px;
						height:32px;
						line-height:20px;
						background-image:url(../px/bttns/hauptreiter42.png);
						background-position:right top;
						color:#143264;
						padding:8px 16px 2px 16px;
						border-radius:6px 6px 0 0;
						float:left;}		
#teilung .rechts a {	display:block;
						width:200px;
						height:26px;
						line-height:18px;
						background-color: rgba(255, 255, 255, 0.65);
						color:rgba(20, 40, 100, 0.75);
						text-decoration:none;
						padding:7px 16px 4px 24px;
						border-radius:8px 8px 0 0;
						/*transition: all .15s ease;*/
						text-align:center;
						float:left;
						margin-left:-22px;
						margin-top:5px;					
						}
#teilung .rechts a:hover {background-color: rgba(255, 255, 255, 0.90);
						color:#143264;
						text-decoration:underline;				
						}								
	
		
					
					
#buttneu {position:relative;}				
#neu {position:absolute; right:3px;top:-16px;}  

 					
/* ------ Slider ------------- */
	#panel {position:absolute; /* ohne position auch denkbar... */
			padding:12px;
			background-color:#D4D8DB;
			color:black;
			right:22px;
			top:-55px;
			width:50%;
			display: none;
			text-align:center;
			border:3px solid white;
			border-radius:10px;
			-webkit-box-shadow: 5px 5px 5px grey;
			-moz-box-shadow: 5px 5px 5px grey;
			box-shadow: 5px 5px 5px grey;
			z-index:25;}

		.slide {position:absolute;
			top:-96px;
			right:6px;
			width:110px;
			margin: 0;
			padding: 0;
			text-align:right;
			background-color: none;
			border-radius:8px;
			display:none;
			z-index:20;}
		.btn-slide {
			background: url(../px/bttns/burger_open.png) no-repeat right 18px top 12px;
			text-align: right;
			width: auto;
			height: 26px;
			padding: 14px 53px 3px 0px;
			display: block;
			font-size:1.250em;
			line-height:0.875em;
			
			text-decoration: none;
			color:#244883;
			outline: none;
			}
			.btn-slide:hover{	color:#244883;}
		.slideactive {background: url(../px/bttns/burger_close.png) no-repeat right 18px top 12px;
		outline: none;}
		

		/* ------ ENDE Slider ------------- */

.modenav {
  position: relative;
  display: block;
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 14px;
  font-weight: 100;
  }
.modenav ul {
  list-style: none;
  padding: 0;
  text-align: left;
  position: relative;
  margin-top: 0;
}
.modenav ul li {
  *display: inline;
  position: relative; 
}
.modenav ul li span.arrow {
  display: none;
  /* "display:none" to hide arrows for the non-mobile nav */
  position: absolute;
  top: 30px;
  color: #ffffff;
  width: 40px;
  left: 50%;
  margin-left: -10px;
  text-align: center;
  font-size: 7px;
  z-index: 5;
  cursor: pointer;
}
.modenav ul li a, .modenav ul li .activ {
  display: block;
  color: #ffffff;
  padding: 10px 20px;
  margin-bottom:2px;
  background: #244883;
  text-decoration: none;
}
.modenav ul li .activ {background:#FFFFFF; color:silver;}

.modenav ul li ul {
  list-style: none;
  padding: 0;
  display: none;
  position: absolute;
  left: 0;
  width: 160px;
  background-color:black;
}
.modenav ul li ul li {
  width: 160px; 
}
.modenav ul li ul li a {
  background: #535353;

  display: block;
  padding: 5px;
}
.modenav ul li ul li a:hover {
}
.modenav ul li:hover a {
  background: #535353; 
}
.modenav ul li:hover a:hover { 
}
.modenav ul li:hover ul {
  display: block; 
}
.modenav ul li:hover ul a {

}
.modenav ul li:hover ul a:hover {

}
.modenav .nav-bars {
  position: absolute;
  top: 0;
  right: 0;
  color: green;
  font-size: 36px;
  cursor: pointer;
}
.modenav .nav-bars i {
  font-weight: bold;
}
.modenav.mobile {
  width: 100%;
  padding-top: 2px;
}
.modenav.mobile ul {     
/*display:none;*/}
.modenav.mobile ul li {
  width: 100%;
  float: none;
  }
.modenav.mobile ul li span.arrow {
  display: block;
  top: 6px;
  font-size: 16px;
  margin: 0;
  right: 2px;
  left: auto;
  padding: 12px;
  background: url(../px/bttns/pfeilrunter2.png) no-repeat right 8px top 10px;
}

/*
.modenav.mobile ul li span.arrow:hover {
  color: #aaa;
}
.modenav.mobile ul li span.arrow.arrow-rotate {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);	  
}
*/
.modenav.mobile ul li a {
  padding: 12px;

}
.modenav.mobile ul li ul {
  position: static;
  width: 100%;
}
.modenav.mobile ul li ul li {
  width: 100%;
  }
.modenav.mobile ul li:hover a {


}
.modenav.mobile ul li:hover a:hover {
  background:#666666;

}
.modenav.mobile ul li:hover ul {
  display: none;
}

.modenav.mobile ul li:hover ul a:hover {
}
.modenav.mobile .nav-bars {
  display: block;
  padding-right:66px;
}