.navbar-default {
   background-color: none; 
   border:none; 
   padding-top:6px;
}


/* Navigation: Animierte Kästchen */
.navbar-default .navbar-nav > li > a {
	background-color:none;
    border:  2px solid transparent; 
	border-radius:3px; 
	height:32px;
	
	text-decoration: none; font-weight: bold; margin-left:10px;padding-left:5px;padding-right:5px;
	
    -webkit-transition: border 1s ease-out, background-color 1s;
            transition: border 1s ease-out, background-color 1s;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.current  {
	color:#009933;
	background-color:#ddd;
    border: 2px solid #009933; 
	border-radius:3px; 
	background-color:#fff;
	height:32px;
	
	-webkit-transition: border 500ms ease-in, background-color 500ms;
            transition: border 500ms ease-in, background-color 500ms;
}



nav .glyphicon.iconcolor {color: #4060af;}

#pnlSuperadmin .navbar-nav a { color:#F00 !important; }



header {
    background: #f8f8f8;
    width: 100%;
    height: 66px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.5);
	
	border:none;

}

nav {margin-left:00px;}


.navbar-toggle {
    float: left;
	 margin-left:10px !important;
}

#metainfo { display:table; padding:54px 0px 4px 0px; margin:-50px 0 0 0px; font-size:11px; padding-left:28px;}

.nav >li >a { padding:5px;}


@media only screen and (max-width : 768px) {
	#metainfo { padding-left:10px !important;}
	#logo img { margin-top:10px; }
	
	.nav >li >a { padding:5px 30px 15px 0;}
	
.navbar-default .navbar-nav > li > a { padding:5px;   }
}


/* Intermediate breakpoint to fit the navigation */
@media only screen and (max-width : 980px) {
	.nav li a {  border:1px solid red; font-size:8px;}
}


#logo img {
	top:30px;
	right:24px;
	position:absolute;
	width:93px;
	z-index:99999;
}



/* Animierter Logout */
a.logout { float:right;}
@-ms-keyframes wiggle{0%{-ms-transform:rotate(3deg);}50%{-ms-transform:rotate(-3deg);}100%{-ms-transform:rotate(3deg);}}
@-moz-keyframes wiggle{0%{-moz-transform:rotate(3deg);}50%{-moz-transform:rotate(-3deg);}100%{-moz-transform:rotate(3deg);}}
@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(3deg);}50%{-webkit-transform:rotate(-3deg);}100%{-webkit-transform:rotate(3deg);}}
@keyframes wiggle{0%{transform:rotate(3deg);}50%{transform:rotate(-3deg);}100%{transform:rotate(3deg);}}
a.logout:hover{-ms-animation:wiggle .3s 2;-moz-animation:wiggle .3s 2;-webkit-animation:wiggle .3s 2;animation:wiggle .3s 2;}



@media print
{    
    nav { display: none !important; }
	.printonly { display: none !important; }
}


/* SB Overriding the 768 Breakpoint for the header */
@media (max-width: 768px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
/*    .navbar-collapse.collapse {
        display: none!important;
    }*/
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}