* {
	margin: 0;
	padding: 0;
	cursor: default; }

html, body {
	height: 100%;
	min-height: 100%; /* Required */
}

body { /* Hack For FireFox to show scrollbar always */
 overflow: -moz-scrollbars-vertical;
}

body {
	overflow-x: hidden;
	background-color: white;
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: left 0;
	text-align: left; }
h1.pagename {
	background-color: transparent;
	width: 350px;
	float: left;
	margin: 0;
	padding: 0;
	display: block; }
h2.pagetitle {
	background-color: transparent;
	display: block;
	margin: 0 0 10px;
	padding: 0;
	clear: both; }
div#container_back {
	background-image: url(../images/dodesign_10.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 50px;
	height: 600px;
	overflow: hidden;
	visibility: visible;
	margin-left: -435px; }
div#container_back2 {
	background-image: url(../images/dodesign_12.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	visibility: visible;
	margin-left: 390px;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 600px;
	overflow: hidden; }
#container {
	background-image: url(../images/backbottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	position: relative;
	_height: 100%;
	margin: 0;
	min-height: 100%;
	padding: 0; }
div#container-page {
	text-align: left;
	margin: 0 auto;
	width: 780px;
	height: auto !important; }
div#container-head {
	background-image: url(../images/heading_08.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 111px;
	float: left;
	clear: left;
	min-width: 780px; }
div#head {
	color: white;
	font-size: 10px;
	text-align: left;
	width: 750px;
	margin-right: auto;
	margin-left: auto; }
div#head #logo {
	color: #819ed8;
	font-size: 0;
	background-image: url(../images/logo_03.png);
	background-position: left 0;
	width: 150px;
	height: 80px;
	float: left;
	max-height: 60px;
	margin-top: 3px;
	display: block; }

div#head #search-top {
	background: none repeat scroll 0 0 #F9F9F9;
	border:1px solid silver;
	margin-top: -25px;
	min-height:41px;
	width: 200px;
	padding:8px;
	float: right;
	clear: right;
	padding-right: 9px; color:black; }
div#head #search-top input { 
	margin-left:0px;
	margin-right:0px;
	padding:0px !important;
}

div#head #search-top .submit {
	width: 60px; }
div#container-prehead {
	color: #c8c8c8;
	font-size: 9px;
	background-color: #3b3b3b;
	text-align: center;
	width: 100%;
	height: 18px;
	border-color: #999;
	border-style: solid;
	border-width: 0 0 1px; }
div#context {
	color: white;
	text-align: right;
	width: 745px;
	margin-right: auto;
	margin-left: auto; }
div#context a {
	color: white; }
#container-content {
	margin-left: 15px;
	width: 750px;
	padding-bottom: 50px; }
#container-content:after {
  clear: both;
  display: block;
  font: 1px / 0 serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#content-pri {
	text-align: left;
	width: 510px;
	height: auto;
	float: left;
	margin-top: 8px;
	padding-right: 10px; }
#content-pri div.buttons {
	color: #666;
	font-weight: bold;
	line-height: 16px;
	clear: both;
	background-color: white;
	background-image: url(../images/td_bg2.gif);
	background-repeat: repeat-x;
	width: 140px;
	float: right;
	margin-top: -8px;
	padding: 3px 8px 4px; }
#content-pri div.buttons_rel {
	position: relative;
	width: 18px;
	float: right;
	margin-bottom: -18px; }
#div.buttons a, div.buttons img, #div.buttons a, div.buttons_rel img {
	cursor: pointer; }
#div.buttons a, div.buttons img {
	cursor: pointer; }
#content-pri-bottom {
	width: 750px;
	height: 100px;
	float: right; }
#content-bottom {
	width: 894px;
	height: 57px;
	float: right; }
#content-menu {
	text-align: left;
	width: 165px;
	float: right; }
#content-sec {
	text-align: left;
	width: 217px;
	float: right;
	margin-top: 0; }

#container-foot {
	color: #0071b5;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	width: 880px;
	position: absolute;
	left: 50%;
	bottom: 0 !important;
	bottom: -1px;
	height: 45px;
	overflow: hidden;
	margin-left: -440px;
	padding: 0; }
#container-foot #right a {
	color: #0071b5; }
#container-foot #right {
	color: #0071b5;
	text-align: right;
	width: 450px;
	height: 20px;
	float: right; }
/*<agl.folder "WHERE">*/
	div#head #where {
	color: #808080;
	width: 500px;
	float: left;
	clear: left;
	padding-top: 12px;
	display: block; }
	div#head #where a {
		color: #808080;
		text-decoration: none; }
	div#head #where a:hover {
		color: #0071b5;
		text-decoration: underline; }
/*</agl.folder>*/
/*<agl.folder "TOP MENU">*/
	#container-menu {
	text-align: left;
	width: 750px;
	height: auto;
	float: left;
	margin-top: 8px;
	padding-left: 15px;
	display: block; }
	div#head #topmenu {
	width: 210px;
	height: 50px;
	float: right;
	margin-top: 25px;
	padding-right: 0; }
	div#head #topmenu li {
		float: left;
		margin: 0 8px 0 0;
		list-style-type: none; }
	div#head #topmenu a {
		color: white;
		font-weight: normal;
		text-decoration: none; }
/*</agl.folder>*/
/*<agl.folder "MAIN MENU">*/
	div#container-menu div.stroke {
		color: white;
		font-size: 0;
		line-height: 0;
		position: relative;
		width: 100%;
		height: 0;
		float: left;
		clear: left;
		margin: 0;
		padding: 0;
		border-color: #b8b8b8;
		border-style: solid;
		border-width: 0 0 3px; }
	span.menu { display: none; }
	div#mainmenu {
		float: left;
		width: 100%;
		margin-bottom: 2px;
		border-bottom: 3px solid #0071b5; }
	div#mainmenu li {
		width: auto;
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none; }
	div#mainmenu a {
		color: #f7feff;
		background-color: #b9b9b9;
		text-decoration: none;
		text-align: center;
		width: 106px;
		overflow: hidden;
		float: left;
		margin-top: 1px;
		margin-right: 1px;
		margin-bottom: 1px;
		padding-top: 3px;
		padding-bottom: 2px;
		white-space: nowrap; }
	div#mainmenu li.active a {
		color: white;
		background-color: #0071b5;
		background-image: url(../images/heading.jpg);
		background-repeat: repeat-x;
		background-position: 0 top;
		margin-bottom: 0;
		padding-bottom: 3px; }
	div#mainmenu a:hover, div#mainmenu li.active a:hover {
		color: black;
	}
/*</agl.folder>*/
/*<agl.folder "SUB MENU">*/
	div#submenu {
		width: 100%;
		height: auto;
		float: left;
		clear: left;
		margin-top: 10px;
		margin-bottom: 10px; }
	div#submenu li {
		background-image: url(../images/button_06_smallwhite.jpg);
		background-repeat: no-repeat;
		background-position: left 4px;
		margin: 2px 0;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 15px;
		border-color: #edf1f5;
		border-style: solid;
		border-width: 0 0 1px;
		list-style-type: none;
		list-style-position: outside;
		display: block; }
	div#submenu ul li {
		background-image: url(../images/button_03_small_backwhite.gif);
		background-position: 20px 2px;
		margin-bottom: 3px; }
	div#submenu ul li a {
		font-weight: normal;
		margin-left: 25px; }
	div#submenu a {
		color: #333;
		margin-left: 8px;
		display: block; }
	div#submenu a:hover {
	color: #0071b5; }
/*</agl.folder>*/
/*<agl.folder "FOOT MENU">*/
	div#footmenu {
	width: 290px;
	height: 20px;
	float: left; }
	div#footmenu li {
	background-image: none;
	height: 20px;
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
	list-style-type: none;
	display: block; }
	div#footmenu li a {
	color: #0071b5; }
/*</agl.folder>*/
/*<agl.folder "BLOCK">*/
	div#block {
	width: 100%;
	float: left; }
	div#content-pri #block #left {
	width: 245px;
	float: left;
	clear: left; }
	div#content-pri #block #right {
	width: 245px;
	float: right; }
	div#content-pri h1.hr {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-color: #0071b5;
	background-image: url(../images/heading.jpg);
	background-repeat: repeat-x;
	background-position: left -5px;
	width: 235px;
	float: left;
	clear: left;
	margin: 0 0 5px;
	padding: 6px 0 6px 10px;
	border-width: 0; }
	div#content-pri a.fr {
	color: #fff;
	font-weight: bold;
	background-color: #b8b8b8;
	margin: 5px 0 0;
	padding: 6px 0 6px 10px;
	width: 235px;
	float: left;
	clear: left;
	border-width: 0; }
	div#content-sec #block #left {
	width: 100%;
	float: left;
	clear: left;
	margin-bottom: 15px; }
	div#content-sec h1.hr {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		background-color: #0071b5;
		background-image: url(../images/heading.jpg);
		background-repeat: repeat-x;
		background-position: -5px 0;
		width: 208px;
		clear: left;
		margin: 0 0 5px;
		padding: 6px 0 6px 10px;
		border-width: 0; }
	div#content-sec a.fr {
	color: #fff;
	font-weight: bold;
	background-color: #b8b8b8;
	margin: 5px 0 0;
	padding: 6px 0 6px 10px;
	width: 208px;
	float: left;
	clear: left;
	border-width: 0; }
/*</agl.folder>*/
/*<agl.folder "GO DIRECTLY">*/
	select#godirectly {
		width: 90%; }
	button#godirectly {
	width: 60px; }
/*</agl.folder>*/
/*<agl.folder "CONTACT INFO">*/
	div#contactinfo {
		width: 100%;
		float: left;
		clear: left; }
	div#contactinfo div.left {
		font-size: 11px;
		width: 48%;
		float: left; }
	div#contactinfo div.right {
		font-size: 11px;
		width: 48%;
		float: right; }
/*</agl.folder>*/
/*<agl.folder "CUSTOMRIGHT COLUM">*/
	div#customright {
		margin-bottom: 10px; }
/*</agl.folder>*/
a.readmore {
	color: #0071b5;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	margin-top: 8px;
	display: block; }
a.readmore:hover  {
	color: #0071b5;
	font-weight: bold;
	text-decoration: underline;
	display: block;
	margin-top: 10px;
	width: 100%; }
hr.footer {
	color: #fff;
	font-size: 1px;
	margin-top: 5px;
	padding-bottom: 8px;
	border-color: #b9b9b9;
	border-style: solid;
	border-width: 2px 0 0; }
hr.clear {
	font-size: 0;
	line-height: 0;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0; }
hr.white {
	font-size: 1px;
	background-color: #fff;
	width: 100%;
	border-color: #0071b5;
	border-style: dotted;
	border-width: 0 0 1px; }
/*<agl.folder "OPLEIDINGSAANBOD">*/
	p.button {
		color: white;
		background-color: #0071b5;
		background-image: url(../images/button_03_small.jpg);
		background-repeat: no-repeat;
		background-position: 5px center;
		width: auto;
		height: auto;
		clear: both;
		margin: 0 0 5px;
		padding: 5px 8px 5px 25px; }
	p.button a {
	color: white;
	text-decoration: none; }
	p.button a:hover {
	color: silver; }
	div#opleidingsaanbod td {
		padding: 8px 4px; }
	div#opleidingsaanbod table {
		 }
	div#opleidingsaanbod td h3 {
		color: #0071b5;
		margin-bottom: 0; }
	div#opleidingsaanbod tr.row0 h3 {
		color: white;
		margin: 0; }
	div#opleidingsaanbod tr.row0 {
		color: white;
		background-color: #0071b5;
		background-image: url(../images/heading.jpg); }
	div#opleidingsaanbod tr.row1 {
	background-color: #f2f2f2; }
	div#opleidingsaanbod tr.row2 {
		background-color: white; }
	div#opleidingsaanbod tr.row2 td {
		border-color: #e0e0e0;
		border-style: solid;
		border-width: 1px 0; }
/*</agl.folder>*/
/*<agl.folder "Frontpage">*/
	div.background-news {
		background-image: none;
		background-repeat: repeat-x;
		background-position: 0 bottom;
		width: 218px;
		margin-top: 10px; }
	div.background-news li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-position: outside;
		display: block; }
	div.background-news li a {
		color: #333;
		font-weight: normal;
		list-style-type: none;
		list-style-position: outside;
		display: block;
		margin: 0;
		padding: 0; }
	div.background-news div {
		font-weight: bold;
		margin-bottom: 9px;
		margin-left: 2px;
		padding-left: 8px;
		border-color: #333;
		border-style: solid;
		border-width: 0 0 0 2px; }
	div.background-news div.border-rose {
		border-color:#F9F; }
	div.background-news div.border-drose {
		border-color: #c5009a; }
	div.background-news div.border-purple {
	border-color: #8f00bf; }
	div.background-news div.border-red {
		border-color: #f00; }
	div.background-news div.border-orange {
		border-color: #ff964c; }
	div.background-news div.border-blue {
		border-color: #0071b5; }
	div.background-news div.border-green {
		border-color: #a6ce39; }
	div.background-news div.border-yellow {
		border-color: #fffb00; }
	div.background-news div.border-divider {
		border:0px;
		border-bottom:1px solid #f5f5f5;
		line-height:0px; height:1px;
		display:block;
	}
	div#frontpage {
		background-position: right 0;
		margin-bottom: 15px;
		text-align: left;
		width: 510px;
		float: left;
		clear: left;
		padding: 0; }
	div#frontpage div#content div.info {
		position: absolute;
		width: 182px;
		overflow: hidden;
		float: left;
		padding: 8px;
		display: none; }
	div#frontpage div#content div.info h2 {
		color: #0071b5;
		margin-top: 0;
		margin-bottom: 5px; }
	div#content {
		background-image: url(../images/585677_53880881.jpg);
		background-position: right 0;
		width: 305px;
		float: left;
		min-width: 310px; }
	div#frontpage ul {
		float: left;
		margin: 0;
		display: block; }
	div#frontpage li {
		text-transform: uppercase;
		height: auto;
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-position: inside;
		display: block; }
	ul#r1 a {
		color: #f7feff;
		_margin-left: -16px; /* HACK FOR IE TO SHOW GOOD */
		font-size: 10px;
		font-weight: bold;
		background-image: url(../images/button_03_small.jpg);
		background-repeat: no-repeat;
		background-position: 10px center;
		text-decoration: none;
		width: 165px;
		max-width: 165px;
		padding: 5px 5px 5px 35px;
		display: block; }
	ul#r1 a:hover {
		color: #0071b5;
		background-color: #edf1f5;
		background-image: url(../images/button_06_small.jpg); }
	ul#r1 {
	background-color: #0071b5;
	width: 200px;
	padding-top: 8px;
	padding-bottom: 8px; }
	ul#r2 {
		color: #3c3c24;
		font-size: 11px;
		filter:alpha(opacity=80);
		opacity: 0.8;
		-moz-opacity:0.8;
		background: #eaeaea;
		width: 200px;
		float: left;
		display: block; }
	ul#r3 {
		width: 105px;
		float: right;
		min-width: 110px;
		margin: 0;
		padding: 0; }
/*</agl.folder>*/

					div#contactform { float:left; clear:left; } 
					div#contactform * { float:left; } 
					div#contactform label { clear:left; width: 150px; line-height: 25px; } 
					div#contactform input, div#contactform textarea, div#contactform select { line-height: normal; width: 200px; } 
					div#contactform option { float: none; clear:none;}
					div#contactform input.submit {width: 100px; height: auto; } 


.opl_placeholder { margin-top:-5px; padding:20px 30px; border:1px solid #E0E0E0; float:left; clear:both; }
.opl_placeholder a { display:block; width:180px; float:left; background:url(../images/button_06_smallwhite.jpg) left 2px no-repeat; padding:3px 20px 3px 20px; }