/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//	Das Dokument "header.css" definiert den Header
//  
//  	Inhalt: 
//			- Ausgeblendete Emelemnte 
//			- Globale Einstellungen 
//			- Media-Querrys
//			- Special_Settings for Firefox
//			- Special_Settings for InternetExplorer
//
//		Farbverzeichnis:
//			can be found in style.css
//  
//  INFO: 
//
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//	Display None
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#menu_li {
	display: none;
	margin: 15px 0 -6px 0;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//	Globale Einstellungen
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#searchLine {
	display: inline-block;
	width: 100%;
	height: 48px;
	text-align: center;
	background-color: #324977;
}

#searchLine p {
	display: inline-block;
	color: #fff;
	line-height: 48px;
}

#searchLine p span {
	display: none;
}

header {
	padding: 12PX 0;
	height: auto;
	width: 100%;
	background-color: #3B5998;
	text-align: center;
	border-bottom: 3px solid #fff;
}

#logobox {
	display: inline-block;
	width: calc(95% - 30px);
	height: 30px;
	background-image: url("../img/icons/logo.png");
	background-image: url("../img/icons/logo.svg");
	background-size: auto 100%;
	background-position: 0 50%;
}
        
#menuIcon {	
	display: inline-block;
}
        
#menuIcon a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url("../img/icons/burgerIcon.png");
	background-image: url("../img/icons/burgerIcon.svg");
	background-size: auto 100%;
	background-position: 0 50%;
}
            
#menuIcon a:hover, #menuIcon a:active {	
	color: #000000;
	cursor: pointer;
}

#menu_li li {
}

#menu_li a {
	display: block;
	padding: 12px 0;
	width: 100%;
	color: #fff;
	border-bottom: 1px solid #fff;
}

#menu_li a:first-child {
	border-top: 1px solid #fff;
}

#menu_li a:last-child {
	margin-bottom: -12px;
}

#menu_li a:hover {
	background-color: #9EBDFF;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Media-Querrys
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@media screen and (min-width: 524px) { 

#searchLine p span {
	display: inline-block;
}

}

@media screen and (min-width: 800px) { 

header {
	vertical-align: top;
}

#logobox {
	display: block;
	margin: 12px 0;
	width: 100%;
	background-position: 50% 50%;
}

#menu_li {
	display: inline-block !important;
	margin: 0;
	width: 100%;
	vertical-align: central;
}

#menu_li li {
	display: inline-block;
}

#menu_li a {	
	display: inline-block;
	padding: 10px;
	width: auto;
	border: 0;
}

#menu_li a:first-child {
	border-top: 0;
}

#menu_li a:last-child {
	margin-bottom: 0;
}

#menu_li a:hover, #menu_li a:active {
	background-color: transparent;
}

#menuIcon {
	display: none;
}

}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//	FireFox-Extrawurst
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@-moz-document url-prefix() {
	
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Internetexplorer-Extrawurst
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@media screen\0 {
	
}