/* ------------------------------------------------------------ */
/* general ---------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../img/bg_navigation.gif) repeat-x;
	font: 75%/170% Verdana, Arial, sans-serif;
	text-align: center; /* for IE 5.x */
}

body * {
	text-align: left;
}



h2 {
	font: bold 1.2em Arial, sans-serif;
}

h2 a {
	color: #666666;
	text-decoration: none;
}

h2 a:hover {
	background-color: #333333;
	color: #FFFFFF;
	text-decoration: none;
}

h3 {
	text-indent: -9999px;
}

h3#news {
 	background: url(../img/hdl_news.gif) no-repeat;
  height: 31px;
	width: 41px;
}

h3#last-games {
 	background: url(../img/hdl_letzte_spiele.gif) no-repeat;
  height: 31px;
	width: 97px;
}

h3#next-games {
 	background: url(../img/hdl_naechste_spiele.gif) no-repeat;
  height: 31px;
	width: 107px;
}

h4 {
	font: 0.8em Verdana, Arial, sans-serif;
	text-transform: uppercase;
}

div#wrapper {
	margin: auto;
	width: 960px;
}

/* ------------------------------------------------------------ */
/* logo ------------------------------------------------------- */

h1 {
 	background: url(../img/logo.gif) no-repeat;
  float: left;
  height: 150px;
	text-indent: -9999px;
	width: 150px;
}

h1 a {
	display: block;
	height: 150px;
	width: 150px;
}

/* ------------------------------------------------------------ */
/* navigation ------------------------------------------------- */

ul#nav {
	list-style-type: none;
	margin-left: 200px;
	padding-top: 63px;
}

ul#nav li {
	float: left;
	margin-right: 20px;
}

ul#nav li a, ul#nav li span  {
	display: block;
	height: 20px;
	text-indent: -9999px;
}

ul#nav li#team { background: url(../img/nav_team.gif) no-repeat right; width: 39px; }
ul#nav li#team a:hover, ul#nav li#team-active { background: url(../img/nav_team_active.gif) no-repeat right; width: 39px; }

ul#nav li#zahlen { background: url(../img/nav_zahlen.gif) no-repeat right;  width: 51px; }
ul#nav li#zahlen a:hover, ul#nav li#zahlen-active { background: url(../img/nav_zahlen_active.gif) no-repeat right; width: 51px; }

ul#nav li#verein { background: url(../img/nav_verein.gif) no-repeat right; width: 47px; }
ul#nav li#verein a:hover, ul#nav li#verein-active { background: url(../img/nav_verein_active.gif) no-repeat right; width: 47px; }

ul#nav li#galerie { background: url(../img/nav_galerie.gif) no-repeat right; width: 55px; }
ul#nav li#galerie a:hover, ul#nav li#galerie-active { background: url(../img/nav_galerie_active.gif) no-repeat right; width: 55px; }

ul#nav li#nachwuchs { background: url(../img/nav_nachwuchs.gif) no-repeat right; width: 80px; }
ul#nav li#nachwuchs a:hover, ul#nav li#nachwuchs-active { background: url(../img/nav_nachwuchs_active.gif) no-repeat right; width: 80px; }

ul#nav li#gaestebuch { background: url(../img/nav_gaestebuch.gif) no-repeat right; width: 75px; }
ul#nav li#gaestebuch a:hover, ul#nav li#gaestebuch-active { background: url(../img/nav_gaestebuch_active.gif) no-repeat right; width: 75px; }

ul#nav li#kontakt { background: url(../img/nav_kontakt.gif) no-repeat right; width: 59px; }
ul#nav li#kontakt a:hover, ul#nav li#kontakt-active { background: url(../img/nav_kontakt_active.gif) no-repeat right; width: 59px; }

/* ------------------------------------------------------------ */
/* content ---------------------------------------------------- */

#content-wrapper {
	clear: left;
	font-size: 0.95em;
}


/* --- sidebar --- */

div#sidebar {
	float: left;
	width: 250px;
}

div#sidebar ol {
	/*background: url(../img/bg_sidebar_main.gif) repeat-x bottom;*/
	list-style-type: none;
	margin-bottom: 30px;
	width: 230px;
}

div#sidebar ol li {
	background: url(../img/bg_sidebar_element.gif) repeat-x top;
	padding: 5px 0px;
}

div#sidebar ol li:hover {
	background-color: #F7F7F7;
}

div#sidebar ol li h4 a {
	color: #FF9900;
	display: block;
	text-decoration: none;
}

div#sidebar ol li h4 a:hover {
	background-color: #FF9900;
	color: #FFFFFF;
}

div#sidebar ul {
	padding-left: 20px;
	list-style-type: none;
	width: 150px;
}

div#sidebar ul li {
	margin-bottom: 10px;
	text-align: center;
}

div#sidebar ul li img {
	border: none;
}

div#sidebar th, caption {
  font-weight: bold;
	padding: 0.25em;
	background-color: lightgrey;
}

div#sidebar table {
	font-size: 10px;
	border-collapse: collapse;
	border: 1px solid lightgrey;
}

div#sidebar td {
	padding: 0.25em 0.5em 0.25em 0.5em;
	border: 1px solid lightgrey;
	text-align: left;
}

/* --- content-main --- */

#content-main {
	/*background-color: #CCCCCC;*/
	/*clear: left;*/
	/*float: right;*/
	margin-left: 280px;
	margin-right: 170px;
	width: 487px;
	
}

#topnews {
	list-style-type: none;
}

#topnews li {
	margin-bottom: 30px;
}

#topnews li h3 a {
	color: #666666;
	text-decoration: none;
}

#topnews li ol {
	list-style-type: none;
	padding-left: 10px;
}

#topnews li ol li {
	margin: 0;
}

#topnews li h3 a:hover {
	color: #FFFFFF;
	background-color: #666666;
}

#topnews p em {
	background: url(../img/bg_sidebarelement.gif) repeat-x bottom;
	display: block;
	margin-bottom: 5px;
}

#archivenews {
	list-style-type: none;
}

#archivenews li {
	margin-bottom: 10px;
}

th {
	color: #333333;
	font: bold 1em Arial, sans-serif;
	letter-spacing: 0.2em;
	text-align: center;
	text-transform: uppercase;
}

td {
	empty-cells: show;
	font-size: 0.9em;
	padding: 2px 5px;
	text-align: center;
}

tr#even {
	background-color: #F7F7F7;
}

td a {
	color: #339933;
	text-decoration: none;
}

td a:hover {
	background-color: #339933;
	color: #FFFFFF;
}


/* --- rightbar --- */

div#rightbar {
	float: right;
	width: 150px;
}

div#rightbar ul {
	padding-left: 20px;
	list-style-type: none;
	width: 150px;
}

div#rightbar ul li {
	margin-bottom: 10px;
	text-align: center;
}

div#rightbar ul li img {
	border: none;
}

/* ------------------------------------------------------------ */
/* footer ----------------------------------------------------- */

/*div#footer {
	background: url(../img/bg_footer.gif) repeat-x bottom;
	clear: left;
	height: 100px;
}*/