/* 
Kleuren:
	Donkerderblauw zijkanten: #BCD4EE
	Lichterblauw content: #E0F0FF
	Borderkleur menu: #7499C4
	Donkerrood: #B50000
	Groen: #60A200
*/

/*
   - fonts
   - layout 
   - service nav
   - main nav
   - footer
   - elements
*/

/* FONTS  */
/* ----------------------------------------------------------------------------- */
body { font-family: Arial, Helvetica, sans-serif;font-size: 70%; }
p,h1,h2,h3,
h4,ul,ol 		{ margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}
p ,ul,ol		{ margin-bottom:15px;}

p, ul,ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 155%;
}

ul ul { margin-bottom:0;}
ol ol { margin-bottom:0;}

h1 { 
	font-family:Arial,Helvetica,sans-serif;
	font-size:140%;
	font-weight:bold;
}

h1.sitename { 
	display:block;
	margin:0; padding:0;
	margin-bottom:16px;
	padding-left:18px;
	font-weight:normal;
	font-size:320%;
	border-left:236px solid #FFF;
	height:52px;
	line-height:52px;
	background-color:#60A200;
	color:#FFF;
}

h2 { 
	
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#B50000;
	font-size:120%;
	padding-top:5px;
}

h3 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: Black;
	font-size: 100%;
	padding-right: 20px;
	padding-top: 5px;
 }

a 		{ text-decoration: none; color: #b50000;font-weight: bold;}
a:hover 	{ text-decoration: underline;}

/* LAYOUT */
/* ----------------------------------------------------------------------------- */
html,body 	{ margin:0; padding:0; height:100%;}
* html 		{ height:100%;}
* html body 	{ height:100%;}

body 		{ background-color:#A0A0A0;	}

#wrapper {
	position:relative;
	width:920px;
	margin:0 auto;
	background-image:url(../images/bg_wrapper.gif);
	min-height:100%;
}
* html #wrapper { height:100%}

#headerwrapper{
	position:absolute;
	width:920px;
	height:148px;
	top:0;
	background-color:#FFF;
}

#contentwrapper{
	position:relative;
	padding-top:148px;
}

#contentright {
	position:relative;
	float:right;
	width:684px;
}

#content{
	position:relative;
	float:left;
	width: 432px;
	padding:0 18px;
	padding-bottom:20px;
}

#rightcol{
	position:relative;
	float:left;
	width:180px;
	padding:0 18px;
	padding-bottom:20px;
}

#leftcol{
	position:relative;
	float:right;
	width:236px;
	padding-bottom:20px;
}


/* SERVICE NAV */
/* ----------------------------------------------------------------------------- */
#servicenav {
	position:relative;
	margin:0; padding:0;
	margin-left:236px;
	height:20px;
}

#servicenav ul{
	position:relative;
	height:20px;
	background-color:#000;
	margin:0;padding:0;
	list-style-type:none;
}

#servicenav ul li{
	position:relative;
	margin:0;
	margin-top:4px;
	padding:0 12px;
	float:left;
	color:#FFF;
	line-height:12px;
	border-right:1px solid #fff;
}

#servicenav ul li.printlink { float:right; border:0;}

#servicenav ul li a { 
	color:#fff;
	text-decoration:none;
	line-height:12px;
	font-weight: normal;
}

#servicenav ul li a:hover{
	text-decoration:underline;
}

/* MAINNAV */
/* ----------------------------------------------------------------------------- */
ul#mainnav {
	position:relative;
	list-style-type:none;
	margin:0; padding:0;
	border-top:1px solid #7499C4;
	width:160px;
	text-align:right;
	margin-left:50px;
}

ul#mainnav li 			{ position:relative; float:left; width:160px; border-bottom:1px solid #7499C4;}

ul#mainnav li a{
	display:block;
	text-decoration:none;
	font-weight: normal;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 200%;
	padding-right:15px;
}
ul#mainnav li a:hover	{ background-color:#A5C6E9}

#mainnav ul{
    display: none;
    width: 200px;
    margin: 0; padding: 0;
    position: absolute;
	list-style-type:none;
    left: 160px;
	top:0;
	background-color:#FFF;
	border:1px solid #000;
	text-align:left;	font-size: 100%;
}

#mainnav li:hover ul, 
#mainnav li.over ul	{ display: block;}

#mainnav ul li			{ width: 200px;margin: 0; padding: 0; border:0;}
#mainnav ul li a	 	{ padding:0 5px;}



/* FOOTER */
/* ----------------------------------------------------------------------------- */
#footer 				{ border-bottom:8px solid #A0A0A0; position:absolute; bottom:0; left:0; width:920px; height:20px;}
* html #footer 		{ bottom:-1px;}


#footer ul{
	position:relative;
	height:20px;
	background-color:#000;
	margin:0;padding:0;
	list-style-type:none;
}
#footer ul li{
	position:relative;
	margin:0; padding:0;
	margin-top:4px;
	padding:0 12px;
	float:left;
	color:#FFF;
	line-height:12px;
	border-right:1px solid #fff;
}


#footer ul li a { 
	color:#fff;
	text-decoration:none;
	line-height:12px;
	font-weight: normal;
}

#footer ul li a:hover{
	text-decoration:underline;
}


/* ELEMENTS */
/* ----------------------------------------------------------------------------- */
#logo {
	position:absolute;
	top:25px;
	left:25px;
}
#logo a img { border:0;}

#banner { 
	position:relative;
	display:block;
	margin:0; padding:0;
	margin-left:280px;
	width:640px;
	height:128px;
	overflow:hidden;
}

form#zoek {
	display:block; 
	position:relative;
	padding:0; margin:15px 0 15px 50px;
}

#zoek .input	{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
	color: black;
	background-color: #e1e1e1;
	padding-left: 5px;
	margin-right: 3px;
	height: 17px;
}

ul.related 			{ margin:0; padding:0; list-style-type:none;}

ul.related  li  a 	{
	display:block;
	font-weight: normal;
	text-decoration: none;
	color: black;
	padding-left: 15px;
	background-image: url(../images/linkpijl.gif);
	background-repeat: no-repeat;
	background-position:0px 2px;
}

ul.related  li  a:hover {
	text-decoration: underline;
	color: #b50000;
	padding-left: 15px;
	background-image: url(../images/linkpijl_dik.gif);
}