html {
	height: 100%;
}

body {
	background-color: #000;
	color: #fff;
	font: 100.01% sans-serif;
	min-height: 101%;
}

#wrapper {
	margin: 1em auto 8em auto;
	min-width: 400px;
	max-width: 1200px;
	width: 85%;
}

 #header {
 	background: #000 url(../../img/fightclub-bitterfeld.png) top right no-repeat;
 	margin: 0 0 1em 0;
	min-height: 150px;
 }
  #header.werbung {
  	background: #000;
  }
  #header.werbung h1 {
  	height: 0;
  	margin: 0;
	padding: 0;
  	text-indent: -9999px;
	width: 0;
  }
  #header.werbung object,
  #header.werbung embed {
  	height: 150px;
	margin: 0 auto;
	text-align: center;
  	width: 850px;
  }
  #header h1 {
  	background: #000 url(../../img/fightclubbronxx.gif) center no-repeat;
	height: 150px;
	text-indent: -9999px;
  	width: 150px;
  }
  #header .flashwerbung {
  	margin: 0 auto;
	width: 850px;
  }
  #navigation {
  	margin: 1em 0 0 0;
  }
   #navigation li {
  	 float: left;
	 margin: 0 1px 0 0;
  	 width: auto;
   }
    #navigation .active span,
    #navigation a {
   	 display: block;
	 border: 1px solid #dcdcdc;
	 color: #dcdcdc;
	 font: 80% Arial, sans-serif;
	 padding: 0.35em 0.5em;
	 text-align: center;
	 text-transform: lowercase;
    }
    #navigation .active span,
    #navigation a:hover {
   	 border-color: #f44;
    }
    #navigation a:hover {
   	 color: #f44;
    }
	#navigation a:visited {
		color: #dcdcdc;
	}
	
	#body { overflow: hidden; }

#content, #sidebar {
	background-color: #1c1c1c;
	border: 1px solid #FF9966;
	color: #ccc;
	padding: 0.5em;
}

#content {
	float: left;
	font-size: 80%;
	width: 70%;
}
 #content h2 {
 	font: bold 120% Arial, sans-serif;
	margin: 0.25em 0 0.5em 0;
 }
 #content table {
 	margin: 0 auto 1em auto;
	table-layout: fixed;
	width: 95%;
 } 
  #content table td {
  	width: 45%;
  }
  #content tr td:last-child {
  	text-align: left;
  }
  #content .team tr td:last-child {
	text-align: left;
  }
  #content caption,
  .infobox h4 {
  	font: bold 130% Arial, sans-serif;
	margin: 1em 0 0.25em 0;
	text-align: center;
  }
  #content caption {
  	text-align: left;
  }
 #content h3 {
 	margin: 0.5em 0 0.25em 0;
	font: bold 110% Arial, sans-serif;
 }
 #content p {
 	margin: 0 0 1em 0;
 }
 #content a {
 	color: #ccc;
 	text-decoration: underline;
 }
  #content a:visited {
  	color: #ccc;
  }

#sidebar {
	float: right;
	width: 25%;
	padding-bottom: 20px;
}
 #sidebar ul {
 	margin: 0 auto;
	width: 200px;
 }

#footer {
	margin: 0.5em 0 0 0;
	padding: 0 0 1em 0;
}

#footer p,
#footer a {
	text-align: center;
}
 #footer a  {
 	color: #ccc;
 	font-size: 80%;
 }
 #footer a:hover  {
	color: #f44;
	text-decoration: underline;
 }

.infobox {
	margin: 1em 0;
}
 .infobox h2,
 .infobox p {
	text-align: center;
 }
 .infobox h2 {
 	color: #f00;
	font: bold 150% Arial, sans-serif;
	margin: 0 0 0.25em 0;
 }
  .infobox .image {
	color: #FDF5E6;
  	margin: 1em 0 1.5em 0;
  }
  .infobox .image img {
 	 display: block;
	 margin: 0 auto 0.25em auto;
  }
  .infobox .image span {
  	font: bold italic 120% Arial, sans-serif;
  } 
  .infobox h4,
  .infobox ul {
  	margin: 0 auto;
	width: 40%;
  }

.sponsor img {
	display: block;
	margin: 0.5em auto;
	text-align: center;
}

.flash {
	margin: 0.5em 0;
}
 .flash h3 {
	font: 80% Arial, sans-serif;
	margin: 0 0 0.25em 0;
	text-align: center;
 }
 .flash img {
 	width: 200px;
	height: 150px;
	display: block;
	margin: 0.5em auto;
 }
.clear {
	display: block;
	clear: left;
	height: 1px;
	margin: -1px 0 0 -1px;
	width: 1px;
}

#downloads {
	margin: 1em auto;
	width: 80%;
	overflow: auto;
}
 #downloads li {
 	background-color: #3F3F3F;
 	margin: 0 2em 1em 0; padding: 1em;
	border: 1px solid #888;
 	float: left;
 }
  #downloads li h3 {
  	font: bold 120% Arial, sans-serif;
  }
   #downloads a {
   	text-decoration: none;
   }
   #downloads a:hover {
	text-decoration: underline;
   }