/*=========================
		Algemeen
===========================*/
*
{
	margin: 0; 
 	padding: 0; 
 	font-family: Arial, sans-serif; 
}
body{ background-color: #545a60; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;}
table {border-collapse: collapse;}
p
{
	font-size: 13px;
	line-height: 18px;
	padding: 15px 0 0 0;
}
ul, ol
{ 
	list-style-position: inside;
}
a img{ border: 0; }
/*==========================
		header
============================*/
#header 
{
	width: 100%;
	background: #fff url(images/header_gradient.gif) repeat-y left;
}
#title, #CmsNavigatie ul, #content .wrapper
{
	color: #006;
	position: relative;
	width: 915px;
	margin: 0 auto 0 auto;
}
#title img
{
	padding: 20px 0 0 0;
}
#title h3
{
	text-align: right;
	line-height: 10px;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 2px;
	padding: 0 2px 6px 0;
}
/*==============================
		navigatie
===============================*/
#CmsNavigatie
{
	width: 100%;
	height: 55px;
	background: url(images/nav_gradient.gif) repeat-x;
}
#CmsNavigatie ul{ list-style-type: none; }
#CmsNavigatie ul li{ float: left; }
#CmsNavigatie ul li a
{
	display: block;
	height: 38px;
	width: 100px;
	padding: 17px 20px  0 20px;
	border-right: solid 1px #24364f;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff;
}
#CmsNavigatie ul li a.first{ border-left: solid 1px #3a5982; }
#CmsNavigatie ul li a:hover{ background: url(images/nav_hover.gif) repeat-x; }
/*==============================*/
#content
{
	background: #b9bfc4 url(images/content_grad.gif) repeat-x;
}
#content h4, #content h5{ font-weight: normal; }
/*==================================
		content linkerkolom
===================================*/
div.left
{
	color: #fff;
	width: 320px;
	margin-top: 8px;
	float: left;
}
div.left .uppb
{
	width: 320px;
	height: 26px;
	background: url(images/left_uppb.gif) no-repeat bottom;
}
#CmsMenu
{
	background-color: #464e58;
}
#CmsMenu h4
{
	background: #31373e url(images/orange_icon.gif) no-repeat left top;
	padding: 0 0 8px 45px;
	font-size: 18px;
	letter-spacing: 2px;
	border-bottom: dotted 1px #fff;	
}
#CmsMenu h5
{
	padding: 10px 0 10px 18px;
	font-size: 17px;
	letter-spacing: 1px;
}
#CmsMenu img
{
	padding: 0 0 10px 20px;
}
#CmsMenu ul
{ 
	list-style-position: outside;
	list-style-type: none;
	padding: 5px 0 10px 0; 
	border-bottom: solid 9px #31373e;
}
#CmsMenu ul li
{
	padding-left: 20px;
}
#CmsMenu ul.specs
{
	padding: 0;
	border-bottom: 0;
	width: 150px;
	float: right;
}
#CmsMenu ul.specs li
{
	font-size: 11px;
	padding: 0;
	margin-right: 20px;
	line-height: 19px;
	border-bottom: solid 1px #fff;
}
#CmsMenu a
{
	clear: both;
	color: #fff;
	background: #464e58 url(images/arrow.gif) no-repeat left center;
	padding-left: 25px;
	text-decoration: none;
	letter-spacing: 2px;
	line-height: 25px;
	font-size: 14px;
}
#CmsMenu a:hover, #CmsMenu a.selected
{
	background:  #464e58 url(images/arrows_current.gif) no-repeat left center;
	padding-left: 30px;
}
#CmsMenu a.nolist
{
	display: block;
	padding: 0 15px 2px 190px;
	background:  #464e58 url(images/arrow2.gif) no-repeat right center;
}
#CmsMenu a.nolist:hover
{
	background: #464e58 url(images/arrows_hover.gif) no-repeat right center;
	padding: 0 15px 2px 190px;
}
div.left .lowb 
{
	height: 22px;
	margin: 0 0 25px 0;
	background: #31373e url(images/left_lowb.gif) no-repeat bottom;
	border-top: dotted 1px #fff;
}
/*==========================================
		content rechter kolom
==========================================*/
div.right
{	
	width: 571px; 
 	float: left; 
 	margin: 21px 0 21px 22px; 
}
div.right a{ color: #3d5d87; letter-spacing: 1px; }
div.right .uppb
{
	height: 36px;
	background: url(images/right_uppb.png) no-repeat;
}
#CmsCenter
{
	float: left;
	background: url(images/right_center.png) repeat-y;
	color: #444;
	width: 490px;
	padding: 0 40px 20px 40px;
}
#CmsCenter h4
{
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 2px;
	padding: 12px 0 5px 0;
	border-top: solid 15px #f7f5f0;
}
#CmsCenter h4.top{ border-top: 0; padding-top: 0; }

#CmsCenter img, #CmsCenter ul
{
	padding-bottom: 15px;
}
#CmsCenter li {padding : 5px 0;}
div.column
{
	float: left;
	width: 196px;
}
div.columnr
{
	float: right;
	width: 196px;
}
div.column ul
{
	padding-right: 12px;
}
div.column ul#contact{ font-size: 12px; }

ul.specs
{
	list-style: none;
	list-style-position: outside;
}
ul.specs li
{	
	font-size: 11px;
	border-bottom: dotted 1px #444; 
	padding: 6px 0 1px 0;
}

div.pager
{
	text-align: right;
	padding-top: 15px;
}
div.pager a
{
	display: block;
	padding-right: 5px;
	text-decoration: none;
	font-size: 13px;
}

div.pager td {padding: 0 3px; font-size: 15px;}
div.right .lowb
{
	height: 36px;
	background: url(images/right_lowb.png) no-repeat;
}
/*==============================
			Footer
================================*/
#CmsFooter
{
	width: 100%;
	height: 55px;
	border-top: solid 6px #313335;
	background-color: #545a60;
	color: #fff;
}
#CmsFooter a
{
	color: #fff;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
}
#CmsFooter a:hover { text-decoration: underline; }
#CmsFooter ul
{
	float: right;
	list-style-type: none;
}
#CmsFooter ul li
{ 
	float: left;
	padding-top: 15px;
}
#CmsFooter ul li a
{	
	padding: 0 20px 0 20px;
	letter-spacing: 0;
	font-size: 13px;
}
#CmsFooter p
{
	float: left;
	padding: 16px 0 0 20px;
	letter-spacing: 1px;
	font-size: 12px;
}