@media screen, projection {
	*{
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: normal;
		text-decoration: none;
	}

	body{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 80%;
		background: #9c9c9c url(../img/bg_verlauf.gif) repeat-x top left;
	}

	strong{
		font-weight: bold;
	}
	
	p{
		margin: 1em 0;
	}
	
	/***** Tabellen *****/
	table{
	}
	
	th{
		text-align: left;
		vertical-align: top;
		margin: 0.2em;
		padding: 0.2em;
		background-color: #eee;
	}
	
	td{
		text-align: left;
		vertical-align: top;
		margin: 0.2em;
		padding: 0.2em;
		background-color: #eee;
	}
	
	th.bg, td.bg{
		background-color: #fff;
	}

	#rahmen{
		width: 860px;
		margin: 0 auto;
		border: 1px solid #009;
		background: #fff;
	}

	#kopf{
		color: #fff;
		padding: 10px 10px 20px 0px;
		background: url(../img/bg_kopf.gif) repeat-x 200px 10px;
		background-color: #009;
	}
	
	#kopf a {
		color: #fff;
	}
	
	#kopf a:focus,
	#kopf a:hover,
	#kopf a:active{
		text-decoration: underline;
	}

	#kopf h1{
		font-size: 160%;
		font-weight: bold;
	}

	#kopf h2{
		font-size: 100%;
		margin-left: 100px;
	}

	#termine{
		float: right;
		width: 24em;
		text-align: right;
		font-size: 80%;
	}

	#navigation{
		border-bottom: 1px solid #009;
	}

	#navigation ul{
		list-style-type: none;
	}

	#navigation ul li{
		float: left;
	}

	#navigation ul li a{
		float: left;
		display: block;
		padding: 5px 10px;
		border-right: 1px solid #009;
		background-color: #fff;
		color: #009;
	}

	#navigation ul li a:focus,
	#navigation ul li a:hover,
	#navigation ul li a:active{
		background-color: #eef;
		color: #009;
	}
	
	#navigation ul li.aktiv a{
		background-color: #009;
		color: #fff;
	}
	
	#navigation ul li.aktiv a:focus,
	#navigation ul li.aktiv a:hover,
	#navigation ul li.aktiv a:active{
		background-color: #eef;
		color: #009;
	}

	#kontext{
		float: right;
		width: 200px;
		padding-bottom: 2px;
	}

	.kontextbox{
		border: 1px solid #009;
		margin: 2px 2px 0 0;
		padding: 5px;
		background-color: #eef;
	}

	#kontext h2{
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 5px;
		padding: 2px;
		border: 1px dotted #009;
	}

	#kontext .werbung{
		border: 1px solid #009;
		margin: 2px 2px 0 0;
		padding: 5px;
		text-align: center;
		background-color: #009;
		color: #fff;
	}

	#kontext .werbung a{
		color: #fff;
		font-weight: bold;
	}
	
	#kontext .werbung a:focus,
	#kontext .werbung a:hover,
	#kontext .werbung a:active{
		text-decoration: underline;
	}

	#kontext a.gb{
		color: #009;
		text-decoration: underline;
		font-size: 80%;
		display: block;
	}

	#kontext a.gb:focus,
	#kontext a.gb:hover,
	#kontext a.gb:active{
		background-color: #ccf;
	}

	#kontext .gbName{
		float: left;
		width: auto;
		font-style: italic;
		font-size: 80%;
	}

	#kontext .gbDatum{
		float: right;
		width: auto;
		font-style: italic;
		font-size: 80%;
	}

	#kontext .gbEintrag{
		border-bottom: 1px solid #009;
		margin-bottom: 10px;
		padding-bottom: 4px;
		clear: both;
		font-size: 80%;
	}

	#statTable{
		border: 1px solid #009;
		width: 100%;
		font-size: 10%;
	}

	#statTd{
		width: 1%;
		border: 1px solid #009;
		background-color: #009;
	}

	#inhalt{
		margin-right: 200px;
		padding: 10px;
	}

	#inhalt h2{
		font-size: 140%;
		font-weight: bold;
		margin-bottom: 5px;
		padding: 4px;
		border: 1px dotted #009;
	}
	
	#inhalt h3{
		font-size: 120%;
		font-weight: bold;
		margin: 8px 0;
		padding: 4px;
		background-color: #eef;
	}
	
	#inhalt h4{
		font-size: 110%;
		font-weight: bold;
		margin: 8px 0;
		padding: 4px 0;
		border-bottom: 2px dotted #eef;
	}
	
	#inhalt p.listung{
		border: 1px solid #eef;
		border-top: 0;
		padding: 4px;
		margin-top: -8px;
	}
	
	#inhalt a{
		color: #009;
		text-decoration: underline;
	}
	
	#inhalt a:focus,
	#inhalt a:hover,
	#inhalt a:active{
		background-color: #ccf;
	}
	
	#galerie {
		margin: 2em 0 0 0;
	}
	
	/***** Spielplan *****/
	.spieltag{
		float: left;
		text-align: center;
		position: relative;
	}
	
	.spieltag a{
		border: 1px solid #009;
		padding: 2px;
		margin: 2px;
		width: 100px;
		display: block;
	}
	
	.spieltagAktiv{
		border: 1px solid #009;
		padding: 2px;
		margin: 2px;
		background-color: #ccf;
		float: left;
		width: 100px;
		text-align: center;
		position: relative;
	}
	
	.gruppe{
		float: left;
		text-align: center;
		position: relative;
	}
	
	.gruppe a{
		border: 1px solid #009;
		padding: 2px;
		margin: 2px;
		width: 3em;
		display: block;
	}
	
	.gruppeAktiv{
		border: 1px solid #009;
		padding: 2px;
		margin: 2px;
		background-color: #ccf;
		float: left;
		width: 3em;
		text-align: center;
		position: relative;
	}
	
	/***** Gaestebuch im Inhaltsbereich *****/
	
	#inhalt .gbTitel{
		border: 1px dotted #009;
		border-bottom: 0;
		background-color: #eef;
		padding: 4px;  
	}

	#inhalt .gbName{
		font-style: italic;
		border-right: 1px dotted #009;
		padding: 0 4px 0 0;
	}
	
	#inhalt .gbTeam{
		font-style: italic;
		border-right: 1px dotted #009;
		padding: 0 4px 0 0;
	}

	#inhalt .gbDatum{
		font-style: italic;
		border-right: 1px dotted #009;
		padding: 0 4px 0 0;
	}

	#inhalt .gbEintrag{
		border: 1px dotted #009;
		margin-bottom: 10px;
		padding: 4px;
	}
	
	#gbFormDiv{
		float: right;
		background-color: #fff;
		padding: 4px;
		margin: 0;
		border: 2px solid #009;
	}
	
	#gbFormDiv input,
	#gbFormDiv textarea{
		border: 1px solid #009;
		margin-bottom: 2px;
	}

	#fuss{
		clear: both;
		padding: 10px;
		border-top: 1px solid #009;
	}
	
	#fuss a{
		color: #009;
		text-decoration: underline;
	}
	
	#fuss a:focus,
	#fuss a:hover,
	#fuss a:active{
		background-color: #ccf;
	}
	
	/***** Nachrichten *****/
	#meldung{
		border: 2px solid #0f0;
		padding: 4px;
		margin: 10px 0;
	 }
	
	/***** Formulare *****/
	input.tore{
		width: 3em;
		text-align: right;
	}
	
	.clear{
		clear: left;
		height: 0px;
		font-size: 1%;
	}
	
	.unsichtbar{
		position: absolute;
		left: -1000px;
		top: -1000px;
		overflow: hidden;
		display: inline;
	}
}