* {
	margin:				0;
	padding:			0;
	color:				black;
	font-family: 		'Oswald', sans-serif;
}

html, body {
	min-height:			100%;
	padding:			0;
	margin:				0;
	position:			relative;
}
body {
	overflow-x:			hidden;
}



#anzeigebereich {
	position:			relative;
	margin:				30px auto;
	width:				1200px;
	top:				0px;
}

#kopf {
	position:			relative;
	width:				100%;
}

#kopf_mobile {
	display:			none;
	position:			fixed;
	top:				0px;
	width:				100%;
	background:			black;
	height:				120px;
	z-index:			10000;
}
#kopf_mobile_wrapper {
	display:			none;
	position:			relative;
	top:				0px;
	width:				100%;
	height:				150px;
}

#kopf_back_div{
	position:			absolute;
	width:				100%;
	z-index:			10000;
	top:				0px;
}

#kopf_back_div_mobile{
	position:			absolute;
	width:				100%;
	z-index:			10000;
	top:				0px;
}

#kopf_back{
	width:				100%;
}

#kopf_back_mobile{
	width:				120px;
	margin:				4% 5% 0 4%;
}

#kopf_content_mobile{
	position:			absolute;
	right:				4%;
	width:				50%;
	top:				40px;
	height:				35px;
	color:				#fff;
	font-size:			2em;
	z-index:			10001;
	text-align:			right;
}

#kopf_content_logo_mobile{
	display:			inline;
	position:			relative;
	height:				100%;
}
#kopf_content_logo_mobile_close{
	display:			none;
	position:			relative;
	height:				100%;
}

#kopf_back_div_scroll{
	position:			fixed;
	top:				0px;
	display:			none;
	width:				100%;
	background:			black;
	height:				150px;
	z-index:			10000;
	text-align:			center;
}
#logo {
	position:			relative;
	top:				20px;
	width:				8%;
	cursor:				pointer;
}
#home_content{
	display:			block;
}
#home_content_mobile{
	display:			none;
}
#home_div{
	position:			absolute;
	left:				43%;
	width:				14%;
	height:				40%;
	cursor:				pointer;
	z-index:			10002;
}

#bild_div{
	position:			relative;
	width:				100%;
	text-align:			center;

}

#menue_links{
	position:			absolute;
	top:				30%;	
	width:				40%;
	text-align:			right;
	z-index:			10001;
	transform: 			rotate(-15deg);
	padding-right:		15%;
	
	
}
#menue_rechts{
	position:			absolute;
	top:				32%;	
	width:				40%;
	left:				50%;
	text-align:			left;
	z-index:			10001;
	transform: 			rotate(15deg);
	padding-left:		11%;
	
}
.nav_links{
	float:				right;
	margin-right:		30px;
	cursor:				pointer;
	color:				#fff;
}
.nav_links_active{
	float:				right;
	margin-right:		30px;
	cursor:				pointer;
	color:				#fff;
}
.nav_links:hover{
	color:				#777;
}
.nav_rechts{
	float:				left;
	margin-right:		30px;
	cursor:				pointer;
	color:				#fff;
}
.nav_rechts_active{
	float:				left;
	margin-right:		30px;
	cursor:				pointer;
	color:				#fff;
}
.nav_rechts:hover{
	color:				#777;
}


#mobileMenueFrame{
	display:			none;
	position:			absolute;
	top:				-250px;
	right:				0px;
	background:			#eee;
	color:				black;
	padding:			0 10% 10% 10%;
	border-bottom:		solid 1px #58585A;
}
.nav_mobile_wrapper{
	position:			relative;
	top:				30px;
	float:				left;
}
.nav_mobile{
	margin:				20px 30px 0px 0px;
	cursor:				pointer;
	color:				black;	
	float:				left;
	font-size:			1.3em;
}


#menue_links_scroll{
	position:			absolute;
	top:				80%;	
	width:				40%;
	text-align:			right;
	z-index:			10001;
	padding-right:		15%;
	
	
}
#menue_rechts_scroll{
	position:			absolute;
	top:				80%;	
	width:				40%;
	left:				50%;
	text-align:			left;
	z-index:			10001;
	padding-left:		11%;
}

#menue2{
	position:			fixed;
	right:				20px;	
	top:				10px;
	z-index:			10001;
}

#corona{
	position:			fixed;
	right:				53px;	
	top:				70px;
	z-index:			10001;
	font-size:			24px;
	color:				#fff;
}

#fb{
	width:				24px;
}

#submenue2,#submenue3,#submenue4{
	display:			none;
	position:			absolute;
	background:			#eee;
	filter: 			alpha(opacity=70); 
	opacity: 			0.7; 
	-moz-opacity: 		0.7;
	top:				250px;
	left:				500px;
	z-index:			9999;
	padding:			100px 20px 20px 20px;
}

#submenue2Layer,#submenue3Layer,#submenue4Layer{
	display:			none;
	position:			absolute;
	background:			none;
	top:				250px;
	left:				500px;
	padding:			20px 20px 20px 20px;
	z-index:			30001;
}


#inhalt {
	position:			relative;	
	width:				100%;
	background:			white;
	min-height:			850px;
}


.home_content_links{
	float:				left;	
	width:				75%;
	padding-right:		5%;
}

.home_content_rechts{
	float:				right;	
	width:				20%;
}


.home_widget{
	width:				100%;
	font-size:			18px;
	font-weight:		bold;
	border-bottom:		solid 3px #000;
	padding-bottom:		5px;
}
.home_widget_button{
	font-size:			12px;
	background:			#000;
	color:				#fff;
	border:				none;
	padding:			10px;
	cursor:				pointer;
}
.home_partner_logos_div{
	width:				100%;
}
.home_partner_logo_div_links, .home_partner_logo_div_mitte, .home_partner_logo_div_rechts{
	width:				33%;
	float:				left;
	text-align:			left;
}
.home_partner_logo_div_mitte{
	text-align:			center;
}
.home_partner_logo_div_rechts{
	text-align:			right;
}
.home_partner_logo{
	width:				50%;
}

#gaststaette_karte_pic{
	width:				30%;
}


.news_pic{
	width:				100%;
}
.news_pic_description{
	position:			relative;
	top:				20px;
	width:				100%;
	text-align:			right;
	font-size:			13px;
}
.news_pic_description2{
	font-size:			13px;
}


.aktive_content_links{
	float:				left;	
	width:				85%;
	padding-right:		2%;
}

.aktive_content_rechts{
	float:				right;	
	width:				13%;
}
.aktive_content_rechts_mobile{
	display:			none;
	width:				100%;
	margin-top:			20px;
}

.aktive_widget_button{
	font-size:			12px;
	background:			#000;
	color:				#fff;
	border:				none;
	padding:			10px;
	width:				80%;
	cursor:				pointer;
}

.aktive_spieler_div{
	float:				left;
	width:				20%;
	height:				340px;
	margin:				0 5% 5% 0;
	text-align:			center;
}

.aktive_spieler_div_fk{
	float:				left;
	width:				40%;
	height:				340px;
	margin:				0 5% 25% 0;
	text-align:			center;
}

.aktive_spieler_pic{
	width:				100%;
	cursor:				pointer;
}

#anfahrt_nav_button{
	display:			none;
}
#anfahrt_spacer{
	height:				450px;
}


#layer_grey{
	display:			none;
	position:			absolute;
	top:				0;
	left:				0;
	right:				0;
	bottom:				0;
	background:			#000;
	filter: 			alpha(opacity=80); 
	opacity: 			0.8; 
	-moz-opacity: 		0.8;
	z-index:			20000;
}
#layer{
	display:			none;
	position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	bottom:				0;
	min-height:			100%;
	z-index:			20001;
}
#layer_box{
    position: 			absolute;
	width:				600px;
    height: 			350px;
    left: 				50%;
    margin-left:		-300px;
	text-align:			right;	
}
#layer_close{
	width:				20px;
	cursor:				pointer;
}
#spieler_pic{
	width:				270px;
	margin-right:		20px;
}
#layer_whiteBox{
	background:			#fff;
	text-align:			left;
	padding:			20px;
}

.fanshop_img{
	width:				30%;
	border:				none;
}
.mobile_partner{
	width:				30%;
	position:			relative;
}
.mobile_partner_wrapper{
	position:			relative;
	top:				-250px;
	width:				100%;
	text-align:			center;
}

.mobile_partner_wrapper a {
	display: block;
	margin: 2em 1em;
}




#fuss {
	position:			absolute;
	width:				100%;
	background:			url(../images/Hintergrund_Fuss.png);
	background-size:	100%;
	z-index:			10000;
}
#fuss_mobile {
	display:			none;
	position:			absolute;
	width:				100%;
	/*background:			black;*/
	background-size:	100%;
	/*z-index:			10000;*/
	/*height:				80px;*/
}
#fuss_content{
	position:			relative;
	margin:				auto;
	width:				1200px;	
	padding-top:		150px;
}

.fuss_partner_logos_div{
	position:			relative;
	width:				100%;	
}
.fuss_partner_logo_div_links, .fuss_partner_logo_div_mitte, .fuss_partner_logo_div_rechts{
	width:				23%;
	float:				left;
	text-align:			left;
	margin:				5%;
	text-align:			right;
}
.fuss_partner_logo_div_mitte{
	text-align:			center;
}
.fuss_partner_logo_div_rechts{
	text-align:			left;
}
.fuss_partner_logo{
	width:				50%;	
}
.fuss_partner_logo_div0, .fuss_partner_logo_div1, .fuss_partner_logo_div2{
	float:				left;
	margin-top:			40px;
	text-align:			center;
}
.fuss_partner_logo_div0{
	height:				200px;
	width:				33%;
}
.fuss_partner_logo_div1{
	height:				200px;
	width:				25%;
}
.fuss_partner_logo_div2{
	height:				150px;
	width:				16.6%;
	min-height:			100px;
}
.fuss_align_div{
	width: 				10px;
    height: 			100%;
    display: 			inline-block;
    margin-left: 		-10px;
    vertical-align:		middle;
}
.fuss_partner_logo{
	width:				70%;
	margin: 			0 auto 0 auto;
	vertical-align: 	middle;
}
.fuss_copyright{
	position:			absolute;
	bottom:				20px;
	color:				white;
}

.fuss_nav{
	position:			absolute;
	bottom:				20px;
	right:				0px;
	background:			black;
	height:				80px;
	display:			flex;
	align-items:		center;
	width:				100%;
	justify-content:	right;
	flex-wrap:			wrap;
}


.button{
	width:					120px;
	height:					28px;
	background-color:		black;
	color:					#FFF;
	border:					none;
	cursor:					pointer;
}



.clear{
	clear:				both;
}

.trenner{
	border-bottom:		solid 1px #000;
	width:				100%;
	height:				1;
}

.trenner_white{
	border-bottom:		solid 1px #333;
	margin-top:			3%;
	width:				100%;
	height:				1;
}
.spacer{
	height:				150px;
}
#map{
	position:			absolute;
	width:				100%;
	height:				700px;
	background:			grey;
	z-index:			9999;
}

#spielPlanTable_Mobile{
	display:			none;
}







@media only screen and (max-width: 1200px) {
	#anzeigebereich, #fuss_content{
		width:			90%;
	}
	#menue_links{
		top:			29%;	
	}
	#menue_rechts{
		top:			29%;	
	}
}
@media only screen and (max-width: 1000px) {
	
	#kopf_mobile, #kopf_mobile_wrapper, #home_content_mobile, #fuss_mobile, .aktive_content_rechts_mobile, #anfahrt_nav_button {
		display:		block;
	}
	
	#spielPlanTable_Mobile{
		display:		table;
	}
	
	#kopf, #home_content, #fuss, .aktive_content_rechts, #map, #anfahrt_spacer, #spielPlanTable {
		display:		none;
	}
	
	
	#menue_links{
		top:			28%;	
	}
	#menue_rechts{
		top:			28%;	
	}
	
	
	.aktive_spieler_div{
		float:				left;
		width:				45%;
		height:				340px;
		margin:				0 5% 5% 0;
		text-align:			center;
	}
	
	.fuss_partner_logo_div0, .fuss_partner_logo_div1, .fuss_partner_logo_div2{
		float:				left;
		margin-top:			0px;
		width:				49%;
		text-align:			center;
		height:				120px;
	}
	
	.fanshop_img{
		width:				50%;
	}


	
}

/* Fanshop */
.fan-artikel-head {
	font-size:  2em;
}

.fan-artikel {
	display: flex;
	flex-wrap:  wrap;
	justify-content:  space-between;
	margin-right:  -2em;
}

.fan-artikel article {
	margin-right: 2em;
	margin-top: 2em;
}
.fan-artikel article h2 {
	text-align: center;
	font-size:  1.75em;
}
.fan-artikel-bild {
	max-width: 320px;
	margin: 1em 0;
}
.fan-artikel-bild img {
	display: block;
	margin:  auto;
	max-width: 100%;
}
.fan-artikel-beschreibung {
	margin: 1em 0;
}

.fan-artikel-groessen,
.fan-artikel-farbe {
	font-size:  0.9em;
	margin:  0.5em 0;
}

.fan-artikel-preis {
	margin: 1em 0;
	font-weight: bold;
	font-size: 1.25em;
}

/* Galerie */
.galerie {
	display: flex;
	margin-bottom: 2em;
	flex-wrap: wrap;
	margin-right: -2em;
}

.galerie-bild {
	width: 240px;
	height: 240px;
	border: 1px solid #eee;
	margin: 2em 2em 2em 0;
	padding: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.galerie-bild img {
	display: inline-block;
	max-width: 100%;
}