/*Infos:
*/

/*
------------------------------------ 
NAVIGATION MOBILE
------------------------------------
*/

/* LOGO ------------------ */	
.logo_positioning {
	position:absolute;
	width: 126px;
	margin: 10px 0px 0px 45px;
}
#logoimg{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

@media (min-width: 768px) {
	.logo_positioning {
		margin-left: 65px;
	}
}
@media (min-width: 992px) {
	.logo_positioning {
		margin-left: 70px;
	}
}

/* MENÜ-BUTTON POSITION------------------ */	

.navbar-toggle {
	border:none;
	padding:0px;
	margin:44px 44px 0px 0px;
	background: transparent !important;
}



/* MENÜ-BUTTON ANIMATION------------------ */

.collapse.in {
	padding-bottom: 10px;
}

.navbar-toggle:hover {
	background: transparent !important;
}
.navbar-toggle .icon-bar {
	width: 25px;
	height: 2px;
	margin-bottom: 7px;				
	transition: all 0.2s;
	background-color: #000;
}
.navbar-toggle .top-bar {
	transform: rotate(45deg);
	transform-origin: 0% 50%;
}
.navbar-toggle .middle-bar {
	opacity: 0;
}
.navbar-toggle .bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 0% 50%;
}

/* NAVBAR-TOGGLE COLLAPSED ------------------ */

.navbar-toggle.collapsed .top-bar {
	transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
	opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
	transform: rotate(0);
}




/* NAVIGATION ------------------ */	
nav{
	position:relative;	
	font-size: 130%;
	z-index:30;
	text-transform:uppercase;
	top:0px;

}
.navbar {
	min-height:80px;
	position:fixed;
	width:100%;
	margin-bottom:0px;
}

.navbar-border {
	border:none;
	border-top-style: solid;
	border-top-color: cornflowerblue;
	border-top-width: 0px;
	border-radius: 0px;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 96%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 96%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 96%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}	
/* RESP. NAV-LEISTE ------------------ */
.navbar-header{
	height: 80px;
	background-color:#fff;
}
.navbar-header > a{
	background-color:#fff;
}	
.navbar-header > a:hover,
.navbar-header > a:focus{
	padding-bottom:0px;
	border-bottom:1px solid #000;
	outline:none;
	background-color:#fff;
}		


/* RESP. NAVIGATION CONTAINER ------------------ */	
.navbar-collapse {
/*		position:relative;
	top:-80px; */
	width: 100%;
	border-top: none;
	text-align: right;
	max-height:100vh; /* <<< Hier muss folgender wert rein: 100vh minus "height of .navbar-header" == 100vh-80px !!! 
	
	
	max-heigt ermöglicht die Animation und Scrolling in der Mobile-Navigation, min-height ermöglicht fullscreen navigation, aber fehlerhaft beim letzten Navigationspunkt */
}

.navbar-align {
	float: right;
  margin: 10px 30px 0px 0px;
}
	

/* RESP. NAVIGATION LISTE ------------------ */	
#navigation{
	margin-top:0px;
	margin-bottom:0px;
}
.nav > li > a {
	padding-bottom:10px;
	padding-top:10px;
	margin-top:0px;
	text-decoration: none;
	color: #000;				
  background-color: #fff0;
}
.nav > li > a:focus, 
.nav > li > a:hover {
	text-decoration: none;
	color: cornflowerblue;
	background-color:#fff0;
	outline: none;	
}	

/* LOGO ------------------ */	

	#logoimg{

	}
	.logo-positioning {
		width: 30vw;
		min-width: 250px;
		display: block;
		height: auto;
	}	


/*
------------------------------------ 
NAVIGATION MOBILE DROPDOWN
------------------------------------
*/

/* HAUPTELEMENT DES DROPDOWNS ------------------ */
.nav > .open > a, 
.nav > .open > a:hover, 
.nav > .open > a:focus {
	width:auto;
	text-decoration: none;
	outline: none;		
	color: cornflowerblue;
	background-color:#fff;
}	

.nav > li > a.active {
	color: cornflowerblue;
}
/*
.dropdown-menu a.active, 
.dropdown-menu a:hover.active, 
.dropdown-menu a:focus.active
{
	width:auto;
	text-decoration: none;
	outline: none;
	color:#000;
	background-color:#f5f5f5;
	border-bottom:1px #000 solid;
}
*/




/* DROPDOWN-CONTAINER UL ------------------ */	
.dropdown-menu {
	padding:0px;
	width:170px;
	box-shadow: none;
	border: none;
	border-radius: 0px;
	font-size: 100%;
}
.navbar-right .dropdown-menu	{
	left:9px;
}


/* DROPDOWN-NAV-ELEMENTE ------------------ */
.dropdown-menu > li {
	width: 100%;
}	
.dropdown-menu > li > a {
	color: #000;
  background-color: #fff;
	font-size: 80%;
	padding:0px;
	text-align:center;	
	height: 70px;
}	
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header{
	padding:0px;
}	
.navbar-nav .open .dropdown-menu > li > a {
	line-height: 71px;
}	
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active	 {
	text-decoration:none;
	padding-bottom:0px;
	border-bottom:1px solid #000;
	color:#000;
	background-color:#fff;
	outline:none;
}



/*
------------------------------------ 
NAVIGATION DESKTOP
------------------------------------
*/

@media (min-width: 1200px) {
	
/*http://stackoverflow.com/questions/10939481/center-the-nav-in-twitter-bootstrap*/

	#navbar .nav, 
	#navbar .nav > li {
			display:inline-block;
			*display:inline;
			/* ie7 fix */
			*zoom:1;
			/* hasLayout ie7 trigger */
			vertical-align: top;
	}
	.navbar-positioning {
		text-align:center;
	}

	


	
	
/* NAVIGATION ------------------ */	
	nav{
		z-index:30;
		position:static;
    font-size: 100%;
    //text-transform: inherit;
	}


/* NAVIGATION-CONTAINER ------------------ */		
	.navbar_container {	
    padding-left: 3%;
    padding-right: 3%;
		margin-top:20px;	
		min-height:82px;			
	}


/* NAVIGATION-ELEMENTE-CONTAINER------------------ */
	.navbar {
		min-height: 140px;
		margin:0px;
		padding-left: 0px;
    padding-right: 0px;
		position:fixed;
		opacity: 1.0;
	}
	
	.navbar-right {
		margin-top:0px;
		padding:0px;
	}
	
	
/* NAVIGATION-ELEMENTE-LISTE ------------------ */		
	#navigation {
   padding: 0;
   margin: 0;
   border: none;
	}	
	.nav > li {
		margin: 27px 0px 10px 30px;
	}
	.nav > li > a {
/*		width:130px; */
		padding:10px 0px 0px 0px;		
		font-size: 1.4em;
		color:#000;
		border-radius:0px;
  }	
	.nav > li > a:hover, .nav > li > a:focus {
		padding-bottom:0px;
		border-bottom:2px solid cornflowerblue;
		color: cornflowerblue;
	}
	.nav > .first_nav_element,
	.nav > .first_nav_element:hover {
		margin-left:0px;
	}
	
	.nav > li > a.active {
		border-bottom:2px solid cornflowerblue;
		color: cornflowerblue;
	}
	
/*
------------------------------------ 
NAVIGATION DESKTOP DROPDOWN
------------------------------------
*/		

/* HAUPTELEMENT DES DROPDOWNS ------------------ */
	.nav > .open > a, 
	.nav > .open > a:hover, 
	.nav > .open > a:focus {
		width:auto;
		text-decoration: none;
		outline: none;		
		color: #000;
		padding-bottom:0px;
		border-bottom:1px #000 solid;
	}	
	
	/*
	.dropdown-menu a.active, 
	.dropdown-menu a:hover.active, 
	.dropdown-menu a:focus.active
 	{
		width:auto;
		text-decoration: none;
		outline: none;
		color:#000;
		background-color:#f5f5f5;
		border-bottom:1px #000 solid;
	}
	*/
	
	

	
/* DROPDOWN-CONTAINER UL ------------------ */	
	.dropdown-menu {
		padding:20px 0px 0px 0px;
		width:170px;
    background-color: #fff;
    box-shadow: none;
    border: none;
    border-radius: 0px;
    font-size: 100%;
	}
	.navbar-right .dropdown-menu	{
		left:9px;
	}


/* DROPDOWN-NAV-ELEMENTE ------------------ */
	.dropdown-menu > li {
    width: 100%;
	}	
	.dropdown-menu > li > a {
		color: #000;
		background-color:#fff;
		font-size: 100%;
		padding:0px;
		text-align:center;	
		height: 50px;
    line-height: 310%;		
	}	
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		text-decoration:none;
		padding-bottom:0px;
		border-bottom:1px solid #000;
		color: #000;
    background-color: #fff;
	}
}