@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/* start - mobile ################################################################################################################################ */

/* start - alle Ebenen ########################################################################################################################### */

ul.dropdown{
	float: unset;
	display: inline-block;
	font-size: 14px;
}

ul.dropdown li a,
ul.dropdown li a:link,
ul.dropdown li a:visited{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

/* start - 1.te Ebene ############################################################################################################################ */

ul.dropdown li{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	padding: 2px 5px 2px 5px;
}
ul.dropdown li:hover{
	background-color: #627497 !important;
}

/* 1.ter Menüpunkt */
ul.dropdown li.item1F,
ul.dropdown li.item1F:hover{
	margin-right: 12px;
}

/* 2.ter Menüpunkt */
ul.dropdown li.item1M,
ul.dropdown li.item1M:hover{
	margin-right: 12px;
}
/* letzter Menüpunkt */
ul.dropdown li.item1E,
ul.dropdown li.item1E:hover{
}

ul.dropdown a,
ul.dropdown a:link,
ul.dropdown a:visited{
	font-size: 14px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	background: none;
	display: block;
	/*padding: 0 34px;*//* Abstand Text zu Div nav1 */
}
ul.dropdown a:hover,
ul.dropdown a:active,
ul.dropdown li.act1 a{/* aktives Element */
	background: none;
	color: #fff !important;
}
ul.dropdown li.act1{/* aktives Element */
	background-color: #627497;
}

/* start - alle, ausser die 1.te ebene ########################################################################################################### */

ul.dropdown ul{
	width: 260px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: none;
	background: #627497;
	border: none;
	display: inline-block;
}
ul.dropdown ul li ul{
	padding-top: 0;
	background: none;
	background-color: #627497;
	opacity: 0.9;
}

ul.dropdown ul li,
ul.dropdown ul li:hover,
ul.dropdown ul li.nav2,
ul.dropdown ul li.nav2:hover{
	width: 250px;/* Breite zweite Ebene und weiter */
	line-height: normal;
	margin: 0 10px 0 5px;
	padding: 10px 0px 1px 0px;
	/* background-image: none; */
	background: none;
	text-transform: none;
	text-align: left;
}
ul.dropdown ul li:hover,
ul.dropdown ul li.nav2:hover{
}

ul.dropdown ul li a,
ul.dropdown ul li a:link,
ul.dropdown ul li a:visited,
ul.dropdown ul li a.nav2:link,
ul.dropdown ul li a.nav2:visited{
	font-weight: normal;
	font-size: 14px;
	text-transform: none;
	color: #fff;
	background: none;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 0 0;
}
ul.dropdown ul li a:hover,
ul.dropdown ul li a:active,
ul.dropdown ul li a.act2plus,/* aktives Element */
ul.dropdown ul li a.nav2:hover,
ul.dropdown ul li a.nav2:active{
	color: #fff;
	/*background: transparent url(arrow-right.png) no-repeat 0 3px;*/
}
ul.dropdown ul li a.act2plus{/* aktives Element */
	color: #fdd500 !important;
}

ul.dropdown li ul.dropdown li.nav2 a{
}

ul.dropdown li ul.dropdown li.nav2 a:hover{
	text-decoration: none;
	color: #fdd500 !important;
}

/* start - 2.te ebene ############################################################################################################################ */

ul.dropdown ul li.nav2,
ul.dropdown ul li.nav2:hover{
	line-height: normal;
}

ul.dropdown ul li.nav2.itemF{
}

ul.dropdown ul li.nav2.itemE,
ul.dropdown ul li.nav2.itemE:hover{
	padding-bottom: 20px;
}

/* start - 3.te ebene und weiter ################################################################################################################# */

ul.dropdown ul li.nav2plus,
ul.dropdown ul li.nav2plus:hover{
	line-height: normal;
	margin-left: 10px;
}

ul.dropdown ul li.nav2plus.itemE,
ul.dropdown ul li.nav2plus.itemE:hover{
	padding-bottom: 20px;
}

/* ############################################################################################################################################### */
/* start - mobile ################################################################################################################################ */
/* ############################################################################################################################################### */

/*.menuMobileWrapper{
	position: relative;
	top: 0;
	display: inline-block;
	width: 100%;
	float: none;
}
.menuMobileWrapper .Mnav1{
	margin-top: 42px;
}

.menuMobileWrapper .Mnav1 > a{
	background-color: #64AE24;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	line-height: 42px;
	text-transform: uppercase;
	padding-left: 20px;
}
.menuMobileWrapper .Mnav1 > a:hover{
	background-color: #56941f;
}

.menuMobileWrapper .Mnav2 > a,
.menuMobileWrapper .Mnav3 > a,
.menuMobileWrapper .Mnav4 > a,
.menuMobileWrapper .Mnav5 > a{
	background-color: #627497;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	line-height: 35px;
	padding-left: 40px;
	border-bottom: 1px solid #009cbf;
}
.menuMobileWrapper .Mnav3 > a{
	padding-left: 60px;
}
.menuMobileWrapper .Mnav4 > a{
	padding-left: 80px;
}
.menuMobileWrapper .Mnav5 > a{
	padding-left: 100px;
}
.menuMobileWrapper .Mnav2 > a:hover,
.menuMobileWrapper .Mnav3 > a:hover,
.menuMobileWrapper .Mnav4 > a:hover,
.menuMobileWrapper .Mnav5 > a:hover{
	background-color: #009cbf;
}
.menuMobileWrapper .MitemE2{
	padding-bottom: 20px;
	background-color: #00a7cc;
}*/

/* start - alle Ebenen ########################################################################################################################### */

ul.dropdownM{
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 90%;
	float: left;
}

ul.dropdownM li{
	list-style: none;
	display: inline-block;
	width: 90%;
	clear: left;
	margin-top: 50px;
}

ul.dropdownM li ul li{
	position: relative;
	display: block;
	width: 90%;
}

ul.dropdownM li.hover,
ul.dropdownM li:hover{
}

ul.dropdownM li a,
ul.dropdownM li a:link,
ul.dropdownM li a:visited{
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}

/* start - 1.te Ebene ############################################################################################################################ */

ul.dropdownM li{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	background-color: #64AE24;
	opacity: 0.9;
	display: block;
}
ul.dropdownM li:hover{
}

/* 1.ter Menüpunkt */
ul.dropdownM li.item1F,
ul.dropdownM li.item1F:hover{
	margin-top: 42px;
}

/* 2.ter Menüpunkt */
ul.dropdownM li.item1M,
ul.dropdownM li.item1M:hover{
}
/* letzter Menüpunkt */
ul.dropdownM li.item1E,
ul.dropdownM li.item1E:hover{
}

ul.dropdownM a,
ul.dropdownM a:link,
ul.dropdownM a:visited{
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background: none;
	display: block;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;/* Abstand Text zu Div nav1 */
}
ul.dropdownM a:hover,
ul.dropdownM a:active,
ul.dropdownM li.act1 a{/* aktives Element */
	background: none;
}
ul.dropdownM li.act1{/* aktives Element */
	background-color: #627497;
}

/* start - alle, ausser die 1.te ebene ########################################################################################################### */

ul.dropdownM ul{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #627497;
	opacity: 0.9;
	border: none;
}
ul.dropdownM ul li ul{
	padding-top: 0;
	position: relative;
}

ul.dropdownM ul li,
ul.dropdownM ul li:hover,
ul.dropdownM ul li.nav2,
ul.dropdownM ul li.nav2:hover{
	height: auto;
	width: 100%;/* Breite zweite Ebene und weiter */
	line-height: normal;
	margin: 0;
	padding: 10px 0px 1px 0px;
	/* background-image: none; */
	background: none;
	text-transform: none;
	text-align: left;
}
ul.dropdownM ul li:hover,
ul.dropdownM ul li.nav2:hover{
}

ul.dropdownM ul li a,
ul.dropdownM ul li a:link,
ul.dropdownM ul li a:visited,
ul.dropdownM ul li a.nav2:link,
ul.dropdownM ul li a.nav2:visited{
	font-weight: normal;
	font-size: 24px;
	text-transform: none;
	color: #fff;
	background: none;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 0 22px;
}
ul.dropdownM ul li a:hover,
ul.dropdownM ul li a:active,
ul.dropdownM ul li a.act2,
ul.dropdownM ul li a.act3,
ul.dropdownM ul li a.act4,
ul.dropdownM ul li a.act5,
ul.dropdownM ul li a.nav2:hover,
ul.dropdownM ul li a.nav2:active{
	color: #fff;
	/*background: transparent url(arrow-right.png) no-repeat 0 3px;*/
}
ul.dropdownM ul li a.act2,
ul.dropdownM ul li a.act3,
ul.dropdownM ul li a.act4,
ul.dropdownM ul li a.act5{
	color: #fff;
	font-weight: bold;
}

ul.dropdownM li ul.dropdownM li.nav2 a{
}

ul.dropdownM li ul.dropdownM li.nav2 a:hover{
	text-decoration: none;
	font-weight: bold;
}

/* start - 2.te ebene ############################################################################################################################ */

ul.dropdownM ul li.nav2,
ul.dropdownM ul li.nav2:hover{
	line-height: normal;
	display: block;
}

ul.dropdownM ul li.nav2.itemF{
}

ul.dropdownM ul li.nav2.itemE,
ul.dropdownM ul li.nav2.itemE:hover{
	padding-bottom: 20px;
}

/* start - 3.te ebene und weiter ################################################################################################################# */

ul.dropdownM ul li.nav2,
ul.dropdownM ul li.nav2:hover,
ul.dropdownM ul li.nav3,
ul.dropdownM ul li.nav3:hover
ul.dropdownM ul li.nav4,
ul.dropdownM ul li.nav4:hover
ul.dropdownM ul li.nav5,
ul.dropdownM ul li.nav5:hover{
	line-height: normal;
	margin-left: 10px;
}

ul.dropdownM ul li.nav2.itemE,
ul.dropdownM ul li.nav2.itemE:hover,
ul.dropdownM ul li.nav3.itemE,
ul.dropdownM ul li.nav3.itemE:hover,
ul.dropdownM ul li.nav4.itemE,
ul.dropdownM ul li.nav4.itemE:hover,
ul.dropdownM ul li.nav5.itemE,
ul.dropdownM ul li.nav5.itemE:hover{
	padding-bottom: 20px;
}


/* ======================================================================
   WPR Dropdown Menu
   Ersatz für EXT:freecssdropdownmenu
   ====================================================================== */

#divMenuTopWrapper {
  overflow: visible;
}

#divMenuTop {
  text-align: center;
  font-size: 1px;
  line-height: normal;
}

#divMenuTop > ul.dropdown,
#divMenuTop > ul.dropdown.dropdown-horizontal,
#divMenuTop > ul.wpr-dropdown-menu {
  float: none !important;
  display: inline-block !important;
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: left;
  vertical-align: top;
  font-size: 14px !important;
}

#divMenuTop ul.dropdown,
#divMenuTop ul.dropdown li,
#divMenuTop ul.dropdown a {
  font-size: 14px !important;
  line-height: normal;
}

#divMenuTop ul.dropdown li {
  position: relative;
}

#divMenuTop ul.dropdown ul {
  float: none !important;
  display: block;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  text-align: left;
  transition: opacity 0.12s ease-in-out;
}

#divMenuTop ul.dropdown li:hover > ul,
#divMenuTop ul.dropdown li.hover > ul,
#divMenuTop ul.dropdown li:focus-within > ul,
#divMenuTop ul.dropdown li.wpr-submenu-open > ul {
  visibility: visible;
  opacity: 1;
}

#divMenuTop ul.dropdown ul ul {
  top: 0;
  left: 99%;
}

#divMenuTop ul.dropdown a:focus {
  outline: 2px solid #fdd500;
  outline-offset: 2px;
}

/* Der Desktop-Menüblock wird auf kleinen Breiten wie bisher ausgeblendet. */
@media all and (max-width: 1040px) {
  #divMenuTopWrapper {
    display: none;
  }
}