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

body {
	font-size: 0.8em;
	max-width: 520px;
	line-height: 1.5;
	background: url(/img/fcb_zwei.png) no-repeat fixed 400px 20px;
}

a:link {
	color: #F9F8F8;
}
a:visited {
	color: #F9F8F8;
}
a:hover {
	color: #F9F8F8;
}
a:active {
	color: #F9F8F8;
}

header {
	padding-left:0.4em;
	font-size:1.6em;
	color:#F9F2F2;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	background-color:#FC060A;
	background: #FC060A url(/img/fcb.png) no-repeat fixed 400px 20px;
	width:100%;
}

.navigation {
	color:rgba(255, 0, 0, 1.00);
	white-space:nowrap;
	overflow-x:auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	background: #FC060A url(/img/fcb.png) no-repeat fixed 400px 20px;
	width:100%;
}

.scroll nav {
	background: #FC060A url(/img/fcb_zwei.png) no-repeat fixed 400px 20px;
}

#saisonwahl {
	padding-top:1em;
	clear:left;	
}

#tabelle {
	align-items:center;
}

.tabelleninfo, .tabellendiv, .spielplan {
		width:97%;
		border:hidden;
		clear:left;	
}

.spielp {
		width:90%;
		max-width:520px;
		background-color:#F30408;	
}
	
.spielplan .teamspalte {
	padding-top:0,2em;
	width:45%;
	float:left;
	display:none;
}

.spielplan .hwspalte, .spielplan .awspalte {
	padding-top:0,2em;
	width:45%;
	float:left;	
}

.spielplan .ergspalte {
	width:10%;
	float:left;
}

.tabellendiv #div_tab, .tabelleninfo #div_tab {
	text-align:center;
	width: 10%;
	float:left;		
}
.tabelleninfo #div_team {
	text-align:left;
	width: 55%;
	float:left;
}
.tabellendiv #div_team {
	width:0%;
	display:none;
}
.tabellendiv #div_tw {
	text-align:left;
	width:55%;
	float:left;
}
.tabellendiv #div_spiele, .tabelleninfo #div_spiele {
	text-align:center;
	width:5%;
	float:left;
}
.tabellendiv #div_gewonnen, .tabelleninfo #div_gewonnen {
	text-align:center;
	width:5%;
	float:left;
	display:none;
}
.tabellendiv #div_unent, .tabelleninfo #div_unent {
	text-align:center;
	width:5%;
	float:left;
	display:none;
}
.tabellendiv #div_nieder, .tabelleninfo #div_nieder {
	text-align:center;
	width:5%;
	float:left;
	display:none;
}
.tabellendiv #div_pkt, .tabelleninfo #div_pkt {
	text-align:center;
	width:10%;
	float:left;
}
.tabellendiv #div_ht, .tabelleninfo #div_ht {
	text-align:center;
	width:10%;
	float:left;
}
.tabellendiv #div_td, .tabelleninfo #div_td {
	text-align:center;
	width:10%;
	float:left;
}
.div_content {
	display:none;	
}
.spieldetails {
		width:98%;
}
.spieldetails .heim {
	width:100%;
	margin-bottom:0.4em;
	color:red;
}
.spieldetails #ausw {
	width:100%;
	text-align:right;
}
.toredetails {
	width:98%;
}
.heim {
	color:red;
}
.ausw {
	color:blue;
}
.toredetails .torezeit {
	width:25%;
	text-align:left;
	float:left;
}
.toredetails .tore {
	width:15%;
	text-align:left;
	float:left;	
}
.toredetails .schuetze {
	width:60%;
	text-align:left;
	float:left;	
}
#trenner {
	width:97%;
	height:20px;	
	clear: left;
}
#leertrenner {
	width:97%;
	height:0;
	clear:left;
}
.willkommen {
	padding-left:0.3em;
	font-size:1.0rem;
	font-color:red;
}
.footer {
	max-width:520px;	
}
.info {
 
	font-size: 1.2em;
	color: red;
	padding-left: 1.6em;
	max-width:720px;
}

.archiv {
	text-align:center;
}
.archiv .container {
	margin-left: 0.1em;	
}
.archiv .container .monat {
	background-color: rgba(251,0,4,1.00);
	width: 100%;
	float:left;	
	padding-left:0.2em;
	color: white;
	text-align:center;
	font-size:1.0rem;
	border-bottom:double;
}
.archiv .container .datum {
	display:none;
	border-bottom:double;
}
.archiv .container .Begegnung {
	background-color:  rgba(221,219,219,1.00);
	width: 85%;
	float:left;	
	height: 3em;
	color:black;
	text-align: center;
	font-size:0.9rem;
	padding-top:0.6rem;
	border-bottom:double;
}
.archiv .container .ergebniss {
	background-color: rgba(196,191,191,1.00);
	width: 15%;
	float:left;	
	color:black;
	height: 3em;
	text-align: center;
	font-size:0.9rem;
	padding-top:0.6rem;
	border-bottom:double;
}
.details .heim {
	padding: 0 0.5em 0 0.5em;
	text-align:left;	
}
.details .ausw {
	text-align:right;
	padding: 0 0.5em 0 0.5em;	
}
.lademehr {
	width:100%;
	background-color:rgba(179,171,171,1.00);
	text-align:center;
	font-size:1rem;	
}

@media screen and (min-width:520px) {
	body {
		font-size: 0.8em;
		width: 100%;
		max-width: 720px;
		background: url(/img/fcb_zwei.png) no-repeat fixed 500px 20px;
	}

	header {
		font-size:1.8em;
		background: #FC060A url(/img/fcb.png) no-repeat fixed 500px 20px;
	}
	.navigation {
		padding:0.2em;	
		float:left;
	}
	.scroll nav {
		background: #FC060A url(/img/fcb.png) no-repeat fixed 500px 20px;
	}

	#links {
		width:90%;
		max-width:650px;	
		float:left;
		clear:left;
	}
	.saisonwahl {
		padding-top:0.2em;
		clear:left;
	}
	.tabellendiv, .tabelleninfo, .spielplan {
		width:90%;
		max-width:600px;
		border:groove;
		clear:left;	 
	}
	#spielzeige {
		width:90%;
		max-width:600px;	
	}
	#spielp {
		width:90%;
		max-width:600px;
		background-color:#F30408;	
	}
	
	.spielplan .teamspalte {
		width: 40%;
		float:left;
		display:block;
	}
	
	.spielplan .hwspalte, .spielplan .awspalte {
		display:none;	
	}
	
	.spielplan .ergspalte {
		width:20%;
		float:left;
		text-align:center;
	}

	.tabellendiv #div_tab, .tabelleninfo #div_tab {
		text-align:center;
		width: 5%;
		float:left;		
	}
	.tabelleninfo #div_team {
		text-align:left;
		width: 50%;
		float:left;
	}	
	.tabellendiv #div_team {
		text-align:left;
		width: 50%;
		float:left;
		display:block;
	}
	.tabellendiv #div_tw {
		display:none;		
	}
	.tabellendiv #div_spiele, .tabelleninfo #div_spiele {
		text-align:center;
		width:5%;
		float:left;
	}
	.tabellendiv #div_gewonnen, .tabelleninfo #div_gewonnen {
		text-align:center;
		width:5%;
		float:left;
		display:block;
	}
	.tabellendiv #div_unent, .tabelleninfo #div_unent {
		text-align:center;
		width:5%;
		float:left;
		display:block;
	}
	.tabellendiv #div_nieder, .tabelleninfo #div_nieder {
		text-align:center;
		width:5%;
		float:left;
		display:block;
	}
	.tabellendiv #div_pkt, .tabelleninfo #div_pkt {
		text-align:center;
		width:10%;
		float:left;
	}
	.tabellendiv #div_ht, .tabelleninfo #div_ht {
		text-align:center;
		width:10%;
		float:left;
	}
	.tabellendiv #div_td, .tabelleninfo #div_td {
		text-align:center;
		width:5%;
		float:left;
	}
	.div_content {
		display:block;
		width:30%;
		max-width:180px;
	}
	.spieldetails {
		width:98%;
		clear:left;
	}
	.spieldetails #heim {
		color:red;
		width:49%;
		float:left;	
		margin-bottom:0.2em;
	}
	.spieldetails #ausw {
		color:blue;
		width:49%;
		float:right;
		text-align:right;
		margin-bottom:0.2em;
	}
	.toredetails {
		width:98%;
	}
	.heim {
		color:red;
	}
	.ausw {
		color:blue;
	}
	.toredetails .torezeit { 
		width:15%;
		float:left;
		text-align:left;
	}
	.toredetails .schuetze {
		width:80%;
		float:left;
		text-align:left;
	}
	.toredetails .tore {
		width:5%;
		float:left;
		text-align:left;	
	}
	#trenner {
		width:20%;
		height:20px;	
		clear: left;
	}
.willer {
	max-width:520px;
	width:97%;	
}
.willkommen {
	size: 1.10em;
	color:red;
	padding-left: 0.6em;
	max-width:520px;
}
.will {
	color:rgba(14,3,255,1.00);
	size:1.2em;
	width:30%;
	text-align:right;
	float:left;
	padding-top:0.4em;
	max-width:520px;
}
.info {
 
	font-size: 1.2em;
	color: red;
	padding-left: 3.6em;
	max-width:720px;
}
.archiv {
	
}
.archiv .container {
	margin-left: 0.1em;	
}
.archiv .container .monat {
	
}
.archiv .container .datum {
	background-color: rgba(251,0,4,1.00);
	width: 10%;
	float:left;	
	padding-top:0.6rem;
	padding-left:0.2em;
	height: 3em;
	color:white;
	text-align:center;
	font-size:0.9rem;
	display: block;
}
.archiv .container .Begegnung {
	width: 75%;
}
.archiv .container .ergebniss {
	width: 15%;
}
.lademehr {
	
}
.details .heim {
	width:50%;	
	float:left;
}
.details .ausw {
	width:50%;
	float:left;		
}

}

@media screen and (min-width:720px) {
body {
	max-width: 1000px;
	background: url(/img/fcb_zwei.png) no-repeat fixed 650px 20px;
}
header {
	background: #FC060A url(/img/fcb.png) no-repeat fixed 650px 20px;
}
#links {
		margin: 1em;
		width:90%;
		max-width:1000px;	
		float:left;
		clear:left;
}
.scroll nav {
	background: #FC060A url(/img/fcb.png) no-repeat fixed 650px 20px;
	}
}
@media screen and (min-width:820px) {
body {
	max-width: 1000px;
	background: url(/img/fcb_zwei.png) no-repeat fixed 750px 20px;
}
header {
	background: #FC060A url(/img/fcb.png) no-repeat fixed 750px 20px;
}
#links {
		margin: 1em;
		width:90%;
		max-width:1000px;	
		float:left;
		clear:left;
}
.scroll nav {
	background: #FC060A url(/img/fcb.png) no-repeat fixed 750px 20px;
	}
}
.willkommen {
 
	font-size: 1.0em;
	color: red;
	padding-left: 0.6em;
	max-width:720px;
}
.info {
 
	font-size: 1.2em;
	color: red;
	padding-left: 3.6em;
	max-width:720px;
}
}