
<!--
a:link {
	color: #6b89aa;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #6b89aa;
}
a:hover {
	text-decoration: underline;
	color: #6b89aa;
}
a:active {
	text-decoration: none;
	color: #6b89aa;
}
body {
	background-color: #d9e2ea;
	color: #303030;
	font-family: arial;
	font-size: 12px;
	padding: 0;
    margin: 0;
}
-->
/* Headings */

h1 {
	font-size: 24px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px 15px 0px 0px;
	margin: 15px 0px 8px 0px;
}
h2 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-size: 18px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #303030;
}
h3 {
	padding: 0;
	margin: 0px 0px 5px 0px;
	font-size: 16px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #868686;
}
p {
	padding: 0px;
	margin: 0px;
	color: #303030;
}
/* Pagina Lay-out */
								
							
#container {
	width: 900px;
	margin: 0px auto;
	height: 95%;
}


#header {
	background-image: url(images/header.jpeg);
	background-repeat: no-repeat;
	width: 900px;
	height: 125px;
	background-color: #2b2b2c;
	float: left;
	
}

#logo {
	background-image:url(images/logo.gif) ;
	background-color: #d9e2ea;
	background-position:left;
	background-repeat: no-repeat;
	height: 34px;
	width: 900px;
	margin: 5px 0px 5px 0px;
	float: left;
}
	
/* Menu items */


/* Content */

#contentbox {
	background-color: #ffffff;
	width: 900px;
	float: left;
	
}
#contentbox2 {
	background-color: #ffffff;
	float: left;
	margin-top: 30px;
	margin-left: 20px;
	
}
#content {
	margin: 10px 0px 20px 0px;
	width: 500px;
	float: left;
}

#submenu {
	background-color: #8eb5dc;
	width: 900px;
	height: 6px;
	float: left;
	
}

/* "Tabellen" */

#rij1_blok1 {
	background-color: #FFF;
	float: left;
	margin: 10px 30px 0px 30px;

}
#rij1_blok2 {
	background-image: url(images/home_afb.jpg);
	background-color: #ffffff;
	background-position: center;
	background-repeat: no-repeat;
	height:150px;
	width:280px;
	float: right;
	padding: 10px;
}
#rij3_blok1 {
	background-image: url(images/promo_afb.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 399px;
	height: 266px;
	margin: 30px 28px 0px 30px;
	border: 1px solid #e5e5e5;
}
#rij3_blok2 {
	background-color: #ffffff;
	float: left;
	width: 350px;
	height: 330px;
	margin: 30px 20px 0px 0px;
	
}
#footer {
	background-color: #ffffff;
	width: 870px;
	float: left;
	color: #828383;
	margin-top: 15px;
	padding: 15px 0px 15px 30px;
	border-top: 1px #cccccc solid;
	word-spacing: 8px;
}
#ingangen {
	background-image: url(images/ingangen_bg.gif);
	float: left;
	margin: 25px 0px 0px 30px;
}
#rouwbericht {
	float: left;
	border-width: 3px;
	border-style: double;
	border-color: #303030;
	padding: 20px;
	width: 790px;
	margin: 10px 0px 0px 30px;
	text-align: center;
}
#ingang {
	height: 100px;
	float: left;
	width: 180px;
	padding: 10px;
	margin-right: 10px;
}
table.tabel {
	table-layout: automatic;
	border-spacing: 0px;
	caption-side: bottom;
	padding: 5px 0px 0px 0px;
	margin: 0;
}
a.route:link, a.route:visited, a.route:hover {
	background-image: url(images/route_icon.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#zoekendiv {
	background-color: #d9e2ea;
	float: right;
}
#zoeken {
	background-color: #d9e2ea;
	float: left;
	margin-bottom: 8px;
	width: 900px;
}
#infolinks {
	background-color: transparent;
	height: 25px;
	float: right;
	margin: 23px 20px 0px 0px;
	display: inline;
	font-size: 11px;
}
.footerclass {
	float: left;
	display: inline;
	margin-right: 20px;
	color: #868686;
}
.btn {
	display: inline-block;
	text-decoration: none;
	position: relative;
	background: #8eb5dc;
	padding: 5px;
	float: left;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	margin-right: 10px;
}
.btn * {
	font-style: normal;
	text-decoration: none;
	background-image: url(btn2.png);
	background-repeat: no-repeat;
	display: inline-block;
	color: #ffffff;
	position: relative;
}
.btn i {
	background-position: top left;
	position: absolute;
	margin-bottom: -5px;
	top: 0;
	left: 0;
	width: 5px;
	height: 5px;
}
.btn span {
	background-position: bottom left;
	left: -5px;
	padding: 0 0 5px 10px;
	margin-bottom: -5px;
}
.btn span i {
	background-position: bottom right;
	margin-bottom: 0;
	position: absolute;
	left: 100%;
	width: 10px;
	height: 100%;
	top: 0;
}
.btn span span {
	background-position: top right;
	position: absolute;
	right: -10px;
	margin-left: 10px;
	top: -5px;
	height: 0;
}
* html .btn span, * html .btn i {
	float: left;
	width: auto;
	background-image: none;
	cursor: pointer;
}
.btn:hover {
	background-color: #77a0cd;
	text-decoration: none;
	color: #ffffff;
}
.btn:active {
	background-color: #77a0cd;
}
* html .btn {
	border: 3px double #303030;
}
* html .btn:hover {
	border-color: #8cc8eb;
	text-decoration: none;
}
.btn[class] {
	color: #ffffff;
}
.img {
	margin: 0px 10px 10px 0px;
	float: left;
	display: block;
}
.imgRight:
	float: right;
	margin: 0 0 10px 10px
}
a.home:link, a.home:visited {
	background-image: url(images/home.gif);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	height: 29px;
	width: 30px;
	float: left;
}
a.home:hover {
	background-image: url(images/home.gif);
	background-position: 0px -30px;
	background-repeat: no-repeat;
}
p.colorbox {
	background-color: #edf0f4;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	float: left;
}
#box {
	float: left;
	height: 125px;
	width: 500px;
	margin-bottom: 10px;
}

#footer_img {
	background-image:url(images/footer.gif);
	background-repeat: repeat-x;
	background-color:#d9e2ea;
	width:900px;
	height: 30px;
	float: left;

}

#leftmenu {
	margin: 30px 20px 0px 30px;
	float: left;
	width: 150px;
}

#gerelateerd {
	background-color: #fff;
	margin: 30px 30px 0px 20px;
	width: 128px;
	padding: 10px;
	float: right;
	border: 1px solid #dededb;
}

#zieook {
	background-color: #fff;
	margin: 30px 30px 0px 20px;
	width: 128px;
	padding: 10px;
	float: right;
	border: 1px solid #dededb;
}

#gerelateerd2 {
	background-color: #fff;
	margin: 10px 30px 20px 20px;
	width: 128px;
	padding: 10px;
	float: right;
	border: 1px solid #dededb;
}

.gerelateerd {
	background-color: #fff;
	padding: 5px 0px 5px 0px;
	width: 120px;
	float: left;
}
#snelmenu {
	border: 1px solid #e5e5e5;
	float: left;
	width: 810px;
	height: 95px;
	margin: 10px 30px 30px 30px;
	padding: 15px 15px 15px 15px;
	
}
#snelmenuitem {
	float: left;
	margin-right: 35px;
}
.sidebarmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: normal 12px Arial;
	width: 148px; /* Main Menu Item widths */
	border-color: #ccc;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
}
.sidebarmenu ul li {
	position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a {
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: #666;
	text-decoration: none;
	padding: 6px;
	border-color: #ccc;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active {
	background-color: #f4f4f4; /*background of tabs (default state)*/
}
.sidebarmenu ul li a:visited {
}
.sidebarmenu ul li a:hover {
	background-color: #8eb5dc;
	color: #fff;
}
/*Sub level menu items */
.sidebarmenu ul li ul {
	position: absolute;
	/*Sub Menu Items width */
top: 0;
	visibility: hidden;
}
.sidebarmenu a.subfolderstyle {
	background: url(images/right.gif) no-repeat 97% 50%;
}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li {
	float: left;
	height: 1%;
}
* html .sidebarmenu ul li a {
	height: 1%;
}
/* End */

#vakje {
	height: 14px;
	width: 488px;
	color: ffffff;
	padding: 5px;
	border: 1px solid #cccccc;
	margin: 15px 5px 5px 0px;
}

*tuluitleg {
	float: left;
	height: 500px;
}

.diagram {
	margin: 20px 0px 10px 10px;
	
}