body{
	background-color: #CF171F;
	margin: 0;
	padding: 10px;
	font-family: "Courier New",Verdana,sans-serif;
	font-size: 16px;
	color: #333;
}

img{
	border:none;
}

#page{
	width: 700px;
	margin: auto;
	padding: 0;
	background-color: #FFF;
	border: 5px solid #006;
}

#banner{
	background-color: #FFF;
	padding: 10px;
	text-align: center;
}

#banner img{
	margin-right: 10px;
}

#banner h1{
	margin: 0;
	text-align:center;
	margin-bottom: 10px;
	font-size: 28px;
	color: white;
	background-color: #666;
}


#content{
	background-color: #FFF;
	padding: 10px;
}

#footer{
	clear:both;
	background-color: #CCC;
	padding: 10px;
	font-size: 10px;
}

#content p{
	line-height: 140%;
}

h2{
	color: #900;
}

a, a:hover, a:active, a:visited{
	color: #036;
}

a:hover{
	color: #900;
}

#mannometer div{
	display: inline;
	width: 20px;
	vertical-align:top;
	height: 18px;
	border-right: 2px solid #666;
	margin: 0;
	padding: 0 20px;
}

.mannometerLeer{
	background-color: #CCC;
}

.mannometerGut{
	background-color: #090;
}

.small{
	font-size: 10px;
}

table{
	width: 400px;
	border: 1px solid #CCC;
}

th
{
	text-align: right;
	font-size: 12px;
	padding: 2px;
	white-space: nowrap;
}

td{
	padding: 5px;
}

input.alert,textarea.alert{
	border: 1px solid red;
}


ul{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom: 10px;
}

li{
	text-align: center;
	vertical-align:bottom;
	float:left;
	width:180px;
	height: 250px;
	padding:10px;
	border: 1px solid #CCC;
	margin-right: 10px;
}