/* ////////////////////////////////////////////////////////////////////////////////////////////////////
// @object:		RWD TYPO3 layout style Website kumulus.ch
// @version:	8.7.29
// @date:		07.12.2021
// @autor:		LeiserPublishing GmbH, www.leiserpublishing.com
// @copyright:	LeiserPublishing GmbH, Ipsachstrasse 10, 2560 Nidau, info(at)leiserpublishing(dot)com
// //////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ====================================================================================================
// WEBSITELAYOUTSTYLE
// ==================================================================================================== */
/* ### LAYOUTSTYLE ### */
/* ==================================================================================================== */
body {
    background-color: rgb(222,235,248);
}
#header {
    background-color: rgb(249,249,249);
    margin: 0;
}
.pagewidth {
    max-width: 1200px;
width: 1200px;
	margin: auto;
}
#pagelayer {
	-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);
	background-color: transparent;/*x*/
}
#pagewrapper {
	margin:0;
    padding: 10px 10px 10px 10px;
    background: rgb(249,249,249);
	background: rgba(249,249,249,0.8);
	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);
}
footer#colophon {
    padding: 10px 0px 10px 0px;
    background-color: rgb(38,130,219);
}
/* ## WSFLEXSLIDERSTYLE ## */
.flexslider {
    /* Default: border 4px solid #fff */
    border: 0;
    /* Default: margin-bottom 60px */
    margin-bottom: 0;
}
.flexslider .slides > li:first-child {
    /* Default: display none (no-js = display block)*/
    /* This activates the height of the first image */
    /* so that a correct calculation (scroll bar) can be carried out. */
    display: block;
}
.flex-control-nav {
    /* Default: position absolute */
    position: static !important;
}
.flex-control-paging {
    text-align: center !important;
}
/* flex-direction-nav visible */
.flex-direction-nav a {
    /* DEfault: overflow hidden */
    overflow: visible;
}
/* desable the transition */
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
    /* Deafult: all 0.3s ease-in-out */
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
/* New position flex-next */
.flex-direction-nav .flex-next {
  /* Default: text-align right, right - 50px */
    text-align: right !important;
    right: 30px !important;
}
.flex-direction-nav a.flex-next::before {
    /* Default: position absolute, right 10px */
    position: relative;
    right: -20px !important;
}
/* background color for caption-text */
.tx-ws-flexslider .caption-text {
    /* Default: background rgba(255,255,255,0.9) */
    background: rgba(249,249,249,0.8);
}
/* ==================================================================================================== */
/* ### MENUE- AND NAVISTYLE ### */
/* ## meue ## */
#menu-top, #menu-nav, #menulang-nav, #menu-nav .block, #menulang-nav .block, .block-title {
	background: rgb(38,130,219) !important;
}
#menu-top {
}
#menu-nav {
}
#menulang-nav {
}
.block, .block-title {
    background: rgb(38,130,219);
}
#menu-top .open-nav {
}
#menu-top .open-langnav {
}
#menu-nav .close-nav {
}
#menulang-nav .close-nav {
}
#menu-nav .block, #menulang-nav .block {
    padding: 0;
}
.close-nav {
    background: transparent url("../Img/menu-close.png") left center no-repeat;
    background-size: 1.875em 1.875em;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 0.7;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.close-nav:focus, .close-nav:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
.open-nav {
    background: transparent url("../Img/menu-open.png") left center no-repeat;
    background-size: 1.875em 1.5em;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.open-langnav {
    background: transparent url("../Img/menulang-open.png") left center no-repeat;
    background-size: 1.875em 1.5em;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.open-nav:hover, .open-nav:focus, .open-langnav:hover, .open-langnav:focus {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
.block-title {
    padding: 10px 0px 10px 50px;
}
#menulang-nav .block-title {
    padding: 10px 0px 10px 20px;
}
#menu-top .block-title, #menu-nav .block-title, #menulang-nav .block-title {
    padding: 0px 50px 14px 50px;
/*    background: rgb(0,94,170) url(../../img/Logo_RGB.png) center center / auto 25px no-repeat !important;*/
}
nav#menu ul#servicemenu, nav#menu ul.navigationsub1, nav#menu ul.navigationsub2,
nav#menu ul.servicenavisub1, nav#menu ul.servicenavisub2, nav#menu ul#mainmenu,
nav#menu ul.mainnavisub1, nav#menu ul.mainnavisub2,
nav#menu ul#langmenu, nav#menu ul#submenu, nav#menu ul.subnavisub1, nav#menu ul.subnavisub2 {
	margin-left: 15px !important;
}
nav#menu ul#servicemenu, nav#menu ul#mainmenu, nav#menu ul#langmenu, nav#menu ul#submenu {
    padding-bottom: 5px;
    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.servicenavisub1 li a, nav#menu ul.servicenavisub2 li a,
nav#menu ul#mainmenu li a, nav#menu ul.mainnavisub1 li a, nav#menu ul.mainnavisub2 li a,
nav#menu ul#langmenu li a, nav#menu ul#langmenu li span, nav#menu ul#submenu li a, nav#menu ul.subnavisub1 li a,
nav#menu ul.subnavisub2 li a {
	font-family: 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#menu ul#servicemenu li a:hover, nav#menu ul.servicenavisub1 li a:hover, nav#menu ul.servicenavisub2 li a:hover,
nav#menu ul#mainmenu li a:hover, nav#menu ul.mainnavisub1 li a:hover, nav#menu ul.mainnavisub2 li a:hover,
nav#menu ul#langmenu li a:hover, nav#menu ul#langmenu li span, nav#menu ul#submenu li a:hover, nav#menu ul.subnavisub1 li a:hover,
nav#menu ul.subnavisub2 li a:hover {
    color: rgb(200,200,200) !important;
}
nav#menu ul#servicemenu li a div, nav#menu ul.servicenavisub1 li a div, nav#menu ul.servicenavisub2 li a div,
nav#menu ul#mainmenu li a div, nav#menu ul.mainnavisub1 li a div, nav#menu ul.mainnavisub2 li a div,
nav#menu ul#langmenu li a div, nav#menu ul#langmenu li span div, nav#menu ul#submenu li a div, nav#menu ul.subnavisub1 li a div,
nav#menu ul.subnavisub2 li a div {
    padding: 10px 0px 10px 0px;
}
/* ## servicenavi #3 */
#servicenaviwrapper {
    margin: 0;
    padding-top: 10px;
/*    height:30px;/* Height for background */
/*    background: CornflowerBlue;/* Background with height */
}
nav#servicenavi li.navigation {
    /* Right distance to the next navipoint */
    margin-right: 20px;
}
nav#servicenavi li.last {
    margin-right: 0px;/* Clear the right distance by last navipoint */
}
nav#servicenavi li.navigation a {
	/* Standard Textstyle */
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.875em;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	color: rgb(38,130,219) !important;
}
nav#servicenavi li.navigation div {
    /* Navipoint level 1 style */
    padding: 0px 0px 10px 0px;
    background: transparent;
	border-bottom: 4px solid transparent;
}
nav#servicenavi li.navigation div:hover {
    /* Navipoint level 1 hover style */
    color: rgb(38,130,219);
    border-bottom: 4px solid rgb(38,130,219);
}
nav#servicenavi ul.navigation li.sub div {
    /* Navipoint level 1 if sub style */
    padding-right: 20px;
    background: transparent url(../Img/subdown.png) no-repeat right 5px top 7px;
}
nav#servicenavi ul.navigationsub1, nav#servicenavi ul.navigationsub2,
nav#servicenavi ul.navigationsub3, nav#servicenavi 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#servicenavi li.navigation ul.navigationsub1 {
    /* Navi sub 1 position from middle */
    left: 50%;
    margin-left: -156px;/* (div width + div padding-left + div padding-right + ul.navigationsub1 border-left + ul.navigationsub1 border-right) : 2 */
}
nav#servicenavi li.first ul.navigationsub1, nav#servicenavi li.single ul.navigationsub1 {
    /* First navi sub 1 position */
    left: 0;
    margin-left: 0px;
}
nav#servicenavi li.last ul.navigationsub1 {
    /* Last navi sub 1 position from right */
    left: 100%;
    margin-left: -312px;/* div width + div padding-left + div padding-right + ul.navigationsub1 border-left + ul.navigationsub1 border-right */
}
nav#servicenavi ul.navigationsub2, nav#servicenavi ul.navigationsub3, nav#servicenavi ul.navigationsub4 {
	/* Navi sub 2, 3, 4 position from navi sub 1 */
    margin: -10px 0px 0px 50px;
}
nav#servicenavi li.last ul.navigationsub2, nav#servicenavi li.last ul.navigationsub3,
nav#servicenavi li.last ul.navigationsub4 {
	/* Last navi sub 2, 3, 4 position from navi sub 1 */
    margin: -10px 50px 0px 0px;
}
nav#servicenavi li.navigationsub1 a, nav#servicenavi li.navigationsub2 a,
nav#servicenavi li.navigationsub3 a, nav#servicenavi li.navigationsub4 a {
    /* Alternativ Textstyle for navi sub 1, 2, 3, 4 */
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.875em;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	color: rgb(90,90,90) !important;
}
nav#servicenavi ul.navigationsub1 li.navigationsub1 div,
nav#servicenavi ul.navigationsub1 ul.navigationsub2 li.navigationsub2 div,
nav#servicenavi ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.navigationsub3 div,
nav#servicenavi 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#servicenavi ul.navigationsub1 li.navigationsub1 div:hover,
nav#servicenavi ul.navigationsub1 ul.navigationsub2 li.navigationsub2 div:hover,
nav#servicenavi ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.navigationsub3 div:hover,
nav#servicenavi ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 ul.navigationsub4 li.navigationsub4 div:hover {
    /* Navipoint level 2, 3, 4, 5 (navi sub 1, 2, 3, 4) hover style */
    color: rgb(90,90,90);
    border-bottom: 4px solid rgb(38,130,219);
}
nav#servicenavi ul.navigationsub1 li.sub div,
nav#servicenavi ul.navigationsub1 ul.navigationsub2 li.sub div,
nav#servicenavi 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(../Img/subdown.png) no-repeat right 5px top 17px;
}
/* ## mainnavi ## */
#mainnaviwrapper {
    margin: 0px 0px 50px 0px;/*X*/
/*    height:30px;/* Height for background */
/*    background: CornflowerBlue;/* Background with height */
}
nav#mainnavi li.navigation {
    margin-right: 20px;/* Right distance to the next navipoint */
border: 0;
background: transparent;
}
nav#mainnavi li.last {
    margin-right: 0px;/* Clear the right distance by last navipoint */
}
nav#mainnavi li.navigation a {
	/* Standard Textstyle */
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.875em;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	color: rgb(38,130,219) !important;
}
nav#mainnavi li.navigation div {
    /* Navipoint level 1 style */
    padding: 0px 0px 10px 0px;
    background: transparent;
	border-bottom: 4px solid transparent;
}
nav#mainnavi li.navigation div:hover {
    /* Navipoint level 1 hover style */
/*    color: rgb(238,127,0);*/
    border-bottom: 4px solid rgb(38,130,219);
}
nav#mainnavi ul.navigation li.sub div {
    /* Navipoint level 1 if sub style */
    padding-right: 15px;
    background: transparent url(../Img/subdown.png) no-repeat right 0px top 7px;
}
nav#mainnavi ul.navigationsub1, nav#mainnavi ul.navigationsub2,
nav#mainnavi ul.navigationsub3, nav#mainnavi ul.navigationsub4 {
	/* Navi sub 1, 2, 3, 4 style */
    background: rgb(249,249,249);
background: rgb(38,130,219);
color: 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#mainnavi li.navigation ul.navigationsub1 {
    /* Navi sub 1 position from middle */
    left: 50%;
    margin-left: -156px;/* (div width + div padding-left + div padding-right + ul.navigationsub1 border-left + ul.navigationsub1 border-right) : 2 */
}
nav#mainnavi li.first ul.navigationsub1, nav#mainnavi li.single ul.navigationsub1 {
    /* First navi sub 1 position */
    left: 0;
    margin-left: 0px;
}
nav#mainnavi li.last ul.navigationsub1 {
    /* Last navi sub 1 position from right */
    left: 100%;
    margin-left: -312px;/* div width + div padding-left + div padding-right + ul.navigationsub1 border-left + ul.navigationsub1 border-right */
}
nav#mainnavi ul.navigationsub2, nav#mainnavi ul.navigationsub3, nav#mainnavi ul.navigationsub4 {
	/* Navi sub 2, 3, 4 position from navi sub 1 */
    margin: -10px 0px 0px 50px;
}
nav#mainnavi li.last ul.navigationsub2, nav#mainnavi li.last ul.navigationsub3,
nav#mainnavi li.last ul.navigationsub4 {
	/* Last navi sub 2, 3, 4 position from navi sub 1 */
    margin: -10px 50px 0px 0px;
}
nav#mainnavi li.navigationsub1, nav#mainnavi li.navigationsub2,
nav#mainnavi li.navigationsub3, nav#mainnavi li.navigationsub4 {
    border-bottom: 1px solid rgb(140,140,140);
}
nav#mainnavi li.navigationsub1 a, nav#mainnavi li.navigationsub2 a,
nav#mainnavi li.navigationsub3 a, nav#mainnavi li.navigationsub4 a {
    /* Alternativ Textstyle for navi sub 1, 2, 3, 4 */
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.875em;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	color: rgb(249,249,249) !important;
}
nav#mainnavi ul.navigationsub1 li.navigationsub1 div,
nav#mainnavi ul.navigationsub1 ul.navigationsub2 li.navigationsub2 div,
nav#mainnavi ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.navigationsub3 div,
nav#mainnavi 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#mainnavi ul.navigationsub1 li.navigationsub1 div:hover,
nav#mainnavi ul.navigationsub1 ul.navigationsub2 li.navigationsub2 div:hover,
nav#mainnavi ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.navigationsub3 div:hover,
nav#mainnavi ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 ul.navigationsub4 li.navigationsub4 div:hover {
    /* Navipoint level 2, 3, 4, 5 (navi sub 1, 2, 3, 4) hover style */
/*    color: rgb(238,127,0);*/
    border-bottom: 4px solid rgb(249,249,249);
}
nav#mainnavi ul.navigationsub1 li.sub div,
nav#mainnavi ul.navigationsub1 ul.navigationsub2 li.sub div,
nav#mainnavi 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(../Img/subdown2.png) no-repeat right 5px top 17px;
}