/* Main WEBSITE Elements */

#contain	{
				border-left: 1px solid #000000;
				border-right: 1px solid #000000;
				border-top: 1px solid #000000;
				margin: 0px auto;
				background-color: #d6d6d6;
}

.headertop {
				background: #ffffff url('/images/header.jpg') no-repeat;
				margin: 0px;
				padding: 0px;
				padding-top: 104px;
				padding-left: 250px;
}

#menuhead		{ 
				background: #000000 url('/images/cellpic2.gif');
				border-bottom: 1px solid #808080;
				padding-left: 5px;
				border-top: 1px solid #808080;
				color: #000000;
				text-align: left;
				font-weight:bold;
				height: 20px;
				font-size:11px;
				line-height:19px;
}


#contain2	{
				border: 1px solid #000000;
				margin: 0px auto;
				background-color: #d6d6d6;
}

#cont		{ 
				float: left;
				padding-top: 0px;
				min-height: 1307px;
				_height: 1307px;
				border-left: 1px solid #000;
				background-color: #f0f0f0;
}

/* voorpagina */

#frontleft		{
				width: 30px; 
				float: left;
				background: #dddddd;
				color: #000000;
				text-align: center;

				font-size:9px;
				height: 19px;
				line-height:19px;
}

#frontright		{ 
				width: 215px;
				float: right;
				background: #eeeeee;
				text-align: left;

				font-weight:bold;
				padding-left: 2px;
				font-size:9px;
				height: 15px;
				padding-top:3px;
}


/* Boxmodel blokken */

#kolomleft		{ 
				background: #d6d6d6;
				float: left;
				width: 250px; 
				padding-top: 0px;
				color: #ffffff;

}

#kolomcenter		{ 
				width: 430px; 
				border-left: 1px solid #000;
				border-right: 1px solid #000;
				border-bottom: 1px solid #000;
				margin-bottom: 10px;
				margin-left: 8px;
				margin-right: 7px;
				float: left;

}

#kolomright		{ 
				background: #d6d6d6;
				border-left: 1px solid #000;
				border-bottom: 1px solid #000;
				float: right;
				width: 250px; 
				padding-top: 0px;
				color: #ffffff;

}


/* News Items menu */


#navigator	{ 
				margin-left: 10px;
				margin-right: 10px;
				text-align: left;
				padding: 4px;
				font-size:11px;
				color: #000000;
				border: 1px solid #808080;
				background: #ffffff;
}

#newstitle	{ 
				margin-top: 15px;
				margin-left: 10px;
				margin-right: 10px;
				height: 35px;
				font: 21px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
				font-weight:bold;
				color: #333333;
				line-height:22px;
}

#newstopic	{ 
				margin-left: 10px;
				margin-right: 10px;
				color: #000000;
				border: 1px solid #808080;
				background: #ffffff;
}

#newsdate	{ 
				padding: 4px;
				font-size:10px;
				color: #606060;
				background: #f6f6f6;

				border-top: 1px solid #888;
}

#newsitem	{ 
			
				padding-left: 14px;
				font-size:11px;
				color: #000000;
				border-top: 1px solid #d0d0d0;
				background: #ffffff;
				height: 45px;
				line-height: 48px;
}

#newscontent	{ 
			padding : 4px;
				font-size:12px;
				color: #000000;
				border-top: 1px solid #d0d0d0;
				background: #ffffff;

				line-height: 18px;
}


a.newsheader:link, a.newsheader:active {	background: none; color: #333; font: bold 21px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }
a.newsheader:visited   	{	background: none; color: #333; font: bold 21px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }
a.newsheader:hover     	{	background: none; color: #333; font: bold 21px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; text-decoration: underline; }


.inputleft		{
			
				width: 20%; 
				float: left;
				background: #dddddd;
				color: #a20033;
				font-size:12px;
				font-weight:bold;
				text-align: right;
				padding-right: 6px;

				line-height: 31px;
}

.inputright		{ 
				width: 78%;
				float: left;
				background: #f6f6f6;
				text-align: left;
				padding-left: 6px;
				font-size:11px;

				line-height: 31px;				
}				



/* ^^^^ Hierboven is alles nieuwe stijl ^^^^ */

/* News topic */

#newstitle2	{ 	
				background: #000000 url('/images/cellpic2.gif');
				background-position: top;
				margin-left: 10px;
				margin-right: 10px;
				text-align: left;
				padding: 4px; 
				border: 1px solid #808080;
}





#newsposter	{ /* depreciated */
				margin-left: 10px;
				margin-right: 10px;
				text-align: left;
				padding: 4px;
				font-size:10px;
				color: #606060;
				background: #f6f6f6;
				border-left: 1px solid #808080;
				border-right: 1px solid #808080;
				border-bottom: 1px solid #d0d0d0;
}

#newsposter2	{ 
				margin-left: 10px;
				margin-right: 10px;
				text-align: left;
				padding: 4px;
				font-size:10px;
				color: #606060;
				background: #f6f6f6;
				border-left: 1px solid #808080;
				border-right: 1px solid #808080;
				border-bottom: 1px solid #808080;
}

#newsposter3	{ 
				margin-left: 10px;
				margin-right: 10px;
				text-align: left;
				float: left;
				padding: 4px;
				font-size:10px;
				color: #606060;
				background: #f6f6f6;
				border-left: 1px solid #808080;
				border-right: 1px solid #808080;
				border-bottom: 1px solid #808080;
				width: 534px;
}



#newstopic2	{ 
				margin-left: 10px;
				text-align: left;
				float: left;
				padding-top: 12px;
				padding-left: 4px;
				font-size:11px;
				color: #000000;
				border-left: 1px solid #808080;
				border-bottom: 1px solid #d0d0d0;
				background: #ffffff;
				width: 460px;
				height: 30px;
}

#newstopic3	{ 
				float: left;
				border-right: 1px solid #808080;
				border-bottom: 1px solid #d0d0d0;
				background: #ffffff;
				width: 78px;
				height: 42px;
}

#divleft		{
				margin-left: 10px;
				width: 126px; 
				float: left;
				background: #dddddd;
				color: #a20033;
				font-size:12px;
				font-weight:bold;
				text-align: right;
				padding-right: 6px;
				padding-top: 8px;
				border-bottom: 1px solid #d0d0d0;
				border-left: 1px solid #808080;
				border-right: 1px solid #808080;
				height: 23px;
}

#divright		{ 
				width: 403px;
				float: left;
				background: #f6f6f6;
				text-align: left;
				padding-left: 6px;
				font-size:11px;
				padding-top: 8px;
				border-bottom: 1px solid #e8e8e8;
				border-right: 1px solid #808080;
				height: 23px;
}

/* Voorpagina */

#containerleft		{ 
				width: 250px; 
				float: left;
}

#voorleftcont		{ 		/* depriciated */
				padding-left: 6px;
				padding-right: 7px;
				width: 435px; 
				float: left;

}

#voortitleft		{ 
				background: #000000 url('/images/cellpic2.gif');
				background-position: right;
				width: 434px; 
				padding-left: 4px;
				font-size:13px;
				font-weight:bold;
				color: #333333;
				line-height:22px;
				text-align: left;
				border-top: 1px solid #808080;
				border-left: 1px solid #808080;
				border-right: 1px solid #808080;
}

#voorpagleft	{	/* depreciated = banner blok */

				border-bottom: 1px solid #808080;
				background: #f0f0f0;
				padding: 4px;  /* laatst toegevoegd */
				margin-bottom: 10px;
}



#voorrightcont		{ 
				width: 250px; 
				float: left;
				border-left: 1px solid #000000;

}

/* Voorpagina DJResource forum */

#voorforumright		{
				width: 232px;
				float: left;
				background: #eeeeee;
				text-align: left;
				font-weight:bold;
				padding-left: 2px;
				font-size:9px;
				height: 15px;
				padding-top:3px;
}
#voorpagleftforum	{


				width: 250px; 
				background: #dddddd;
				padding: 0px;
}

/* Voorpagina nieuws */



#voornewsposter	{ 
				text-align: left;
				padding: 4px;
				font-size:10px;
				color: #606060;
				background: #e0e0e0;
				border-bottom: 1px solid #d0d0d0;
				font-weight:bold;
}

#voornewstopic	{ 
				text-align: left;
				padding: 4px;
				font-size:11px;
				line-height: 19px;
				color: #303030;
				background: #f8f8f8;
				border-bottom: 1px solid #d0d0d0;
}





body		{	font: 11px Geneva, Arial, Helvetica, sans-serif; 
				color: #333;
}


hr 			{	color: #666;
				height: 1px;
				width: 100%;
}

img			{	border: 0;
}

img.news	{	background-color: #fff;
				border: 1px solid #a9a9a9;
				margin: 5px 5px 5px 5px;
				padding: 4px;
				float: right;
}
img.news2	{	background-color: #fff;
				border: 1px solid #393939;
				margin: 4px 2px 0px 2px;

}
img.avatar	{	background-color: #fff;
				border: 1px solid #393939;
				margin: 0px 2px 2px 2px;
				padding: 0px;
				float: left;
}

.clear
{
clear: both;
}

/* FONTS */

.text_tiny 	{	color: #333;
				font: 8px Geneva, Arial, Helvetica, sans-serif;
	}


.white {
	color: #fff; 
	font: bold 14px Geneva, Arial, sans-serif;
}


h5, .text_lead 	{	margin: 0px;
					color: #333;
				font: 10px Geneva, Arial, Helvetica, sans-serif;
	}
h6, .text_wim 	{margin: 0px;
				color: #a20033; 
				font: 10px Geneva, Arial, Helvetica, sans-serif;
	}

h3, .dark		{margin: 0px;		
				color: #333;
				font: 11px Geneva, Arial, Helvetica, sans-serif;
	}
h4, .red		{margin: 0px;		
				color: #903;
				font: 11px Geneva, Arial, Helvetica, sans-serif;
	}

.back		{ margin: 0px;		
				color: #fff;
				font: bold 11px Geneva, Arial, Helvetica, sans-serif;
	}

h1, .title 	
			{	margin: 0px;
				color: #333;	
				padding-top: 7px;			
				font: bold 13px Geneva, Arial, Helvetica, sans-serif;
      		}

 
.errorcolor	{		background: none; color: #f00; font: 13pt Arial, sans-serif; }
.grays		{		background: none; color: #888; font: 10px Geneva, Arial, sans-serif; }

/* Links */

a:link, a:active {	background: none; color: #a20033; font: bold 11px Geneva, Arial, sans-serif; text-decoration: none; }
a:visited   	{	background: none; color: #a20033; font: bold 11px Geneva, Arial, sans-serif; text-decoration: none; }
a:hover     	{	background: none; color: #a20033; font: bold 11px Geneva, Arial, sans-serif; text-decoration: underline; }

a.header_menu:link, a.text_lead:active				{	background: none; color: #ffffff; font: bold 11px Geneva, Arial, sans-serif; text-decoration: none; }
a.header_menu:visited	{	background: none; color: #ffffff; font: bold 11px Geneva, Arial, sans-serif; text-decoration: none; }
a.header_menu:hover	{	background: none; color: #e0e0e0; font: bold 11px Geneva, Arial, sans-serif; text-decoration: underline; }

a.text_menu:link, a.text_lead:active				{	background: none; color: #a20033; font: bold 10px Geneva, Arial, sans-serif; text-decoration: none; }
a.text_menu:visited	{	background: none; color: #a20033; font: bold 10px Geneva, Arial, sans-serif; text-decoration: none; }
a.text_menu:hover	{	background: none; color: #a20033; font: bold 10px Geneva, Arial, sans-serif; text-decoration: underline; }

a.text_menu2:link, a.text_lead:active				{	background: none; color: #6d7330; font: bold 10px Geneva, Arial, sans-serif; text-decoration: none; }
a.text_menu2:visited	{	background: none; color: #6d7330; font: bold 10px Geneva, Arial, sans-serif; text-decoration: none; }
a.text_menu2:hover	{	background: none; color: #6d7330; font: bold 10px Geneva, Arial, sans-serif; text-decoration: underline; }

a.text_lead:link, a.text_lead:active				{	background: none; color: #333; font: bold 10px Geneva, Arial, sans-serif; text-decoration: none; }
a.text_lead:visited	{	background: none; color: #333; font: bold 10px Geneva, Arial, sans-serif; text-decoration: none; }
a.text_lead:hover	{	background: none; color: #333; font: bold 10px Geneva, Arial, sans-serif; text-decoration: underline; }

a.text_wim:link, a.text_wim:active			{	background: none; color: #a20033; font: bold 10px Geneva, Arial, sans-serif; text-decoration: none; }
a.text_wim:visited{	background: none; color: #a20033; font: bold 10px Geneva, Arial, sans-serif; text-decoration: none; }
a.text_wim:hover	{	background: none; color: #a20033; font: bold 10px Geneva, Arial, sans-serif; text-decoration: underline; }

a.dark:link, a.dark:active				{	background: none; color: #333; font: bold 11px Geneva, Arial, sans-serif; text-decoration: none; }
a.dark:visited	{	background: none; color: #333; font: bold 11px Geneva, Arial, sans-serif; text-decoration: none; }
a.dark:hover	{	background: none; color: #333; font: bold 11px Geneva, Arial, sans-serif; text-decoration: underline; }

a.red:link, a.red:active			{	background: none; color: #a20033; font: bold 11px Geneva, Arial, sans-serif; text-decoration: none; }
a.red:visited{	background: none; color: #a20033; font: bold 11px Geneva, Arial, sans-serif; text-decoration: none; }
a.red:hover	{	background: none; color: #a20033; font: bold 11px Geneva, Arial, sans-serif; text-decoration: underline; }

a.title:link, a.title:active				{	background: none; color: #333; font: bold 13px Geneva, Arial, sans-serif; text-decoration: none; }
a.title:visited	{	background: none; color: #333; font: bold 13px Geneva, Arial, sans-serif; text-decoration: none; }
a.title:hover	{	background: none; color: #333; font: bold 13px Geneva, Arial, sans-serif; text-decoration: underline; }

a.header:link, a.header:active				{	background: none; color: #a20033; font: bold 13px Geneva, Arial, sans-serif; text-decoration: none; }
a.header:visited{	background: none; color: #a20033; font: bold 13px Geneva, Arial, sans-serif; text-decoration: none; }
a.header:hover	{	background: none; color: #a20033; font: bold 13px Geneva, Arial, sans-serif; text-decoration: underline; }

a.white:link, a.white:visited,a.white:active  	{	background: none; color: #fff; font: bold 14px Geneva, Arial, sans-serif; text-decoration: none; }
a.white:hover 	{	background: none; color: #fff; font: bold 14px Geneva, Arial, sans-serif; text-decoration: underline; }

a.menubar:link,a.menubar:visited  	{	background: none; color: #990033; font: bold 11px Geneva, Arial, sans-serif; text-decoration: none; }
a.menubar:hover 	{	background: #903; color: #ffffff; font: bold 11px Geneva, Arial, sans-serif; text-decoration: none; }
a.menubar:active  	{	background: none; color: #990033; font: bold 11px Geneva, Arial, sans-serif; text-decoration: underline; }

a.content:link,a.content:active  	{	background: none; color: #202a98; font: normal 12px Geneva, Arial, sans-serif; text-decoration: underline; }
a.content:visited	{	background: none; color: #036; font: normal 12px Geneva, Arial, sans-serif; }
a.content:hover 	{	background: #903; color: #fff; font: normal 12px Geneva, Arial, sans-serif; text-decoration: none; }

a.news:link  	{	background: none; color: #a20033; font: normal 11px Geneva, Arial, sans-serif; text-decoration: none;}
a.news:visited, a.news:active	{	background: none; color: #a20033; font: normal 11px Geneva, Arial, sans-serif; text-decoration: none; }
a.news:hover 	{	background: none; color: #a20033; font: normal 11px Geneva, Arial, sans-serif; text-decoration: underline; }

/* TABLE STUFF */


th 		{		background: #000000 url('/images/cellpic2.gif');
				background-position: top;
				color: #333333;
				text-align: left;
				font-weight:bold;
				padding-left: 2px;
				height: 25px;
				font-size:13px;
}

.box 	{ 		margin-left: auto;
				margin-right: auto;
				border-collapse: collapse;
				border: 1pt solid #c8c8c8; 
		}

.tabon {		height :15px;
				border-collapse: collapse;
				border: 1px solid #333;
				background-color: #f4f4f4;
				text-align: left;
				font: 11px Verdana, Arial, sans-serif; 
				color: #333333;
				border-spacing:20pt;
				padding: 2pt;
}


/* --- */




/* TD styles */

.frameh {		height :10pt;
				background-color: #d6d6d6;
				border-collapse: collapse;
				border: 1px solid #d0d0d0;
				font-size: 9px;
				border-spacing:20pt;
				padding: 2pt;
}

.framec {		border-collapse: collapse;
				border: 1px solid #d0d0d0;
				background-color: #e0e0e0;
				font-size: 9px;
				color: #333333;
				border-spacing:20pt; 
				padding: 3pt;
		}

.framel {		border-collapse: collapse;
				border: 1px solid #d0d0d0;
				background-color: #e8e8e8;
				border-spacing:20pt; 
				padding: 3pt;
		}

 
.framew {		border-collapse: collapse;
				border: 1px solid #d0d0d0;
				background-color: #ffffff;
				border-spacing:20pt; 
				padding: 3pt;
		}



.frameli {		height :12pt;
				border-collapse: collapse;
				border: 1px solid #c8c8c8;
				background-color: #e8e8e8;
				padding: 3pt;

		}

#navcontainer {
				background: #000000 url('/images/cellpic2.gif');
				border-bottom: 1px solid #888;
				height: 21px;
				margin: 0 auto;
				padding: 0 0 0 0;
				font-family: georgia, serif;
				text-align: center;
}


/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: right;
width: 100px;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 2px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #ccc;
text-decoration: none;
background: #666;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #aaa;
color: #f0f008;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #fff;
background: #888;
border-color: #aaab9c #fff #fff #ccc;
}



/* Misc Mainpage */

TEXTAREA	{ background: #fff; font: 10px Geneva, Arial, sans-serif; border: 1px; }
SELECT 		{ font: 10px Geneva, Arial, sans-serif; border: 1px solid; }
BLOCKQUOTE	{ margin-top: 0; margin-left: 50px; margin-bottom: 5px; }

input 		{	font : 11px Geneva, Arial, Helvetica, sans-serif;}
