/**

 * @author ( Angie Radtke, tian )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2009 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

/* not ready */

*
{
        margin: 0;
        padding: 0;
}

body
{
    font-size: 100.01%;
    padding: 0px;
    text-align: center;
    position:relative;
	
	
}

/* ###################### general ###################### */
/*absolute oder dynamische Breite des Layouts, extrem wichtig
weitere Einstellungen zur Breite in layout.css #footer
und in diesem css #footer-inner*/
#all
{
    margin: 0 auto;
	max-width: 1250px;
	min-width: 900px;
    padding: 0px;
    text-align: left;
	
	
}

/* ###################### general2 ###################### */

#header
{
    height: 0px;
	display:block ;
    position:relative;
    padding:0px;
    overflow:hidden;
	max-width: 100%;
}

#back
{
        margin: 0;
        padding:0px;
}



#content-ges {
		/*background-color: #FFCC2C;*/
		background-color: #A7E648;
		padding-top: 2px;
		z-index: 100;
		clear: both;
}

#contentarea,
#contentarea2
{
	position:relative;
    overflow:hidden;
    padding:10px 20px 10px 20px;
    margin-left: 15px;
	max-width: 100%;
}

#wrapper
{
	width:53%;
	float:left;
	position:relative;
	border-radius: 1em;
	-moz-border-radius: 1em;

}

#wrapper2
{
	max-width:75%;
	width: 100%;
	float:left;
	position:relative;
	/*padding-bottom:20px;*/
	background-color: #ffffff;
	margin: 20px 0px 20px 0px;
	/*border-radius: 1em;
	-moz-border-radius: 1em;*/
	padding: 20px 0px 10px 10px;

}

#wrapper2.shownocolumns
{
max-width:100%;
	width: 100%;
}

#wrapper2 .item-page
{/*max-width:660px*/}

#main
{
    padding: 0px 40px 10px 30px;
    position: relative;
    min-height:320px;
}

#right
{
    float:left;
    width: 20%;
    margin:10px 0px 10px 2%;
    padding:0px 0px 5px 0px;
    position:relative;


}

.unseen,
.hidelabeltxt
{
    display: inline;
    height: 0px;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0px;
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left
{
        padding-top:0px;
        float:right;
        margin:10px 0px 10px 0%;
        width: 22%;
        position:relative;
		background-color: #ffffff;

}

/* ++++++++++++++  nav before content  ++++++++++++++ */



.left1
{
    z-index: 80;
	padding:0px 0 0 0px;
    float: left;
    margin:20px 3% 20px 0%;
    width: 20%;
    position:relative;
	/*position: fixed;*/
	overflow: hidden;
	background-color: #ffffff;
	/*border-radius: 1em;
	-moz-border-radius: 1em;*/
}

.leftbigger
{
       width:20%;
		max-width: 20%;
}

/* ++++++++++++++  Menüs allgemein ++++++++++++++ */

#menu-ges {

z-index: 10000;
}

.fest {
position: fixed;
top: 0px;
border-bottom-width: 30px;
border-bottom-color: #a7e648;
border-bottom-style:solid;
max-width: 1250px;
min-width: 900px;
width: 100%;
}

.fest2 {
/*background-image: url(../images/apv-mini.png);
background-repeat:no-repeat;
background-position: 10px 4px;*/
max-width: 1250px;
min-width: 900px;
width: 100%;
}

/* ++++++++++++++  horizontale Menüs  ++++++++++++++ */
/*+++++++++++++++++Erstes Menü+++++++++++++++++*/
#top-menuwrap-2 {
	/*background-color: #BA55D3; violett */
	/*background-color: #FE9A2E; grau 
	background-color: #04B486; türkies
	background-color: #04B4AE; intensiveres Türkies*/
	border-top: 5px solid #a7e648;
	background-image: url(../images/apv-mini2.png);
	background-repeat:no-repeat;
	background-position: 10px 4px;
	background-color: #04B486;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 28px; 
	border-bottom: 1px solid white;
	border-top: 2px solid white;
	font-size: 16px;
}

h2.Sondertitel
{
        font-size:25px;
		font-family: sans-serif;
    	color: white;
   	 	text-shadow: 0 0 5px black;	
		padding-left: 50px;
		padding-top: 6px;
}


#top-menu2, #top-menu2 ul {
	padding: 0;
	line-height: 20px;
	
}

#top-menu2 ul {
top: 100%;
z-index: 2110;
right: 0px;
float: right;
}

#top-menu2 a {
	display: block;
	line-height: 20px;
	margin: 0px;
	padding: 3px 11px 3px 11px;
	
}

#top-menu2 li { /* alle Ebenen */
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

#top-menu2 ul li {
display: block;
}

#top-menu2 ul.menu_hm_rechts > li:first-child {
border-left: 0px solid white;
}

#top-menu2 ul.menu_hm_rechts > li:last-child {
border-right: 0px solid white;
}

#top-menu2 ul li a{
text-align: center;
}

#top-menu2 ul li ul a {
text-align: left;

}

#top-menu2 li ul,
#top-menu2 li ul ul,
#top-menu2 li ul ul ul,
#top-menu2 ul ul ul ul li { /* zweite, dritte und vierte Ebene */
	position: absolute;
	width: auto;
	/*
	 * Using left instead of display to hide menus because display: none isn't
	 * read by screen readers*/
	/*right: 999em;*/
	display: none;
}

#top-menu2 li:hover ul,
#top-menu2 li:hover ul ul,
#top-menu2 li:hover ul ul ul,
#top-menu2 ul:hover ul ul ul li
{
display: block;
}

#top-menu2 ul ul a { /* sub-links */
	width: 176px;
	
}

#top-menu2 li ul ul { /* third-and-above-level lists */
	margin: -42px 0 0 200px;
}

#top-menu2 li:hover ul ul,
#top-menu2 li:hover ul ul ul,
#top-menu2 li:hover ul ul ul ul,
#top-menu2 li.sfhover ul ul,
#top-menu2 li.sfhover ul ul ul,
#top-menu2 li.sfhover ul ul ul ul {
	/*right: -999em;*/
	display:none;
}

#top-menu2 li:hover ul,
#top-menu2 li.sfhover ul {
display: block;
right: 0px;
}

#top-menu2 li li:hover ul,
#top-menu2 li li li:hover ul li,
#top-menu2 li li li li:hover ul,
#top-menu2 li li.sfhover ul,
#top-menu2 li li li.sfhover ul, 
#top-menu2 li li li li.sfhover ul { /* lists nested under hovered list items */
	display: block;
	right: 190px;
	width: 190px;
	border-right: 1px solid #A9A9A9 !important;
	margin-right: -1px;
}



/*--------------------------- VISUAL ----------------------------*/
/* -------- Alle Ebenen -------- */

#top-menu2 ul, #top-menu2 li {
	background-image: none;
	list-style: none;
	
}

#top-menu2 span.separator {
	display:none;
}

/* -------- Erste Ebene -------- */
#top-menu2 > ul {
	background-color: #04B486;
	padding-left: 0px;

	
}

#top-menu2 ul.menu_hm_rechts {
	margin-left: 5px;
	margin-right: 5px;
	
}

#top-menu2 > ul.menu_hm_rechts > li {
	border-right: 1px solid white;
	border-left: 1px solid white;
	border-top:  0px solid #04B486;
	/*margin: 0px 4px 0px 4px;*/
	
}

ul.menu-nav li a active, {
}

#top-menu2 > ul > li.active {
	background-color: white;
}

#top-menu2 > ul > li.active a {
	color: #04B486;
	
}

#top-menu2 > ul > li:hover,
#top-menu2 > ul > li:active,
#top-menu2 > ul > li:focus {
	background: /*url(../images/arrow2.png) no-repeat bottom center*/ white;
	color: #87CEEB;
	
}

#top-menu2 > ul > li.deeper:hover,
#top-menu2 > ul > li.deeper:active,
#top-menu2 > ul > li.deeper:focus {
	
	border-right: 1px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	border-top:  1px solid #A9A9A9;
	
}

#top-menu2 > ul > li:hover.parent {
/*height: 39px;*/
}

#top-menu2 > ul > li:hover a,
#top-menu2 > ul > li:active a,
#top-menu2 > ul > li:focus a {
	color: #04B486;
/*	color: #0174DF;*/
}

#top-menu2 > ul > li a:hover,
#top-menu2 > ul > li a:active
#top-menu2 > ul > li a:focus {
/*text-shadow: 1px 1px 1px #F7BE81, 1px -1px 1px #F7BE81, -1px 1px 1px #F7BE81, -1px -1px 1px #F7BE81;*/
text-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
}


/* -------- Unterebenen -------- */
 #top-menu2 ul.menu_hm_rechts ul {
border: 1px solid #A9A9A9;
border-top: none;
border-bottom: none;
margin-left: -1px;
/*top: 39px;*/
}

#top-menu2 ul.menu_hm_rechts li:hover ul li {

}

 #top-menu2 ul.menu_hm_rechts li:hover ul li:hover ul  {
 float: right;
  margin-left: 0px;
  position:absolute;
right: 190px;

}

#top-menu2 ul.menu-nav li.active ul li {

}

#top-menu2 > ul.menu-nav > li > ul {

}


#top-menu2 ul ul li {
	border-bottom:  1px solid #A9A9A9;
	overflow: visible;
}

#top-menu2 ul ul li:first-child {
	border-top:  1px solid #A9A9A9;
}


#top-menu2 ul.menu-nav ul ul {
border-top:  1px solid #A9A9A9;
}

#top-menu2 ul li.active ul li a {
color: black;
}

#top-menu2 ul li ul li.active {


}

#top-menu2 li ul { /* second-level lists */
	background-color:  #fe9a2e;

}

#top-menu2 li a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	
}

#top-menu2 ul li:hover ul li a,
#top-menu2 ul li:active ul li a,
#top-menu2 ul li:focus ul li a {
background-color: #fffdcd;
color:  #04B486;
}

#top-menu2 ul li:hover ul li.deeper,
#top-menu2 ul li:active ul li.deeper,
#top-menu2 ul li:focus ul li.deeper {
background-color: white;
color: #87CEEB;
}

#top-menu2 ul li:hover ul li.deeper a,
#top-menu2 ul li:active ul li.deeper a,
#top-menu2 ul li:focus ul li.deeper a {
/*background: url(../images/arrow.png) no-repeat center;*/
color: #04B486;
}

#top-menu2 ul li ul li:hover,
#top-menu2 ul li ul li:active,
#top-menu2 ul li ul li:focus {
	
}


#top-menu2 ul li ul li.deeper:hover a,
#top-menu2 ul li ul li.deeper:active a,
#top-menu2 ul li ul li.deeper:focus a {
	background:  #fefefe;
	color: #04B486;
}

#top-menu2 ul li ul li.deeper:hover ul li a,
#top-menu2 ul li ul li.deeper:active ul li a,
#top-menu2 ul li ul li.deeper:focus ul li a {
	background:  #fffdcd;
	color: #04B486;
}

#top-menu2 ul li ul li.deeper:hover ul li:hover a,
#top-menu2 ul li ul li.deeper:active ul li:active a,
#top-menu2 ul li ul li.deeper:focus ul li a:focus {
	background:  #fefefe;
	color: #04B486;
}

#top-menu2 ul li ul li:hover a,
#top-menu2 ul li ul li:active a,
#top-menu2 ul li ul li:focus a {
	background: #fefefe;
	color: #04B486;
	
}

#top-menu2 ul li.active ul li:hover a,
#top-menu2 ul li.active ul li:active a,
#top-menu2 ul li.active ul li:focus a {
	color: #04B486;
}

#top-menu2 ul li.active ul li:hover ul li:hover a,
#top-menu2 ul li.active ul li:active ul li:active a,
#top-menu2 ul li.active ul li:focus ul li:focus a {
	background: #fefefe;
}

#top-menu2 ul li.active ul li:hover ul li:hover ul li a,
#top-menu2 ul li.active ul li:active ul li:active ul li a,
#top-menu2 ul li.active ul li:focus ul li:focus ul li a {
	background: #fefefe;
}

#top-menu2 ul li.active ul li:hover ul li:hover ul li:hover a,
#top-menu2 ul li.active ul li:active ul li:active ul li:active a,
#top-menu ul li.active ul li:focus ul li:focus ul li:focus a {
	background: #fefefe;
}


/*+++++++++++++++++Zweites Menü+++++++++++++++++*/

/*++++++++++++++++++Allgemeines+++++++++++++++++*/
#top-menuwrap {
	border-top: 1px solid white;
	border-bottom: 2px solid white;
/*font-size: 120%;
width: 1250px;*/
}

#top-menu {
	background-color: #FFF700; 
	/*padding-top: 6px;
	padding-top: 5px; 
	height: 34px;*/
	/*border-bottom: 5px solid #FFF700;*/
	position: relative;
	z-index: 1200;
	/*max-width: 1250px;*/
	font-size: 16px;

	
}

#top-menu-bottom { /*zweite Ebene*/
height: 35px;
background-color: #FFFDCD; 
}

#top-menu-bottom.minimal { /*zweite Ebene*/
height: 0px;
}


/*________________Form___________________*/

ul.menu-nav
{
clear: both;
/*width: 1250px;*/
}

#top-menu ul {
margin-left: 5px;
}

#top-menu ul.menu-nav li {
 float: left; 
 display: block; 
 /*margin: 0px 0px 0x 0px;*/
 padding: 6px 18px 4px 18px;
 margin-bottom: 0px;
 }
  
  #top-menu ul.menu-nav > li.active {
  /* margin-left: 1px;
   margin-bottom: -1px;*/
   }
 
 #top-menu > ul > li.active a {
position: relative;
/*top: -5px;*/
}
 
 #top-menu ul.menu-nav li.active li a { 
 margin: 0px 5px 0 0px;
 }
 
 #top-menu ul.menu-nav li.active li li { 
 padding: 0px 8px 0px 23px;
 height: 35px;
 }
 

#top-menu a {
 font-weight: bold; 
 display: block; 
 height: auto; 
 width: auto; 
 /*padding: 2px 8px 2px 8px;*/
 text-decoration: none;

}

/*-------------------------------------2. Ebene -------------------------------------*/

#top-menu ul.menu-nav li ul {
display: none;
  position: absolute; 
 left: 0;  
 }
 
 #top-menu ul.menu-nav li.active ul {
margin-top: 7px;
 }
 
 #top-menu ul.menu-nav li.active ul li ul {
 padding-top: 0px; 
 }
 
 #top-menu ul.menu-nav ul ul  {
 margin-top: -24px;
 
  }
  
  #top-menu ul.menu-nav ul ul ul {
 margin-top: 0px;
  }
  
#top-menu li.active ul {
margin-left: 0px;
/*margin-top: 3px;
height: 23px;*/
 }
 
 #top-menu li:hover ul,
 #top-menu li:active ul, 
  #top-menu li:focus ul { 
margin-left: 0px;
/*margin-top: 5px;*/
 }
 
 #top-menu li.active:hover ul,
 #top-menu li.active:active ul, 
  #top-menu li.active:focus ul { 
margin-left: 0px;
/*margin-top: 6px;*/
 }
 
  #top-menu li.active:hover ul {
/*width: 1250px;*/
height: 23px;
  }
 
#top-menu li:hover ul li,
#top-menu li:active ul li,
#top-menu li:focus ul li
 { 
 position: relative;
 /*width: 1250px;*/
 margin-left: 0px;
 }
 
#top-menu ul li.active ul a, 
#top-menu ul li ul a, {
 float: left; 
 border: 0; 
 color: #f90; 
 width: auto; 
 margin-right: 15px;
 }
 
 #top-menu ul.menu-nav li.active ul {
 display: block;
 z-index: 558;
 }
  
  /*Hier wird das Hovern eingeschaltet*/
   #top-menu ul.menu-nav li:hover ul,
   #top-menu ul.menu-nav li:active ul,
   #top-menu ul.menu-nav li:focus ul {
 /*display: block; 
 z-index: 811;*/
  }
  
#top-menu ul.menu-nav li:hover,
#top-menu ul.menu-nav li:active,
#top-menu ul.menu-nav li:focus {
 display: block; 

  }

#top-menu ul.menu-nav li ul li {  
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
     }
	 
	 #top-menu ul.menu-nav li.active ul li {  
 /*margin-left: 7px;
 margin-right: 2px;*/
     }
	
	#top-menu ul.menu-nav li ul li li {  
 /* margin-left: 15px;*/
    }

 #top-menu ul.menu-nav li.active:hover ul li,  
  #top-menu ul.menu-nav li.active:active ul li, 
   #top-menu ul.menu-nav li.active:focus ul li {  
/*margin-left: 7px;
 margin-right: 2px;*/
 }
 
 #top-menu ul.menu-nav li:hover ul li,  
  #top-menu ul.menu-nav li:active ul li, 
   #top-menu ul.menu-nav li:focus ul li {  
/*margin-left: 0px;
 margin-right: 0px; */ }

/*--------------------Drop-Down-Menu Zweite Ebene--------------------*/	
#top-menu ul.menu-nav li:hover > ul { 
width: 190px;
position:absolute;
left: auto;
list-style: none;
margin-left: -9px;
    }	
	
#top-menu ul.menu-nav li:hover > ul ul { 
margin-left: -10px;
	}
	
#top-menu ul.menu-nav li:hover > ul > li { 
	margin-bottom: 0px;
	}
	
	#top-menu ul.menu-nav li.active:hover > ul { 
margin-left: 0px;
margin-top: 0px;
    }	
	
#top-menu ul.menu-nav > li:hover > ul  > li { 
/*height: auto;*/
float: none;
border-bottom: 1px solid grey;
  border-right: 1px solid grey;
  border-left: 1px solid grey;
    }	
	
	#top-menu ul.menu-nav > li:hover > ul  > li:first-child { 
border-top: 1px solid grey;
/*margin-bottom: 0px;*/
    }	
	
#top-menu ul.menu-nav > li.active:hover > ul  > li { 		
height: auto;
border-bottom: 0px solid grey;
  border-right: 0px solid grey;
  border-left: 0px solid grey;
  background-color: #FFFDCD;

   }
   
   #top-menu ul.menu-nav > li.active:hover > ul  > li:first-child { 
border-top: 0px solid grey;
    }	
   
   #top-menu ul.menu-nav li ul li a {
 margin-top: 0px;
 margin-bootom: 0px;
  }	
 
  #top-menu ul.menu-nav li.active:hover ul li ul li { 
  -moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
   	 }	
	 
 #top-menu ul.menu-nav li.active ul li { 
  -moz-box-shadow: 0px 0px 0px #888;
-webkit-box-shadow: 0px 0px 0px #888;
box-shadow: 0px 0px 0px #888;

   	 }		 
	 
#top-menu ul.menu-nav li ul li  { 
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;	 
		 }	
		  
/*--------------------active:hoover --> Horizontalmenü--------------------*/

#top-menu ul.menu-nav li.active:hover > ul {
width: 100%;
left: 0px;
display:block;
position:absolute;
margin-top: 7px;
 }
 
 #top-menu ul.menu-nav li.active:hover > ul > li.active:hover > ul 
 {
width: 190px;
 }
 
 #top-menu ul.menu-nav li.active:hover > ul > li:hover > ul {
width: 190px;

 }
 
 #top-menu ul.menu-nav li.active:hover > ul > li {
 float: left;

  }
  
  
  #top-menu ul.menu-nav li li li {
  padding: 0px;
    }
  
    #top-menu ul.menu-nav li.active ul li > a {
margin-top: -4px;
margin-bottom: 2px;
position: relative;
top: 1px;
  }	
  
   #top-menu ul.menu-nav li.active ul li ul li > a {
 margin-top: 0px;
 margin-bottom: 0px;
  }	
  
  #top-menu ul.menu-nav li ul > li:hover > ul {
   position: absolute;
  }	
  
  #top-menu ul.menu-nav li ul > li:hover > ul > li > ul {
 margin-top: 2px;
  margin-left: -9px;
  }	 
  
  #top-menu ul.menu-nav li.active ul > li:hover > ul > li > ul {
  margin-top: -5px;
  margin-left: -3px;
  }	 
  
    #top-menu ul.menu-nav li.active > ul > li:hover > ul {
   position: absolute;
   margin-left: -5px;
  }	
  
  #top-menu ul.menu-nav li.active > ul > li:hover > ul > li:hover > ul {
   position: absolute;
   /*margin-top: 1px;*/
  }	
   
#top-menu li ul ul, 
#top-menu li ul ul ul, 
#top-menu li ul ul ul ul ,
#top-menu li ul ul ul ul ul, 
#top-menu li ul ul ul ul ul ul ul { /* zweite, dritte und vierte Ebene */
	position: absolute;
	width: auto;
	/*
	 * Using left instead of display to hide menus because display: none isn't
	 * read by screen readers*/
	left: -999em;
	
} 

#top-menu ul.menu-nav ul,  
#top-menu ul.menu-nav ul ul, 
#top-menu ul.menu-nav ul ul ul,
#top-menu ul.menu-nav ul ul ul ul,
#top-menu ul.menu-nav ul ul ul ul ul {
left: -999em;
} 

#top-menu li.active ul ul,
#top-menu li.active ul ul ul,
#top-menu li.active ul ul ul ul {
/*margin-top: -2px;*/
} 

#top-menu li:hover ul ul,
#top-menu li:hover ul ul ul,
#top-menu li:hover ul ul ul ul,
#top-menu li:hover ul ul ul ul ul,
#top-menu li.sfhover ul ul,
#top-menu li.sfhover ul ul ul,
#top-menu li.sfhover ul ul ul ul ,
#top-menu li.sfhover ul ul ul ul ul {
	left: -999em;
}

#top-menu li li:hover > ul,
#top-menu li li li:hover > ul,
#top-menu li li li li:hover > ul,
#top-menu li li li li li:hover > ul,
#top-menu li li.sfhover > ul,
#top-menu li li li.sfhover > ul {

/* lists nested under hovered list items */
	left: 199px !important;
	width: 190px;
	/*position:absolute;*/
	/*margin-top: -32px;
	margin-left: -15px;*/
 } 
 
 #top-menu li.active li:hover > ul,
#top-menu li.active li li:hover > ul,
#top-menu li.active li li li:hover > ul,
#top-menu li.active li li li li:hover > ul,
#top-menu li.active li.sfhover > ul,
#top-menu li.active li li.sfhover > ul {
/*left: 199px !important;
	width: 190px;*/
 }
 #top-menu ul li:hover ul li:hover {
 /*position:relative;
 height: auto;*/

 }  
 

#top-menu li li:hover > ul {

  }
 
#top-menu li.active li:hover > ul,
#top-menu li.active li li:hover > ul,
#top-menu li.active li.sfhover > ul,
#top-menu li.active li li.sfhover > ul {
/* lists nested under hovered list items */
	left: auto !important;
	margin-left: -15px;
	top: auto;
	/*margin-top: 8px;*/
 }  
 
 #top-menu li.active li:hover > ul li a,
#top-menu li.active li li:hover > ul li a,
#top-menu li.active li.sfhover > ul li a,
#top-menu li.active li li.sfhover > ul li a {


 }  
 
 #top-menu li li li li:hover ul,
  #top-menu li li li li.sfhover ul {
 left: 0px;
  
   } 
   
 #top-menu li.active li.active:hover > ul,
#top-menu li.active li li.active:hover > ul {
/*margin-top: 11px;*/
  
  }  
  
  #top-menu li li:hover ul,
#top-menu li li li:hover ul {
/*margin-top: 0px;*/
  
  }   
  
#top-menu li.active li:hover ul,
#top-menu li.active li li:hover ul,
#top-menu li.active li li li:hover ul {
float:left;
/*height: 35px;*/
   width: 175px;
  margin-left: 0px;
   padding-right: 0px;
  /*  padding-top: 8px;
margin-top: -2px;*/
 } 
  
 #top-menu li.active li li:hover ul {
 left: 210px !important;
	/*width: 190px;*/
 } 
   


 #top-menu li:hover li:hover li {
 float:left;
height: 32px;
   width: 175px;
  margin-left: 0px;
   padding-right: 0px;
   /* padding-top: 8px;*/
 margin-top: -3px;
   }
    
  
   #top-menu li:hover li:hover li a,
   #top-menu li:active li:active li a,
   #top-menu li:focus li:focus li a
 {
  float:left;
height: 25px;
   width: 170px;
  margin-left: 0px;
   padding-right: 0px;
   padding-top: 3px;
   padding-bottom: 0px;
  }
  
  #top-menu li:hover li:hover li:hover li a,
  #top-menu li:active li:active li:active li a,
   #top-menu li:focus li:focus li:focus li a
  {
   padding-top: 6px;
   height: 25px;
    }
	
  #top-menu ul.menu-nav ul ul li
 {
margin-left: 0px !important;
padding-left: 15px;
  }
  
   #top-menu ul.menu-nav ul li
 {
padding-left: 10px;
  }
  
   #top-menu ul.menu-nav ul li.active
 {
/*padding-left: 0px;*/
  }
  
  #top-menu ul.menu-nav li ul ul ul { 
margin-left: -0px;
margin-top: -0px;
padding-top: 0px;
    }
 
 #top-menu ul.menu-nav li.active ul ul ul { 
margin-left: 175px;
    }
	
#top-menu ul.menu-nav li ul ul ul li {  
/*height: 30px;*/

    }
	
	#top-menu ul.menu-nav li ul li ul li a {
/*padding-top: 2px;*/
 }
	
/*______________________Farbe und Gestaltung_________________________*/	
  
 #top-menu ul.menu-nav li 
 {
  	border-right: 1px solid #fe2e2e;
    border-left: 1px solid #fe2e2e;
	/*border-right: 1px solid white;
	border-left: 1px solid white;*/
	background-color: #FFF700;	
 }
 
 #top-menu ul.menu-nav > li:first-child {
 border-left: 0px solid white;
 /*border-right: 2px solid white;*/
  }
 
 #top-menu ul.menu-nav > li:last-child {
 border-right: 0px solid white;
  }

  #top-menu ul.menu-nav > li.current.active {
  border-right: 0px solid white;
  border-left: 0px solid white;
   /*height: 18px;*/
   }
   
   #top-menu ul.menu-nav li.current.active.deeper {

    }
 
#top-menu ul.menu-nav li:hover,
#top-menu ul.menu-nav li:active,
#top-menu ul.menu-nav li:focus{
	/*border-top: 5px solid #3CB371;*/
	background-color: #FFFDCD;
	border-top: 5px solid #FF0000;
	margin-bottom: -5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	/*height: 18px;*/
 }	
 
#top-menu ul.menu-nav li a {
 color: #ff5a2f; 
 top: -5px;

  }	
  
  #top-menu ul.menu-nav li:hover a {
  margin-bottom: -5px;

  }	
  
  #top-menu ul.menu-nav li a:hover,
  #top-menu ul.menu-nav li a:active,
  #top-menu ul.menu-nav li a:focus {
 /*color: #3CB371;
 color: #fe2e2e;*/
 color: #FF0000;
/*text-shadow: 1px 1px 1px #F7BE81, 1px -1px 1px #F7BE81, -1px 1px 1px #F7BE81, -1px -1px 1px #F7BE81;
text-shadow: 1px 1px 1px #d8d8d8, 1px -1px 1px #d8d8d8, -1px 1px 1px #d8d8d8, -1px -1px 1px #d8d8d8;
text-shadow: 0 0 5px black;
text-shadow: 0 0 5px #A4A4A4;*/
text-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;

}


#top-menu ul.menu-nav li.deeper a:hover,
  #top-menu ul.menu-nav li.deeper a:active,
  #top-menu ul.menu-nav li.deeper a:focus {
/*margin-bottom: 0px;*/

  }
  
  #top-menu ul.menu-nav li.item-535 a:hover,
  #top-menu ul.menu-nav li.item-535 a:active,
  #top-menu ul.menu-nav li.item-535 a:focus
 {
margin-bottom: -5px;

  }
  
  #top-menu ul.menu-nav li.item-535:hover a,
  #top-menu ul.menu-nav li.item-535:active a,
  #top-menu ul.menu-nav li.item-535:focus a
 {
margin-bottom: -5px;

  }
  
  #top-menu ul.menu-nav li.item-203 a:hover,
  #top-menu ul.menu-nav li.item-203 a:active,
  #top-menu ul.menu-nav li.item-203 a:focus
 {
margin-bottom: -5px;

  }
  
  #top-menu ul.menu-nav li.item-203:hover a,
  #top-menu ul.menu-nav li.item-203:active a,
  #top-menu ul.menu-nav li.item-203:focus a
 {
margin-bottom: -5px;

  }
  
#top-menu > ul > li.deeper.active:hover > a,
#top-menu > ul > li.deeper.active:active > a,
#top-menu > ul > li.deeper.active:focus > a {
margin-bottom: -5px;

}

#top-menu > ul > li:hover a,
#top-menu > ul > li:active a,
#top-menu > ul > li:focus a {
	color: #FF0000; 
	position: relative;
	/*top: -5px;*/
	
 }	

#top-menu ul.menu-nav li ul li {
border: 0px solid #3366FF;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
 }	

#top-menu > ul > li.active {
	border-top: 5px solid #31b404;
	background-color: #FFFDCD;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	
 }
 
#top-menu > ul > li.active a {
color: #31b404; 
margin-bottom: -5px;
}

#top-menu > ul > li.active:hover a {
/*margin-bottom: -5px;*/
}

#top-menu > ul > li.active:hover > a,
#top-menu > ul > li.active:active > a,
#top-menu > ul > li.active:focus > a {
/*color: #FF0000; */
color: #31b404; 
}

#top-menu > ul > li.active:hover li a{
/*color: white; */
}

#top-menu > ul > li.active li a {
color: #fe2e2e; 
}

#top-menu > ul > li.active li:hover a {
/*color: #FFF979;*/
}


#top-menu > ul > li.active:hover,
#top-menu > ul > li.active:active,
#top-menu > ul > li.active:focus {
border-top: 5px solid #31b404;
background-color: #FFFDCD;
 }
 
 #top-menu li.active ul {
background: none repeat scroll 0 0 #FAFAFA;
 }
 
  #top-menu li.active ul li {
background: none repeat scroll 0 0 #FFFDCD
 }
 
#top-menu li:hover ul,
#top-menu li:active ul,
#top-menu li:focus ul {
background: none repeat scroll 0 0 #3CB371;
 }
 
#top-menu li:hover ul li ,
#top-menu li:active ul li,
#top-menu li:focus ul li {
background: none repeat scroll 0 0 #FFFDCD;
 }
 
#top-menu li:hover ul li:hover,
#top-menu li:active ul li:hover,
#top-menu li:focus ul li:hover {
background: none repeat scroll 0 0 #Fafafa;
border-top: 0px solid  #FFF979;
    border-top-left-radius:0px;
    border-top-right-radius: 0px;
 }

 #top-menu li ul li:hover,
#top-menu li ul li:active,
#top-menu li ul li:focus {
background: none repeat scroll 0 0 #FFFDCD;
 }
 
#top-menu li.active:hover ul,
#top-menu li.active:active ul,
#top-menu li.active:focus ul {
background: none repeat scroll 0 0 #3366FF;
 }
 
#top-menu li.active:hover ul li,
#top-menu li.active:active ul li,
#top-menu li.active:focus ul li {
background: none repeat scroll 0 0 #FFFDCD;
 }
 
#top-menu ul.menu-nav li.active.parent:hover ul,
#top-menu ul.menu-nav li.active.parent:active ul,
#top-menu ul.menu-nav li.active.parent:focus ul {  
background-color: #Fffdcd;
    }	
 
/*+++++++++2. Ebene +++++++++++++++*/
 /*++++oberste Ebene active++++*/	
 /*normale Farbe*/
  #top-menu ul.menu-nav li ul li {
  /*border-right: 2px solid white;*/
  border-left: 2px solid #fe2e2e;
  }
  
   #top-menu ul.menu-nav li.active:hover ul li,
   #top-menu ul.menu-nav li.active:active ul li,
   #top-menu ul.menu-nav li.active:focus ul li {
  /*border-right: 2px solid white;*/
  border-left: 2px solid #fe2e2e;
  }
  
   #top-menu ul.menu-nav li.active ul li:first-child {
 
border-left: 0px solid white;
  
  }
  
  #top-menu ul.menu-nav li.active:hover ul li:first-child,
   #top-menu ul.menu-nav li.active:active ul li:first-child,
   #top-menu ul.menu-nav li.active:focus ul li:first-child {
   
  border-left: 0px solid #Fafafa;
  
  } 
  
 #top-menu li.active li.active a {
 /*color: #3CB371;*/
 color: #31B404;
/* color: #FA58D0;*/

 }

 /*3. Ebene Farbe zurücksetzen*/ 
#top-menu li.active:hover li.active:hover li a,
#top-menu li.active:hover li.active:active li a,
#top-menu li.active:hover li.active:focus li a {
color: #FF0000;
 }
 
  /*Farbe beim Hovern in der zweiten Ebene*/
#top-menu ul li.active li:hover a,
#top-menu ul li.active li:active a,
#top-menu ul li.active li:focus a {
color: #FF0000;
 }
 
#top-menu ul li.active li.active:hover a,
#top-menu ul li.active li.active:active a,
#top-menu ul li.active li.active:focus a {
color: #31b404;
 } 
 
 /*3. Ebene Farbe zurücksetzen*/
#top-menu ul li.active li:hover li a,
#top-menu ul li.active li:active li a,
#top-menu ul li.active li:focus li a {
color:  #fe2e2e;
 }
 
 /*++++oberste Ebene nicht active++++*/	
 /* auch hier: übergeordnete Menüs behalten die Farbe des hoverns, 
 wenn ein Untermenü gehovert wird*/
#top-menu li:hover li a,
#top-menu li:active li a,
#top-menu li:focus li a {
color: #fe2e2e; 
position: relative;
top: 0px;
  }
  
#top-menu li:hover li:hover a,
#top-menu li:active li:active a,
#top-menu li:focus li:focus a {
color: 	#FF0000;
position: relative;
top: 0px;
margin-bottom: 0px;
 }
 
#top-menu li:hover li:hover li a,
#top-menu li:active li:active li a,
#top-menu li:focus li:focus li a {
color: #fe2e2e;
 }
 
 
/*+++++++++3. Ebene +++++++++++++++*/	

#top-menu li:hover li:hover li,
#top-menu li:active li:active li,
#top-menu li:focus li:focus li
 {
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  border-right: 1px solid grey !important;
  border-left: 1px solid grey !important;
  padding-bottom: 2px;
  }  
  
#top-menu ul.menu-nav li ul li li:hover, 
#top-menu ul.menu-nav li ul li li:active,
#top-menu ul.menu-nav li ul li li:focus
{
background-color: #fafafa;
margin-bottom: 0px;
 } 
 
#top-menu ul.menu-nav li ul li li.parent:hover a,
#top-menu ul.menu-nav li ul li li.parent:active a,
#top-menu ul.menu-nav li ul li li.parent:focus a {
color: #3CB371;
 }   
 
#top-menu ul.menu-nav li.active ul li li.parent:hover a,
#top-menu ul.menu-nav li.active ul li li.parent:active a,
#top-menu ul.menu-nav li.active ul li li.parent:focus a {
color: #3366FF;
 }   
	
#top-menu ul.menu-nav li.active:hover ul li ul li:hover a,
#top-menu ul.menu-nav li.active:hover ul li ul li:active a,
#top-menu ul.menu-nav li.active:hover ul li ul li:focus a {  
background-color: #fafafa;
color: #FF0000;

    }
	
	#top-menu ul.menu-nav li:hover ul li ul li:hover a,
	#top-menu ul.menu-nav li:hover ul li ul li:active a,
	#top-menu ul.menu-nav li:hover ul li ul li:focus a {  
background-color: #fafafa;
color: #FF0000;
    }
	
/*+++++++++++++++++++++++4. Ebene+++++++++++++++++++++++++++++*/
	
/*oberste Ebene nicht active */	
#top-menu ul.menu-nav li ul li li.parent:hover li a, 
#top-menu ul.menu-nav li ul li li.parent:active li a, 
#top-menu ul.menu-nav li ul li li.parent:focus  li a {  
background-color: #Fafafa;
color: #FF0000;
    }	
	
	#top-menu ul.menu-nav li ul li li.parent:hover li:hover a,
	#top-menu ul.menu-nav li ul li li.parent:active li:active a,
	#top-menu ul.menu-nav li ul li li.parent:focus  li:focus a {   
background-color: #Fafafa;
color: #FF0000;
    }	
 	
/*oberste Ebene active */	
	#top-menu ul.menu-nav li.active ul li li.parent:hover li a,
	#top-menu ul.menu-nav li.active ul li li.parent:active li a,
	#top-menu ul.menu-nav li.active ul li li.parent:focus  li a {  
background-color: #Fafafa;
color: #FF0000;
    }
	
	 #top-menu ul.menu-nav li.active ul li li.parent:hover li:hover a,
	 #top-menu ul.menu-nav li.active ul li li.parent:active li:active a,
	 #top-menu ul.menu-nav li.active ul li li.parent:focus li:focus  a {  
background-color: #fafafa;
color: #FF0000;
    }	
	
/* ###################### header ###################### */

.skiplinks,
.skiplinks li
{
        display: inline;
    height: 0px;
    line-height:0;
    padding:0 !important;
}

.skiplinks li a.u2
{
        display: inline;
    height: 0px;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0px;
    z-index: 200 !important;
}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus
{
        position:absolute;
    width:13em;
    top:100px;
    left:10px;
    z-index:10;
    line-height:1.5em;
    padding:5px;
    font-weight:bold;
    height:3em
}

.wrap
{
        border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

h1#logo
{
  width: 2.1em;
  height: 2.3em;
}

h1.logo-text
{
        font-size:45px;
        line-height:1.2em;
		font-family: sans-serif;
    	color: white;
   	 	text-shadow: 0 0 5px black;	
}

h1.seiten-text
{
        font-size:36px;
        line-height:1.2em;
		font-family: sans-serif;
    	color: white;
		/*color: #fff700;*/
   	 	text-shadow: 0 0 5px black;	
}

h1.seiten-text2
{
        font-size:43px;
        line-height:1.2em;
		font-family: sans-serif;
    	color: white;
		/*color: #fff700;*/
   	 	text-shadow: 0 0 5px black;	
}


#logo
{
position:relative;
float: left;


}

#logo img
{
		width: 100%;
		height: 100%;
		display: block;
        }

#logo span
{
        padding-left:2px;
}

.header1
{
        font-size:20px;
        display:block;
		ont-family: sans-serif;
    	color: white;
   	 	text-shadow: 0 0 5px black;

}

#headertext2 
{
/*position: absolute;
top: 0px;
left: 120px;
height: 100%;*/
z-index: 258;
margin-top: 0.7em;
padding-top: 1.4em;
/*float: right;*/

}

#head-ap {
position:relative;
clear: both;
}

.logoheader
{
		margin:0;
        padding:0;
        text-align:left;
        font-weight:normal;
        line-height:1.5em;
}

#line
{
display: inline;
}

.logoheader #header-image {
		/*margin: 0 140px 0 140px;*/
        /*text-align: center;*/
		/*background-color: #DCD900;*/
		background-color: #A7E648;
		position: static;
		max-width:350px;

}

.logoheader #header-image span {
		/*margin: 0 140px 0 140px;*/
        text-align: left;
}


.logoheader #image-ies {
		max-height: 210px;
		/*min-height: 200px*/
}

.topheader
{
clear: both;
}

#head-ap
{
clear: both;
}
/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close
{
        margin-right:0px;
        font-size:0.85em;
        text-transform:uppercase;
}

#close span
{
        position:absolute;
        right: 20px;
    z-index:20000;
    top:5px;
    width:5em;
    font-weight:bold;
    text-align:right;
    line-height:1.5em;
    padding:5px 2px 5px 5px
}


/* ###################### main ###################### */

/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured
{
        padding: 0;
}

.items-leading
{
        padding:0px 5px 10px 5px;
        overflow:hidden;
        margin-bottom:10px
}

.row-separator
{
        display: block;
        clear: both;
        margin: 0;
        border: 0px;
        height:1px
}

.item-separator
{
        display: none;
        margin: 0px;
}

.shownocolumns
{
        width:98% !important;
}

#top
{
        margin:0 0 20px 0;
        overflow:hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:46%;
        float:left;
}

.cols-2 .column-2
{
        width:46%;
        float:right;
        margin:0
}

.cols-3 .column-1
{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 5px
}

.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
}

.column-1,
.column-2,
.column-3
{
        padding:10px 5px
}

.column-2
{
        width:55%;
        margin-left:40%;
}

.column-3
{
        width:30%
}

.blog-more
{
        padding:10px 5px
}

.container {
            display: flex;
            justify-content: space-between; /* Gleichmäßige Abstände zwischen den Bildern */
            padding: 20px; /* Innenabstand des Containers */
        }
.container img {
            max-width: 100%; /* Bilder passen sich der Breite des Containers an */
            height: auto; /* Höhe wird automatisch angepasst */
            width: 23%; /* Breite der Bilder, um Platz für Abstände zu lassen */

/* ++++++++++++++  footer  ++++++++++++++ */

#bottom
{
        overflow:hidden
}

.box
{
        width:27%;
        float:left;
        margin-right:10px;
        min-height:100px;
        position:relative
}

.box1
{
        width:50%
}

.box2
{
        width:32%
}

.box3
{
        float:right
}

#footer-inner
{
        max-width:1225px;
        margin:0 auto;
        font-size:0.8em;
        padding:10px 15px 15px 10px;
}