body {
	padding: 0;
	margin: 0;		
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font-size : 62.5%; /* for jquery styling */
}
#website {
	margin: 0 auto;
	width: 924px;	
	/*height: 100%;*/
}
#top {
	width: 922px;
	height: 162px;
	background-image: url(images/header_metlogo.jpg);
	float: left;
	border-right: 1px solid #858484;
	border-left: 1px solid #858484;
}
.topsideheader {
	width: 215px;
	height: 24px;
	background-image: url(images/bg_side.jpg);
	font-family: arial;
	color: #FFFFFF;
	font-size: 14px;
	padding: 5px 0px 0px 5px;
	float: left;
	border-right: 1px solid #858484;
}
.topsideheader2 {
	width: 215px;
	height: 24px;
	background-image: url(images/bg_menu.jpg);
	font-family: arial;
	color: #FFFFFF;
	padding: 5px 0px 0px 5px;
	float: left;
	border-right: 1px solid #858484;
}
.topsideheader a {
	color: #FFFFFF;
}
.topsideheader a:hover{
	color: #000000;
}

#left {
	width: 702px;
	float: left;
	min-height: 600px;
	border-left: 1px solid #858484;
	border-bottom: 1px solid #858484;
}
#right {
	width: 220px;
	float: right;
	background-color: #b50000;
	border-right: 1px solid #858484;
	border-bottom: 1px solid #858484;
}
#leftright {
	width: 923px;
	float: left;
	min-height: 600px;
	border-left: 1px solid #858484;
	border-bottom: 1px solid #858484;
	/*border-right: 1px solid #858484;*/
}

.background {
	height: 100%;
	background-color: #FFFFFF;
	background-image: url(images/bg_text.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	/*border-left: 1px solid #858484;*/
	border-right: 1px solid #858484;
	/*border-bottom: 1px solid #858484;*/
}

.item {
	font-family: trebuchet MS;
	color: #555555;
	width: 661px;
	font-size: 12px;
	float: left;
	padding: 8px 20px 10px 20px; /* Top padding was 20px, but the bg_text.jpg was 2px too small. Hence this quick solution (would be better to adjust the image */
	text-align: justify;
	/*position: relative;*/
	/*z-index: 0;*/
}

.totalitem {
	font-family: trebuchet MS;
	color: #555555;
	width: 882px;
	font-size: 12px;
	float: left;
	padding: 8px 20px 10px 20px; /* Top padding was 20px, but the bg_text.jpg was 2px too small. Hence this quick solution (would be better to adjust the image */
	text-align: justify;
	margin: 0 auto;
}
.content {
	padding-left: 50px;
	padding-top: 15px;
	padding-right: 50px;
	/*font-family: arial;
	font-size: 11px;*/
}
#fotoalbum {
	/*padding-left: 50px;
	padding-top: 15px;
	padding-right: 50px;*/
	margin: 0 35px;
}

.homeitem {
	font-family: trebuchet MS;
	color: #555555;
	width: 661px;
	font-size: 12px;
	float: left;
	padding: 8px 20px 10px 20px; /* Top padding was 20px, but the bg_text.jpg was 2px too small. Hence this quick solution (would be better to adjust the image */
	text-align: justify;
	background-color: #FFFFFF;
	background-image: url(images/bg_text.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	/*border-left: 1px solid #858484;*/
	border-right: 1px solid #858484;
	border-bottom: 1px solid #858484;
	/*position: relative;*/
	display: inline;
}
.adminmenu
{
    width: 922px;	
    height: 29px;
    /*float: left;*/
    background-image: url(images/bg_menu.jpg);
    padding: 0;
    margin: 0;
    border-left: 1px solid #858484;
	border-right: 1px solid #858484;
}

.adminitem {
	font-family: trebuchet MS;
	color: #555555;
	width: 902px;
	font-size: 12px;
	float: left;
	padding: 10px 10px 10px 10px; /* Top padding was 20px, but the bg_text.jpg was 2px too small. Hence this quick solution (would be better to adjust the image */
	text-align: justify;
	background-color: #FFFFFF;
	background-image: url(images/bg_text.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border-left: 1px solid #858484;
	border-right: 1px solid #858484;
	border-bottom: 1px solid #858484;
}

/*.item img {
	position: relative;
	z-index: 1;
}*/
.item p {
	/*display: inline;*/
	/*margin: 0px 50px 12px 50px;*/
}
.item small {
	font-style: italic;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	margin-bottom: 2px;
	max-width: 200px;
}
.center {
	text-align: center;
}


h1 {
	color: #00a008;
	font-size: 16px;
	font-family: trebuchet MS;
	margin: 10px 0px 0px 0px;
}
h2 {
	color: #b50000;
	font-size: 14px;
	font-family: trebuchet MS;
	margin: 10px 0px 10px 0px;
}
small {
	float: left;
}

a {
	color: #B50000;
	text-decoration: none;
}
a:hover {
	/*color: #850404;*/
	color: #000000;
}

.selected {
	/*font-style: italic;*/
	display: inline;
	font-variant: small-caps;
}

a.itemlink {
	color: #B50000;
	font-weight: bold;
	text-decoration: none;
	/*margin-bottom: 10px;*/
	/*position: absolute;*/
	/*bottom: 10px;*/
}
a.itemlink:hover {
	color: #000000;
}

.sideheader {
	width: 210px;
	height: 19px;
	background-image: url(images/bg_side.jpg);
	font-family: arial;
	color: #FFFFFF;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	float: left;
}
.sideheader a {
	color: #FFFFFF;	
}
.sideheader a:hover {
	color: #000000;	
}
.side {
	float: left;
	width: 210px;
	font-family: arial;
	color: #FFFFFF;
	font-size: 11px;
	padding: 5px 5px 10px 5px;	
}


.side a {
	color: #FFFFFF;
	padding: 0;
	font-size: 11px;	
	font-weight: bold;
}

.side a:hover {
	color: #000000;
	padding: 0;	
	text-decoration: none;
}
.side ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

table.standing {
	padding: 0px;	
	margin: 0px;
	width: 100%;
}
table.standing tr {
	padding: 0px;
	margin: 0px;
}
table.standing td {
	font-family: arial;
	font-size: 11px;
	padding: 0px 5px 0px 0px;
	margin: 0px;
}
table.standing .score {
	display: inline;
	font-weight: bolder;
}
table.standing .team {
	width: 140px;
}
table.standing .hoeve {
	font-weight:bolder;
}
table.standing .pos {
	width: 40px;
}
table.standing .result {
	font-size: 12px;
	font-style:italic;
	text-align: right;
	padding: 0px;
	width: 15px;
}
table.standing .program {
	font-size: 11px;
	font-style: italic;
	text-align: center;
	padding: 0px;
}
table.standing .update {
	text-align: center;
	font-size: 10px;
}
table.standing .number {
	text-align: right;
}

table.results td {
	/*vertical-align: top;*/
}

table.results .datetime {
	font-size: 10px;
}
table.results .resultteam {	
	/*width: 180px;*/
}
table.results .score {
	text-align: right;
}
table.results .hoeve {
	font-weight:bolder;
}

table.program .datetime {
	font-size: 10px;
}
table.program .hoeve {
	font-weight:bolder;
}
.datetime {
	font-size:10px;
}
/*
table.tcontent {
	#margin: 0px 50px 12px 50px;
	width: 100%;
}
table.tcontent th {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-weight: bolder;
}
table.tcontent .when {
	width: 180px;
}
table.tcontent .what {
	width: 300px;
}
table.tcontent .where {
	width: 100px;
}
table.tcontent .who {
	width: 450px;
}
table.tcontent tr {
	padding: 0px;
	margin: 0px;
}
table.tcontent td {
	font-family: arial;
	font-size: 11px;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	vertical-align: top;
}
table.tcontent .hoeve {
	font-weight:bolder;
}
*/
.item table {
	/*margin: 0px 50px 12px 50px;*/
	width: 100%;
}
.item table th {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-weight: bolder;
	text-align: left;
}
.item table .when {
	width: 150px;
}
.item table .what {
	width: 300px;
}
.item table .where {
	width: 150px;
}
.item table .who {
	width: 150px;
}
.item table tr {
	padding: 0px;
	margin: 0px;
}
.item table td {
	/*font-family: arial;*/
	font-size: 11px;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	vertical-align: top;
}
.item table .hoeve {
	font-weight:bolder;
}
.hoeve {
	font-weight:bolder;
}
/*
.showform_button {
	width: 80px;
	border: 2px outset #CCCCCC;
	padding: 2px 5px;
	margin-bottom: 10px;
	cursor: pointer;
	background-color: #CCCCCC;
	color:  #555555;
	font-weight: bolder;
}*/
.guestbook {
	margin: 10px 0px 00px 0px;
	border: 1px solid #CCCCCC;
}
.guestbook_header {
	float: left;
	width: 100%;
	background-color: #CCCCCC;
}
.guestbook_author {	
	color: #b50000;
	font-weight: bolder;
	margin: 0px 0px 0px 5px;
}
.guestbook_datetime {	
	font-style: italic;
	margin: 0px 5px 0px 0px;
}
.guestbook_message {
	clear: left;
	margin: 0px 5px 0px 5px;
}
.guestbook_footer {
	width: 100%;
	float: left;
	margin: 5px 0px 0px 0px;
}

.simpleCaptchaSelected {
	border: 2px solid #339933
}
.captchaText {
	font-weight: bolder;
}

.left {
	float: left;
}
.right {
	float: right;
}


.side table {
	padding: 0px;		
	width: 100%;
	
       	/*-font-family: arial;*/
	/*font-size: 11px;*/
}
.lcol {
	width: 175px;
}
.rcol {
	width: 50px;
}


/*
p.left {
	float: left;
	margin: 0px 50px 0px 0px;
	
}*/






/*
.link a.link{
	height: 24px;
	background-image: url(../images/bg_menu.jpg);
	display: block;
	float: left;
	text-decoration: none;
	font-family: trebuchet ms;
	font-size: 12px;
	color: #414040;
	padding: 5px 12px 0px 12px;
}

.link:hover a.link:hover{
	height: 24px;
	background-image: url(../images/bg_menu_hover.jpg);
	display: block;
	color: #fff;
	
}*/

/*
img{
	border-right: 1px solid #858484;
	border-left: none;
	border-top: none;
	border-bottom: none;
	margin: 0px 6px 0px 0px;
}

img.team{
	border: 1px solid #858484;
}

img.kopfoto{
	float: left;
	border: 1px solid black;
}
*/
.icon {
	width: 90px;
	height: 90px;
	float: left;
	/*border-right: 1px solid #858484;*/
	margin: 0px 10px 0px 0px;
}

.iconsmall {
	width: 40px;
	height: 40px;
	float: left;
	/*border-right: 1px solid #858484;*/
	margin: 0px 10px 5px 0px;
}

.sponsor {
	font-size: 14px;
	font-weight: bolder;
	background-color: #fff;
	color: #000;
	text-align: center;
	padding: 10px 0px;
	margin: 2px 0px;
}
.sponsor a {
	font-size: 14px;
	color: #000;
}


/* Extra admin layout */

#admin {
	width: 924px;
	float: left;
	min-height: 600px;
}
#login {
	height: 200px;
	width: 400px;	
	margin: auto;	
	background-color: #b50000;
	border: 1px solid #858484;
}

label
{
	width: 80px;
	float: left;
	text-align: left;
	margin-right: 5px;
	display: block
}

p {
	/*display: inline;*/
	/*margin: 0px 50px 12px 50px;*/
}

/* Jquery tabs */
.tabs {
	font-size: 62.5%;
}

/* Jquery form validation */
label.error {
	float: none;
	color: red;
	vertical-align:	top;
	text-align:	left;
	width:500px
}

.content h2 {
	margin-top: 0px;
}
.form p {
	margin: 5px 0px 5px 0px;
}

#contentbuttons {
	margin: 0px 0px 10px;
}

#success {
	border: 1px solid #005500;
	background-color: #AAFFAA;
	color: #005500;
	padding: 10px;
	margin: 0px 0px 10px;
}

#error {
	border: 1px solid #FF0000;
	background-color: #550000;
	
	border: 1px solid #550000;
	background-color: #FFAAAA;
	color: #550000;
	padding: 10px;
	width: auto;	
}