@charset "UTF-8";
/* CSS Document */

/* ################################################################################################################# */
/*												KOPFBEREICH															 */
/* ################################################################################################################# */


#Headerblock {position:relative; width:100%; height:auto; display:block; background-color:#FFFFFF; z-index:2000; }

#HEADER {
	margin: 0 auto;
	width:1140px;
	padding-top: 20px;
	height: 84px;
	z-index:2000;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px)	{ #HEADER { padding:10px; height: 70px; width:900px; } }
@media only screen and (min-width: 768px) and (max-width: 1023px)	{ #HEADER { padding-top: 10px; padding-left:10px; padding-right:10px; height: 60px; width:720px; } }
@media only screen and (min-width: 480px) and (max-width: 767px)	{ #HEADER { padding-top: 10px; padding-left:10px; padding-right:10px; height: 55px; width:440px; } }
@media only screen and (min-width: 320px) and (max-width: 479px)	{ #HEADER { padding-top: 10px; padding-left:10px; padding-right:10px; height: 44px; width:280px; } }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TOP-MENÜ */

#HEADER #TOPMENUE {
	position:absolute;
	width:1140px;
	left:50%;
	margin-left: -570px;
	padding:0px;
	/*background-color:rgba(1,65,121,0.60); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
@media only screen and (min-width: 1024px) and (max-width: 1279px)	{ #HEADER #TOPMENUE { width:920px; margin-left:-460px; margin-top:0px; } }
@media only screen and (min-width: 768px) and (max-width: 1023px)		{ #HEADER #TOPMENUE { width:740px; margin-left:-370px; } }
@media only screen and (min-width: 480px) and (max-width: 767px)		{ #HEADER #TOPMENUE { width:460px; margin-left:-230px; } }
@media only screen and (min-width: 320px) and (max-width: 479px)		{ #HEADER #TOPMENUE { width:300px; margin-left:-150px; } }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LOGO */
#HEADER #TOPMENUE .Logo {
	float:left;
	margin-right:0px;
	width:280px;
	height:auto;
	/* background-color:rgba(189,21,34,0.65); <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
@media only screen and (min-width: 1024px) and (max-width: 1279px)		{ #HEADER #TOPMENUE .Logo { margin-top:5px; margin-right:0px !important;  } }
@media only screen and (min-width: 768px) and (max-width: 1023px)		{ #HEADER #TOPMENUE .Logo { margin-top:0px; width:250px; margin-right:220px; } }
@media only screen and (min-width: 480px) and (max-width: 767px)		{ #HEADER #TOPMENUE .Logo { width:190px; margin-right:50px; margin-top:5px; } }
@media only screen and (min-width: 320px) and (max-width: 479px)		{ #HEADER #TOPMENUE .Logo { width:170px; margin-right:0px; margin-top:0px; } }

#HEADER #TOPMENUE .Logo img { width:100%; height:auto; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ AMI-FLAGGE */
#HEADER #TOPMENUE .Flagge {
	position:absolute; 
	margin-left:300px;
	margin-top:15px;
}
#HEADER #TOPMENUE .Flagge img { 
	width:60px;
	height:auto;
}
@media (max-width:1023px){
	#HEADER #TOPMENUE .Flagge 		{ margin-left:270px; }
	#HEADER #TOPMENUE .Flagge img 	{ width:50px; }
}
@media (max-width:767px){
	#HEADER #TOPMENUE .Flagge 		{ margin-left:200px; margin-top:5px; }
	#HEADER #TOPMENUE .Flagge img 	{ width:45px; }
}
@media (max-width:479px){
	#HEADER #TOPMENUE .Flagge 		{ margin-left:180px; }
	#HEADER #TOPMENUE .Flagge img 	{ width:40px; }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LINK-FORMATIERUNG ALLG */

#HEADER a { text-decoration: none; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SOCIAL ICONS */
.social {
	float:right;
	text-align:right;
	margin-top:36px;
	margin-left:30px;
	min-width:195px;
	/*width:250px; */
	/*background:rgba(226,237,224,1.00);*/
}

@media only screen and (min-width: 1024px) and (max-width: 1279px)	{ .social { margin-top: 40px; min-width:180px; } } 
@media only screen and (min-width: 768px) and (max-width: 1023px)	{ .social { margin-top: 28px; min-width:180px; } } 
@media only screen and (min-width: 480px) and (max-width: 767px)	{ .social { margin-top: 20px; margin-left:0px; min-width:180px; } }
@media only screen and (min-width: 320px) and (max-width: 479px)	{  
	.social { float:right; width:100px; margin-top:-18px; margin-left:0px; }
	.socialLink {display:none;}
	.eLearning {float:right; margin:0;}
} 
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ALLGEM. LINKS */
.global {
	width:auto;
	float:right; 
	margin-top:43px;
	/*margin-left:43px;*/
	display:block;
	/*background-color:rgba(251,186,0,0.50); /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
.global ul {
	padding:0px;
	margin:0px;	
}

.global li {
	list-style-type: none;
	margin:0px;
	float:left;
	padding-left:17px;
}

@media (min-width: 320px) and (max-width: 1279px)	{ .global { display:none; } }