@charset "UTF-8";

#piwik, #piwiks {
	height:1px;
	width:1px;
	position:absolute;
	}

#piwik {
	background:#CECECE;
	}
	
#piwiks {
	background:#000;
	}

#topact h2 {
    padding-right: 55px;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	display:table-cell;
	vertical-align:bottom;
}

#topact div h3 {
    opacity: 1;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    word-spacing: 0.2em;
    font-weight: 400;
}

#topact div h3 {
	font-size:11px;
}

#logo {
	width:100%;
	padding:10px;
}

#logo a {
	position:absolute;
	z-index:10;
}

#topact div {
    left: 101px;
    position: absolute;
}

.mtouch {
	display:block;
	}
	
.m7 h3 {
    color: #999 !important;
}

@media screen and (orientation:portrait) {
	
.t1x {
	display:none;
}
	
#topact h2 {
	padding: 0 0 16px 100px;
	}
	
#menue, #topact {
	height:90px;
	}
	
#menue-i.vertical {
	top: 90px;
	}

#logo {
	height:90px;
}

#logo img {
    width: 70px;
    height: 70px;
}

#logo a {
	height:80px;
}

.mtouch {
	height:calc(100% - 90px);
	}
	
#topact div {
    top: 58px;
}
}

@media screen and (orientation:landscape) {
	
.t1 {
	display:none;
}
	
#topact h2 {
	padding: 0 0 16px 100px;
	}
	
#menue, #topact {
	height:50px;
	}
	
#topact div {
	left:51px;
	}
	
#topact h3 {
	display:none;
	}
	
#topact.m1 h3 {
	display:block;
	}
	
#topact.tact h3 {
	display:block;
	}
	
#menue-i.vertical {
	top: 50px;
	}
	
#logo {
	height:50px;
}

#logo img {
    width: 30px;
    height: 30px;
}

#logo a {
	height:40px;
}

.mtouch {
	height:calc(100% - 50px);
	}
	
#topact div {
    top: 25px;
}
}

#topact {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
	display:table;
	}

#menue {
	display:none;
	position:absolute;
	top:0;
	left:0px;
	width:100%;
	padding-top:0;
	z-index:4;
	}
	
#menue-i.vertical {
	display:none;
	position: absolute;
	left: 0;
	-webkit-overflow-scrolling: touch;
	width:100%;
	overflow-y:auto;
	}

.z-accordion.vertical > .z-last {
	-moz-box-shadow: 0 20px 20px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, .5);
	box-shadow: 0 20px 20px rgba(0, 0, 0, .5);
	}

img {
	color:#000
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*  
    { 
    margin: 0; 
    padding: 0; 
    border: 0; 
}

body {
	font-family: 'Lato', sans-serif; 
	text-align: left; 
	border: 0; 
	background-color: #000; 
	}

/* cross browser compatibility html5 tags */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}


/*reset*/
.z-slider-wrapper,
.z-accordion,
.z-accordion > .z-section,
.z-accordion > .z-section > .z-header,
.z-accordion > .z-section > .z-header > .z-title,
.z-accordion > .z-section > .z-header > .z-arrow,
.z-accordion > .z-section > .z-content {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
}

.z-slider-wrapper,
.z-accordion,
.z-accordion:before,
.z-accordion:after {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}


.z-accordion > .z-section > .z-header {
    position: relative;
    margin: 0;
    display: block;
    color: #fff;
    font-weight: normal;
    outline: none;
    cursor: pointer;
    text-decoration: none;
}


.z-accordion > .z-section > .z-header .z-arrow {
    position: absolute;
    background-image: url(menue.png);
    background-repeat: no-repeat;
    background-position: center 0;
    width: 40px;
    height: 30px;
    opacity: 0.5;
    filter: alpha(opacity=25);
    -moz-opacity: 0.5;
	}

.z-accordion > .z-section.z-active > .z-header > .z-arrow,
.z-accordion > .z-section > .z-header:hover > .z-arrow {
    opacity: 1;
}

.z-accordion > .z-section > .z-header > .z-arrow.z-loading {
    background: url(zozo-accordion-loading.gif);
    height: 16px;
    width: 16px;
}

/*#endregion*/



/*#region ==========================================================================
Vertical Structure 
========================================================================== */

.z-accordion.vertical {
    font-family: 'Lato', sans-serif;
	text-align: left;
}

.z-accordion.vertical > .z-section > .z-header {
    font-size: 12px;
    line-height: 40px;
    height: 40px;
    padding: 0 1em;
}

.z-accordion > .z-section > .z-header.z-focus {
    z-index: 9999 !important;
}

.z-accordion.z-focus,
.z-accordion.vertical > .z-section > .z-header.z-focus,
.z-accordion.horizontal > .z-section > .z-header.z-focus .z-title {
    font-weight: bold !important;
    color: black;
}



.z-accordion.vertical > .z-section > .z-header > .z-arrow {
    right: 0;
    top: 5px;
}

.z-accordion.vertical > .z-section > .z-header > .z-arrow.z-loading {
    margin-top: -8px;
}

.z-accordion.vertical > .z-section.z-active > .z-header {
    font-weight: bold;
}

.z-accordion.vertical > .z-section.z-active > .z-header > .z-arrow,
.z-accordion.vertical > .z-section > .z-header:hover > .z-arrow {
    background-position: right -30px;
    
}

.z-accordion.vertical > .z-section > .z-content {
    display: none;
}



.z-accordion.transition.vertical > .z-section > .z-content {
    height: 0px;
    overflow: hidden;
    display: block!important;
}

.z-accordion.transition.vertical.z-grouped.z-bordered > .z-section > .z-content,
.z-accordion.transition.vertical.z-ungrouped.z-bordered > .z-section > .z-content {
    border-bottom-width: 0;
}


.z-accordion.transition.vertical > .z-section > .z-content > .z-auto-g {
    padding: 20px 15px 10px 15px;
}

.z-slider-wrapper > .z-accordion.transition.vertical > .z-section > .z-content > .z-auto-g {
    padding: 0;
}



.z-accordion.transition.vertical.z-grouped.z-bordered > .z-section.z-active > .z-content,
.z-accordion.transition.vertical.z-ungrouped.z-bordered > .z-section.z-active > .z-content {
}
        
        
      
    /* .ie7 .z-accordion.vertical > .z-section > .z-header  {line-height: 22px;height:22px;}*/

/*#endregion*/




/*#region ==========================================================================
Horizontal Structure
========================================================================== */


.z-accordion.horizontal {
    position: relative;
    overflow: visible;
    height: 100%;
    background: #e3e3e3;
	z-index:3;
}


.z-accordion.horizontal > .z-section > .z-header {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    text-align: left !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(-100%) rotate(-90deg);
    -webkit-transform-origin: right top;
    -moz-transform: translateX(-100%) rotate(-90deg);
    -moz-transform-origin: right top;
    -o-transform: translateX(-100%) rotate(-90deg);
    -o-transform-origin: right top;
    transform: translateX(-100%) rotate(-90deg);
    transform-origin: right top;
    bottom: 0;
}

.z-accordion.horizontal > .z-section {
    display: inline;
    height: 100%;
    position: absolute;
    background: #e3e3e3;
}

.z-accordion.horizontal > .z-section.z-active > .z-header {
    cursor: default;
}

.z-accordion.horizontal > .z-section > .z-header .z-title {
    display: block;
    text-align: left;
    white-space: nowrap;
	}

.z-accordion.horizontal > .z-section > .z-header .z-arrow {
    left: 14px;
    left: 6%;
    z-index: 20;
    top: 50%;
    display: inline-block;
}



.z-accordion.horizontal > .z-section > .z-header > .z-arrow.z-loading {
    margin-left: -4px;
    margin-top: -8px;
}

.z-accordion.horizontal  > .z-section.z-active > .z-header > .z-arrow,
.z-accordion.horizontal  > .z-section > .z-header:hover > .z-arrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


.z-accordion.horizontal > .z-section > .z-content {
    height: 96%;
    position: absolute;
    top: 0;
    /*z-index: 10; version 3.0*/
    margin: 6px 0 0 0;
    /*version 3.0*/
    height: 100%;
    margin: 0;
    /*new*/
    bottom: 0;
    left: 48px; /* Matches the width of .slide_handle */
    right: 0;
}

.z-accordion.horizontal > .z-section > .z-content > div {
    padding: 10px 10px 10px 20px;
}

.z-accordion.horizontal > .z-section.z-active > .z-content {
    height: 100%;
}

.z-accordion.horizontal > section.z-active.z-last > .z-content {
    height: 96%;
    margin: 6px 0 0 0;
    /*version 3.0*/
    height: 100%;
    margin: 0;
}

        /*#endregion*/




/*#region ==========================================================================
Bordered
========================================================================== */
.z-accordion,
.z-accordion > .z-section,
.z-accordion > .z-section > .z-header,
.z-accordion > .z-section > .z-header .z-title,
.z-accordion > .z-section > .z-content {
    border-width: 0;
    border-style: solid;
    border-color: #B4B4B4;
    border-color: #CECECE;
}



/*vertical*/



/*ungrouped*/
.z-accordion.vertical.z-ungrouped > .z-section {
    margin: 5px 0;
}

.z-accordion.vertical.z-ungrouped.z-bordered > .z-section > .z-header {
    border-width: 1px;
}

.z-accordion.vertical.z-ungrouped.z-bordered > .z-section > .z-content {
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
}

    /*#endregion*/



    
/*#region ==========================================================================
Theming
========================================================================== */



/* blue */
.z-accordion.blue.z-bordered,
.z-accordion.blue.z-bordered > .z-section > .z-header,
.z-accordion.blue.z-bordered > .z-section > .z-header > .z-title,
.z-accordion.blue.z-bordered > .z-section > .z-content {border-color: #248CB1;}
.z-accordion.blue > .z-section > .z-header > .z-arrow,
.z-accordion.blue > .z-section > .z-header {color:#ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);}
.z-accordion.blue.vertical > .z-section > .z-header,
.z-accordion.blue.horizontal > .z-section > .z-header > .z-title {background-color: #2AA4CF;box-shadow: 5px 10px 100px rgba(100, 100, 100, 0.15) inset;}
.z-accordion.blue > .z-section > .z-header > .z-arrow {color: #fff;}
.z-accordion.blue.z-scrollable > .z-section.z-active .z-content::-webkit-scrollbar-thumb {
    background: rgba(55, 159, 194, 0.75);
    border-color: rgba(47, 138, 168, 0.25);
    box-shadow: 1px 1px 5px rgba(47, 138, 168, 0.25) inset;
}
.z-accordion.blue.z-scrollable > .z-section.z-active .z-content::-webkit-scrollbar-track {
    background: rgba(55, 159, 194, 0.05);
    border-color:rgba(55, 159, 194, 0.06);
    box-shadow: 0 0 3px rgba(55, 159, 194, 0.05) inset;
}
.z-accordion.blue > .z-section > .z-header > .z-arrow{background-position: 0 -62px;}



/*#endregion*/




/*#region ==========================================================================
Browser Fixes
========================================================================== */
.ie7 .z-accordion.horizontal > .z-section > .z-header > .z-title,
.ie7 .z-accordion.vertical > .z-section > .z-header,
.ie8 .z-accordion.horizontal > .z-section > .z-header > .z-title,
.ie8 .z-accordion.vertical > .z-section > .z-header{  zoom: 1; /*For IE7-8*/}

.ie7 .z-accordion.horizontal.z-bordered > .z-section > div,
.ie8 .z-accordion.horizontal.z-bordered > .z-section > div {border-left-width: 1px;}

.ie7 .z-accordion.horizontal > .z-section > .z-header { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) }        
.ie8 .z-accordion.horizontal > .z-section > .z-header { filter: none; -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -ms-transform: none; }     
.ie9 .z-accordion.horizontal > .z-section > .z-header { filter: none; -ms-filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top ;}

.ie .z-accordion.horizontal > .z-section > .z-header {height:50px;}
.ie .z-accordion.horizontal > .z-section > .z-header > .z-title{height:48px;}
/* version 3.0 .ie9 .z-accordion.horizontal > .z-section > .z-content {display: none;}               
.ie9 .z-accordion.horizontal > .z-section.z-active > .z-content {display:block;}*/



/* IE fixes for themes*/
.ie .z-accordion.vertical > .z-section > .z-header  { height: 1%; }/*For IE7*/

.ie8 .z-accordion.horizontal  { padding-right:1px; }/*For IE8*/
/*#endregion*/








/*#region ==========================================================================
Icons
========================================================================== */

.z-accordion.black > .z-section > .z-header > .z-arrow{background-position: 0 -62px;}

/*#endregion*/




/*#region ==========================================================================
Clean beta
========================================================================== */

/*clean*/
.z-accordion.clean.vertical,
.z-accordion.clean.vertical > .z-section,
.z-accordion.clean.vertical > .z-section > .z-header,
.z-accordion.clean.vertical > .z-section > .z-header .z-title,
.z-accordion.clean.vertical > .z-section > .z-content,
.z-accordion.clean.vertical.z-bordered > .z-section,
.z-accordion.clean.vertical.z-bordered > .z-section > .z-header,
.z-accordion.clean.vertical.z-bordered > .z-section > .z-content {
    border-width: 0;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.z-accordion.clean.vertical > .z-section, .z-accordion.clean.vertical.z-ungrouped.z-bordered > .z-section {
    margin: 2px 0 2px 0;
}

.z-accordion.clean.vertical > .z-section > .z-header, .z-accordion.clean.vertical.z-bordered > .z-section > .z-header {
    font-size: 16px;
    border-bottom: 1px solid #E7E7E7;
    border-bottom: 1px solid rgba(207, 207, 207, 0.7);
    border-top: 1px solid #fff;
    border-top: 1px solid rgba(255, 255, 255, 0);
}

/*#endregion*/




/*#region ==========================================================================
Slider 
========================================================================== */

.z-slider-wrapper {
    position: relative;
    background-color: #FFF;
    margin-bottom: 60px;
}

.z-slider-wrapper > .z-accordion.horizontal,
.z-slider-wrapper > .z-accordion.horizontal > .z-section > .z-content,
.z-slider-wrapper > .z-accordion.vertical,
.z-slider-wrapper > .z-accordion.vertical > .z-section > .z-content,
.z-accordion.z-content-nav > .z-section > .z-content,
.z-accordion.z-content-nav > .z-section > .z-content ul,
.z-accordion.z-content-nav > .z-section > .z-content ul li {
    /*margin: 0 !important;*/
    padding: 0;
    margin: 0;
}



.z-slider-wrapper > .z-accordion > .z-section > .z-content > .z-auto-g > img,
.z-slider-wrapper > .z-accordion > .z-section > .z-content > .z-auto-g > embed,
.z-slider-wrapper > .z-accordion > .z-section > .z-content > .z-auto-g > object,
.z-slider-wrapper > .z-accordion > .z-section > .z-content > .z-auto-g > video {
    height: auto;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    line-height: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    border-radius: 0;
    overflow: hidden;
    vertical-align: middle;

    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    visibility: visible;
    display: block;
}

.z-slider-wrapper > .z-accordion.transition.vertical > .z-section.z-active > .z-content {
    padding: 0;
}



.z-slider-wrapper .z-accordion > .z-section > .z-content > .z-auto-g > img2 {
    visibility: hidden;
}



.z-slider-wrapper .z-accordion > .z-section.z-active > .z-content > .z-auto-g > img {
    visibility: visible;
}

.z-slider-wrapper .z-accordion.horizontal > .z-section > .z-content > div {
    padding: 0 0 0 12px;
    padding: 0; /*version 3.0*/
}

.z-slider-wrapper .z-accordion.horizontal > .z-section > .z-content,
.z-slider-wrapper .z-accordion.horizontal > .z-section.z-active > .z-content,
.z-slider-wrapper .z-accordion.horizontal > .z-section.z-active.z-last > .z-content {
    height: 100%;
    margin: 0;
}



.wrapper {
    width: 100%;
    margin: 0px auto;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


/*slider*/
.nav-arrows {
    display: none;
}

.nav-arrows a {
    position: absolute;
    top: 50%;
    left: 10px;
    cursor: pointer;
    margin-top: -10px;
    opacity: 0.9;
    color: black;
    font-size: 28px;
    line-height: 28px;
    text-decoration: none;
    z-index: 8000;
}

.nav-arrows a:first-child {
    left: auto;
    right: 2px;
    background-position: top right;
}

.nav-arrows a:hover {
    opacity: 1;
}



/*nav dots*/

.z-dot-nav {
    text-align: center;
    position: absolute;
    bottom: -50px;
    height: 30px;
    width: 100%;
    left: 0;
    z-index: 10;
    zoom: 1;
}

.z-dot-nav span {
    display: inline-block;
    cursor: pointer;
    background: #E2E5E9;
    padding: 0;
    width: 8px;
    height: 8px;
    margin: 4px 0 0 7px;
    -o-border-radius: 25px;
    -moz-border-radius: 25px;
    -khtml-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid transparent;
}

.z-dot-nav span.z-active {
    margin-top: 3px;
    background: #AAA;
    width: 9px;
    height: 9px;
    border: 1px solid #B1BBC8;
    background-color: #444;

}

.nav-options {
    width: 70px;
    height: 30px;
    position: absolute;
    right: 70px;
    bottom: 0px;
    display: none;
}

.nav-options span {
    width: 30px;
    height: 30px;
    background: #cbbfae url(options.png) no-repeat top left;
    text-indent: -9000px;
    cursor: pointer;
    opacity: 0.7;
    display: inline-block;
    border-radius: 50%;
}

.nav-options span:first-child {
    background-position: -30px 0px;
    margin-right: 3px;
}

.nav-options span:hover {
    opacity: 1;
}



/*#endregion*/




/*#region ==========================================================================
Responsive
========================================================================== */
@media screen and (max-width: 320px) {
    .z-accordion > .z-section > a {
        font-size: 14px;
    }
}


/*#endregion*/




/*#region ==========================================================================
Mobile Fixes
========================================================================== */
.z-accordion,
.z-accordion *,
.z-accordion > .z-section,
.z-accordion > .z-section > .z-header,
.z-accordion > .z-section > .z-header > .z-title,
.z-accordion > .z-section > .z-header > .z-arrow,
.z-accordion > .z-section > .z-content {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-touch-callout: none;outline: none;}


/*#endregion*/




/*#region ==========================================================================
Navitation Accordion 
========================================================================== */


.z-accordion.z-content-nav.vertical > .z-section > .z-content > .z-auto-g {
    padding: 0;
}

.z-accordion.z-content-nav,
.z-accordion.z-content-nav > .z-section > .z-content {
    background: none;
}

.z-accordion .z-sub-nav li a:hover{background: #399FF3;}

.z-accordion .z-sub-nav li a {
    text-decoration: none;
    padding: 12px 0px 12px 20px;
    color: #fff;
    display: block;
    background: #1D89E2;
}

.z-accordion > .z-section > .z-header a{text-decoration: none;}



.z-accordion.blue .z-sub-nav li a{background: #2A8CAF;}
.z-accordion.blue .z-sub-nav li a:hover{background: #5BC4E9;}
		




/*#endregion*/



    /*#region ==========================================================================
    AJAX Support
========================================================================== */

.z-accordion-loading {
    position: relative;
    width: 100%;
    min-height: 120px;
}

.z-accordion-loading > * {
    display: none;
}

.z-accordion-loading > .z-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1000;
    text-indent: -999em;
    display: block;
    width: 55px;
    height: 55px;
    margin: -28px 0 0 -50px;
    padding: 24px;
    background: rgb(255, 255, 255) url(zozo-accordion-loading-lg.gif) no-repeat 50% 50%;
}

.z-accordion-loading.z-rounded .z-spinner {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.z-accordion.vertical {
    display:none;
	width: 100%;
}

#menue-i.vertical > .z-section {
    display:none;
}

#menue-i.vertical > .z-first {
    display:none !important;
}

.z-accordion.transition.vertical > .z-section > .z-content > .z-auto-g {
	padding:0 10px 0 10px;
}

#menue-i.vertical > li {
    float: none;
    border-right: inherit;
	padding: 0;
}

#menue-i.vertical > li > h3 {
    display: block;
    letter-spacing: 0.04em;
    word-spacing: 0.08em;
    font-family: "Lato", Arial, Helvetica, Sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #ffffff;
    text-align: left;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
	margin-left: 0px;
	width: 100%;
	height: 40px !important;
	padding: 0 0 0 100px;
}

#menue-i.vertical > li > div > div > ul > li {
    padding: 0;
    margin-bottom: 10px;
}

#menue-i.vertical > li > div > div > ul > li > a {
    display: block;
    border: 1px solid;
    letter-spacing: 0.04em;
    word-spacing: 0.08em;
    text-decoration: none;
    font-weight: 400;
    padding: 2px 4px 3px 90px;
    height: auto;
	font-size: 20px;
	color:#fff;
}

#menue-i.vertical > li > div > div > ul > li > a:hover {
    background-color:#fff;
}

#menue-i > .z-section[aria-expanded="false"] > h3 {
	background-position: right center;
	background-repeat:no-repeat;
	padding:0 !important;
	height:40px;
}

#menue-i > .z-section[aria-expanded="true"] > h3 {
	background-position: right 0;
	background-repeat:no-repeat;
	padding:0 !important;
	height:40px;
}
.mclose {
	background-repeat:no-repeat;
	width:100%;
	top:5px;
	margin-left:0;
}

mopen {
	background-repeat:no-repeat;
	width:100%;
	top:5px;
	margin-left:0;
}

#menue-i.vertical .z-title {
	padding-left:100px;
}
	
.mclose {background-position: right -30px)}
.mopen {background-image:url(menue.png)}

.z-header[aria-controls="menue-i-2"], #menue-i-2 {background-color:#91aa08}
.z-header[aria-controls="menue-i-3"], #menue-i-3 {background-color:#c18c09}
.z-header[aria-controls="menue-i-4"], #menue-i-4 {background-color:#6c76af}
.z-header[aria-controls="menue-i-5"], #menue-i-5 {background-color:#b7334a}
.z-header[aria-controls="menue-i-6"], #menue-i-6 {background-color:#5fa575}
.z-header[aria-controls="menue-i-7"], #menue-i-7 {background-color:#333}

#menue-i.vertical > li > div > div > ul > li > .act {background-color:#fff;border-color:#fff}

#menue-i.vertical > li > #menue-i-2 > div > ul > li > .act, 
#menue-i.vertical > li > #menue-i-2 > div > ul > li > a:hover {color:#91aa08}
#menue-i.vertical > li > #menue-i-3 > div > ul > li > .act, 
#menue-i.vertical > li > #menue-i-3 > div > ul > li > a:hover {color:#c18c09}
#menue-i.vertical > li > #menue-i-4 > div > ul > li > .act, 
#menue-i.vertical > li > #menue-i-4 > div > ul > li > a:hover {color:#6c76af}
#menue-i.vertical > li > #menue-i-5 > div > ul > li > .act, 
#menue-i.vertical > li > #menue-i-5 > div > ul > li > a:hover {color:#b7334a}
#menue-i.vertical > li > #menue-i-6 > div > ul > li > .act, 
#menue-i.vertical > li > #menue-i-6 > div > ul > li > a:hover {color:#5fa575}
#menue-i.vertical > li > #menue-i-7 > div > ul > li > .act, 
#menue-i.vertical > li > #menue-i-7 > div > ul > li > a:hover {color:#333}

#ul-zwei #s-05 ul li a {pointer-events:none}

#menue-i-5 > .z-auto-g > ul::after, #ul-zwei #s-05 ul::after,
#menue-i-6 > .z-auto-g > ul::after, #ul-zwei #s-06 ul::after {
	content:"*) Das Programm MUBIKIN wurde beendet.";
	display:inline-block;
	margin-left:90px;
}
#menue-i-6 > .z-auto-g > ul li {
	float:none;
}
#menue-i #menue-i-5, #menue-i #menue-i-6 {margin-bottom: 20px}
#menue-i.vertical #menue-i-5, #menue-i.vertical #menue-i-6 {margin-bottom: 0}

#menue-i #menue-i-5 > .z-auto-g > ul::after, #ul-zwei #s-05 ul::after {
	color: #b7334a;
}
#menue-i #menue-i-6 > .z-auto-g > ul::after, #ul-zwei #s-06 ul::after {
	color: #5fa575;
}
#ul-zwei #s-05 ul::after, #ul-zwei #s-06 ul::after {
font-size: 12px;
}
#menue-i.vertical #menue-i-5 > .z-auto-g > ul::after, #menue-i.vertical #menue-i-6 > .z-auto-g > ul::after {
	color: #fff;
}
.z-accordion.transition.vertical > .z-section > #menue-i-5 > .z-auto-g, .z-accordion.transition.vertical > .z-section > #menue-i-6 > .z-auto-g {
    padding: 0 10px 10px 10px;
}

#menue-i-6 > .z-auto-g > ul > li:first-child {display:none}

.z-accordion > .z-section > .z-content > div > h3, 
.z-accordion > .z-section > .z-content > div > p, 
.z-accordion > .z-section > .z-content > div > h4, 
.z-accordion > .z-section > .z-content > div > .h-rechts {
	display:none;
}

.act .z-content[aria-expanded="true"] ul {
	display:block;
}

.act .z-content[aria-expanded="true"] {
	height:auto !important;
}

#myOverlay-h {height:0}
#myOverlay-v {height:100%}

#login {width:100%;height:30px;background-color:#000;display:block;text-align:right}
#login a, #login p{font-size:0.8em;font-weight:400;color:#5fa575;display:block;padding:6px 10px} 
#login p {float:left}
#login a {text-decoration:none; float:right} 
#login a:hover, #login .act {color:#fff;background-color:#5fa575}
#outer {position:absolute;width:100%}

#menue-i.horizontal > .z-section {
    display:none;
}



.search_it-form fieldset {
	display: flex;
	padding: 0;
	margin: 0;
	border: 0;
}

.search_it-form legend, label {
	display: none;  
}

.search_it-form input:focus::-webkit-input-placeholder{
	color: transparent;
}
.search_it-form input:focus::-moz-placeholder {
	color: transparent;
}
.search_it-form input:focus:-ms-input-placeholder {
	color: transparent;
}
.search_it-form input:focus:-moz-placeholder {
	color: transparent;
}
.hit {font-weight:400}

.search_it-form {
	box-sizing: border-box;
	font-size: 1rem;
	font-family: sans-serif;
}

#search_it-form0 {
	position:absolute;
	right:75px;
	top:5px;
	z-index:100;
	width: 45vw;
	}
	
.z-auto-g {width:100%}

#search_it-form1 {
	width: 45vw;
	position:absolute;
	left:calc(55vw - 391px);
	margin:-5px 0 0 0;
	z-index:0;
	display:none;
}

#search_it-form2, #search_it-form3, #search_it-form4, #search_it-form5, #search_it-form6, #search_it-form7, #search_it-form7 {
	width: 45vw;
	float:right;
	margin:-5px 75px 0 0;
	display:none;
}

.search input {
	position: absolute;
	width: 0px;
        float: left;
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
        height: 30px;
        line-height: 19px;
        padding: 0;
	right:30px;
	font-size:1em;
    background:#f3f3f3;
	color:#a1a1a1;
    }

@media (min-width:768px) {
	#search_it-form0 {display:none}
	#search_it-form1, #search_it-form2, #search_it-form3, #search_it-form4, #search_it-form5, #search_it-form6, #search_it-form7, #search_it-form7 {display:block}
	.search input {
	opacity:0.6;
	background:#fff;
	color:#777;
    }
}

.search {
	width: 45vw;
	padding: 5px 0;
	height: 30px;
	position: relative;
	left: 24px;
	float: left;
	line-height: 22px;
}

.search:hover input, .search input:focus {
	margin-left: 0px;
	padding: 0 8px 0 8px;
	width: calc(45vw - 30px);
}

.search_it-form .btn, .btn #search_it-form8 .btn {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 0;
	top: 5px;
	opacity:0.3;
	background-size:cover;
	cursor:pointer;
	margin-top:0;
}

.search_it-form .btn {
	background-image:url(media/search.png);
}

.search_it-form #search_it-form8 .btn {
	background-image:url(media/search-k.png);
}

#menue-i-2 > div > .h-rechts {background-color: #a7bb38}
#menue-i-2 > div > .h-rechts:hover {background-color: #b9c960}

#menue-i-3 > div > .h-rechts {background-color: #cda339}
#menue-i-3 > div > .h-rechts:hover {background-color: #d7b561}

#menue-i-4 > div > .h-rechts {background-color: #8991bf}
#menue-i-4 > div > .h-rechts:hover {background-color: #a1a7cc}

#menue-i-5 > div > .h-rechts {background-color: #c55b6d}
#menue-i-5 > div > .h-rechts:hover {background-color: #d17c8a}

#menue-i-6 > div > .h-rechts {background-color: #7eb790}
#menue-i-6 > div > .h-rechts:hover {background-color: #98c5a6}

#menue-i-7 > div > .h-rechts {background-color: #5b5b5b}
#menue-i-7 > div > .h-rechts:hover {background-color: #7c7c7c}

@media (min-width:768px) {
#login {height:36px}
#login a, #login p {font-size:1em;padding:8px 27px 8px 12px}
#topact, #hamb {display:none;}

#menue-i.horizontal > .z-section {
    display:block;
}

#menue-i {
	position:static;
	height:120px;
}

#menue {
	position:absolute;
	top:0;
	padding:12px 0 18px 92px;
	width:calc(100% - 100px);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height:inherit;
	}

#logo {
	position:absolute;
	top:12px;
	left:12px;
	height:120px;
	width:120px;
	display:block;
	z-index:6;
	padding:0;
}

#logo img {
    width: 120px;
    height: 120px;
}

#logo a {
    position:static;
}
	
#menue-i {
	background:transparent;
	position:relative;
}

.z-accordion.horizontal > .z-section > .z-header {
    width: 120px;
    height: 40px;
    line-height: 49px;
    font-size: 1em;
}

.z-accordion.horizontal > .z-section > .z-content {
	position:static;
}
.z-accordion.horizontal > .z-section {
	background:#e3e3e3;
	-webkit-transition:background 0.5s;
	-moz-transition:background 0.5s;
	-o-transition:background 0.5s;
	transition:background 0.5s
}

.z-last[aria-expanded="false"] .z-content {
	width:40px !important;
}

.z-section[aria-expanded="true"] .z-header {
	display:none;
}

.z-section[aria-expanded="false"] .h-rechts {
	display:none;
}

.z-accordion > .z-section > .z-content > div > .h-rechts {
	display:block;
	position:absolute;
	width:120px;
	right:40px;
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
	-webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    transform-origin: right top;
	top: 0;
}
.z-accordion > .z-section > .z-header > .z-title {
	font-size: 16px;
	padding-left: 16px;
    letter-spacing: 1px;
	height: 40px;
    line-height: 48px;
    word-spacing: 0.08em;
	white-space: nowrap;
	font-weight: 400;
    }
	
.z-accordion > .z-section > .z-header[aria-controls="menue-i-6"] .z-title, 
#menue-i-6 > div > .h-rechts > h3 {
	font-size: 13.5px;
}
.h-rechts:hover {
	cursor:pointer;
}
.h-rechts h3 {
	font-size: 16px;
	letter-spacing: 1px;
	word-spacing: 0.08em;
	white-space: nowrap;
	font-weight: 400;
    color:#fff;
	text-align:left;
	width:120px;
	height:40px;
	left:0;
	line-height:40px;
	padding-left:16px;
	position:relative;
}

.z-accordion > .z-section[aria-expanded="false"] > .z-header[aria-controls="menue-i-1"] {
	display:block;
	}
	
.z-accordion > .z-section[aria-expanded="true"] > .z-header[aria-controls="menue-i-1"] {
	display:block;
	}
	
#menue-i-1[aria-expanded="true"] p {
	left:75px;
	}
	
#menue-i-7[aria-expanded="true"] p {
	color:#999;
	}
	
.z-arrow {
	display:none !important;
}

.z-accordion.horizontal > .z-section[aria-expanded="true"] > .z-content > div {
	padding:0;
	height:120px;
}

.z-accordion.horizontal > .z-section[aria-expanded="false"] > .z-content > div > h3,
.z-accordion.horizontal > .z-section[aria-expanded="false"] .z-auto-g,
.z-accordion.horizontal > .z-section[aria-expanded="false"] > .z-content > div > h4,
.z-accordion.horizontal > .z-section[aria-expanded="false"] > .z-content > div > p {
	display:none;
}

.z-accordion.horizontal > .z-section[aria-expanded="true"] > .z-content > div > h3 {
	display:block;
	font-size: 32px;
	letter-spacing: 0.04em;
	word-spacing: 0.08em;
	color: #fff;
	font-weight: 400;
	position:absolute;
	top:30px;
	color:#fff;
	left:34px;
}

.z-accordion.horizontal > .act > .z-content > div > h4 {
	display:none !important;
}

.z-accordion.horizontal > .act {
	padding-bottom:0 !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}


.z-accordion.horizontal > .z-section[aria-expanded="true"] > .z-content > div > h4 {
	position:absolute;
	font-size: 32px;
	font-weight: 400;
	display:block;
	letter-spacing: 0.04em;
	word-spacing: 0.08em;
	left:34px;
	top:130px;
	z-index:10;
	white-space: nowrap;
	animation-delay: 3s;
	animation:opac 0.8s;
}

.z-accordion.horizontal > .z-section[aria-expanded="true"] > .z-content > div > p {
	font-size: 18px;
	font-weight: 400;
	display:block;
	position:absolute;
	top:83px;
	left:35px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	white-space: nowrap;
	word-spacing: 0.2em;
}

.z-accordion.transition.vertical > .z-section > .z-content {
	overflow:visible !important;
	height:auto !important;
	background:#fff !important;
}

.z-section[aria-expanded="true"] {
	overflow:visible !important;
	height:auto !important;
	background:#fff;
	opacity:1;
}

.z-first {
	width:0 !important;
	background:#e3e3e3!important;
}
.z-section[aria-expanded="true"] div {
	overflow:visible;
}

.z-section[aria-expanded="false"] div {
	overflow:hidden;
}

.z-accordion.horizontal > .z-section[aria-expanded="true"] {
	z-index:200;
	background-color:#e3e3e3;
	padding-bottom:135px;
	-moz-box-shadow: 10px 12px 24px rgba(0, 0, 0, .5);
  	-webkit-box-shadow: 10px 12px 24px rgba(0, 0, 0, .5);
  	box-shadow: 10px 12px 24px rgba(0, 0, 0, .5);
	}

.z-accordion.horizontal > .z-last[aria-expanded="true"] {
	-moz-box-shadow: -10px 12px 24px rgba(0, 0, 0, .5);
  	-webkit-box-shadow: -10px 12px 242px rgba(0, 0, 0, .5);
  	box-shadow: -10px 12px 24px rgba(0, 0, 0, .5);
}

.z-accordion.horizontal > .z-first[aria-expanded="true"] {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.act .z-content[aria-expanded="true"] ul {
	display:none;
}

.z-content[aria-expanded="false"] ul {
	opacity:0;
}

li.z-active {
	background:#fff !important;
}


.z-content[aria-expanded="true"] ul {
	opacity:1;
	display:block;
	position:relative;
	background:#fff !important;
	height:100%;
	top:120px;
	margin:0;
	padding:60px 35px 35px 35px;
	list-style-type: none;
	opacity:1;
	-webkit-transition: opacity 0.5s linear 0.5s;
	-moz-transition: opacity 0.5s linear 0.5s;
	-o-transition: opacity 0.5s linear 0.5s;
	transition: opacity 0.5s linear 0.5s;}

@media (min-width:768px) {
	#menue-i-5.z-content[aria-expanded="true"] ul {
	padding:60px 35px 155px 35px !important;
	}
#menue-i-5 > .z-auto-g > ul::after, #ul-zwei #s-05 ul::after,
#menue-i-6 > .z-auto-g > ul::after, #ul-zwei #s-06 ul::after {
	margin-left:0;
	}
}

@media (min-width:1240px) {
	#menue-i-5.z-content[aria-expanded="true"] ul {
	padding:60px 35px 35px 35px !important;
	}
}

.z-content[aria-expanded="true"] ul li {
    margin: 0 24px 12px 0;
    display: block;
    height: auto;
    float: left;
    width: 100%;
	padding: 0;
}

.z-content[aria-expanded="true"] ul li a {
    display: block;
    border: 2px solid;
    letter-spacing: 0.04em;
    word-spacing: 0.08em;
    text-decoration: none;
    font-weight: 400;
	padding: 2px 6px 8px 18px;
	height: auto;
	font-size: 28px;
}

#menue-i-1 {background-color:#e3e3e3; height:120px}
#menue-i-2 {background-color:#91aa08; height:120px}
#menue-i-3 {background-color:#c18c09; height:120px}
#menue-i-4 {background-color:#6c76af; height:120px}
#menue-i-5 {background-color:#b7334a; height:120px}
#menue-i-6 {background-color:#5fa575; height:120px}
#menue-i-7 {background-color:#333; height:120px}

.z-header[aria-controls="menue-i-2"]:hover, #menue-i-2 > div > .h-rechts:hover {background-color:#a7bb38}
.z-header[aria-controls="menue-i-3"]:hover, #menue-i-3 > div > .h-rechts:hover {background-color:#cda339}
.z-header[aria-controls="menue-i-4"]:hover, #menue-i-4 > div > .h-rechts:hover {background-color:#8991bf}
.z-header[aria-controls="menue-i-5"]:hover, #menue-i-5 > div > .h-rechts:hover {background-color:#c55b6d}
.z-header[aria-controls="menue-i-6"]:hover, #menue-i-6 > div > .h-rechts:hover {background-color:#7eb790}
.z-header[aria-controls="menue-i-7"]:hover, #menue-i-7 > div > .h-rechts:hover {background-color:#5b5b5b}

#menue-i-1 h4, #menue-i-1 li a {color:#e3e3e3}
#menue-i-2 h4, #menue-i-2 li a {color:#91aa08}
#menue-i-3 h4, #menue-i-3 li a {color:#c18c09}
#menue-i-4 h4, #menue-i-4 li a {color:#6c76af}
#menue-i-5 h4, #menue-i-5 li a {color:#b7334a}
#menue-i-6 h4, #menue-i-6 li a {color:#5fa575}
#menue-i-7 h4, #menue-i-7 li a {color:#333}

#menue-i-2 li a:hover, #menue-i-2 li .act {background:#91aa08; color:#fff; border-color:#91aa08}
#menue-i-3 li a:hover, #menue-i-3 li .act {background:#c18c09; color:#fff; border-color:#c18c09}
#menue-i-4 li a:hover, #menue-i-4 li .act {background:#6c76af; color:#fff; border-color:#6c76af}
#menue-i-5 li a:hover, #menue-i-5 li .act {background:#b7334a; color:#fff; border-color:#b7334a}
#menue-i-6 li a:hover, #menue-i-6 li .act {background:#5fa575; color:#fff; border-color:#5fa575}
#menue-i-7 li a:hover, #menue-i-7 li .act {background:#333; color:#fff; border-color:#333}

#menue-i-1 li a {border-color:#e3e3e3}
#menue-i-2 li a {border-color:#91aa08}
#menue-i-3 li a {border-color:#c18c09}
#menue-i-4 li q {border-color:#6c76af}
#menue-i-5 li q {border-color:#b7334a}
#menue-i-6 li a {border-color:#5fa575}
#menue-i-7 li a {border-color:#333}

#container {
	padding-top:138px;
}

#myOverlay-h {height:100%}
#myOverlay-v {height:0}

}

@media (min-width: 1240px) {
.z-content[aria-expanded="true"] ul li {
	width:46%;
	}
}

@media (min-width: 1441px) {
#login {height:42px}
#login a, #login p {font-size:1.2em;padding:9px 56px 9px 20px}
#menue-i-1[aria-expanded="true"] p {
	left:105px;
	}
	
.z-last[aria-expanded="false"] .z-content {
	width:60px !important;
}

.z-accordion.horizontal > .z-section[aria-expanded="true"] > .z-content > div > h4 {
	left:39px;
	font-size:40px;
	top:189px;
}
	
.z-accordion.horizontal > .z-section[aria-expanded="true"] > .z-content > div > h3 {
	top:38px;
	left:39px;
	font-size:40px;
}
	
.z-accordion.horizontal > .z-section[aria-expanded="true"] > .z-content > div > p {
	top:110px;
	left:40px;
	font-size:25px;
}

#menue-i-1, #menue-i-2, #menue-i-3, #menue-i-4, #menue-i-5, #menue-i-6, #menue-i-7 {height:160px}

#container {
	padding-top:185px;
}
	
#menue-i {
	height:160px;
}

#menue {
	padding:20px 0 20px 120px;
	width:calc(100% - 100px);
}
#logo {
	top:20px;
	left:20px;
	height:160px;
	width:160px;
}

#logo img {
    width: 160px;
    height: 160px;
}

.z-accordion.horizontal > .z-section > .z-header {
    width: 160px;
    height: 60px;
    line-height: 60px;
    font-size: 1em;
}

.z-accordion > .z-section > .z-content > div > .h-rechts {
	width:160px;
	right:60px;
}

.h-rechts h3 {
	font-size: 22px;
	letter-spacing: 1px;
	word-spacing: 0.08em;
	width:160px;
	height:60px;
	line-height:60px;
	padding-left:25px;
}

.z-accordion > .z-section > .z-header > .z-title {
	font-size: 22px;
	padding-left: 25px;
	height: 60px;
    line-height: 60px;
    }

.z-accordion > .z-section > .z-header[aria-controls="menue-i-6"] .z-title, #menue-i-6 > div > .h-rechts > h3 {
    font-size: 18.5px;
}

.z-accordion.horizontal > .z-section[aria-expanded="true"] > .z-content > div {
	height:160px;
}
.z-content[aria-expanded="true"] ul {
	top:180px;
	padding:80px 40px 40px 40px;
	}

.z-content[aria-expanded="true"] ul li {
    margin: 0 24px 20px 0;
    display: block;
    height: auto;
}

.z-content[aria-expanded="true"] ul li a {
    display: block;
    border: 2px solid;
	padding: 4px 6px 9px 18px;
	height: auto;
	font-size: 34px;
}

.z-accordion.horizontal > .z-section[aria-expanded="true"] {
	padding-bottom:195px;
	-moz-box-shadow: 18px 20px 40px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 18px 20px 40px rgba(0, 0, 0, .5);
	box-shadow: 18px 20px 40px rgba(0, 0, 0, .5);
}

.z-accordion.horizontal > .z-last[aria-expanded="true"] {
	-moz-box-shadow: -10px 12px 24px rgba(0, 0, 0, .5);
	-webkit-box-shadow: -10px 12px 24px rgba(0, 0, 0, .5);
	box-shadow: -10px 12px 24px rgba(0, 0, 0, .5);
}

#search_it-form1 {
	left:calc(55vw - 556px);
}

#search_it-form2, #search_it-form3, #search_it-form4, #search_it-form5, #search_it-form6, #search_it-form7, #search_it-form7 {
	margin:-5px 95px 0 0;
}

}

@media (min-width: 1680px) {
.z-content[aria-expanded="true"] ul li {
	width:47%;
	}
	
#menue-i-6[aria-expanded="true"] ul li {
	width:44%;
	}
 
.z-accordion.horizontal > .z-section[aria-expanded="true"] > .z-content > div > h4 {
	width:20%;
	}
.z-accordion.horizontal > .z-section[aria-expanded="true"] > #menue-i-6 > div > h4 {
	width:25%;
	}
.z-content[aria-expanded="true"] ul {
	padding:10px 40px 40px 40px;
	margin:0 0 0 20%;
	}
#menue-i-6[aria-expanded="true"] ul {
	margin:0 0 0 25%;
	}

}

.w3-overlay{position:absolute;display:none;width:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.25);z-index:2}
.w3-animate-opacity{animation:opac 0.8s}
@keyframes opac{from{opacity:0} to{opacity:1}}