/*
	---------------------------------------------
			Jeroen Marechal 26-5-2008	
	---------------------------------------------
*/

/*	Main
----------------------------------------------*/
*		{margin:0; padding:0;}
body	{background:url('images/bg.png') repeat-x #b118bb; font-family:Trebuchet MS, arial; font-size:12px; color:#FFF;}
img		{border:0; }
a		{color:#FFF; text-decoration:underline;}
a:hover	{color:#FFF; text-decoration:none;}

/*	Wrapping
----------------------------------------------*/
#wrapper	{width:968px; margin:0 auto;  background:url('images/wrapper.png') repeat #38123d; }
#header		{width:968px; background:url('images/header.png') no-repeat; height:140px; position:relative;}
#header .ban  {width:234px; height:60px; position:absolute; top:45px; left:599px;}
#menu		{width:968px; height:41px;}	
#content	{width:968px; background:url('images/wrapper.png') repeat #38123d; overflow:hidden;}
#content_wrap	{width:968px;}		

/*	Content positites
----------------------------------------------*/
#links		{width:143px; float:left;}
#midden		{width:682px; float:left;}
#rechts		{width:143px; float:left;}							

/*	Linkerkant
----------------------------------------------*/
#links ul			{margin:0; padding:0;}
#links li			{list-style:none;}
#links li a			{display:block; height:20px; background:url('images/list-bg.png') no-repeat; width:113px; color:#b4a5b5; text-decoration:none; padding:0 0 0 30px;}
#links li a:hover 	{background:url('images/list-hover.png') no-repeat; color:#FFF;}

/*	Rechterkant
----------------------------------------------*/
#rechts ul	{margin:0; padding:0;}
#rechts li	{list-style:none;}
#rechts li a		{display:block; height:20px; background:url('images/list-bg.png') no-repeat; width:113px; color:#b4a5b5; text-decoration:none; padding:0 0 0 30px;}
#rechts li a:hover 	{background:url('images/list-hover.png') no-repeat; color:#FFF;}

/*	Google ads
----------------------------------------------*/
.googleAds	{width:143px; background:url('images/googleAds.png') repeat-y; text-align:center;}

/*	Midden
----------------------------------------------*/
#midden .intro		{width:662px; min-height:119px; background:url('images/intro.png') no-repeat #35103a ; padding:10px;}
.top5			{width:662px; height:149px; background:url('images/top5-bg.png') repeat-y; padding:10px 10px 0 10px;}
.topbox					{width:131px; height:144px; position:relative; float:left; display:block;}
.topbox .nummer a		{position:absolute; background:url('images/1.png') no-repeat; display:block; height:144px; width:131px; font-size:20px; text-align:center; color:#3e0e44; text-decoration:none;}
.topbox .nummer a:hover {color:#FFF;}
.topbox .bannertje		{
	position:absolute;
	top:63px;
	height:45px;
	width:73px;
	left: 30px;
}
.nieuwstevragen		{width:682px;}
.nieuwstevragen ul		{margin:0; padding:0;}
.nieuwstevragen li		{list-style:none;}
.nieuwstevragen li a.even		{display:block; height:20px; background:#5e3662; color:#877189; text-decoration:none; padding:0 0 0 8px;}
.nieuwstevragen li a.oneven 	{background:#441c49; display:block; height:20px; color:#877189; text-decoration:none; padding:0 0 0 8px;}
.nieuwstevragen li a:hover	{color:#e0a2e6;}

/*	Footer
----------------------------------------------*/
#footer		{width:968px; height:30px; color:#000; font-weight:bold; text-align:center; padding:10px 0 0 0;}
#footer a	{color:#000;}