/* Styles für Tippspiel-Seite */
/* (c) 2006 by Rolf Bruderer */

/* Definition der Farben siehe Doku in page.css.colors */

/* Main Styles */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #eeeeee;/*normal-font-color*/
	text-decoration: none;
	background-color: #000000;/*body-background*/
	}
	
p {
	margin: 5px 0px 5px 0px;
	}
	
p.legende {
	font-size: 8pt;
	}
	
	
/* Titles */
	
h1 {
	font-size: 14pt;	
	color: #eeeeee;/*title-font-color*/
	margin: 5px 0px 10px 0px;
	}
	
h2 {
	font-size: 13pt;
	color: #eeeeee;/*title-font-color*/
	margin: 15px 0px 10px 0px;
	}
	
/* Links */

a:link, a:visited, a:active {
	color: #dddddd;/*link-font-color*/
	text-decoration: none;
	font-weight: bold;
	}

a:hover {
	color: #2222ff;/*link-hover-font-color*/
	text-decoration: none;
	font-weight: bold;
	}
	
a.aktiv:link, a.aktiv:visited, a.aktiv:active {
	color: #ffffff;/*link-active-font-color*/
	}
	
/* Sections */

div.menu {	
	float: left;
	display: table;
	margin: 0px 0px 0px 0px;
	width: 200px;		
	}
	
div.errorBox {
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border-color: #ff0000;/*button-border-color*/
	border-style: solid;
	border-width: 2px;
	background-color: #eeeeee;/*error-box-background*/
	color: #FF0000;/*error-font-color*/
	font-weight: bold;
	}
	
div.errorBox h1, div.errorBox h2 {
	color: #FF0000;/*error-font-color*/
	}
	
div.error {
	margin: 5px 0px 5px 0px;
	color: #FF0000;/*error-font-color*/
	font-weight: bold;
	}
	
div.signet {
	margin: 5px 5px 5px 5px;
	}
	
div.block, div.links, div.login, div.user, div.info, div.statistik, div.rangliste, div.kommentare {
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	background-color: #880000;/*div-block-background*/
	}
	
div.kommentar, div.box, form.box {
	background-color: #660000;/*box-table-background*/
	padding:3px;
	margin-bottom:2px;
	}
	
div.kommentar div.name {
	background-color: #660000;/*box-table-background*/
	color:#bbbbbb;/*less-important-font-color*/
	font-size:8pt;
	float: left;
	display: table;
	margin: 0px 0px 0px 0px;
	padding:0px;
	width: 175px;	
	} 

div.kommentar div.datum {
	background-color:#660000;/*box-table-background*/
	color:#bbbbbb;/*less-important-font-color*/
	font-size:8pt;
	display: table;
	padding:0px;
	margin: 0px 0px 0px 0px;	
	}
	
div.input, div.user_links, div.user_teams, div.user_info {
	margin: 5px 0px 5px 0px;
	}
	
div.link {
	font-size: 12pt;
	margin-bottom: 5px;
	}

div.content {
	margin: 0px 0px 0px 0px;	
	}
	
div.left {
	float: left;
	display: table;
	margin: 0px 0px 0px 0px;
	width: 480px;
	}
	
div.right {
	float: left;
	display: table;
	margin: 0px 0px 0px 0px;
	width: 300px;
	}
	
div.ads {
	float: left;
	display: table;
	margin: 5px 5px 5px 5px;
	width: 130px;
	}
	
div.fixWidth {
	width:1200px;
	}

	
/* Tables */	

th {
	padding: 2px 5px 2px 5px;
	background-color: #003300;/*th-background*/
	color:#eeee00;/*th-font-color*/	
	}

td {
	padding: 2px 5px 2px 5px;
	background-color: #eeeeee;/*td-background*/
	color:#220000;/*td-font-color*/
	}
	
table a:link, table a:visited, table a:active {
	color: #dd0000;/*link-in-table-font-color*/
	}
	
table a:hover {
	color: #0000ff;/*link-in-table-hover-font-color*/
	}
	
th.anspielzeit {
	width: 50px;
	}
	
th.name {
	width: 180px;
	}
	
th.teamtipp {
	text-align: center;
	}
	
th.spiel {
	text-align: center;
	}

th.statistik {
	width: 35px;
	text-align: center;	
	}
	
th.resultat {
	text-align: center;
	}
	
th.punkte {
	text-align: center;
	}
	
td.anspielzeit {
	width: 50px;
	}
	
td.resultat {
	text-align: center;
	}	
	
td.statistik {
	width: 35px;
	text-align: center;	
	}
	
td.punkte {
	text-align: center;
	}

td.teamtipp {
	text-align: center;
	}

td.spiel {
	text-align: center;
	}

td.team1 {
	text-align: right;
	}
	
td.team2 {
	text-align: left;
	}

td.team1fix {
	text-align: right;
	width: 100px;
	}
	
td.team2fix {
	text-align: left;
	width: 100px;
	}
	
table.box, table.box td {
	background-color: #660000;/*box-table-background*/
	color: #eeeeee;/*normal-font-color*/
	}

/* Forms */

fieldset {
	display: block;
	border: 1px solid #ddaaaa;/*form-fieldset-border-color*/
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	background: #880000;/*div-block-background*/
	}

legend {
	display:block;
	background: #660000;/*form-legend-background*/
	color: #eeeeee;/*form-legend-font-color*/
	margin: 0px -5px 0px -5px;
	padding: 2px 10px 2px 10px;
	border: 1px solid #ddaaaa;
	font-weight: bold;
	}
	
label.left {   /* for labels that are on the left side of input fields, or check boxes on same side */
	margin: 5px 5px 5px 20px;
	display: block;
	clear: both;
	float: left;
	width: 150px;	
	}
	
div.leftformtext { /* for text and other parts in formulars that have to align with labels on left side. */
	margin: 5px 5px 5px 20px;
	}
		
	
input.margin {
	margin-top:3px;
	margin-bottom:3px;	
	}
	
input.field, textarea.field {  /* for labels that are on the right side of their labels. */
	margin: 5px 0px 5px 5px;
	width: 220px;
	}	
	
input.tore {
	width: 20px;
	}
	
input.button {
	border-color: #bb0000;/*button-border-color*/
	border-style: solid;
	border-width: 1px;
	color: #880000;/*button-font-color*/
	background-color: #ddcccc;/*button-background*/
	font-weight: bold;
	width: auto;
	cursor:pointer;
	}
	
input.button:hover {
	border-color: #cc0000;/*button-border-color*/
	border-style: solid;
	border-width: 1px;
	color: #990000;/*button-font-color*/	
	background-color: #eeeeee;/*button-hover-background*/
	font-weight: bold;
	width: auto;
	cursor:pointer;
	}	
	
input.kommentar, textarea.kommentar {
	margin-top:3px;
	margin-bottom:3px;
	width:270px;	
	}