body{
	margin: 0px;
	text-align:left;
	margin-height:0;
}
/* Geeft storing in de main van de reactie box - Verder niet gebruikt?
.main{
	width: 100%;
	background-color:#CCCCCC;
	text-align:left;
	
}
*/

.container{
	width: 880px;
	background-color:#999999;
}

div.bodywrapper {
	background-image:url(images/bnr_top_background.jpg);
	background-repeat:repeat-x;
	width:					100%;
	margin:					0;
}

div.pagewrapper {
	width:					792px;
	height:					100%;
	margin:					0px auto;
	border:					0;
	background-color:		#FFF;
	color:					#000;
	text-align:				left;
	
}

div.headsection{
	font-size: 0;
}

div.contentwrapper {
	width:					792px;
	height: 				100%;
	margin:					0;
	
	vertical-align:top;

}

.wrapper {
	width:					100%;
	overflow:				hidden;
}

img{
	margin: 0px;
	padding: 0px;
	
}

td{
	vertical-align:top;
}

a{
color:#025ABB;
text-decoration:none;

}

a:hover{
color:#025ABB;
text-decoration:underline;
}



div.content_gray {	background-image:url(images/background_grey.jpg);	background-repeat:repeat-x;	color:#4f4f4f;	border: 1px solid #364b01;	width: 230px;	padding: 5px;	padding-top: 1px;	font-family:Arial, Helvetica, sans-serif;	font-size: 12px; }
div.content_green{	background-image:url(images/background_green.jpg);	background-repeat:repeat-x;	color: #008516;	border: 1px solid #B6E9AB;	width: 230px;	padding: 5px;	padding-top: 1px;	font-family:Arial, Helvetica, sans-serif;	font-size: 12px; }
div.content_yellow{	background-image:url(images/background_yellow.jpg);	background-repeat:repeat-x;	color: #C88800;	border: 1px solid #f6bf4c;	width: 230px;	padding: 5px;	padding-top: 1px;	font-family:Arial, Helvetica, sans-serif;	font-size: 12px; }
div.content_red{	background-image:url(images/background_red.jpg);	background-repeat:repeat-x;	color: #cf2a2a;	border: 1px solid #F0AFAB;	width: 230px;	padding: 5px;	padding-top: 1px;	font-family:Arial, Helvetica, sans-serif;	font-size: 12px; }
div.content_blue{	background-image:url(images/background_blue.jpg);	background-repeat:repeat-x;	color: #2a36cf;	border: 1px solid #015abd;	width: 230px;	padding: 5px;	padding-top: 1px;	font-family:Arial, Helvetica, sans-serif;	font-size: 12px; }

h1{	font-size:18px;	font-weight:normal;		margin: 0;	margin-bottom: 10px; }
h2{	font-size:14px;	font-weight:bold;		margin: 0;	margin-bottom: 10px; }
h3{	font-size: 14px;	font-weight:bold;	margin:0;	color:#486046; }


 /* fastlog style */
 
 /* hr tag */
hr { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: solid; border-right-style: solid;
border-bottom-style: solid; border-left-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000;
border-left-color: #000000; height: 1px; }

/* Lists */
ul { padding: 1px; margin: 0px; }
li { padding: 0 0 0 20px; margin: 0px;	background: transparent url("i/bullet2.gif") no-repeat 5px 50%; list-style-type: none; }

div#header {
	border-bottom: 2px solid #CCCCCC;
	background: url('images/header.jpg') no-repeat;
	position:relative;
	width:810px;
	height:100px;
	z-index:1;
}

/* Div voor het rechter menu */
#menubox { position: relative; }

div#menu {
	width:220px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index: 3;
	
}
.style1 {
	color: #FFFFFF; font-weight: bold;
	font-size: 10px; 
}
.red {
	color: #FF0000
}

/* ID's voor in het tabs in topmenu */
div#tabs {	z-index:2; padding-top: 10px;	padding-left: 10px;	padding-bottom: 5px; font-size: 8pt; font-family:Arial, Helvetica, sans-serif; position: absolute;	top: 143px;	left: 3px; }
div#tabs ul { 	margin-left: 0;	adding-left: 0;	display: inline;	}
div#tabs ul  {	margin-left: 0;	margin-bottom: 0; margin-right: 3px; display: inline;	}
div#tabs ul a.tab,a.tab:visited,a.tab:active {	color: black;	font-weight: bold;	text-decoration: none; 	padding: 2px 10px 5px 10px;	border-top: 2px solid #CCCCCC;	border-left: 2px solid #CCCCCC;	border-bottom: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC;	background-color: white; }
div#tabs ul a.tab:hover { text-decoration: none;	color: #005197;	background-color: #dee8f2; }
div#tabs ul a.active {font-weight: bold;	background-color: white; border-top: 2px solid #CCCCCC;	border-left: 2px solid #CCCCCC;	border-bottom: 2px solid #FFF;	border-right: 2px solid #CCCCCC; z-index: 1337; }
div#tabs ul a.active:hover {	background-color: white; color: #005197; }

/* ID's voor in het topmenu in balk */
div#topmenu {
	font-size: 8pt;	font-family:Arial, Helvetica, sans-serif;	position: absolute;
	top: 178px;	left: 2px;	width: 776px; height: 9px; z-index:2;
}

/* ID's voor in het menu */
div#menu td.datum { padding: 0px 8px 0px 3px; width: 35px; }
div#menu td.titel { padding: 0px; color: #000000; width: auto; }
div#menu a,a:visited,a:active { color: #000000; text-decoration: none; font-weight: normal; }
div#menu a:hover { color: #FF0000 ; text-decoration: none; }
div#menu ul { padding: 1px; margin: 0px; }
div#menu li { padding: 0 0 0 20px; margin: 0px;	background: transparent url("i/bullet2.gif") no-repeat 5px 50%; list-style-type: none; }

/* Div voor de content */
div#content { position:absolute; left:261px; top:125px; width:550px; height:auto; z-index:3; border-right: 1px solid #000000; border-left: 1px solid #000000;
border-bottom: 1px solid #000000; background: url(i/layout-v2_04.png) top; background-repeat: no-repeat; font-size: 10pt; padding: 0px 3px 3px 5px; }

/* Div voor de banners */
div#ad { position:absolute; left:342px; top:10px; width:468px; height:60px; z-index:5; border: 0; text-align: center;
font-size: 9px; }

div#banner1 { position:absolute; width:468px; height:60px; z-index:5; border: 1px solid #000000; }
div#banner2 { position:absolute; width:468px; height:60px; z-index:5; border: 1px solid #000000; }
div#banner3 { position:absolute; width:468px; height:60px; z-index:5; border: 1px solid #000000; }
div#banner4 { position:absolute; width:468px; height:60px; z-index:5; border: 1px solid #000000; }
div#banner5 { position:absolute; width:468px; height:60px; z-index:5; border: 1px solid #000000; }

/* Div voor de verticale navigatie balk */
div#nav { position:absolute; left:221px; top:95px; width:595px; height:auto; z-index:4; background-color: #F8F8F8; border: 1px solid #000000; }

/* Opmaak van de verticale navigatie buttons */
#button {  z-index:3; height: 10px; font-size: 11px; font-weight: bold; text-align: center; border-top-width: 1px; border-right-width: 1px;
border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; }
#buttonlast {  z-index:3; height: 10px; font-size: 11px; font-weight: bold; text-align: center; border-top-width: 1px; border-right-width: 1px;
border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; }

#button-rollover { background-color: #FF0000 ; height: 20px; font-size: 11px; font-weight: bold; color: white; text-align: center; border-top-width: 1px; 
border-right-width: 1px; border-bottom-width: 3px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; 
border-left-style: none; border-top-color: #E1E1E1; border-right-color: #E1E1E1; border-bottom-color: #E1E1E1; border-left-color: #E1E1E1; }
#button a,a:visited,a:active { text-decoration: none; font-weight: bold; color: black; }
#button a:hover { text-decoration: none; font-weight: bold; color: white; }
#button-rollover a,a:visited,a:active { text-decoration:none; color: white; }
#button-rollover a:hover { text-decoration: underline; color: white; }

/* Style voor avatars */
.avatar { margin: 2px; border: 1px solid #000000; }

/* Styles voor [img] BBCodes */
div.image { width: auto; height: auto; }
img.border { border: 1px solid #000000; }
.image_caption { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000000; border: 0; }
.image_cat { float: right; margin-top: 1px;	margin-right: 1px; margin-bottom: 2px; margin-left: 2px; }
.image_left { float: left; margin-top: 1px;	margin-right: 5px; margin-bottom: 1px; margin-left: 1px; }
.image_right { float: right; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 5px; }

/* Diverse tekst opmaak styles */
.small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #999999; padding: 3px 0px 3px 5px; }
.smallquote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; padding: 3px 0px 3px 5px; }
.content_tekst { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; text-align: justify; }
.r_groot { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt;	padding: 1px; color: #666666; font-weight: bold; }

/* Formulier opmaak */
input.form { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: #F4F4F4; padding: 1px;
border: 1px solid #000000; margin: 1px; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: #F4F4F4; padding: 1px;
border: 1px solid #000000; margin: 1px; }
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: #F4F4F4; padding: 1px;
border: 1px solid #000000; margin: 1px; }

/* Link colouring */
a,a:visited,a:active { color:#000000; text-decoration:underline; }
a:hover { color:#FF0000 ; text-decoration:underline; }
a.content,a.content:visited,a.content:active { text-decoration:underline; }
a.content:hover { color:#FF0000 ; text-decoration:underline; }

/* Styles voor de tables met content erin       background-image:url(i/line.jpg); */
table#content { border-collapse: collapse; border: 1px solid #000000; }
table#content td { border-collapse: collapse; border: 1px solid #000000; }
table#content td.header {   background-image:url(images/btn_background.jpg);  color: #FFFFFF; font-size: 11pt; font-weight: bold; padding: 1px; }
table#content td.header-old { background-image:url(images/btn_background.jpg); color: #000000; font-size: 11pt; font-weight: bold; padding: 1px; }
table#content td.subheader { background-color: #F8F8F8; font-size: 10pt; font-weight: bold; padding-top: 3px; padding-right: 1px; padding-bottom: 3px;
padding-left: 2px; }
table#content td.header a.header,a.header:visited,a.header:active { color:#FFFFFF; text-decoration:none; font-weight: bold; }
table#content td.header a.header:hover { color:#FFFFFF; text-decoration:none; font-weight: bold; }
table#content td.header-old a.header,a.header:visited,a.header:active { color:#000000; text-decoration:none; font-weight: bold; }
table#content td.header-old a.header:hover { color:#000000; text-decoration:none; font-weight: bold; }

table#content td.header img { margin: 0px; padding: 0px; border: 0px; }
table#content td.header-old img { margin: 0px; padding: 0px; border: 0px; }

table#content td.main { background-color: #F8F8F8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 3px; }
table#content td.border { padding-top: 3px; padding-right: 2px; padding-bottom: 3px; padding-left: 2px; text-align: justify; }
table#content td.footer { background-color: #F2F2F2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; padding: 2px; font-weight: normal; }
table#content span.cat { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	padding: 0px 0px 2px 2px; }
table#content .titel { font-size: 14pt; font-weight: bold; padding: 1px; color: #6697D2; }
table#content a,a:visited,a:active { text-decoration:underline; }
table#content a:hover { color:#FF0000 ; text-decoration:underline; }

/* Styles voor de tables met reacties erin */
table#reaction { border-collapse: collapse; border: 1px solid #000000; }
table#reaction td { border-collapse: collapse; border: 1px solid #000000; }
table#reaction td.header { background-color: #FF0000; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;
padding: 1px; }
table#reaction td.main { background-color: #F8F8F8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; padding: 1px; }
table#reaction td.footer { background-color: #F2F2F2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; padding: 1px; }
table#reaction div.footer { background-color: #F2F2F2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; padding: 1px; }
table#reaction a,a:visited,a:active { color:#000000; text-decoration:underline; font-weight: normal; }
table#reaction a:hover { color:#FF0000 ; text-decoration:underline; }

/* Left hand blue boxes */
#TheBlueBoxes {	margin: 0;	width: 248px;	height: 14px;	background:url(images/bluebox_top.jpg) left bottom no-repeat; }
#TheBlueBoxesContent {	margin: 0;	width: 248px;	height: 100%;	tekst-align: left; background:#0092C3 url(images/bluebox_back.jpg)  left top ; }
#TheBlueBoxesBottom {	margin: 0;	width: 248px;	height: 14px;	background:url(images/bluebox_bottom.jpg)  left top no-repeat; }

/* Div voor de poll */
div#poll { padding: 0px 3px 0px 3px; }
div#poll span.poll_q { font-weight: bold; }
span.poll_q { font-weight: bold; }

/* CSS informatie voor de 'personal balk', onder de verticale navigatie */
div#personalbar { width: 100%; background-color: #F8F8F8; margin: 0px -1px 7px 0px; border-bottom: 1px solid #000000; border-top: 1px solid #000000; 
padding: 1px 0px 3px 1px; font-size: 8pt; }

h3 { padding: 0px; margin: 0px; font-size: 12pt; }

/* Styling voor quotes */
cite { font-size: 8pt; font-style: normal; }
p.quote { font-size: 8pt; font-style: normal; margin: 10px 0px 0px 40px; font-weight: bold; }
blockquote { background: url(i/quote.gif) no-repeat top left; padding: 15px 5px 5px 5px; background-color: #E2EAF3; color: #000000;
border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 0px; border-right: 0px; font-family: Verdana; font-size: 8pt;
 margin: 15px 30px 10px 40px; } /* #666666 line-height : 15px; */

form { margin: 0px; }

.small {
	color: #000000;
	font-size: 9px;
}