/* ////////////////////////////////////////////////////////////////////////////////////////////////////
// TYPO3 Layout Style
// LeiserPublishing GmbH, www.leiserpublishing.com
// //////////////////////////////////////////////////////////////////////////////////////////////////// */


/* ######################
// WEBSITELAYOUTSTYLE ###
// ###################### */
/* ==================================================================================================== */
:root {
    --pageWidth: 1200px;
}
/* ### LAYOUTSTYLE ### */
body {
	padding: 0px 0px 0px 0px;
    background: rgb(0,0,0) url(../Images/hgbody_full.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -khtml-background-size: cover;
    background-size: cover;
}
.pagewidth {
	max-width: var(--pageWidth);
    /* OLD style begin */
	max-width: 1200px;
    /* OLD style end */
	margin: auto;
}
/* ## HEADERSTYLE ## */
#HEADER {
    z-index: 10000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    background: rgba(249,249,249,0.8);
}
.stickyheader {
    position: fixed;
    top: 0;
    left: 0;
    /*width: calc(100% - 10px - 10px);*/
    width: 100%;
}
.header-outer {
}
.header-inner {
}
.header {
	padding: 10px 0px 10px 0px;
}
/* ## PAGESTYLE ## */
#PAGE {
	margin: 0;
	padding: 0;
	background: transparent;
}
.page-outer {
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 5.4);
    margin: 0px auto;
	padding: 0;
	width: 100%;
	background-color: transparent;
}
.page-inner {
    margin: 0;
    padding: 10px 10px 0px 10px;
	background: rgb(249,249,249);
	border: 1px solid rgb(170,170,170);
	-moz-box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.15);
	box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.15);
}
.pagecontent {
}
/* ## PAGEFOOTERSTYLE ## */
#PAGEFOOTER {
	margin: 0;
    padding: 0;
	background-color: transparent;
}
.pagefooter-outer {
}
.pagefooter-inner {
    margin: 0;
    padding: 0;
    background: rgba(249,249,249,0.8);
}
.pagefooter {
	padding: 10px 10px 10px 10px;
}
/* ## FOOTERDECLARATIONSTYLE ## */
#FOOTERDECLARATION {
    z-index: 10001;
	padding: 5px 5px 5px 5px;
    background: rgba(249,249,249,0.8);
}
.stickyfooterdeclaration {
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc(100% - 5px - 5px);
}
.footerdeclaration-outer {
}
.footerdeclaration-inner {
}
.footerdeclaration {
}


/* ###################
// HEADERMENUSTYLE ###
// ################### */
/* ==================================================================================================== */
/* ## RESET ## */
nav#menu ul, nav#menu li, nav#menu a, nav#menu div,
nav#countryMenu ul, nav#countryMenu li, nav#countryMenu a, nav#countryMenu div {
    font-size: 100%;
}
#HEADERMENU {
    margin: 0;
    padding: 0;
    /* Disabling the responsive menue,  */
    /* enable in the media queries responsive css as display: block; */
    display: none;
}
#HEADERMENU, #headermenu-page, #headermenu-lang, #headermenu-country, nav#countryMenu ul.navigationsub1, #headermenu-felogin {
    background: rgb(238,127,0) !important;
}
#headermenu-top, nav#countryMenu ul.navigationsub1 li.navigationsub1 div {
    padding: 10px;
}
nav#countryMenu li.navigation div, nav#countryMenu ul.navigationsub1 li.navigationsub1 div {
    /* Width Navipoint level 1 & 2 (navi suv 1) */
    width: 100px;
}
#headermenu-top .headermenu-block {
    height: 30px;
}
#headermenu-top .headermenuLogo,
#headermenu-page .headermenuLogo,
#headermenu-lang .headermenuLogo,
#headermenu-country .headermenuLogo,
#headermenu-felogin .headermenuLogo {
    float: left;
}
#headermenu-top .headermenuLogo {
    margin: 0px 0px 0px 5px;
}
#headermenu-page .headermenuLogo,
#headermenu-lang .headermenuLogo,
#headermenu-country .headermenuLogo,
#headermenu-felogin .headermenuLogo {
    margin: 10px 0px 0px 15px;
}
#headermenu-top .open-headermenu-page,
#headermenu-top .open-headermenu-lang,
#headermenu-country,
#headermenu-top .open-headermenu-felogin,
#headermenu-page .close-headermenu,
#headermenu-lang .close-headermenu,
#headermenu-felogin .close-headermenu {
    float: right;
    margin: 0px 10px 0px 0px;
    border: 0;
    padding: 0;
}
#headermenu-page .close-headermenu,
#headermenu-lang .close-headermenu,
#headermenu-felogin .close-headermenu {
    margin: 10px 20px 0px 0px;
}
.open-headermenu-page::after,
.open-headermenu-lang::after,
.open-headermenu-felogin::after,
.close-headermenu::after {
    display: flex;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
}
.open-headermenu-page::after {
    content: '';
    background:url(../Icons/headermenupage-open_silver.png) no-repeat;
    background-size: 30px 30px;
}
.open-headermenu-lang::after {
    content: '';
    background:url(../Icons/headermenulang-open_silver.png) no-repeat;
    background-size: 30px 30px;
}
.open-headermenu-felogin.login::after {
    content: '';
    background:url(../../../../master_package/Resources/Public/Icons/felogin-close_silver.svg) no-repeat;
    background-size: 30px 30px;
}
.open-headermenu-felogin.logout::after {
    content: '';
    background:url(../../../../master_package/Resources/Public/Icons/felogin-open_silver.svg) no-repeat;
    background-size: 30px 30px;
}
.close-headermenu::after {
    content: '';
    background:url(../Icons/headermenu-close_silver.png) no-repeat;
    background-size: 30px 30px;
}
.open-headermenu-page:hover::after,
.open-headermenu-page:focus::after,
.open-headermenu-lang:hover::after,
.open-headermenu-lang:focus::after,
.open-headermenu-felogin:hover::after,
.open-headermenu-felogin:focus::after,
.close-headermenu:hover::after,
.close-headermenu:focus::after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}
nav#menu ul#servicemenu, nav#menu ul#mainmenu, nav#menu ul#langmenu,
nav#menu .navigationsub1, nav#menu .navigationsub2, nav#menu .navigationsub3, nav#menu .navigationsub4 {
	margin-left: 15px !important;
}
nav#menu ul#servicemenu, nav#menu ul#mainmenu, nav#menu ul#langmenu {
    padding-bottom: 5px;
}
nav#menu ul#servicemenu {
    border-bottom: 1px solid rgb(200,200,200) !important;
}
nav#menu ul#mainmenu, nav#menu ul#langmenu {
    border-bottom: 0 !important;
}
nav#menu ul#servicemenu li a, nav#menu ul#mainmenu li a, nav#menu ul#langmenu li a,
nav#countryMenu li.navigation a, nav#countryMenu li.navigation div {
	font-family: 'frutiger45light', verdana, arial, helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	color: rgb(249,249,249) !important;
    padding: 0px 0px 0px 0px;
}
nav#countryMenu li.navigationsub1 a {
	font-size: 1em;
}
nav#countryMenu li.navigation div img, nav#countryMenu ul.navigationsub1 li.navigationsub1 div img {
    /* Margin right from img */
    margin-right: 5px;
}
nav#menu ul#servicemenu ul.navigationsub1, nav#menu ul#servicemenu ul.navigationsub2, nav#menu ul#servicemenu ul.navigationsub3, nav#menu ul#servicemenu ul.navigationsub4,
nav#menu ul#mainmenu ul.navigationsub1, nav#menu ul#mainmenu ul.navigationsub2, nav#menu ul#mainmenu ul.navigationsub3, nav#menu ul#mainmenu ul.navigationsub4,
nav#menu ul#langmenu ul.navigationsub1, nav#menu ul#langmenu ul.navigationsub2, nav#menu ul#langmenu ul.navigationsub3, nav#menu ul#langmenu ul.navigationsub4 {
    font-size: inherit !important;
}
nav#menu ul#servicemenu li a:hover, nav#menu ul#mainmenu li a:hover, nav#menu ul#langmenu li a:hover {
    color: rgb(200,200,200) !important;
}
nav#menu ul#servicemenu li a div, nav#menu ul#mainmenu li a div, nav#menu ul#langmenu li a div {
    padding: 10px 0px 10px 0px;
}


/* ####################
// SERVICENAVISTYLE ###
// #################### */
/* ==================================================================================================== */
/* ## RESET ## */
nav#servicenaviNav ul, nav#servicenaviNav li, nav#servicenaviNav a, nav#servicenaviNav div {
    font-size: 100%;
}
#SERVICENAVI {
    /* SERVICENAVI style */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
div.servicenavi-outer {
    /* servicenavi-outer style */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
div.servicenavi-inner {
    /* servicenavi-inner style */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
div.servicenavi-content {
    /* Servicenavi-content style */
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
nav#servicenaviNav {
    /* Servicenavi Nav style*/
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
nav#servicenaviNav li.navigation,
nav#servicenaviNav > ul.naviright li.navigation,
nav#servicenaviNav > ul.navicenter li.navigation {
    /* Level 1 Right distance to the next navipoint */
    margin-right: 10px;
}
nav#servicenaviNav > ul.navileft li.navigation:last-child,
nav#servicenaviNav > ul.naviright li.navigation:last-child,
nav#servicenaviNav > ul.navicenter li.navigation:last-child {
    /* Level 1 Clear the right distance by last (.navileft/navicenter)/fist (.naviright) navipoint */
    margin-right: 0px;
}
nav#servicenaviNav li.navigation div {
	/* Standard Textstyle */
    font-family: 'din-regular', verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	color: rgb(90,90,90);
}
nav#servicenaviNav li.navigation div {
    /* Navipoint level 1 style */
    padding: 0px 0px 10px 0px;
    background: transparent;
	border-bottom: 4px solid transparent;
}
nav#servicenaviNav li.navigation div:hover,
nav#servicenaviNav li.navigation a.active div,
nav#servicenaviNav li.navigation a.current div {
    /* Navipoint level 1 hover style */
    color: rgb(90,90,90);
    border-bottom: 4px solid rgb(0,94,170);
}
nav#servicenaviNav ul.navigation li.sub div {
    /* Navipoint level 1 if sub style */
    padding-right: 20px;
    background: transparent url(../Icons/servicenavi-subdown.png) no-repeat right 3px top 6px;
}
nav#servicenaviNav ul.navigation li.sub div:hover,
nav#servicenaviNav ul.navigation li.sub a.active div,
nav#servicenaviNav ul.navigation li.sub a.current div {
    /* Navipoint level 1 if sub hover, active and current style */
    background: transparent url(../Icons/servicenavi-subdown.png) no-repeat right 3px top 6px;
}
nav#servicenaviNav ul.navigationsub1, nav#servicenaviNav ul.navigationsub2,
nav#servicenaviNav ul.navigationsub3, nav#servicenaviNav ul.navigationsub4 {
	/* Navi sub 1, 2, 3, 4 style */
    background: rgb(249,249,249);
    background:linear-gradient( rgb(249,249,249) 50%, rgb(180,180,180));
    box-shadow:3px 3px 6px rgba(140,140,140,0.6);
    border: 1px solid rgb(140,140,140);
}
nav#servicenaviNav li.navigation ul.navigationsub1 {
    /* Navi sub 1 position from middle */
    /* margin-left -> calc: */
    /* - ('li.navigationsub1 div' => width / 2) - ('li.navigationsub1 div' => padding-left / 2) - ('ul.navigationsub1' => (border-left + border-right) / 2) */
    left: 50%;
    margin-left: calc((-300px / 2) - (10px / 2) - (2px / 2));
}
nav#servicenaviNav ul.navileft li.sub:first-child ul.navigationsub1,
nav#servicenaviNav ul.navicenter li.sub:first-child ul.navigationsub1,
nav#servicenaviNav ul.naviright li.sub:first-child ul.navigationsub1 {
    /* First navi sub 1 position from left */
    left: 0;
    margin-left: 0;
}
nav#servicenaviNav ul.navileft li.sub:last-child ul.navigationsub1,
nav#servicenaviNav ul.navicenter li.sub:last-child ul.navigationsub1,
nav#servicenaviNav ul.naviright li.sub:last-child ul.navigationsub1 {
    /* Last navi sub 1 position from left */
    /* margin-left -> calc: */
    /* - 'li.navigationsub1 div' => width - 'li.navigationsub1 div' => padding-left - 'ul.navigationsub1' => border-left */
    left: 100%;
    margin-left: calc(-300px - 10px - 2px);
}
nav#servicenaviNav ul.navigationsub2, nav#servicenaviNav ul.navigationsub3, nav#servicenaviNav ul.navigationsub4 {
	/* Navi sub 2, 3, 4 position from navi sub 1 */
    margin: -10px 0px 0px 50px;
}
nav#servicenaviNav ul.navileft li + li.sub:last-child ul.navigationsub2,
nav#servicenaviNav ul.navileft li + li.sub:last-child ul.navigationsub3,
nav#servicenaviNav ul.navileft li + li.sub:last-child ul.navigationsub4,
nav#servicenaviNav ul.navicenter li + li.sub:last-child ul.navigationsub2,
nav#servicenaviNav ul.navicenter li + li.sub:last-child ul.navigationsub3,
nav#servicenaviNav ul.navicenter li + li.sub:last-child ul.navigationsub4,
nav#servicenaviNav ul.naviright li.sub:last-child ul.navigationsub2,
nav#servicenaviNav ul.naviright li.sub:last-child ul.navigationsub3,
nav#servicenaviNav ul.naviright li.sub:last-child ul.navigationsub4 {
	/* Navi sub 2, 3, 4 position from navi sub 1 */
    margin: -10px 50px 0px -50px;
}
nav#servicenaviNav li.navigationsub1, nav#servicenaviNav li.navigationsub2,
nav#servicenaviNav li.navigationsub3, nav#servicenaviNav li.navigationsub4 {
    border-bottom: 0;
}
nav#servicenaviNav li.navigationsub1 div, nav#servicenaviNav li.navigationsub2 div,
nav#servicenaviNav li.navigationsub3 div, nav#servicenaviNav li.navigationsub4 div {
    /* Alternativ Textstyle for navi sub 1, 2, 3, 4 */
    font-family: 'din-regular', verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	color: rgb(90,90,90);
}
nav#servicenaviNav ul.navigationsub1 li.navigationsub1 div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 li.navigationsub2 div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.navigationsub3 div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 ul.navigationsub4 li.navigationsub4 div {
    /* Navipoint level 2, 3, 4, 5 (navi sub 1, 2, 3, 4) style */
    padding: 10px 0px 10px 10px;
    background: transparent;
	border-bottom: 4px solid transparent;
    width: 300px;
}
nav#servicenaviNav ul.navigationsub1 li.navigationsub1 div:hover,
nav#servicenaviNav ul.navigationsub1 li.navigationsub1 a.active div,
nav#servicenaviNav ul.navigationsub1 li.navigationsub1 a.current div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 li.navigationsub2 div:hover,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 li.navigationsub2 a.active div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 li.navigationsub2 a.current div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.navigationsub3 div:hover,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.navigationsub3 a.active div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.navigationsub3 a.current div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 ul.navigationsub4 li.navigationsub4 div:hover,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 ul.navigationsub4 li.navigationsub4 a.active div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 ul.navigationsub4 li.navigationsub4 a.current div {
    /* Navipoint level 2, 3, 4, 5 (navi sub 1, 2, 3, 4) hover style */
    color: rgb(90,90,90);
    background: transparent;
    border-bottom: 4px solid rgb(0,94,170);
}
nav#servicenaviNav ul.navigationsub1 li.sub div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 li.sub div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.sub div {
    /* Navipoint level 2, 3, 4, 5 (navi sub 1, 2, 3, 4) if sub style */
    padding-right: 0px;
    background: transparent url(../Icons/servicenavi-subdown.png) no-repeat right 5px top 15px;
}
nav#servicenaviNav ul.navigationsub1 li.sub div:hover,
nav#servicenaviNav ul.navigationsub1 li.sub a.active div,
nav#servicenaviNav ul.navigationsub1 li.sub a.current div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 li.sub div:hover,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 li.sub a.active div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 li.sub a.current div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.sub div:hover,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.sub a.active div,
nav#servicenaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.sub a.current div {
    /* Navipoint level 2, 3, 4, 5 (navi sub 1, 2, 3, 4) if sub hover, active and current style */
    background: transparent url(../Icons/servicenavi-subdown.png) no-repeat right 5px top 15px;
}


/* #################
// MAINNAVISTYLE ###
// ################# */
/* ==================================================================================================== */
/* ## RESET ## */
nav#mainnaviNav ul, nav#mainnaviNav li, nav#mainnaviNav a, nav#mainnaviNav div {
    font-size: 100%;
}
#MAINNAVI {
    /* MAINNAVI style */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
div.mainnavi-outer {
    /* mainnavi-outer style */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
div.mainnavi-inner {
    /* mainnavi-inner style */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
div.mainnavi-content {
    /* mainnavi-content style */
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
nav#mainnaviNav {
    /* Servicenavi Nav style*/
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
nav#mainnaviNav > ul.navileft li.navigation,
nav#mainnaviNav > ul.naviright li.navigation,
nav#mainnaviNav > ul.navicenter li.navigation {
    /* Level 1 Right distance to the next navipoint */
    margin-right: 10px;
}
nav#mainnaviNav > ul.navileft li.navigation:last-child,
nav#mainnaviNav > ul.naviright li.navigation:last-child,
nav#mainnaviNav > ul.navicenter li.navigation:last-child {
    /* Level 1 Clear the right distance by last (.navileft/navicenter)/fist (.naviright) navipoint */
    margin-right: 0px;
}
nav#mainnaviNav li.navigation div {
	/* Standard Textstyle */
    font-family: 'din-regularalternaRgalternate', verdana, arial, helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	color: rgb(90,90,90);
}
nav#mainnaviNav li.navigation div {
    /* Navipoint level 1 style */
    padding: 0px 0px 10px 0px;
    background: transparent;
	border-bottom: 4px solid transparent;
}
nav#mainnaviNav li.navigation div:hover,
nav#mainnaviNav li.navigation a.active div,
nav#mainnaviNav li.navigation a.current div {
    /* Navipoint level 1 hover style */
    color: rgb(238,127,0);
    border-bottom: 4px solid rgb(238,127,0);
}
nav#mainnaviNav ul.navigation li.sub div {
    /* Navipoint level 1 if sub style */
    padding-right: 20px;
    background: transparent url(../Icons/mainnavi-subdown.png) no-repeat right 3px top 6px;
}
nav#mainnaviNav ul.navigation li.sub div:hover,
nav#mainnaviNav ul.navigation li.sub a.active div,
nav#mainnaviNav ul.navigation li.sub a.current div {
    /* Navipoint level 1 if sub hover, active and current style */
    background: transparent url(../Icons/mainnavi-subdown.png) no-repeat right 3px top 6px;
}
nav#mainnaviNav ul.navigationsub1, nav#mainnaviNav ul.navigationsub2,
nav#mainnaviNav ul.navigationsub3, nav#mainnaviNav ul.navigationsub4 {
	/* Navi sub 1, 2, 3, 4 style */
    background: rgb(249,249,249);
    background:linear-gradient( rgb(249,249,249) 50%, rgb(180,180,180));
    box-shadow:3px 3px 6px rgba(140,140,140,0.6);
    border: 1px solid rgb(140,140,140);
}
nav#mainnaviNav li.navigation ul.navigationsub1 {
    /* Navi sub 1 position from middle */
    /* margin-left -> calc: */
    /* - ('li.navigationsub1 div' => width / 2) - ('li.navigationsub1 div' => padding-left / 2) - ('ul.navigationsub1' => (border-left + border-right) / 2) */
    left: 50%;
    margin-left: calc((-300px / 2) - (10px / 2) - (2px / 2));
}
nav#mainnaviNav ul.navileft li.sub:first-child ul.navigationsub1,
nav#mainnaviNav ul.navicenter li.sub:first-child ul.navigationsub1,
nav#mainnaviNav ul.naviright li.sub:first-child ul.navigationsub1 {
    /* First navi sub 1 position */
    left: 0;
    margin-left: 0;
}
nav#mainnaviNav ul.navileft li.sub:last-child ul.navigationsub1,
nav#mainnaviNav ul.navicenter li.sub:last-child ul.navigationsub1,
nav#mainnaviNav ul.naviright li.sub:last-child ul.navigationsub1 {
    /* Last navi sub 1 position from right */
    /* margin-left -> calc: */
    /* - 'li.navigationsub1 div' => width - 'li.navigationsub1 div' => padding-left - 'ul.navigationsub1' => (border-left + border-right) */
    left: 100%;
    margin-left: calc(-300px - 10px - 2px);
}
nav#mainnaviNav ul.navigationsub2, nav#mainnaviNav ul.navigationsub3, nav#mainnaviNav ul.navigationsub4 {
	/* Navi sub 2, 3, 4 position from navi sub 1 */
    margin: -10px 0px 0px 50px;
}
nav#mainnaviNav ul.navileft li.sub:last-child ul.navigationsub2,
nav#mainnaviNav ul.navileft li.sub:last-child ul.navigationsub3,
nav#mainnaviNav ul.navileft li.sub:last-child ul.navigationsub4,
nav#mainnaviNav ul.navicenter li.sub:last-child ul.navigationsub2,
nav#mainnaviNav ul.navicenter li.sub:last-child ul.navigationsub3,
nav#mainnaviNav ul.navicenter li.sub:last-child ul.navigationsub4,
nav#mainnaviNav ul.naviright li.sub:last-child ul.navigationsub2,
nav#mainnaviNav ul.naviright li.sub:last-child ul.navigationsub3,
nav#mainnaviNav ul.naviright li.sub:last-child ul.navigationsub4 {
	/* Last navi sub 2, 3, 4 position from navi sub 1 */
    margin: -10px 50px 0px 0px;
}
nav#mainnaviNav li.navigationsub1, nav#mainnaviNav li.navigationsub2,
nav#mainnaviNav li.navigationsub3, nav#mainnaviNav li.navigationsub4 {
    border-bottom: 1px solid rgb(140,140,140);
}
nav#mainnaviNav li.navigationsub1 div, nav#mainnaviNav li.navigationsub2 div,
nav#mainnaviNav li.navigationsub3 div, nav#mainnaviNav li.navigationsub4 div {
    /* Alternativ Textstyle for navi sub 1, 2, 3, 4 */
    font-family: 'din-regularalternaRgalternate', verdana, arial, helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	color: rgb(90,90,90);
}
nav#mainnaviNav ul.navigationsub1 li.navigationsub1 div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 li.navigationsub2 div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.navigationsub3 div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 ul.navigationsub4 li.navigationsub4 div {
    /* Navipoint level 2, 3, 4, 5 (navi sub 1, 2, 3, 4) style */
    padding: 10px 0px 10px 10px;
    background: transparent;
	border-bottom: 4px solid transparent;
    width: 300px;
}
nav#mainnaviNav ul.navigationsub1 li.navigationsub1 div:hover,
nav#mainnaviNav ul.navigationsub1 li.navigationsub1 a.active div,
nav#mainnaviNav ul.navigationsub1 li.navigationsub1 a.current div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 li.navigationsub2 div:hover,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 li.navigationsub2 a.active div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 li.navigationsub2 a.current div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.navigationsub3 div:hover,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.navigationsub3 a.active div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.navigationsub3 a.current div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 ul.navigationsub4 li.navigationsub4 div:hover,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 ul.navigationsub4 li.navigationsub4 a.active div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 ul.navigationsub4 li.navigationsub4 a.current div {
    /* Navipoint level 2, 3, 4, 5 (navi sub 1, 2, 3, 4) hover style */
    color: rgb(238,127,0);
    background: transparent;
    border-bottom: 4px solid rgb(238,127,0);
}
nav#mainnaviNav ul.navigationsub1 li.sub div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 li.sub div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.sub div {
    /* Navipoint level 2, 3, 4, 5 (navi sub 1, 2, 3, 4) if sub style */
    padding-right: 0px;
    background: transparent url(../Icons/mainnavi-subdown.png) no-repeat right 5px top 15px;
}
nav#mainnaviNav ul.navigationsub1 li.sub div:hover,
nav#mainnaviNav ul.navigationsub1 li.sub a.active div,
nav#mainnaviNav ul.navigationsub1 li.sub a.current div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 li.sub div:hover,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 li.sub a.active div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 li.sub a.current div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.sub div:hover,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.sub a.active div,
nav#mainnaviNav ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.sub a.current div {
    /* Navipoint level 2, 3, 4, 5 (navi sub 1, 2, 3, 4) if sub hover, active and current style */
    background: transparent url(../Icons/mainnavi-subdown.png) no-repeat right 5px top 15px;
}


/* ##################
// LOGINNAVISTYLE ###
// ################## */
/* ==================================================================================================== */
/* ## RESET ## */
nav#loginnaviNav ul, nav#loginnaviNav li, nav#loginnaviNav a, nav#loginnaviNav div {
    font-size: 100%;
}
#LOGINNAVI {
    /* LOGINNAVI style */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
div.loginnavi-outer {
    /* loginnavi-outer style */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
div.loginnavi-inner {
    /* loginnavi-inner style */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
div.loginnavi-content {
    /* loginnavi-content style */
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
nav#loginnaviNav {
    /* loginnaviNav style*/
    padding: 0px 0px 0px 0px;
    border: 0;
    background: transparent;
}
nav#loginnaviNav > ul.navileft li.navigation {
    /* Left and Right distance */
    margin-left: 10px;
    margin-right: 10px;
}
nav#loginnaviNav > ul.naviright li.navigation {
    /* Left and Right distance */
    margin-left: 20px;
    margin-right: 10px;
}
nav#loginnaviNav li.navigation div {
    /* Standard Textstyle */
    font-family: 'din-regularalternaRgalternate', verdana, arial, helvetica, sans-serif;
	font-size: 1.25em !important;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	color: rgb(90,90,90) !important;
}
nav#loginnaviNav li.navigation div {
    /* Navipoint style */
    padding: 5px 0px 0px 0px;
    background: transparent;
	border: 0;
}
nav#loginnaviNav li.navigation div.login {
    background: transparent url(../../../../master_package/Resources/Public/Icons/felogin-open_gray.svg) left top no-repeat;
    background-size: 30px 30px;
    padding-left: 35px;
    padding-bottom: 30px;
}
nav#loginnaviNav li.navigation div.logout {
    background: transparent url(../../../../master_package/Resources/Public/Icons/felogin-close_gray.svg) left top no-repeat;
    background-size: 30px 30px;
    padding-left: 35px;
    padding-bottom: 30px;
}
nav#loginnaviNav li.navigation div:hover {
    /* Navipoint hover style */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}
/* ## LOGINBOXSTYLE## */
#loginnavi-felogin {
    background: rgb(238,127,0) !important;
}
#loginnavi-felogin.loginnavi-felogin-left, #loginnavi-felogin.loginnavi-felogin-right {
    /* Loginbox width (exept loginnavi-felogin-fullwidth-left & loginnavi-felogin-fullwidth-right) */
    /* loginnavi-felogin-fullwidth-left & loginnavi-felogin-fullwidth-right = 100% */
    max-width: 250px;
}
#loginnavi-felogin .loginnavi-block {
    margin: 10px;
}
#loginnavi-felogin .close-loginnavi::after {
    width: 30px;
    height: 30px;
    background:url(../Icons/headermenu-close_silver.png) no-repeat;
    background-size: 30px 30px;
}
#loginnavi-felogin .close-loginnavi:hover::after,
#loginnavi-felogin .close-loginnavi:focus::after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}


/* ####################
// COUNTRYNAVISTYLE ###
// #################### */
/* ==================================================================================================== */


/* #################
// LANGNAVISTYLE ###
// ################# */
/* ==================================================================================================== */


/* ###########################
// HEADERMENULOGINBOXSTYLE ###
// ########################### */
/* ==================================================================================================== */
div#loginbox {
    padding: 10px 15px 10px 15px;
}
/* # FELOGINFORMSTYLE # */
span.felogin-error {
    color: red !important;
}
.felogin_form {
}
.felogin_form .ce-fieldset {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    background: transparent;
    border: 0px !important;
}
.felogin_form .ce-fieldset legend {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    background: transparent;
    border: 0;
}
.felogin_form .ce-felogin-field {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    background: transparent;
    border: 0;
}
.felogin_form .ce-checkbox {
    padding: 0.25em 0.5em 0.25em 0.5em;
    border: 2px solid rgb(200,200,200);
    border-radius: 4px 4px 4px 4px;
    width: calc(100% - (2*0.5em) - (2*2px));
    font-size: inherit;
    font-family: inherit;
    width: 0.5em !important;
    height: 1em !important;
    background: transparent;
}
.felogin_form .ce-checkboxtext {
    margin-left: 2em;
    padding-top: 0px;
}
.felogin_form .ce-checkbox:after {
    font-size: 1.25em;
    margin: 0.25em 0 0 0.2em;
    padding: 0;
}
.felogin_form .ce-formfielcheckbox input:checked ~ .ce-checkbox:after {
    content: '\2714';
}
.ce-felogin-field label, .loginnavi-felogin-left .ce-checkboxtext p, .loginnavi-felogin-right .ce-checkboxtext p {
    font-size: 0.75em !important;
    border: 0 !important;
}
.loginnavi-felogin-left .ce-checkboxtext p, .loginnavi-felogin-right .ce-checkboxtext p {
    padding: 7px 0 0 0 !important;
}
.ce-felogin-field input[type=text], .ce-felogin-field input[type=password] {
    padding: 0.25em 0.5em 0.25em calc(0.5em + 20px);
    border: 0;
    border-bottom: 2px solid rgb(200,200,200);
    width: calc(100% - (2*0.5em) - (2*2px) - 20px);
    font-size: inherit;
    font-family: inherit;
}
.ce-felogin-field input[id=user], .ce-felogin-field input[id=tx_felogin_pi1-forgot-email] {
    background: transparent url('../Icons/felogin-user_gray.png') no-repeat 0 5px;
    background-size: 22px auto;
}
.ce-felogin-field input[id=pass], .ce-felogin-field input[id=tx_felogin_pi1-newpassword1], .ce-felogin-field input[id=tx_felogin_pi1-newpassword2] {
    background: transparent url('../Icons/felogin-pw_gray.png') no-repeat 0 5px;
    background-size: 22px auto;
}


/* ##############
// FLEXSLIDER ###
// ############## */
/* ==================================================================================================== */