/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-responsive-multi-level-menu-three.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */


/* SMALLER MENU [SMALL] */
.smallermenu	{ list-style-type: none; text-align:right; }
.smallermenu li	{ display: inline;}
.smallermenu li a	{ text-transform: uppercase; margin:5px;}

.nbg				{ background:#014544; }


/* MAIN MENU [MAIN] */
.cssplay_menu {
	width: 100%;
	text-align: center;
	height: 46px;
	position: relative;
	z-index: 1000;
}
.cssplay_menu > span {
	display: none;
	height: auto;
}
.cssplay_menu input {
	position: absolute;
	display: none;
}
.cssplay_menu label {
	display: none;
	margin-top: 3px;
}
.cssplay_menu ul {
	padding: 0;
	list-style: none;
	white-space: nowrap;
	text-align: left;
	display: inline-block;
 *display:inline;
}
.cssplay_menu li {
	margin: 0;
	list-style: none;
	display: inline-block;
	display: inline;
}
.cssplay_menu ul ul {}
.cssplay_menu > ul {	margin: 0 auto;}


#tabs li ,.submenu li	{ /* height:60px; */}
#tabs li a				{ color:#fff;}
.br 					{ border-right:solid 1px #fff;  }

#tabs .tab,#tabs .tab a	{  webkit-transition: all .25s ease;    -ms-transition: all .25s ease;    transition: all .25s ease; }


#tabs .tab:hover		{  background-color:#fff;  }
#tabs .tab:hover	 a	{  color:#014544;    }

#tabs .has-sub:hover		{  background-color:#fff;  }
#tabs .has-sub:hover	 a	{  color:#014544; }

#tabs .has-sub .submenu li a	{  background-color:#014544; color:#fff; }
#tabs .has-sub .submenu li:hover		{  background-color:#fff;  }
#tabs .has-sub .submenu li:hover	 a	{  color:#014544;  background-color:#fff;  }



.submenu		{ background-color:#014544; line-height:20px;}

.cssplay_menu > ul > li {
	float: left;
	display: block;
	position: relative;
}
.cssplay_menu ul ul li a {	padding: 0 15px; color:#fff;}
.cssplay_menu > ul > li.has-sub > a {
	background-repeat: no-repeat;
	background-position: right center;
}
.cssplay_menu ul ul > li.has-sub > a {
	background-image: url(../images/right.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.cssplay_menu ul li.left ul > li.has-sub > a {
	background-image: url(../images/left.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.cssplay_menu ul li b {
	display: block;
	width: 100%;
	background: transparent;
	position: relative;
	z-index: 900;
	-webkit-transition: 0s 0.5s;
	transition: 0s 0.5s;
}
.cssplay_menu ul ul li b {	margin-top: -45px;}
.cssplay_menu ul li b { *display:none;}
.cssplay_menu ul {}
.cssplay_menu a {
	display: block;
	line-height: 45px;
	text-decoration: none;
}
.submenu > li > a {
	line-height: 0px;
	-webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

.cssplay_menu > ul > li > a {
	height: 44px;

}



.cssplay_menu ul li:hover > ul {
	visibility: visible;
	left: -1px;
	top: 53px;
	opacity: 1;
	-webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;

}




.cssplay_menu ul ul li:hover > ul {
	visibility: visible;
	left: 100%;
	top: auto;
	margin-top: -46px;
}
.cssplay_menu li.left:hover > ul {
	visibility: visible;
	left: auto;
	right: -1px;
	top: 45px;
}
.cssplay_menu li.left ul li:hover > ul {
	visibility: visible;
	left: auto;
	right: 100%;
	top: auto;
	margin-top: -46px;
}
.cssplay_menu ul li:hover > b {	width: 0;}
.cssplay_menu li.left ul a {	text-align: right;}
.cssplay_menu li:hover > a, .cssplay_menu li.left ul li:hover > a, .menu_act  {	}



/* PLUS ZEICHEN [+] */

.cssplay_menu > ul > li.has-sub > a:before,.cssplay_menu > label:before {
    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #fff;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

.cssplay_menu > ul > li.has-sub > a:after, .cssplay_menu > label:after {
    position: absolute;
    top: 22px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #fff;
    content: '';
}
.cssplay_menu > ul > li.has-sub:hover > a:before{top:23px;height:0}

.cssplay_menu > ul > li.has-sub > ul > li.active > a,.cssplay_menu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}




/* RESPONSIVE [RESP] */
@media only screen and (min-width:947px)
{
.cssplay_menu ul ul li a  {min-width:180px;}

.cssplay_menu ul li > ul {
	opacity: 0;
	-webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;

}

.cssplay_menu ul li:hover > .submenu > li > a {
	line-height: 45px;
	-webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

#tabs	{
	    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
	max-height:44px;
}

ul#tabs>li.tab {
	flex: 1;
	max-width:180px;
}
ul#tabs>li.tab>a{
	vertical-align: middle;
	text-align: center;

}

.linklimit	{width:180px;}



}





@media only screen and (max-width:946px)
{

.cssplay_menu ul li b { display: none;}
.cssplay_menu { 	height: 0;	 padding-top: 54px; position: relative; }
.cssplay_menu > label {
	display: block;
	width: 36px;
	height: 36px;
	/* border-radius: 5px; */
	position: absolute;
	right: 10px;
	top: 5px;
	cursor: pointer;
}
.cssplay_menu > label:before {
	display: block;
	content: "";
	width: 18px;
	height: 2px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -9px;
	margin-top: -1px;
	-webkit-transition: 0.25s;
	transition: 0.25s
}
.cssplay_menu > label:after {
	display: block;
	content: "";
	width: 2px;
	height: 18px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -1px;
	margin-top: -9px;
	-webkit-transition: 0.25s;
	transition: 0.25s
}
.cssplay_menu > span {
	display: block;
	position: absolute;
	left: 10px;
	top: 15px;
	color:white;
}
.cssplay_menu li {	display: block;}
.cssplay_menu ul, .cssplay_menu ul ul {
	margin: 0;
	display: block;
	position: static;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.cssplay_menu > ul > li.has-sub > a,.cssplay_menu ul ul > li.has-sub > a, .cssplay_menu ul li.left ul > li.has-sub > a  {	background-image: none;}

.cssplay_menu ul li {
	float: none;
	display: block;
	position: relative;
}
.cssplay_menu ul li label {
	display: block;
	width: 36px;
	height: 36px;
	/* border-radius: 5px; */
	position: absolute;
	right: 10px;
	top: 5px;
	cursor: pointer;
}
.cssplay_menu ul ul li label {	margin-top: 0;}

.cssplay_menu ul li label:before {
	display: block;
	content: "";
	width: 18px;
	height: 2px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -9px;
	margin-top: -1px;
	-webkit-transition: 0.25s;
	transition: 0.25s
}
.cssplay_menu ul li label:after {
	display: block;
	content: "";
	width: 2px;
	height: 18px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -1px;
	margin-top: -9px;
	-webkit-transition: 0.25s;
	transition: 0.25s
}
.cssplay_menu ul {	border: 0;}
.cssplay_menu a {
	display: block;
	line-height: 45px;
	text-decoration: none;
}


.cssplay_menu ul li a {	float: none;	padding-left:10px; }

.submenu > li  { padding-left: 15px; }
.submenu > li > a {	line-height: 45px; }


.cssplay_menu ul ul li a:before {
	content: "";
	display: block;
	width: 15px;
	height: 45px;
	background: url(../images/right.png) no-repeat left 15px;
	float: left;
}
.cssplay_menu ul ul li > ul, .cssplay_menu li.left ul li > ul, .cssplay_menu ul ul li:hover > ul , .cssplay_menu li.left ul li:hover > ul   {	margin-top: 0;}

.cssplay_menu li.left ul a {	text-align: left;}
.cssplay_menu li:hover > a, .cssplay_menu li.left ul li:hover > a, .menu_act  { text-decoration: none; }
.cssplay_menu input:checked ~ label:before {	-webkit-transform: rotate(360deg);	transform: rotate(360deg); }
.cssplay_menu input:checked ~ label:after {	-webkit-transform: rotate(270deg);	transform: rotate(270deg); }
.cssplay_menu input:checked ~ ul {	max-height: 3000px;}
.cssplay_menu ul ul { border: 0;  }



 #tabs	{	 background-color:#014544; }

}