/* 
navbar.css 
global (min-width:800px) siehe bootstrap-submenu.min.css

1f64ae dunkel-blau
b4d0ec hell-blau

siehe auch:
		 aktiv ?
		 ...  = "background-color:#b4d0ec !important; color: #444444  !important;";
		 in index_loop.php
*/

/* < 800px schalten */
@media (max-width: 800px)
{
	.mobil_off
	{	
		visibility: hidden;
		/* display:none; */
		/* display:block; */
	}
}

/* > 801px schalten */
@media (min-width: 801px)
{
	.desktop_off
	{	
		visibility: hidden;
		display:none;
		width: 0px;
		height: 0px;
	}
}

/* Logo Mobilversion */
.navlogo
{		 
		  /*
        width: -moz-calc(100% - 120px);
        width: -webkit-calc(100% - 120px);
        width: -o-calc(100% - 120px);
        width: calc(100% - 120px);
        */ 
        width:169px;
        height:35px;	
		  text-align: center; 
        
        /*@media (max-width: 800px)*/ 	  
}  	
.navbar-header
{
	background-color:transparent;

}
.navlogoimg
{	
	position:absolute; 
	top:0; 
	bottom:0; 
  
}
	
.navibox
{
	margin-top:0px;
	padding-top:0px;
}	

	
/* 
-----------------------------------------------------------------------------------------------
Navi Farben (wenn entfernt ... dann default in Apple grau)
*/	

/* Arrow next level */
.dropdown-submenu>a:after
{
	content:"";
	color:#FFFFFF;
}

.navlink
{
		 font-size: 16px;			
		 font-family: "Abel";
		 font-style: normal;
		 font-weight: 400;
}


/* 
-----------------------------------
level1 */
.navbar
{
		 font-size: 16px;			
		 font-family: "Abel";
		 font-style: normal;
		 font-weight: 400;
		 background-color:#1f64ae !important;
		 
}



.solo-nav > li > a , .solo-nav  > li > a:link  
{
	 background-color:#1f64ae !important;
    color: #444444 !important;
    text-decoration: none;
}

.navbar-nav > li > a , .navbar-nav  > li > a:link  
{
	 background-color:#1f64ae !important;
    color: #FFFFFF !important;
    text-decoration: none;
}

/* klick */

.navbar-nav > li > a:focus
{
            background-color:#b4d0ec!important;
            color:#444444 !important;
}

/*hover */
.navbar-nav > li > a:hover, .navbar-nav > li > a:active 
{
            background-color:#b4d0ec!important;
            color:#444444 !important;
}



/* 
-----------------------------------
levelx */

/*default */
.dropdown-menu
{
		 font-size: 16px;			
		 font-family: "Abel";
		 font-style: normal;
		 font-weight: 400;
		 background-color:#1f64ae !important;
}

.dropdown-menu > li > a , .dropdown-menu > li > a:link  
{
            background-color:#1f64ae !important;
            color:#FFFFFF !important;
				text-decoration: none;
}

/* im Pfad */
 .dropdown-menu > li > a:focus 
 {
            background-color:#b4d0ec!important;
            color:#444444 !important;
 }

/*hover */
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:active 
 {
            background-color:#b4d0ec!important;
            color:#444444 !important;
 }

/* 
-----------------------------------
Mobil */
/* < 800px */
@media (max-width: 800px) 
{
    .navbar-nav .open .dropdown-menu 
    {
        color: #FFFFFF;
    }	
	
    .navbar-nav .open .dropdown-menu > li > a 
    {
        color: #FFFFFF;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus 
    {
        color: #FFFFFF;
    }
}

/* 
-----------------------------------
Code Testausgabe */
pre 
{
    display: block;
    font-family: monospace;
    margin: 0;

   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;       /* Opera 4-6 */
   white-space: -o-pre-wrap;       /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */ 
	  
   /* overflow: scroll; */ 
}