body
{
	font-family: Verdana, sans-serif;
	background: #ffffff url(images/bg_grad.jpg) bottom left repeat-x;	
	background-attachment: fixed;
	margin: 0;
	font-size: 11px;
	color: #393a3e;
}

h1, h2
{
 	padding: 0 0 0 20px;
}
p
{
	font-size: 11px;
	line-height: 16px;
	margin: 5px 0 15px 0;
	text-align:justify;	
	padding: 0 20px 0 20px;	
}
ul, li
{
  font-size: 11px;
  line-height: 120%;
	color: #393a3e;
	list-style: circle;
}
a
{
 	color: #db0048;
	text-decoration: underline;
}
.topmenu a
{
	text-decoration: none;
	color: white;
	text-align: center;
}
.topmenuactive a
{
	text-decoration: none;
	text-align: center;	
}
a:hover
{
 	color: #db0048;
	text-decoration: none;
}
.maintable
{
	width: 919px;
	/*background-color: white;*/
}
.maintable .main_grad_left
{
 	background: transparent url('images/grad_left.png') top right repeat-y; 	
	width: 8px;
}
.maintable .main_grad_right
{
 	background: transparent url('images/grad_right.png') top left repeat-y;
	width: 8px;
}
.main_left
{
 	width: 320px;
	max-width: 320px;
	background-color: #ffffff;
}
.menu
{
  background: #393a3d url(images/bg_menu.jpg) top right repeat-x;
}
.topmenu
{
	height: 110px;
	width: 130px;
	max-width: 130px;
	color: white;
	text-align: center;	 		
}
.topmenu:hover, .topmenuactive
{
 	background: #595a5c url(images/bg_menu_hover.jpg) top right no-repeat;
	height: 110px;
	width: 130px;
	max-width: 130px;
	cursor: pointer;	
	color: #db0048;
	font-size: 20px;
	text-align: center;			
}
.topmenu:hover div, .topmenuactive div
{
 	color: white;
	font-size: 11px;		
}
.topmenu span, .topmenuactive span
{
	font-size: 20px;
	font-weight: normal;	
} 
.topmenuspacer
{
 	background: transparent url(images/bg_menu.jpg) top left repeat-x;
	width: 20px;
}
.topmenu .menutxt, .topmenuactive .menutxt
{
 	font-size: 11px;
	height: 23px;
}
.leftlogo
{
	background: #ffffff url(images/logo.jpg) top left no-repeat;
	height: 161px;
	cursor: pointer;
} 
.newsitems
{
 	background: #595a5c url(images/bg_news.jpg) top left repeat-x;	
	max-width: 320px;
	width: 320px;
}
	.newsitems ul
	{
		margin: 0 20px 5px 20px;
		padding: 0;
	}
	.newsitems h1, .login h1, .search h1
	{
	 	font-family: Verdana, sans-serif;
		font-size: 18px;
		padding: 10px 0 0 20px;
		color: white;
	}
	.newsitems ul li, .login table
	{
		list-style: none;
		padding: 0;
		margin: 0 0 10px 0;
	  	font-family: Verdana, sans-serif;
	 	color: white;
		font-size: 11px;	
		line-height: 120%;
		text-align:justify;	
	}
	.newsitems ul li span
	{
		clear: right;
	}
	.newsitems .title
	{
	  font-family: Verdana, sans-serif;
		color: #ffffff;
		font-weight: bold;
		padding: 0 20px 0 20px;
		font-size: 11px;
	}
	.newsitems .date
	{
	  	font-weight: bold;
		color: #db0048;
		font-size: 11px;
		padding: 0 20px 0 20px;	
	}
	.newsitems .marquee
	{
		height:  100px;
		background: #fff;	
		padding: 10px 0 10px 0;	
	}

.login
{
 	background-color: #db0048;
	height: 130px;
}
	.login input
	{
	 	border: 0px solid black;
		font-family: Verdana, sans-serif;
		color: black;
		font-size: 11px;
	}
	.login a
	{
		color: white;
		text-decoration: underline;
	}
	.login a:hover
	{
	 	color: white;
		text-decoration: none;
	}
	.login td, .search td
	{
	 	padding: 0 0 5px 20px;
	}
	
	.login .textfield
	{
	 	width: 158px;
		border: 1px solid #393a3d;
	}	
.search
{
 	background-color: #ffffff;
	color: black;
	font-size: 11px;
	height: 110px;
}
	.search h1
	{
	 	font-family: Verdana, sans-serif;
		font-size: 18px;
		color: #393a45;
	}

	.search a
	{
	 	font-size: 11px;
	}
	.search input
	{
	 	border: 1px solid #393a3d;
		font-family: Verdana, sans-serif;
		color: black;
		font-size: 11px;
	}

.vacature
{
	background: #db0048;
	color: #393a3d;
}
.vacature strong, .vacature a, .vacature h1, .vacature p, .vacature a:hover
{
	color: #ffffff
}
.vacature h1
{
	font-size: 18px;
	padding: 10px 0 0 20px;
}
.main_right
{
 	background-color: #ffffff;
}
.rightmain
{
	height: 278px;
}
.main_right p
{
 line-height: 120%;
 color: #393a3d;
}
.main_right h1
{
	font-size: 18px;
	color: #db0048;
	margin: 0;
	padding: 10px 0 0 20px;	
}
.main_right h2
{
	font-size: 11px;
	color: #db0048;
	padding: 10px 0 0 20px;		
	margin: 0;
}
.main_right .title
{
 	font-weight: bold;
	color: #db0048;
	padding: 10px 20px 0 20px;	
	font-size: 11px;
}
.main_right .date
{
 	font-weight: bold;
	color: #393a3d;
	padding: 0 0 0 20px;
	font-size: 11px;
}
.rightcontent p
{
 	padding: 0 0 0 20px;
}
.footer
{
  border-collapse: collapse;
 	background-color: #393a3d;
	height: 20px;
	color: white;
	font-size: 11px;
	padding: 0 0 3px 20px;
}
.borderleft
{
 	background: #ffffff url(images/border_left.jpg) bottom right no-repeat;
	width: 8px;
}
.borderright
{
 	background: #ffffff url(images/border_right.jpg) bottom left no-repeat;
	width: 8px;	
}
.contact td
{
 font-size: 11px;
 padding-left: 20px;
}
/*Stijlen voor de scrollable nieuws content*/
div#hold	
{ 
	position:relative;overflow: hidden;
	width:320px; height:280px;
}
div#lyr1 
{ 
	position:absolute; 
	z-index:1; 
}
table#imgTbl 
{ 
	width:100%;
}
table#imgTbl td 
{
 	vertical-align:middle;
}

/* Stijlen voor screendump functie */

	#lightbox
	{
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
		color: #000000;
	}
	
	#lightbox #caption
	{
		color: #393a3d;
		font-size: 14px;
		padding: 4px 0 0 0;
		font-family: Verdana;
	}
	#lightbox a img
	{
		border: none;
	}
	
	#outerImageContainer
	{
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
		color: #000000;
	}
	
	#imageContainer
	{
		padding: 5px;
	}
	
	#loading
	{
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	
	#hoverNav
	{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
	}
	
	#imageContainer>#hoverNav
	{
		left: 0;
	}
	
	#hoverNav a
	{
		outline: none;
	}
	
	#prevLink, #nextLink
	{
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#prevLink
	{
		left: 0;
		float: left;
	}
	
	#nextLink
	{	
		right: 0;
		float: right;
	}
	
	#prevLink:hover, #prevLink:visited:hover
	{
		background: url(../images/prevlabel.gif) left 15% no-repeat;
	}
	
	#nextLink:hover, #nextLink:visited:hover
	{
		background: url(../images/nextlabel.gif) right 15% no-repeat;
	}
	
	#imageDataContainer
	{
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		color: #000000;
	}
	
	#imageData
	{
		padding:0 10px;
	}
	
	#imageData #imageDetails
	{
		width: 70%;
		float: left;
		text-align: left;
		color: #000000;
	}
	
	#imageData #caption
	{
		color: #000000;
		font-weight: bold;
	}
	
	#imageData #numberDisplay
	{
		display: block;
		clear: left;
		padding-bottom: 1.0em;
	}
	
	#imageData #bottomNavClose
	{
		width: 66px;
		float: right;
		padding-bottom: 0.7em;
	}
	
	#overlay
	{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 95;
		width: 100%;
		height: 500px;
		background-color: #000;
		/*filter: alpha(opacity=60);*/
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	
	.clearfix:after
	{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
/* EInde stijlen voor sceendump functie */