/* ----------------------------------------------- */
/* --BS-NAV--------------------------------------- */
/* ----------------------------------------------- */


.navbar
{
  /*
  position: relative;
  min-height: 40px;
  height:40px;
  */
  margin-bottom: 0px;
  border: none;
}


nav.navbar.navbar-default > div.container-fluid{
	background-color:#3848b2;
	background-color:#fff;
	border-bottom:1px solid #ccc;
}
.navbar-collapse.collapse.in ul{ /* ??? */
	background-color:#fff; 
}






#mainNavi{
	  padding-top:0px;
	  border-top:0px solid #3848b2;
	  
}

html.js.flexbox.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths > body > div.wrapper > div.inner_wrapper > div#mainNavi > div.___fullNavi.___hide-mobile > nav.navbar.navbar-default > div.container-fluid > div.navbar-collapse.collapse.in
{
	background-color: #fff; 
}





.navbar-toggle,
.navbar-toggle:focus, 
.navbar-toggle:hover{
  background-color: #eee;
  border: 1px solid #999;
}
.navbar-default .navbar-toggle{
  background-color: #eee;
  border:#ccc;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Zeile 5 */
*
{
  box-sizing: border-box;
}

/* Zeile 5 */
a
{
  background-color: transparent;
  color: #333;
  text-decoration-line: none;
  text-decoration-style: solid;
}


/* Zeile 5 */
a:active, a:hover
{
  outline-width: 0px;
  outline-style: none;
}

/* Zeile 5 */
a:focus, a:hover
{
  color: #23527c;
  text-decoration-line: underline;
  text-decoration-style: solid;
}

/* Zeile 5 */
a:focus, a:hover
{
  color: #23527c;
  text-decoration-line: underline;
  text-decoration-style: solid;
}

/* Zeile 5 */
a:focus
{
  outline-width: thin;
  outline-style: dotted;
  outline-offset: -2px;
}

/* Zeile 5 */
.open > a
{
  outline-width: 0px;
  outline-style: none;
}

/* Zeile 5 */
.nav > li > a
{
  position: relative;
  display: block;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
}

/* Zeile 5 */
.navbar-nav > li > a
{
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 22px;
  font-size:15px;
  
  /*
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
  */  
}

/* Zeile 5 */
/*
.navbar-nav > li > a
{
  padding-top: 15px;
  padding-bottom: 15px;
}
*/


.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover
{
  background-color: #eeeeee;
  border-top-color: #337ab7;
  border-right-color: #337ab7;
  border-bottom-color: #337ab7;
  border-left-color: #337ab7;
}


.nav > li > a:focus, 
.nav > li > a:hover
{
  text-decoration-line: none;
  text-decoration-style: solid;
  background-color: #fff;
}

/* Zeile 5 */
.navbar-default .navbar-nav > li > a
{
  color: #333;
}



.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover
{
  background-color: #eeeeee;
  border-top-color: #337ab7;
  border-right-color: #337ab7;
  border-bottom-color: #337ab7;
  border-left-color: #337ab7;
}


.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover
{
  background-color: #fff;
  color: #333;
  
}


/* Zeile 5 */
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover
{
  color: #333333;
  background-color: transparent;
}

/* Zeile 5 */
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover
{
  color: #555555;
  background-color: #fff;
}


/* MOD */


ul.nav.navbar-nav > li,
ul.nav.navbar-nav > li.open > a#sm-14857955704639834-1.sub-arrow.has-submenu.highlighted
{
	list-style-type:circle;
	margin-right:10px;
/*	padding-left:20px; */
}


/*
.navbar-nav > li > a {
  padding-left: 16px;
  color: #333;
  background-image: url("vwe_dot_nor.png");
  background-repeat:no-repeat;
  background-position: 0px 19px;
}

.navbar-nav > li > a:focus, 
.navbar-nav > li > a:hover,
.navbar-nav > li.open {
  color: #333;
  background-image: url("vwe_dot_act.png");
  background-repeat:no-repeat;
  background-position: 0px 19px;
}
*/





.navbar-collapse.collapse > ul.nav.navbar-nav > li.open > ul.dropdown-menu.sm-nowrap > li.open > ul.dropdown-menu.sm-nowrap > li > a
{
  border-bottom:1px solid #ccc;
}




/* nur wenn "OptionSplit" in Typoscript verwendet wird */
/*
.navbar-nav .dropdown-menu > li{
  border-bottom:1px solid blue;
}
.navbar-nav .dropdown-menu > li.last{
  border-bottom:0px solid #ccc;
}
*/

/* CHK aria-expanded */
/* 
li[aria-expanded="false"] {
border:1px solid  green;
}
li[aria-expanded="true"] {
border:1px solid  red;
}
*/

/*
.navbar-nav .dropdown-menu > li
{
  border-bottom:1px solid #red;
  color:#333;
  padding-top:25px
  padding-bottom:25px;
}
*/




.navbar-nav .dropdown-menu > li > a
{
  border-bottom:1px solid #ccc;
  color:#333;
  padding-top:10px;
  padding-bottom:10px;
}
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus,
.navbar-nav .dropdown-menu > li > a:active
{
  border-bottom:1px solid #333;
  color:#000;
}



.navbar-default .navbar-toggle
{
  border-top-color: #777;
  border-right-color: #777;
  border-bottom-color: #777;
  border-left-color: #777;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover
{
  background-color: #dddddd;
}




.navbar-nav.sm-collapsible .caret,
.navbar-nav.sm-collapsible ul .caret
{
  position: absolute;
  right: 0px;
  margin-top: -3px;
  margin-right: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 40px;
  height: 26px;
  border:1px solid #ccc;
  }

  
/* >>> "collapse.in" f?r mobile */  
.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.open > ul#sm-14858571220835813-2.dropdown-menu.sm-nowrap > li.open > ul .dropdown-menu.sm-nowrap > li a,
.navbar-collapse.collapse.in > ul.nav.navbar-nav > li a
{
  border-bottom:1px solid #ddd;
}

.navbar-collapse.collapse.in > ul.nav.navbar-nav > li li a{
  padding:10px 0 10px 20px;
}
.navbar-collapse.collapse.in > ul.nav.navbar-nav > li li li a{
  padding:10px 0 10px 35px;
}
.navbar-collapse.collapse.in > ul.nav.navbar-nav > li li li li a{
  padding:10px 0 10px 50px;
}
.navbar-collapse.collapse.in > ul.nav.navbar-nav > li li li li li a{
  padding:10px 0 10px 65px;
}


/* NAV-TEXT */

.navbar-default .navbar-nav .open .dropdown-menu > li > a
{
  color: #333;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover
{
  color: #000;
}


/* HOVER bei activ */
nav.navbar.navbar-default > div.container-fluid > div.navbar-collapse.collapse > ul.nav.navbar-nav > li.active.open a{
	/*
	background-color: #9da430;
	color:#fff;
	*/
	background-color: #fff;
}


.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover{
	color:#000;
	background-color: #eee;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/




@media (max-width:766px)
{
	.navbar-collapse.collapse.in > ul.nav.navbar-nav > li li a{
  	padding:10px 0 10px 30px;
	}
	.navbar-collapse.collapse.in > ul.nav.navbar-nav > li li li a{
  	padding:10px 0 10px 45px;
	}
	.navbar-collapse.collapse.in > ul.nav.navbar-nav > li li li li a{
  	padding:10px 0 10px 60px;
	}
	.navbar-collapse.collapse.in > ul.nav.navbar-nav > li li li li li a{
  	padding:10px 0 10px 75px;
	}
	.navbar-collapse.collapse.in > ul.nav.navbar-nav > li li li li li li a{
  	padding:10px 0 10px 90px;
	}
	.navbar-collapse.collapse.in > ul.nav.navbar-nav > li li li li li li li a{
  	padding:10px 0 10px 105px;
	}
}


/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* - NAV HELL ------------------------------------ */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */







@media (min-width:767px)
{

	/* ----------------------------- */
	.navbar-collapse2	{
		display:block;
	}
	/* ----------------------------- */

	
	.navbar{
  	min-height: 0px;
  	margin-bottom: 2px;
	}


	nav.navbar.navbar-default{
		background-color:#fff;
	}
	
	/* Zeile 5 */
	.open > a
	{
  	outline-width: 0px;
  	outline-style: none;
  
  	background-color: #eeeeee;
    color:#333;

	}

	/* Zeile 5 */
	
	.nav > li > a
	{
  	text-decoration-line: none;
  	text-decoration-style: solid;
  	background-color: #eeeeee;
	}	
	
	
	.nav > li > a:focus, 
	.nav > li > a:hover
	{
  	text-decoration-line: none;
  	text-decoration-style: solid;
  	background-color: #dddddd;  
	}

	/* Zeile 5 */


	/* Zeile 5 */
	.nav .open > a, 
	.nav .open > a:focus, 
	.nav .open > a:hover
	{
  	background-color: #eeeeee;
  	border-top-color: #777;
  	border-right-color: #777;
  	border-bottom-color: #777;
  	border-left-color: #777;
	}


	/* Zeile 5 */
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:focus, 
	.navbar-default .navbar-nav > .open > a:hover
	{
  	color: #555555;
  	background-color: #fff;
 
	}

	/* Zeile 5 */
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > a:focus, 
	.navbar-default .navbar-nav > li > a:hover
	{
   	background-color: transparent;
   	color: #333;
	}

	/* Zeile 5 */
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:focus, 
	.navbar-default .navbar-nav > .open > a:hover
	{
   	color: #333;
   	background-color: #e7e7e7;
	}

	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:focus, 
	.navbar-default .navbar-nav > .active > a:hover
	{
  	color: #000;
  	background-color: #e7e7e7;
 
	}
	.navbar-nav > li > a
	{
  	color: #333;
	}

	.navbar-nav > li > a:focus, 
	.navbar-nav > li > a:hover,
	.navbar-nav > li.open
	{
  	color: #333;
	}

	.navbar-nav .dropdown-menu > li
	{
  	color:#333;
  

	}

	.navbar-nav .dropdown-menu > li > a
	{
  	border-bottom:1px solid #ccc;
  	color:#333;  
  
	}
	.navbar-nav .dropdown-menu > li > a:hover,
	.navbar-nav .dropdown-menu > li > a:focus,
	.navbar-nav .dropdown-menu > li > a:active
	{
  	border-bottom:1px solid #333;
  	color:#000;
	}


	.navbar-default .navbar-nav .open .dropdown-menu > li > a
	{
  	color: #333;
	}
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:focus, 
	.navbar-default .navbar-nav > .open > a:hover
	{
  	color: #000;
	}
	
	
	
	div.navbar-collapse.collapse .dropdown-menu li a,	
	div.navbar-collapse.collapse > ul.nav.navbar-nav > .dropdown-menu li a,	
	div.navbar-collapse.collapse > ul.nav.navbar-nav > li ul .dropdown-menu > li > a
	{
		/*
		padding-top:10px;
		padding-bottom:10px;
		*/
		padding-top:7px;
		padding-bottom:7px;
	}	
	
	
	.navbar-nav .dropdown-menu > li > a
	{
  		white-space: normal;
  		font-size:13px;
	}

	
	
	
	
	/* ------------------------
	2. NAVIGATION
	-------------------------*/
	/*
	.twocol-left,
	.container-fluid_2{
		padding-bottom:290px;
	}	
	.container-fluid_2 ul{
  		list-style-type: none;
	}

	.navbar-default > div.container-fluid > div.navbar-collapse.collapse > ul.nav.navbar-nav
	{
		float:right;
	}
	
	.navbar-default_2 > div.container-fluid_2 > ul.nav.navbar-nav > li.open > ul 
	{
		margin:-35px 0 0 175px !important;
	}
	.navbar-default_2 > div.container-fluid_2 > ul.nav.navbar-nav > li.open > ul .dropdown-menu
	{
		margin:-35px 0 0 175px !important;
	}
	

	
	
	
	.container-fluid_2 ul.nav.navbar-nav  li span.caret{
		position: absolute;
  		left: 176px;
  		margin-top: 6px;
  		margin-right: 0px;
  		border-top-width: 4px;
  		border-top-style: solid;
  		border-top-color: transparent;
  		border-bottom-width: 4px;
  		border-bottom-style: solid;
  		border-bottom-color: transparent;
  		border-left-width: 4px;
  		border-left-style: dashed;
  		border-left-color: currentcolor;		
	}



	.navbar-default_2 > div.container-fluid_2 > ul.nav.navbar-nav > li a {
		background-color: #fff !important;
		color:#00008b !important;
	}
	.navbar-default_2 > div.container-fluid_2 > ul.nav.navbar-nav > li.active a{
		background-color: #eee !important;
		color:#000;
	}
	.navbar-default_2 > div.container-fluid_2 > ul.nav.navbar-nav > li ul li a {
		background-color: #fff !important;
		color:#00008b !important;
	}
	.navbar-default_2 > div.container-fluid_2 > ul.nav.navbar-nav > li ul li.active a{
		background-color: #eee !important;
		color:#000;
	}	
	
	


	.navbar-default_2 > div.container-fluid_2 > ul.nav.navbar-nav li a
	{
		padding-top: 4px;
		padding-bottom: 4px;
		line-height: 20px;
		min-width:198px;
		border-bottom:1px solid #ddd;
	}

	#nav2 li,
	#nav2 li a{
		background-color: #dbeeff !important;
		color: #000 !important;
		border-bottom: 1px solid #eaf5ff;
		color:#00008b !important;
	}
*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* 2.2 Nav */
	
	/* ------------------------
	2. NAVIGATION
	-------------------------*/
	/* */
	/*
	.twocol-left,
	.container-fluid_2{
		padding-bottom:290px;
	}	
	*/
	.container-fluid_2 ul{
  		list-style-type: none;
	}
	
	.navbar-default_2 ul.nav.navbar-nav > li.open > ul {
		margin:-35px 0 0 175px !important;
	}
	.navbar-default_2 ul.nav.navbar-nav > li.open > ul .dropdown-menu	{
		margin:-35px 0 0 175px !important;
	}

	
	.container-fluid_2 ul.nav.navbar-nav  li span.caret{
		position: absolute;
  		/*left: 176px;*/right:10px;
  		margin-top: 6px;
  		margin-right: 0px;
  		border-top-width: 4px;
  		border-top-style: solid;
  		border-top-color: transparent;
  		border-bottom-width: 4px;
  		border-bottom-style: solid;
  		border-bottom-color: transparent;
  		border-left-width: 4px;
  		border-left-style: dashed;
  		border-left-color: currentcolor;		
	}
	
	
	.navbar-default_2 ul.nav.navbar-nav > li a {
		background-color: #fff !important;
		color:#2b4d5d !important;
		font-weight:bold;
	}
	.navbar-default_2 ul.nav.navbar-nav > li.active a{
		background-color: #eee !important;
		color:#2b4d5d;
		font-weight:bold;
	}
	
	.navbar-default_2 ul.nav.navbar-nav > li.active ul li a{
		background-color: #fff !important;
		color:#2b4d5d;
		font-weight:bold;
	}
	.navbar-default_2 ul.nav.navbar-nav > li ul li a {
		background-color: #fff !important;
		color:#2b4d5d !important;
		font-weight:bold;
	}
	.navbar-default_2 ul.nav.navbar-nav > li ul li.active a{
		background-color: #eee !important;
		color:#2b4d5d;
		font-weight:bold;
	}	
	
	.navbar-default_2 ul.nav.navbar-nav li a{
		padding-top: 4px;
		padding-bottom: 4px;
		line-height: 20px;
		min-width:198px;
		border-bottom:1px solid #ddd;
	}

	#nav2 li,
	#nav2 li a{
		border-bottom: 1px solid #eaf5ff;
		color:#2b4d5d !important;
		font-weight:bold;
	}
	
	/* / 2.2. nav */
	
	
}