@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #898989;
	background-color: #f2f2f2;
	background-image: url(../img/bg_main.gif);
	background-repeat: repeat-x;
	margin:0px;
	padding:0px
}

a {
	color:#5887aa;
	text-decoration:underline;
}

a:hover {
	color:#c21a1f;
	text-decoration:none;
}

#wrap {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	float:left;
	background-color:#FFFFFF;
	width:960px;
	height:136px;
}

#logo {
	float:left;
}

#visualBox {
	float:left;
	display:inline;
	width:960px;
	height:212px;
}

#spaceLeft {
	float:left;
	width:241px;
	height:212px;
}

#baselineBox {
	float: left;
	width: 360px;
	height: 212px;
	border-left: 7px solid #FFFFFF;
}

#seminarBox {
	background-image: url(../img/bg_ring.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 320px;
	border-left: 7px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 11px;
	height:162px;
	padding:40px 20px 10px;
}

#seminarBox h1 {
	font-size: 18px;
	font-weight:normal;
}

#seminarBox p {
	font-size: 11px;
	color: #b6cdd9;
	margin: 10px 0px 0px 0px;
}

#seminarBox p a {
	color: #b6cdd9;
	text-decoration:none;
}

#seminarBox p a:hover {
	color: #99c8ed;
	text-decoration:none;
}

#seminarBox ul {
	font-size: 11px;
	margin:0px;
	padding:0px;
	list-style:none;
}

#seminarBox li {
	font-size: 11px;
	line-height: 22px;
	border-bottom: 1px dotted #b6c8d2;
}

#seminarBox li a {
	color: #FFFFFF;
	text-decoration:none;
}

#seminarBox li a:hover {
	color: #99c8ed;
	text-decoration:none;
}

#seminarBox .date {
	font-size: 11px;
	color: #99c8ed;
	padding-right: 5px;
}

#visual {
	float:left;
	width: 325px;
	height:212px;
	border-right: 8px solid #FFFFFF;
}

#contentBox {
	float: left;
	background-image:url(../img/bg_content.gif);
	background-repeat:repeat-y;
	width:960px;
}

#contentLeft {
	float: left;
	width: 241px;
	text-align:center;
}

#searchBox {
	background-color:#d3dbe2;
	width: 241px;
	line-height: 35px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 10px;
	font-size: 10px;
	color: #5887aa;
}

#searchBox input {
	width: 148px;
	height: 19px;
	border: 1px solid #cce5f7;
}

.leftBoxItem {
	width: 241px;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;	
}

#contentMain {
	float: left;
	background-color:#FFFFFF;
	width: 685px;
	border-left: 7px solid #FFFFFF;
}

#contentRight {
	float: right;
	background-image: url(../img/r-side.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:20px;
	height:330px;
}

/* Breadcrump
------------------------------------------------------------------*/

#breadcrump {
	float: left;
	background-color:#d3dbe2;
	width: 665px;
	line-height: 35px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-size: 11px;
	color: #5887aa;
	padding-left: 20px;
}

#breadcrump ul {
	font-size: 11px;
	margin:0px;
	padding:0px;
	list-style: none;	
}

#breadcrump li {
	display:inline;
	list-style: none;	
}

#breadcrump li a {
	background-image:url(../img/square2.gif);
	background-repeat:no-repeat;
	padding-left: 15px;
	padding-right: 10px;
	color: #ffffff;
	text-decoration:none;
}

#breadcrump li a:hover {
	color: #5887aa;
	text-decoration:none;
}

#breadcrump li.active{
	background-color:transparent;
}

#breadcrump li.active a {
	background-image:url(../img/square2.gif);
	background-repeat:no-repeat;
	padding-left: 15px;
	padding-right: 10px;
	color: #5887aa;
	text-decoration:none;
}

/* infoblokken 1 Homepage
------------------------------------------------------------------*/

#itemBox {
	background-color:#FFFFFF;
	float: left;
	width: 685px;
}

#itemBox .item {
	background-color:#ffffff;
	float: left;
	width: 188px;
	padding: 20px 20px 10px 20px;
	display: inline;
}

#itemBox .item h1 {
	font-size: 18px;
	font-weight:normal;
	color:#26688f;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#itemBox .item p {
	font-size: 11px;
	margin: 5px 0px 5px 0px;
}

#itemBox .item ul {
	list-style: square;
}

p.list {
	font-size: 11px;
	padding-left: 15px;
	background-image:url(../img/square.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	margin: 5px 0px 5px 0px;
}

#linkBox {
	background-color:#FFFFFF;
	float: left;
	width: 685px;
}

#linkBox .itemLink {
	background-color:#FFFFFF;
	float: left;
	width: 188px;
	margin: 0px 20px 0px 20px;
	padding: 10px 0px 40px 0px;
	border-top: 1px dotted #CCCCCC;
	display: inline;
}

#linkBox .itemLink a {
	background-image:url(../img/arrows.gif);
	background-repeat:no-repeat;
	font-size: 11px;
	color:#5887aa;
	text-decoration:none;
	padding-left: 25px;
}

#linkBox .itemLink a:hover {
	background-image:url(../img/arrows.gif);
	background-repeat:no-repeat;
	font-size: 11px;
	color:#be0a0f;
	text-decoration:none;
	padding-left: 25px;
}

/* infoblokken 2 Homepage
------------------------------------------------------------------*/

#features {
	background-color:#FFFFFF;
	float: left;
	width: 685px;
	padding-bottom: 30px;
}

#customer {
	float: left;
	width: 188px;
	padding: 0px 20px 0px 20px;
}

#customer h1 {
	background-image:url(../img/arrow_down.gif);
	background-position:top right;
	background-repeat:no-repeat;
	font-size: 18px;
	font-weight: normal;
	color: #9a9a9a;
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f5f5f5;
}

#focusBox {
	float: left;
	background-color:#FFFFFF;
	width: 436px;
}

#focus {
	float: left;
	background-color:#f8f8f8;
	width: 390px;
	height: 119px;
	border: 3px solid #e9e9e9;
	padding: 0px 20px 0px 20px;
	overflow:hidden;
}

#focus p {
	font-size: 11px;
	padding-left: 15px;
	background-image:url(../img/square.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	margin: 10px 0px 10px 0px;
}

#focus a {
	color: #898989;
	text-decoration:none
}

#focus a:hover {
	color: #27688f;
	text-decoration:none
}

#focusBox h1 {
	font-size: 18px;
	font-weight: normal;
	color: #be0a0f;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 20px;
	border-bottom: 1px solid #f5f5f5;
}

/* functional Navigation
------------------------------------------------------------------*/

#funcnav {
	float:left;
	width: 685px;
	height: 36px;
	padding: 0;
	margin: 20px 0px 40px 0px;
}

#funcnav td {
	padding: 0px 8px 0px 8px;
	font-size: 10px;
}

#funcnav a {
	color: #898989;
	text-decoration:none;
}

#funcnav a:hover {
	color: #FF0000;
	text-decoration:none;
}

#funcnav a.on {
	color: #FF0000;
	text-decoration:none;
}
	

/* Main Navigation
------------------------------------------------------------------*/	

#navBox {
	float:left;
	width: 685px;
}

#nav {
	color:#FF0000;
	float:left;
	width: 685px;
	padding: 0px 0px 0px 5px;
	display:inline;
	}
	
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#nav li {
	float: left;
	margin: 0px 1px 0px 1px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
}
	
#nav li a {
	float: left;
	padding: 10px 5px;
	text-decoration: none;
	color: #898989;
	border-bottom: 2px solid #ffffff;
	}
	
#nav li a:hover {
	color: #5987ab;
	border-bottom: 2px solid #5987ab;
	}
	
#nav li.active a {
	color: #5987ab;
	border-bottom: 2px solid #5987ab;
	}

#nav li.edit a{
	padding-left:0px;
	padding-right:0px;
}

/* Footer
------------------------------------------------------------------*/

#footerBox {
	float:left;
	background-image: url(../img/bg_footer.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	line-height: 30px;
	font-size: 11px;
	color:#b4cad8;
	width: 690px;
	clear:both;
	padding-left: 270px;
	padding-bottom: 10px;
}

#footerBox a {
	color: #b4cad8;
	text-decoration:none;
	padding: 0px 10px 0px 10px;
}

#footerBox a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

#clear {
	clear:both;
}


/* Pagina opmaak
------------------------------------------------------------------*/

#pageBox {
	float:left;
	background-color: #FFFFFF;
	width: 645px;
	font-size: 11px;
	padding: 0px 20px 60px 20px;
}

/*
#pageBox em {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 16px;
	font-style: normal;
	color: #6594b0;
}
*/

#pageBox h1 {
	font-size: 18px;
	font-weight: normal;
	color: #26688f;
	border-bottom: 1px dotted #dfdfdf;
	padding-bottom: 10px;
	margin: 30px 0px 20px 0px;
}

#pageBox h2 {
	font-size: 12px;
	font-weight: bold;
	color: #c21a1f;
}

#pageBox h3 {
	font-size: 12px;
	font-weight: bold;
	color: #5887aa;
}

#pageBox p {
	line-height: 16px;
}

#pageBox ul {
	list-style-image: url(../img/square.gif);
}

#pageBox old_ul {
	list-style: square;
	color: #bd2848;
}

#pageBox ul .text {
	color: #898989;
}


/* SubNavigation
------------------------------------------------------------------*/

#subnav {
	float:left;
	background-image: url(../img/nav_top.gif);
	background-repeat: no-repeat;
	background-color: #e7e7e8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 241px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

#subnav ul {
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#subnav li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: none;
	display: inline;
}


#subnav li a, #subnav td a{
	font-size: 11px;	
	color: #959595;
	text-decoration: none;
	height: 30px;
	line-height: 28px;
	background-image:url(../img/bg_nav2.gif);
	background-repeat:no-repeat;
	
	padding: 0px 0px 0px 25px;
}

#subnav li a{
display: block;
width:216px;
}

#subnav li a:hover {
	background-image:url(../img/bg_nav2.gif);
	background-repeat:no-repeat;
	color: #5887aa;
}

#subnav li.navactive a {
	font-weight:bold;
	display: block;
	color: #5887aa;
	text-decoration: none;
	height: 30px;
	line-height: 28px;
	background-image:url(../img/bg_nav2.gif);
	background-repeat:no-repeat;
	width:216px;
	padding: 0px 0px 0px 25px;
}

#subnav td .sub, #subnav td .subedit{
	background-color: #f2f2f2;
}

#subnav li .sub a , #subnav td .sub a{
	background-image: url(../img/bg_subnav1.gif);
	background-repeat: no-repeat;
	display:block;
	color: #959595;
	padding: 0px 0px 0px 40px;	
	font-weight:normal;
}

#subnav td .subedit a{
	background-image: none;
	background-repeat: no-repeat;
	background-color: #f2f2f2;
	color: #959595;
	padding: 0px 0px 0px 0px;	
	font-weight:normal;
}

#subnav li .sub a{
	width: 201px;
}

#subnav li .sub a:hover, #subnav td .sub a:hover{
	color: #5887aa;
}

#subnav li .subactive a, #subnav td .subactive a{
	background-image: url(../img/bg_subnav2.gif);
	background-repeat: no-repeat;
	color: #5887aa;
	padding: 0px 0px 0px 40px;
	width: 201px;
}

#navTitle {
	background-image:url(../img/bg_title.gif);
	background-repeat:no-repeat;
	width: 216px;
	line-height: 67px;
	text-align:left;
	padding: 0px 0px 0px 25px;
	font-size:18px;
}

#relevantBox {
	background-repeat:no-repeat;
	text-decoration: none;
	text-align:left;
}
#relevantBox ul {
	padding: 0px;
	margin: 0px;
}

#relevantBox li a {
	line-height:28px;
	text-decoration: none;
	color: #959595;
}

#relevantBox a:hover {
	color: #5887AA;
}

#relevantBox .boxtitle {
	background-image:url(../img/bg_title.gif);
	background-repeat:no-repeat;
	font-size:18px;
	font-weight: bold;
	line-height:67px;
	padding:0 0 0 25px;
	text-align:left;
	width:216px;
	color: #5887AA;	
}

#relevantBox .boxitem {
	background-image: url(../img/bg_subnav1.gif);
	background-repeat: no-repeat;
	display:block;
	padding: 0px 0px 0px 40px;	
	font-weight:normal;
	font-size: 11px;
	height: 30px;
}

/* insert rechts
------------------------------------------------------------------*/

#insert {
	float:right;
	background-color:#ffffff;
	width: 200px;
	margin: 0px 0px 0px 40px;
	color: #6c91ae;
}

#insert h1 {
	color: #FF0000;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* opmaak extra link
------------------------------------------------------------------*/

.more {
	background-color:#FFFFFF;
	float: left;
	width: 200px;
	padding: 10px 0px 40px 0px;
	border-top: 1px dotted #CCCCCC;
}

.more a {
	background-image:url(../img/arrows.gif);
	background-repeat:no-repeat;
	font-size: 11px;
	color:#5887aa;
	text-decoration:none;
	padding-left: 25px;
}

.more a:hover {
	background-image:url(../img/arrows.gif);
	background-repeat:no-repeat;
	font-size: 11px;
	color:#be0a0f;
	text-decoration:none;
	padding-left: 25px;
}

/* table styling
------------------------------------------------------------------*/

#seminars .date {
	text-align: center;
	padding: 12px 0px 0px 0px;
}

#seminars p {
	margin: 0px;
	padding: 0px;
}

#seminars p.title {
	margin: 0px;
	padding-top: 10px;
	font-size: 12px;
	color: #5887aa;
}

#seminars p.info {
	margin: 0px;
	padding-top: 5px;
	font-size: 11px;
}

#articles .month {
	padding: 12px 0px 0px 10px;
}

#articles .icons {
	padding: 12px 0px 12px 0px;
}

#articles p {
	margin: 0px;
	padding: 0px;
}

#articles p.title {
	margin: 0px;
	padding-top: 10px;
	font-size: 12px;
	color: #5887aa;
}

#articles p.info {
	margin: 0px;
	padding-top: 5px;
	font-size: 11px;
}

#articles a {
	color:#898989;
	text-decoration:none;
}

#articles a:hover {
	color:#c21a1f;
	text-decoration:none;
}

.textarea_1 {
	font-size:11px;
	width: 200px;
	color:#898989;
}

.textarea_2 {
	font-size:11px;
	width: 100px;
	color:#898989;
}

.input {
	font-size:11px;
	color:#898989;
}

#baseline {
	float:left;
	font-size: 18px;
	font-weight: normal;
	color: #5887aa;
	border-bottom: 1px dotted #dfdfdf;
	padding-bottom: 10px;
	margin: 20px 20px 0px 20px;
	width: 645px;
}