﻿body {margin-top:0;
	background:#fff url(../images/bg.gif); background-repeat:repeat-x;
 text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
img{border:0px} 
html{
				height:100%
}
#main{margin-left:auto; margin-right:auto; width:980px; text-align:left;
    }
#wrapper{float:left; background:#fff;}
#header{height:145px;background: #fff url('../images/header.gif') no-repeat left top;
}
#header img{margin:40px 0 0 20px;}
#header p{color:#CC3300;margin-left:35px;font-style:oblique}
#menu{height:37px; background:#009999 url('../images/menu.gif') repeat-x left top;
}
#menu ul{margin: 0px 0px 0px 20px;padding: 0;list-style: none;}
#menu li{display: inline; float: left}
#menu a{display: block;	height: 26px;margin-right: 0px;	margin-bottom: 10px;
	padding: 10px 20px 0px 20px;
	text-decoration: none;	text-align: center;
	font-weight: bold;	color: #FFFFFF;
	border-right: 1px solid #269CB0;}
#menu a:hover {
	background-image:url('../images/menuhover.gif');
background-repeat:repeat-x;
	text-decoration: none;	color: #FFFFFF;
}
#footer{border-top:1px solid #AFB0BD; font-size:10px;height:100px;}
#footer ul{	margin-top:30px; margin-left:0px}
#footer li{	display:inline;padding:5px 20px 5px 20px;border-left:1px dotted #AFB0BD;}
#footer img{margin-left:138px;margin-top:-30px}
#footer a:link    {color:#CC3300;  text-decoration:underline;}
#footer a:active  {color:#CC3300;  text-decoration:underline;}
#footer a:visited {color:#CC3300;  text-decoration:underline;}
#footer a:hover   {color:#000;text-decoration:underline;}

 
.columnleft{width:240px; float:left;}
.columnright{width:240px; float:left;}
.center{width:500px; min-height:350px; float:left;}

.columnright a:link    {color:#000;  text-decoration:underline;}
.columnright a:active  {color:#000;  text-decoration:underline;}
.columnright a:visited {color:#000;  text-decoration:underline;}
.columnright a:hover   {color:#CC3300;text-decoration:underline;}

.columnright img{margin-left:15px}
 
.caps{width:980px; float:left; padding:0px; background-color:#FFF;}

.boxlinks{border: 1px solid #AFB0BD;margin:15px 15px 15px 15px;padding:5px}

.contentcenter{margin:0px 15px 15px 15px;padding:19px 5px 16px 5px; }
.contentcenter button{margin-top:20px}
.pdf ul { list-style-image: url('../images/pdf.gif') }
.pdf{
				line-height:20px
}
.center a:link    {color:#000;  text-decoration:underline;}
.center a:active  {color:#000;  text-decoration:underline;}
.center a:visited {color:#000;  text-decoration:underline;}
.center a:hover   {color:#CC3300;text-decoration:underline;}

.kruimelpad{font-size:10px;color:#808080;}


.kruimelpad a:link    {color:#808080;text-decoration:underline;}
.kruimelpad a:active  {color:#808080;text-decoration:underline;}
.kruimelpad a:visited {color:#808080;text-decoration:underline;}
.kruimelpad a:hover   {color:#000000;text-decoration:underline;}


.boxrechts{border: 1px solid #AFB0BD;margin:15px 15px 15px 15px;padding:5px}
.boxrechtstube{background:#FFFFFF url('../images/boxrechts.gif') repeat-x;
padding:10px
}
.boxrechtstube ul{height:42px;}
.boxrechtstube li{margin: 0 0 0 -15px}



/*NOT IMPORTANT LAYOUT CSS*/
h1 {color:#238EA0;font-size:14px;display:block; margin-top:10px;border-bottom:1px solid #CC3300;}

h3 {margin:10px 0 10px 0; color:#238EA0;font-size:14px;}

	#linkermenu{		
		width:178px;	/* Width of main menu */
		height:340px;

		padding:10px;
		background-color:#F2F2F4;
	}
	#linkermenu	li{	/* Main menu  */
		list-style-type:none;	/* No bullets */
		margin:0px;	/* No margin - needed for Opera */
	}
	#linkermenu ul{	
		margin:5px 0px;	/* No  air */
		padding:0px;	/* No  air */
	}
	#linkermenu ul li ul{	/* Styling for those who doesn't have javascript enabled  - sub menu items*/
		padding-left:5px;
	}
	#linkermenu	li a{	/* Main menu links */
		text-decoration:none;	/* No underline */
		color:#000;	/* Black text color */
		background: #F2F2F4 url('../images/pijl.gif') no-repeat 2px center;
		height:20px;	/* 20 pixel height */
		line-height:20px;	/* 20 pixel height */
border-bottom: 1px solid #B5B5B5;

		margin:1px;	/* A little bit of air */
		padding:1px;	/* Air between border and text inside */

width: auto;
padding-left: 20px;

		display:block;
	}
	#linkermenu	li a:hover{
		color:#CC3300;
		background-color:#fff;
		background-image:url('../images/pijlover.gif');
	}
	.submenu{
		visibility:hidden;
		position:absolute;
		overflow:hidden;
		border:1px solid #B5B5B5;
		background-color:#F2F2F4;
		text-align:left;
	
	}
	.submenu ul{
		margin:0px;
		padding:10px;	
	}
	.submenu ul li{
		list-style-type:none;
		margin:0px;
		padding:2px 5px 2px 5px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
	}
	.submenu ul li a{	/* Sub menu items */
		white-space:nowrap;	/* No line break */
		text-decoration:none;	/* No underline */
		color:#000;	/* Black text color */
		background: #F2F2F4 url('../images/pijl.gif') no-repeat 2px center;

		
		height:16px;	/* 16 pixels height */
		line-height:16px;	/* 16 pixels height */
		padding:1px 1px 1px 20px;	/* 1px of "air" inside */
		
		display:block;	/* Display as block - you shouldn't change this */
	}
	.submenu ul li a:hover{	/* Sub menu items - mouse over effects */
		color:#CC3300;	/* White text */
		background-color:#FFF;	/* Blue background */
				background: #FFF url('../images/pijlover.gif') no-repeat 2px center;

	}

* html #linkermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 158px;
}


/* Holly Hack for IE \*/
* html #linkermenu ul li { height: 1%; }
* html #linkermenu ul li a { height: 1%; }
/* End */


