/* <!-- Allgemeines -->	*/

BODY  { font-family: Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; text-decoration : none; background:#ffffff; }

P		{font-family: Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; text-decoration : none; }

hr {
	border: none;
	border-bottom: dotted 1px white;}

/* <!-- Tabellen und Zellen --> */

TABLE		{ }

TABLE.black{ background:#000000; }

TH			{ color:#000000; font-size:12px; background:#FFCC00; font-weight: bold; }

TD			{ color:#ffffff; font-size:12px; }

TD.greyh	{ color:#ffffff; background:#666666; }
TD.greyhy 	{ color:#FFCC00; background:#666666; }

TD.greyd  	{ color:#ffffff; background:#333333; }
TD.greydy	{ color:#FFCC00; background:#333333; }

TD.black 	{ color:#ffffff; background:#000000; }
TD.dark 	{ color:#ffffff; background:#101010; }

TD.yellow	{ color:#000000; background:#FFCC00; }

TD.titel	{ color:#000000; font-size:30px; background:#FFCC00; }

TD.thumb	{ width:100px; text-align:center; vertical-align:top; padding-top:6px; padding-bottom:6px; padding-left:10px; padding-right:10px; }

TD.strich	{ color:#ffffff; background:#ffffff; padding:1px; }

TD.bild		{ font-size:11px; padding-top:0px; padding-bottom:6px; padding-left:0px; padding-right:6px; }

td.zahl		{ text-align: right; }


/* <!-- Titel/Headlines --> */

H1  {font-size:16px; color: #ffcc00; font-weight: bold; line-height:16px; text-align:center;}
.yellow H1 {color: #000000; }

H2  {font-size:14px; color: #ffcc00; font-weight: bold; line-height:14px; text-align:center; }
.yellow H2 {color: #000000; }

H3  {font-size:12px; color: #ffcc00; font-weight: bold; line-height:12px; text-align:center; }
.yellow H3 {color: #000000; }


/* links, neu */

A:link			{ color:#ffcc00; font-size:12px; font-weight: bold; text-decoration: underline; }
A:visited		{ color:#ffee66; font-size:12px; font-weight: bold; text-decoration: underline; }
A:active		{ color:#ff9900; font-size:12px; font-weight: bold; text-decoration: underline; }
A:hover			{ color:#ff9900; font-size:12px; font-weight: bold; text-decoration: underline; }

A.menu:link		{ color:#ffcc00; font-size:14px; font-weight: bold; text-decoration: none; }
A.menu:visited	{ color:#ffee66; font-size:14px; font-weight: bold; text-decoration: none; }
A.menu:active	{ color:#ff9933; font-size:14px; font-weight: bold; text-decoration: none; }
A.menu:hover	{ color:#ff9900; font-size:14px; font-weight: bold; text-decoration: underline; }

A.invis				{ color:#ffffff; font-size:12px; font-weight: normal; text-decoration: none; }
A.invis:visited		{ color:#ffffff; font-size:12px; font-weight: normal; text-decoration: none; }
A.invis:active 		{ color:#ffffcc; font-size:12px; font-weight: normal; text-decoration: none; }
A.invis:hover		{ color:#ffffcc; font-size:12px; font-weight: normal; text-decoration: underline; }

TD.yellow A:link		{ color:#333333; font-weight: bold; text-decoration: underline; }
TD.yellow A:visited		{ color:#666666; font-weight: bold; text-decoration: underline; }
TD.yellow A:active 		{ color:#000000; font-weight: bold; text-decoration: underline; }
TD.yellow A:hover		{ color:#000000; font-weight: bold; text-decoration: underline; }

TD.yellow A.menu:link	{ color:#333333; font-size:14px; font-weight: bold; text-decoration: none; }
TD.yellow A.menu:visited{ color:#666666; font-size:14px; font-weight: bold; text-decoration: none; }
TD.yellow A.menu:active	{ color:#000000; font-size:14px; font-weight: bold; text-decoration: none; }
TD.yellow A.menu:hover	{ color:#000000; font-size:14px; font-weight: bold; text-decoration: underline; }

TD.yellow A.invis			{ color:#000000; font-size:12px; font-weight: normal; text-decoration: none; }
TD.yellow A.invis:visited	{ color:#000000; font-size:12px; font-weight: normal; text-decoration: none; }
TD.yellow A.invis:active	{ color:#101010; font-size:12px; font-weight: normal; text-decoration: none; }
TD.yellow A.invis:hover		{ color:#101010; font-size:12px; font-weight: normal; text-decoration: underline; }



/* <!-- Formulare --> */

select		{ color:#ffffff; background-color:#666666; }
select.selxs	{ width:25px; }
select.selkl	{ width:50px; }
select.seljahr	{ width:60px; }
select.selmid	{ width:100px; }
select.selgr	{ width:200px; }
select.selxl	{ width:400px; }
select.menublack{ color:#ffcc00; background-color:#000000; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; width:180px; }

textarea		{ color:#ffffff; background-color:#666666; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; width:320px; height:100px; }
textarea.areakl	{ width:100px; height:50px;}
textarea.areamid{ width:200px; height:100px;}
textarea.areagr	{ width:400px; height:200px;}

input			{ color:#ffffff; background-color:#666666; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; }
input.txtxs		{ width:25px; }
input.txtkl		{ width:50px; }
input.txtmid	{ width:100px; }
input.txtgr		{ width:200px; }
input.txtxl		{ width:400px; }

input.radio		{ width:20px; }

input.button	{ width:90px; }
input.buttonkl	{ width:50px; }
input.buttongr	{ width:130px; }


/* Spezielle Stiele für Bereiche: */

/* Artikel (News und Spielberichte */
.article {
	overflow: hidden;
}

.artikel p.datum {
	margin:  0px;
	text-align: right;
}

.artikel p.lead {
	font-weight: bold;
}

.artikel .bild {
	float: left;
	width: 200px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.artikel table.spieler tr.goalie td {
	background:#666666
}

.artikel table.spieler td.name,
.artikel table.spieler th.name {
	width: 150px;
	text-align: left;
}

.artikel table.spieler td.zahl,
.artikel table.spieler th.zahl {
	width: 35px;
	padding: 0 5px;
	text-align: right;
}

/* Kommentare von Artikeln */
div.comments {
	margin-top: 30px;
	padding-top: 10px;
	border-top: 1px #ffffff dotted;
}

div.comments h2 {
	text-align: left;
}

.comment {
	overflow: hidden;
	border-top: 1px #999999 dotted;
}

div.comment img {
	float: left;
	width: 100px;
	margin-bottom: 12px;
}

div.comment p {
	margin-left: 110px;
}

div.comment .header p,
div.comment .footer p {
	color:  #999999;
}

div.comment #avaiable-chars {
	float: right;
	margin: 12px 0;
}

div.comment #edit-comment-textarea {
	margin: 12px 0px 12px 110px;
}

div.comment .submit {
	margin-left: 110px;
}

div.comment .reset {
	margin-left: 10px;
}

/* Teaser von Artikeln */
.teaser {
	overflow: hidden;
}

.teaser h2 {
	text-align: left;
	cursor: pointer;
}

.teaser h2:hover {
	color:#ff9900;
}

.teaser span.datum {
	color:  #999999;
}
.teaser .bild {
	float: left;
	margin-right: 10px;
}

.teaser .bild img {
	border:  none;
}