/* General page style. The scroll bar colours only visible in IE5.5+ */
BODY
{
	scrollbar-3dlight-color: #252e36;
	scrollbar-shadow-color: #252e36;
	scrollbar-base-color: #063456;
	scrollbar-track-color: #052645;
	scrollbar-arrow-color:  #2E8FD6;
	background-color: #052645;
	font: verdana;
	font-size: 10px;
	color: #c0c0c0;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(images/pagina_achtergrond.gif);
}
/* Main table cell colours and backgrounds */
.top_menu
{
	position:absolute;
	z-index: 1;
}
tr.tr_ro { background-image: url(images/nieuws_net.gif);}
table.top
{
	background-image: url(images/sea-top.gif);
	background-repeat: repeat-x;
	height: 80px;
}
table.bot
{
	background-image: url(images/sea-bot.gif);
	background-repeat: repeat-x;
	height: 130px;
}
.nieuws_boven
{
	border-top : 1px solid #0A4676;
	border-bottom : 1px solid #0A4676;
}
.paneel_midden
{
	font-size: 10px;
	background-color: #023254;
	border-right : 1px solid #033D64; 
	border-left : 1px solid #033D64;

}

td
{
	font-family: Verdana;
	font-size: 12px;
}

.forum_desc
{
	padding-left: 8px;
	padding-right: 8px;
}
.paneel_bot
{
	background-color: #023254;
	border-bottom : 1px solid #03426D;
}
.paneel_top
{
	background-color: #023254;
	border-top : 1px solid #03426D;
	color: #76a5c9;
	letter-spacing: 2px;	
	font-size: 9px;
	font-weight: bold;
}
.paneel_l
{
	background-color: #023254;
	border-left : 1px solid #033D64;
	height: 5px;
}
.paneel_r
{
	background-color: #023254;
	border-right : 1px solid #033D64;
	height: 5px;
}
.menu_txt
{
	color: #839BB1;
	font-size: 10px;
	padding-left: 4px;	
}
.nieuws_titel
{
	background-image: url(images/nieuws_titel.gif);
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
	height: 35px;
}
.nieuws_info
{
	color: #839BB1;
	font-size: 10px;
}
.nieuws_inhoud
{
	background-image: url(images/nieuws_net.gif);
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;	
}
.nieuws_onder
{
	background-image: url(images/nieuws_onder.gif);
	background-repeat: repeat-x;
	color: #CCFBFF;	
	font-size: 10px;
	padding-left: 10px;	
	padding-right: 10px;
	height: 20px;
}
.bot_left
{
	background-image: url(images/meridian-l.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
.bot_mid
{
	background-image: url(images/meridian-m.gif);
	
}
.bot_right
{
	background-image: url(images/meridian-r.gif);
	background-repeat: no-repeat;
}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; color : #ffffff;
}

/* General text */
.submerged {font-size:10px; color:#688ca8; text-decoration: none;}
.gen {font-size : 12px;}
.genmed {font-size : 11px;}
.gensmall {font-size : 10px;}
.gen,.genmed,.gensmall {color : #d0f0fd; text-decoration: none;}

th {
	font-weight: bold;
	height: 25px;
	font-size : 12px;
	border: #0E3350;
	border-style: solid;
	border-width: 1px;
}
hr
{
	border-style: solid;
	border-color: #083457;
	height: 2px;
}
/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link {color:#76a5c9; text-decoration: none;}
a:visited {color:#67b2f3; text-decoration: none;}
a:hover	{color:#fff; text-decoration: none;}

td.header_menu a
{
	background-image: url(images/menu/subTop_mid.gif);
	background-repeat: repeat-x;
	display: block;
	background-color: #023254;
	text-align: center;
	height: 21px;
	width: 40px;
	border-top : 1px solid #023254; 
	border-right : 1px solid #023254; 
	border-left : 1px solid #023254;
	border-bottom : 1px solid #023254; 
}
td.header_menu a:hover
{

	display: block;
	background-color: #2E3741;
	height: 21px;
	width: 40px;
	border-top : 1px solid #023254; 
	border-right : 1px solid #76a5c9; 
	border-left : 1px solid #76a5c9;
	border-bottom : 1px solid #76a5c9; 
}
a.page_title
{
	position:absolute;
	left:100px;
	top:35px;	
	color: #A8C9E2;
}

a.post
{
	color: #A8C9E2;
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	position:absolute;
	right:100px;
	top:35px;
	z-index: 1;
}

a.post:hover
{
	color: #A8C9E2;
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	position:absolute;
	right:100px;
	top:35px;
	z-index: 1;
}

/* Forum category titles */
a.gen,a.genmed,a.gensmall {color: #c0c0c0;}
a.gen:visited,a.genmed:visited,a.gensmall:visited	{color: #99CCFF;}

a.submerged:link,a.submerged:active {font-size:10px; color:#688ca8;}
a.submerged:visited {font-size:10px; color:#688ca8;}
a.submerged:hover {font-size:10px; color:#67b2f3;}

.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color:#c0c0c0;}
a.cattitle {color : #c0c0c0;}
a.cattitle:visited {color: #99CCFF;}
a.cattitle:hover {color: #73BEFF;}

/* Forum title: Text and link to the forums used in: index.php */
.forumlink {color:#d0f0fd; font-weight: bold; font-size: 14px;}
a.forumlink {color:#d0f0fd;}
a.forumlink:visited {color: #ffffff;}
a.forumlink:hover {color: #ffffff;}


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav {font-weight: bold; font-size: 8px; color : #CCFBFF;}
a.nav {color : #CCFBFF;}
a.nav:visited {color: #99CCFF;}

/* titles for the topics: could specify viewed link colour too */
.topictitle {font-weight: bold; font-size: 11px; color : #c0c0c0;}
a.topictitle:link {color : #d0f0fd;}
a.topictitle:visited {color: #ffffff;}
a.topictitle:hover {color: #ffffff;}


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name {font-size : 15px; color : #ffffff;}

/* Location, number of posts, post date etc */
.postdetails {font-size : 10px; color : #6fb1e7;}

/* The content of the posts (body of text) */
.postbody {font-family: Verdana, Arial, Helvetica, sans-serif; color: #d0f0fd; padding-top: 3px;}
a.postlink:link	{color : #FFCC00;}
a.postlink:visited {color: #99CCFF;}

/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif;
	font-size: 12px; color: #18F018;
	background-color: #000000;
	border: #BFBFBF;
	border-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4f8a9e; 
	background-color : #052645; 
	border-right : 1px solid #0E3350; 
	border-top : 1px solid #0E3350;
	border-left : 1px solid #0E3350; 
	border-bottom: 1px solid #0E3350;
	padding-left: 15px;
	padding-right: 15px;
}

.copyright
{
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #688ca8;
	letter-spacing: -1px;
}

/* Form elements */
SELECT
{
	color : #839bb1;
	background-image: url(images/subBkg_input.gif);
	background-color: #0D426C;
	padding-left: 3px;
	border-left : 1px solid #063D69;
	border-right : 1px solid #063D69;
	border-top: 1px solid #05345A;
	border-bottom: 1px solid #3D6B8E;
	font-family: Verdana;
	font-size: 12px;
}
TEXTAREA
{
	color : #839bb1;
	background-image: url(images/subBkg_textarea.gif);
	background-repeat: repeat-x;
	background-color: #0D426C;
	padding-top: 3px;
	padding-left: 3px;
	border-left : 1px solid #063D69;
	border-right : 1px solid #063D69;
	border-top: 1px solid #05345A;
	border-bottom: 1px solid #1A5380;
	font-family: Verdana;
	font-size: 12px;
}

INPUT
{
	background-image: url(images/subBkg_input.gif);
	background-color: #0D426C;
	padding-left: 3px;
	border-left : 1px solid #063D69;
	border-right : 1px solid #063D69;
	border-top: 1px solid #05345A;
	border-bottom: 1px solid #1A5380;
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF; 
}

.paneel_txt
{
	width: 140px;
}
.mainoption {
	background-image: url(images/subBkg_button.gif);
	height: 20px;
	letter-spacing: 4px;
	background-color: #21415A;
	padding-left: 10px;
	border-left : 1px solid #063D69;
	border-right : 1px solid #063D69;
	cursor: pointer;
	font-weight : bold;
}
.liteoption {
	background-image: url(images/subBkg_button.gif);
	height: 20px;
	letter-spacing: 4px;
	background-color: #21415A;
	padding-left: 10px;
	border-left : 1px solid #063D69;
	border-right : 1px solid #063D69;
	cursor: pointer;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline {
margin-left: 2 px;
margin-right: 2 px;
margin-top: 2 px;
margin-bottom: 2 px;
font-family: Verdana;
font-size: 12 px; color: #FFFFFF; 
background-color: #21415A;
border: 1px solid;
border-color: #0D1114;
}
td.forum_menu a
{
	display: block;
	text-align: center;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;	
	color: #A8C9E2;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;	
	height: 16px;
	text-decoration: none;
}
td.forum_menu a:hover
{
	display: block;
	background-color: #00426E;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;	
	color: #50B0F9;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;	
	height: 16px;
	text-decoration: none;
}



td.nieuws_onder a
{
	color : #839BB1; 
}
td.nieuws_onder a:hover
{
	color : #73BEFF; 
}
td.topic_review
{
	border-right : 1px solid #0E3350; 
	border-top : 1px solid #0E3350;
	border-left : 1px solid #0E3350; 
	border-bottom: 1px solid #0E3350; 
}
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");