/* css fuer das monatsprognosespiel */

html, body { 
	margin: 10px 30px;
}

body {
	background-image: url(/css/clouds.gif);
	background-repeat: repeat-x;
	background-color: #bdcee7;
	font:  0.9em   "MS Trebuchet" ,verdana, sans-serif;
}

.content {
width:500px;
float:left;
}

.banner {
width:300px;
float:right;
}

.clear {clear:both;}
table { margin-top: 10px;}
table, tr, td { text-align: left;}

.user td{ border-top: 1px solid gray;}
.temp { background-color: #CF0;}
.regen { background-color: #9FF;}
.sonne { background-color: #FF0;}
.punkte{ background-color: #FA0;}
.punkte_jahr{ background-color: #FC0;}
.punkte_monat { background-color: #FC9;}

.jan { background-color: #CF0;}
.feb  {background-color: #CF1;}
.mar { background-color: #CF2;}
.apr { background-color: #CF3;}
.mai { background-color: #CF4;}
.jun { background-color: #CF5;}
.jul { background-color: #CF6;}
.aug { background-color: #CF7;}
.sep { background-color: #CF8;}
.okt { background-color: #CF9;}
.nov { background-color: #CFC;}
.dez { background-color: #FC3;}
.som { background-color: #FF3;}
.win { background-color: #FFC;}

#header {
	margin-top: 20px;
}

.border {
	border: 1px solid gray;
	border-spacing: 2px;
	empty-cells: show;
}

.rechts {
	text-align: right;
	float: right;
}
 
 .links {
	text-align: left;
	float: left;
 }
 
 #footer{
	padding: 0 20px;
	color: #000;
	border: 1px solid #333;
	font: x-small  "MS Trebuchet" , "MS Trebuchet" ,verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
	margin:0; 
	height:35px; 
	background:#bdcee7 url(/css/three_0.gif); 
	position:relative; 
	border:1px solid #000; 
	border-width:0 1px; 
	border-bottom:1px solid #444;
} 
#footer span {padding-top:3px;}

a {
	background-color: transparent;
	color: #000;
	text-decoration: underline; 
}

.red { background-color: red; color: white;}
.red a { background-color: transparent; color: #fff; text-decoration: underline; } 
.red_tipp td {background:orange!important;}

#footer * a {
	display: block;
	background-color: transparent;
	color: #000;
	font: x-small #000  "MS Trebuchet" ,verdana, sans-serif;
}

form#monatsauswertung table , form#sonderauswertung table {
	border: 1px solid red;
}

ul.horizontal {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.horizontal li {
	float: left;
	margin: 0;
	padding-right: 10px;
}

.clear { clear: both; }
.contentfield {background:white;}
.center {text-align:center;}
.right  {text-align:right;}
.highlight td {background:red;color:#fff;}

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_three */

.menu3 {padding:0 0 0 20px; margin:0; list-style:none; height:35px; background:#bdcee7 url(/css/three_0.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.noborder {border-bottom:0px;}
.menu3 li {float:left;}
.menu3 li a {display:block; float:left; height:35px; line-height:35px; color:#000; text-decoration:none; font-size:11px; font-family:arial,  "MS Trebuchet" ,verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu3 li a strong {float:left; display:block; padding:0 16px 0 8px;}
.menu3 li.current a {color:#000; background:url(/css/three_2.gif);}
.menu3 li.current a strong {background:url(/css/three_2.gif) no-repeat right top;}
.menu3 li a:hover {color:#fff; background:#000 url(/css/three_1.gif);}
.menu3 li a:hover strong {background:url(/css/three_1.gif) no-repeat right top;}
.menu3 li.current a:hover {color:#fff; background:#000 url(/css/three_2.gif); cursor:default;}
.menu3 li.current a:hover strong {background:url(/css/three_2.gif) no-repeat right top;}

.menu {width:100%;margin: 0 30px;}

#sig {display:none;}
#guestbook dt {margin-top:20px;}
#guestbook dd {border:1px solid black; border-width : 0px 1px 1px 0px;}

.small {font-size:0.8em;}