@import url("components.css");
@import url("form.css");

html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
html {
font-family: Verdana, Arial, sans-serif;
font-size: 80%;
color: #fff;
background: black url("../img/bg_body.gif") repeat-y 0 -54px;
}
	body * {
	line-height: 150%;
	}

a {
	color: #fff;
	font-weight: bold;
	font-style: italic;
}
a:hover {
	color: #E31A22;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
}
img {
border: 0;
margin: 1px;
}
#container {
position: relative;
width: 994px;
height: auto !important;
height: 100%;
min-height: 100%;
background: url("../img/bg_container.png") no-repeat 0 174px;
}
#spacer { /*om in IE6 en FireFox de #content div op 193px van de top van de #container te kunnen plaatsen*/
height: 193px;
}
#content {
width: 814px;
margin: 0 0 0 180px;
padding-bottom: 20px;
}
	#content #colleft,
	#content #colright {
	float: left;
	}
	#content #colleft {
	width: 545px;
	margin-right: 9px;
	}
		#content #colleft #colleft_top {
		height: 17px;
		margin: 0;
		padding: 0;
		line-height: 0;
		font-size: 0;
		background: url("../img/bg_colleft_top.png") no-repeat;
		}
		#content #colleft #colleft_main {
		margin: 0;
		padding: 1px 10px;
		background: url("../img/bg_colleft.png") repeat-y;
		}
		#content #colleft #colleft_bottom {
		height: 17px;
		margin: 0;
		padding: 0;
		line-height: 0;
		font-size: 0;
		background: url("../img/bg_colleft_bottom.png") no-repeat;
		}
		#content #colleft #colleft_main form {
		font-size: 11px;
		color: white;
		}
		#content #colleft dt {
			font-size: 12px;
		}
		#content #colleft dd {
			font-size: 12px;
			color: #FFF;
		}
		#content dd.url{
			color: #AAA;
		}
			/*
			#content #colleft #colleft_main form fieldset {
			margin-bottom: 10px;
			border: 0;
			border-top: 1px solid white;
			}
			#content #colleft #colleft_main form fieldset legend {
			padding: 0 5px;
			font-size: 130%;
			font-weight: bold;
			}
			#content #colleft form fieldset .field {

			}
			#content #colleft form fieldset .field .fieldinput {

			}
			#content #colleft form fieldset .field label {
			font-size: 110%;
			font-weight: bold;
			}
			#content #colleft form fieldset .field .req {
			color: #d70000;
			}
			#content #colleft form fieldset .field .subtitle {
			font-style: italic;
			}
			#content #colleft form fieldset .field .fieldinput input,
			#content #colleft form fieldset .field .fieldinput textarea {
			width: 90%;
			margin-left: 20px;
			}
			*/
	#content #colright {
	width: 240px;
	padding: 28px 10px 0 10px;
	overflow: hidden;
	color: #000;
	}
	#content #colleft h1 {
	margin-bottom: 15px;
	font-size: 17px;
	color: white;
	}
	#content #colright h1 {
	margin-bottom: 15px;
	font-size: 17px;
	color: #000;
	}
	#content #colleft h2 {
	margin-bottom: 3px;
	font-size: 14px;
	color: white;
	}
	#content #colright h2 {
	margin-bottom: 10px;
	font-size: 14px;
	color: #000;
	}
	#content #colleft h3,
	#content #colleft h3 a {
	margin-bottom: 10px;
	font-size: 13px;
	color: #D70000;
	}

	#content #colleft div.introduction img.smallNewsImage,
	#content #colleft div.introduction img.largeNewsImage {
		float: left;
		margin: 6px 10px 0 0;
	}

	#content #colleft div.newslistitem h3,
	#content #colleft div.newslistitem h3 a,
	#content #colleft div.newsitem h3 {
		margin-bottom: 0;
		font-size: 18px;
		color: #D70000;
	}

	#content #colleft div.newslistitem h3 a {
		text-decoration: none;
	}

	#content #colleft div.newslistitem h3 a:hover {
		text-decoration: underline;
	}

	#content div.separator {
		height: 10px;
	}

	#content #colleft h3.thread_title {
	margin-bottom: 10px;
	font-size: 12px;
	color: #D70000;
	clear: both;
	}

	#content span.date,
	#content span.time {
		font-weight: bold;
		font-size: 13px;
	}

	#content dl.categories {
		display: none;
	}

	#content div.fullstory img {
		margin-right: 10px;
		margin-bottom: 1em;
	}

	#content table#thread_1 {
		width: 100%;
	}

	#content tr.no_results {
		color: #000;
	}

	#content #colright h3 {
	margin-bottom: 10px;
	font-size: 10px;
	color: #D70000;
	}
	#content #colleft p,
	div.newslistitem {
	font-size: 11px;
	color: white;
	margin-bottom: 1em;
	}
	#content #colright p {
	margin-bottom: 10px;
	font-size: 11px;
	color: black;
	}
	#content #colright dt {
		font-size: 80%;
	}
	#content #colright dd {
		font-size: 11px;
		color: black;
	}
	#content #colright a {
	color: #E31A22;
	font-size: 11px;
	}
		#content #colright a.leesverder {
		font-style: italic;
		}
.clearfloat {
clear: both;
}
#menu {
position: absolute;
top: 193px;
left: 11px;
width: 158px;
height: 350px;

}
	#menu ul {
	width: 158px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
		#menu ul li {
		margin: 0 0 6px 0;
		padding: 0;
		width: 100%;
		background: url("../img/but_menu.png") no-repeat;
		}
			#menu ul li a {
			display: block;
			width: 130px;
			padding: 3px 28px 3px 0;
			white-space: nowrap;
			font-weight: bold;
			font-size: 13px;
			font-variant: small-caps;
			letter-spacing: 1px;
			color: #E31A22;
			text-decoration: none;
			text-align: center;
			font-style: normal;
			color: white;
			}
			#menu ul li.active a,
			#menu ul li a:hover {
			color: #E31A22;
			}
#topbar {
position: absolute;
top: 0;
left: 0;
width: 994px;
height: 174px;
background-color: black;
background-repeat: no-repeat;
background-position: right top;
}
	div#mediaplayer {
	height: 128px;
	width: 995px;
	background-repeat: no-repeat;
	}
	#navbar {
	position: relative;
	z-index: 3;
	font-size: 85%;
	font-weight: bold;
	z-index: 999;
	}
	div#navbar dl {
		width: 400px;
		clear: both;
		overflow: auto;
		padding: 0;
		margin: 14px 0 0 310px;
	}
	div#navbar dd,
	div#navbar dt {
		float: left;
		padding: 0;
		margin: 0;
	}
	div#navbar dd {
		margin-left: 10px;
	}
	#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 493px;
	height: 174px;
	background: url("../img/logo.png") no-repeat;
	z-index: 1;
	}
		#logo a {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 125px;
		height: 174px;
		text-indent: -999em;
		z-index: 2;
		}
	#flashanim {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 260px;
	height: 40px;
	}

#search {
position: absolute;
top: 174px;
left: 734px;
width: 260px;
height: 37px;
background: white url("../img/search.gif") no-repeat 9px 9px;
}
	#search form {
	margin: 9px 0 0 9px;
	padding: 4px 0 0 59px;
	width: 185px;
	height: 24px;
	background: 0;
	}
		#search form label{
		border: 0;
		padding: 0;
		margin: 0;
		}

		#search form label{
		display: none;
		}
		#search form p,
		#search form input,
		#search form button {
		margin: 0;
		padding: 0;
		}
		#search form input,
		#search form button {
		float: left;
		margin: 0;
		padding: 0;
		}
		#search form input {
		width: 155px;
		border: 0;
		}
		#search form button {
		width: 20px;
		height: 20px;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		border: 0;
		background: url("../img/but_search.gif") no-repeat 50% 50%;
		cursor: pointer;
		}
div.searchResults .pagesTop strong,
div.searchResults .pagesBottom strong {
font-weight: normal;
color: #a0a0a0;
}