/* Veel gebruikte kleuren

beige:				#bbb08e
beige-light:		#ebe6da
beige-ultralicht:	#eeecea		body_bg 
oranje: 			#ce6e2f
paars:				#532f64
magenta:			#970078		loopbalk 

rood:				#a80023		content IEMES
rood-donker:		#620014		bovenin verloop

grijs-1				#b4b0ac		nieuws_bg
grijs-2				#999999		navigatie NA

licht-blauw			#d8dce9		deeltijd opl info_bg

---------------------------------------------- */


body {
	background: #eeecea url(images/body_bg.gif) repeat-y center top;
}
body, p, td, li, input, textarea { 
	font-size: 10pt;
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	                
	font-size: 12px;
	color: black;
}
a {
	text-decoration: underline;
	outline: none;
	color: #532f64;
}
a:link { 
	color: #532f64;
}
a:visited {
	color: #532f64;
}
a:active {
}
a:hover {
	text-decoration: none;
}
strong, b {
	font-weight: bold;
}
p {
	line-height: 1.41em;
	margin-top: 1.0em;
	margin-bottom: 0.5em; 
}
li {
	line-height: 1.41em;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
}
ul {
	margin-top: 0.0em;
	margin-bottom: 1.0em; 
}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
}
img {
	border: 0;
}
h1, h2, h3, h4, h5, h6, h7 {
	color: #532f64;
}
h1 { font-size: 14pt;font-size: 17px; }
h2 { font-size: 12pt; }
h3 { font-size: 10pt; }



/* Design elementen 
---------------------------------------------- */
#fullheightcontainer {
	background: url(images/wrapper_bg1.png) no-repeat;
}
#wrapper {
	background: url(images/stippellijn.gif) repeat-y 0px 150px;
}
#header {
	background: url(images/wrapper_bg1.png) no-repeat;
	margin: 0;
	padding: 0;
}
h2#homebutton, h2#homebutton a,
h2#iemesbutton, h2#iemesbutton a {
	width: 210px;
	height: 64px;
	margin: 5px 0 0 10px;
	padding: 0;
	display: block;
}
h2#iemesbutton, h2#iemesbutton a,
h2#cebiebutton, h2#cebiebutton a {
	width: 184px;
	height: 72px;
	margin: 0 0 0 10px;
	padding: 0;
	display: none;
}
h2#iemesbutton {
	position: absolute;
	top: 0px;
	margin-top: 70px;
	background: url(images/iemes_banner.gif) no-repeat -1px 0px;
}
h2#cebiebutton, h2#cebiebutton a {
	height: 48px;
}
h2#cebiebutton {
	position: absolute;
	top: 0px;
	margin-top: 12px;
	background: url(images/cebie_banner.gif) no-repeat -1px 0px;
}
h2#homebutton a, h2#iemesbutton a, h2#cebiebutton a {
	margin: 0;
	padding: 0;
	border: 0;	
}
h2#homebutton img {
	margin-left: 3px;
}
h2#homebutton a strong, h2#iemesbutton a strong, h2#cebiebutton a strong {
	position: absolute;
	left: -9999px;
}



.B_crumbBox {
	display: block;
	clear: both;
	text-align: left;
	margin: 35px 0 0 10px;
	text-transform: uppercase;
	color: #454033;
	font-size: 9px;
}
.B_crumbBox a.B_currentCrumb {
	color: #000;
}
.B_crumbBox a {
	text-transform: uppercase;
	color: #454033;
	text-decoration: none;
}

.B_crumbBox a:hover {
	color: #000;
	text-decoration: underline;
}
#footer {
	background: #fff url(images/footer_bg1.gif) repeat-x left bottom;
	overflow: visible;
}
#subfooter1 {
	color: #000;
	font-size: 11px;
	margin: 0;
	padding: 8px 0 0 10px;
	height: 18px;
	text-align: left;
}
#subfooter1 ul a {
	color: #777;
}
#copyright {
	width: 200px;
}
#mailafriend {
	position: absolute;
	top: 35px;
	top: -700px;
	left: 218px;
	width: 434px;
	z-index: 1000;
	background: #eeecea;
	padding: 10px;
	border: 1px solid #532f64;
}


.top {
	margin-top: 0;
}
.clearish{
	clear:both;
}

p.opvallend, .wlpeMessage, .wlpeMessageText {
	color: #a80023;
	text-decoration: none;
}







/* Navigation 
---------------------------------------------- */
#mainmenu {
	margin: 0 20px 0 4px;
	z-index:10;
}
#mainmenu ul, #footer ul {
	margin: 0 0 0 6px;
	padding: 0;
	text-align: left;
}
#mainmenu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#mainmenu li a {
	color: #635d4e;
	text-decoration: none;
}
#mainmenu li.active a {
	color: #000;
}
#mainmenu li.active li a {
	color: #635d4e;
}
#mainmenu li.subactive1 {
	font-size: 16px;
}
#mainmenu li.subactive4 {
	font-size: 11px;
}


#mainmenu li a:hover {
	text-decoration: underline;
	color: #532f64;
}


#footer ul, #footer span {
	float:left;
	display: inline;
}
#footer li {
	display: inline;
	list-style-type: none;
	line-height: 12px;
	margin: 0;
	padding: 0;
	padding: 0px 12px 2px 2px;
}
#footer li a {
	color: #000;
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}
ul#inloggen a {
	color: #fff;
}



#mainmenu li#mmlink_10 a, #mainmenu li#mmlink_11 a, #mainmenu li#mmlink_96 a {
	display: none;
}
#mainmenu li#mmlink_10 ul a, #mainmenu li#mmlink_11 ul a, #mainmenu li#mmlink_96 ul a {
	display: block;
}



/* Zoeken
---------------------------------------------- */
#searchbox {
	width: 200px;
	height: 189px;
	display: block;
	position: absolute;
	left: 10px;
	margin: -197px 0 0 -10px;
	background: url(images/search_bg0.gif) no-repeat;
	
}
#searchbox form {
	width: 180px;
	margin: 150px 0 0 10px;
	padding: 0;
	height: 27px;
	border: 2px solid #999;
	display: block;
	overflow: hidden;
	background: #fff;
	line-height: 27px;
}

#ajaxSearch_input {
	width: 155px;
	border: 0;
	color: #999;
	margin: 0 0 0 25px;
	padding: 0;
	height: 27px;
	line-height: 27px;
	
}
#ajaxSearch_submit {
	width: 25px;
	height: 27px;
	position: absolute;
	top: 152px;
	margin: 0;
	padding: 0;
	background: #fff url(images/icn_search_16.gif) no-repeat 4px 5px ;
	border: 0;
	cursor: pointer;
	
	*left: 12px;
}
.ajaxSearch_result {
	border-top: 1px dotted #635d4e;
	padding-top: 5px;
	height: auto;
}
a.ajaxSearch_resultLink {
	margin: 0;
	padding: 0;
}
.ajaxSearch_extract {
	margin: -15px 0 0 0;
	padding: 0;
}



/* Hoofdstuk uitzonderingen 
---------------------------------------------- */


/* Opleidingen-overzicht    
---------------------------------------------- */
#vtKader {
	float: left;
	width: 215px;
	background: #a80023 url(images/opl-overzicht_vt_bg.gif) repeat-x;
	padding: 10px 5px;
	color: #fff;
}
#vtKader a, #vtKader li, #vtKader h1 {
	color: #fff;
}
.dtKader {
	float: left;
	margin-left: 15px;
	padding: 10px 0 0 0;
	width: 205px;
	color: #000;
}
.dtKader a, .dtKader li, .dtKader h3 {
	color: #000;
}
.dtKader h3 {
	font-size: 12px;
	margin: 25px 0 0 0;
}
#vtKader ul, .dtKader ul {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
}


/* Opleidingen-overzicht NIEUW!!!
---------------------------------------------- */
body.oploverzicht #center, body.oploverzicht #float-wrap {
	width: 777px;
}
body.oploverzicht #right, body.oploverzicht #container-right {
	width: 0;
	overflow: hidden;
}
body.oploverzicht #gfx_bg_middle{
  width:777px;
  margin-left:218px;
}

#vt1Kader, #vt2Kader {
	width: 645px;
	background: #a80023 url(images/opl-overzicht_vt_bg.gif) repeat-x;
	padding: 8px 8px 5px;
	color: #fff;
	margin-bottom: 10px;
	overflow-x: hidden;
}
#vt2Kader {
	/*
	background: #b88078 url(images/opl-overzicht_vt2_bg.gif) repeat-x;
	*/
}

#vt1Kader a, #vt1Kader li, #vt1Kader h1,
#vt2Kader a, #vt2Kader li, #vt2Kader h1 {
	color: #fff;
}
#vt1Kader h1.top, #vt2Kader h1.top {
	line-height: 1;
	margin-bottom: 5px;
	
}
#vt1Kader ul, #vt2Kader ul {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	width: 700px;
}
#vt1Kader ul, #hfdstkid6 #vt2Kader ul {
	padding: 0 0 0 0px;
}
#vt1Kader li, #hfdstkid6 #vt2Kader li {
	width: 208px;
	float: left;
	display: block;
	padding-left: 15px;
	/*background: url(images/opl-overzicht_vt_bullit.gif) no-repeat left center;*/
}
.deeltijdoverzicht {
	background: #ded7c4;
	width: 661px;
	padding: 8px 0px;
}
body.oploverzicht h1.dtkop, #hfdstkid122 h1.dtkop {
	margin: 0 0 0 8px;
	line-height: 1;
}
body.oploverzicht .dtKader, #hfdstkid122 .dtKader {
	position: relative;
	float: left;
	padding: 0px 8px 0 8px;
	margin: 0;
	width: 207px;
	color: #000;
	background: #ded7c4;
}
body.oploverzicht .lastkader, #hfdstkid122 .lastkader {
	padding: 0px 0px 0 8px;
}
body.oploverzicht .dtKader h3, #hfdstkid122 .dtKader h3 {
	font-size: 12px;
	margin: 8px 0 0 0;
	line-height: 18px;
	
}
body.oploverzicht .dtKader ul, #hfdstkid122 .dtKader ul {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
}
body.oploverzicht .dtKader li, #hfdstkid122 .dtKader li {
	margin: 0;
	line-height: 18px;
}

body.oploverzicht .deeltijdoverzicht ul {
	margin: 0 0 0 0;
	width: 700px;
	padding: 0 0 0 8px;
}
body.oploverzicht .deeltijdoverzicht li {
	width: 208px;
	float: left;
	display: block;
	padding-left: 15px;
	/*background: url(images/opl-overzicht_vt_bullit.gif) no-repeat left center;
	list-style-type: disc;*/
}






/* Deeltijd opleidingen     
---------------------------------------------- */
body.cl_11 #fullheightcontainer, body.cl_11 #header {
	/*background: url(images/wrapper_bg2.png) no-repeat;*/
}
#dt_toptools, #vt_bottomtools {
	background: url(images/icn_vraagvertel.gif) no-repeat;
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 40px;
	color: #777;
	font-size: 11px;
	margin: 4px 0 0 5px;
}
body.cl_11 #vt_bottomtools, #footernieuws {
	display: none;
}
#dt_toptools a, #vt_bottomtools a {
	color: #777;
	text-decoration: none;
}
#dt_toptools a:hover, #vt_bottomtools a:hover {
	color: #000;
	text-decoration: underline;
}
#dt_info {
	background: #d8dce9 url(images/dt_info_bg.png) no-repeat right top;
	width: 290px;
	display: block;
	border-top: 2px solid #000;
	padding: 8px 5px 6px 5px;
	margin: 12px 0 0 0;
	font-size: 11px;
	line-height: 1.51em;
}
#dt_info p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 1.51em;
}
#dt_info strong, #dt_info b {
	color: #2d4f83;
}
#dt_info strong a, #dt_info b a, #dt_info a strong, #dt_info a b {
	color: #532f64;
}
#dt_info em a, #dt_info i a, #dt_info a em, #dt_info a i {
	color: #a80023;
}

#dt_info p.dt_inschrijfp {
	margin-top: 12px;
	padding-top: 6px;
	border-top: 1px dotted #000;
	
	font-size: 13px;
	font-weight: bold;
}

a.dt_inschrijflink {
	color: #a80023;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
a.dt_inschrijflink:hover {
	text-decoration: underline;
	color: #532f64;
}




/* Voltijd opleidingen      ---------------------------------------------- */
body.cl_10 #fullheightcontainer {
	background: url(images/wrapper_bg3.png) no-repeat;
}
body.cl_10 #header, body.cl_96 #header {
	background: url(images/wrapper_bg3.png) no-repeat;
	margin: 0;
	padding: 0;
}
body.cl_96 #fullheightcontainer, body.cl_96 #header {
	background: url(images/wrapper_bg3a.png) no-repeat;
}


body.cl_10 #wrapper {
	background: url(images/stippellijn-2.gif) repeat-y 0px 150px;
}
body.cl_96 #wrapper {
	background: url(images/stippellijn-1.gif) repeat-y 0px 150px;
}
body.cl_10 #container-center {
	background: url(images/containercenter_bg.png) repeat-x;
	padding: 10px 7px;
	color: #fff;
	min-height: 260px;
	overflow-y: visible;
	/*height: 260px;*/
}
body.cl_10 #footer {
	background: #fff url(images/footer_bg2.gif) repeat-x left bottom;
}
body.cl_10 #searchbox {
	/*background: url(images/search_bg0.gif) no-repeat;*/
}
body.cl_10 #subfooter1{
  background:#ce6e2f;
}
body.cl_10 h1, body.cl_10 h2, body.cl_10 h3, body.cl_10 h4, body.cl_10 h5, body.cl_10 h6, body.cl_10 h7,
body.cl_10 a, body.cl_10 p, body.cl_10 td, body.cl_10 li {
	color: #fff;
}
body.cl_10 #mailafriend h1, body.cl_10 #mailafriend h2, body.cl_10 #mailafriend h3, body.cl_10 #mailafriend h4 {
	color: #532f64;
}
body.cl_10 #footernieuws, body#hfdstkid #footernieuws, body.cl_96 #footernieuws {
	border: 0;
	display: block;
	position: absolute;
	margin-top: -216px;
	right: 10px;
	width: 300px;
	height: 200px;
}
#subfooter2 {
	display: block;
	width: 980px;
	position: absolute;
	left: 0px;
}
#floating {
	padding: 0;
	margin: 0;
	position:absolute;
	bottom:0;
	left:0;
	color: #000;
}
body.cl_10 #floating, body.cl_10 #floating p {
	color: #000;
}
body.cl_10 #clearfooterright{
  height:655px;
}
body.iemeshp #clearfooterright{
  height:600px;
}
body.iemeshp #vt_bottomtools {
	display: none;
}


#polaroid1, #polaroid2, #polaroid3, #polaroid4, #polaroid5, #polaroid6 {
	z-index: 2;
	position: absolute;
	top: -400px;
	right: 0px;
	margin-right: 40px;
} 
#polaroid2, #polaroid5 {
	/*top: 130px;*/
	margin-right: 65px;
}
#polaroid3, #polaroid6 {
	/*top: 320px;*/
	margin-right: 15px;
}
#polaroid4, #polaroid5, #polaroid6 {
	/*border: 1px solid red;
	margin-top: -1px;
	left: 500px;*/
}




/* Nieuws en artikelen
---------------------------------------------- */
.nieuwsitem {
	line-height: 1.31em;
	border-top: 1px solid #000;
	padding: 8px 0px;
	clear: both;
	display: block;
}

.nieuwsitem a.nieuwstitel {
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	padding-bottom: 8px;
	display: block;
}
.nieuwsitem a.nieuwstitel:hover {
	text-decoration: underline;
}
a.leesverder, a.leesverder:link, a.leesverder:active, a.leesverder:visited, body.cl_10 a.leesverder,
.nieuwsitem a.leesverder, .nieuwsitem a.leesverder:link, .nieuwsitem a.leesverder:active, .nieuwsitem a.leesverder:visited {
	color: #a80023;
	text-decoration: none;
}
a.leesverder:hover {
	text-decoration: underline;
}
body#hfdstkid51 #mmlink_51 a {
	color: #000;
}
.nieuwsitem a img {
	
}


#nieuwskop {
	background: url(images/icn_nieuws.gif) no-repeat 5px 0px;
	height: 25px;
	line-height: 25px;
	padding: 0 0 5px 40px;
	color: #777;
	font-size: 14px;
	margin: 290px 0 0 0px;
	margin: 10px 0 0 0px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	width: 250px;
}
body#hfdstkid #nieuwskop {
	width: auto;
}
body#hfdstkid .nieuwsitem, body.cl_10 .nieuwsitem, , body.cl_96 .nieuwsitem {
	background: #f6ebda;
	padding: 8px 5px;
	border: 0;
}
body.cl_10 .nieuwsitem, body.cl_96 .nieuwsitem {
	background: #b4b0ac;
	width: 290px;
}
body#hfdstkid .nieuwsalt, body.cl_10 .nieuwsalt, body.cl_96 .nieuwsalt {
	background: #fff;
}
#newsimage {
	margin: 0 0 0 16px;
}
#newsthumb {
	float: left;
	margin: 0 8px 0 0;
	position: relative;
}




/* Site map                      ---------------------------------------------- */
ul.LSM_0, ul.LSM_1, ul.LSM_2, ul.LSM_3, ul.LSM_4 {
	margin: 0;
	padding: 0;
}
ul.LSM_0 li, ul.LSM_1 li, ul.LSM_2 li, ul.LSM_3 li, ul.LSM_4 li {
	padding: 0;
	margin: 0 0 3px 15px;;
}


/* Homepage                      ---------------------------------------------- */
body#hfdstkid #polaroid3, body#hfdstkid #polaroid6 {
	left: -999px;
}
body#hfdstkid h1.top {
	font-size: 32px;
}
body#hfdstkid h2#iemesbutton, body#hfdstkid h2#iemesbutton a {
	display: block;
}
body#hfdstkid h2#cebiebutton, body#hfdstkid h2#cebiebutton a {
	display: block;
}
body#hfdstkid #clearfooterright{
  height:510px;
}
body#hfdstkid #vt_bottomtools {
	display: none;
}
#lichtkrant {
	position: absolute;
	width: 300px;
	height: 29px;
	overflow: hidden;
	background: #970078;
	display: block;
	left: 218px;
	top: 102px;
	z-index: 99;
	color: #fff;
	font-size: 18px;
	line-height: 29px;
}
body#hfdstkid #lichtkrant {
	left: 220px;
}
#lichtkrant a, #lichtkrant a:link, #lichtkrant a:active, #lichtkrant a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	border: 0;
}
a.papercliplink {
	display: block;
	margin: 40px 0 0 10px;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #bcb294;
}





/* Forms 
------------------------------------------------------------------------------- */
.errors {
	color: #a80023;
}
form {
	text-align: left;
	clear: both;
	padding: 0;
	margin: 0;
	padding-bottom: 20px;
	border: none;
}
form.full { width: 100%; }


fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

legend {
	display: none;
}
form h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

form label, form p,
#Emailform label, #Emailform p {
	display: block;
	clear: both;
	width: 410px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.first input,
form label.city input,
form label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

form label {
	float: left;
	clear: left;
	width: 443px;
	margin: 0;
	line-height: 1.5em;
}

form label input {
	float: left;
	width: 383px;
	padding: 0;
}

form input.radio,
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

form label.radio,
form label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

form input.checkbox {
	float: left;
	padding: 0;
	margin: 0;
	width: 20px;
	height: 18px;
	clear: both;
}

form label.checkbox {
	float: left;
	clear: none;
	width: 380px;
}
/* style the form elements to look similar across browsers ... emulates Safari */
form label input,
form textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    /*background: #fff url(images/input-bg.gif) repeat-x top left;*/
    background: #fff;
}
form input.checkbox,
form select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
form textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

form label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
form input.button {
    clear: left;
}
form label.postcode {
	display: block;
	clear: both;
}




#cfPostcode, #cfWoonplaats {
	width: 85px;
	float: left;
	margin: -8px 8px 8px 0px;
}
#cfWoonplaats {
	width: 281px;
	margin-right: 0px;
}
form span {
	float: left;
}




/* IE6 en 7 fratsen staan achteraan om geen conflicten met oude Safari's te maken 
------------------------------------------------------------------------------- */
#mainmenu li#mmlink_10 a, #mainmenu li#mmlink_11 a, #mainmenu li#mmlink_96 a {
	*display: block;
	*height: 0px;
	*overflow: hidden;
	*margin-top: -16px;
	
	_margin-top: 0px;
}
#mainmenu li#mmlink_10, #mainmenu li#mmlink_11, #mainmenu li#mmlink_96 {
	
}
#mainmenu li#mmlink_10 ul a, #mainmenu li#mmlink_11 ul a, #mainmenu li#mmlink_96 ul a {
	*height: auto;
	*overflow: visible;
	*margin-top: 0px;
}
#mainmenu ul li {
	_padding: 0;
	_margin: 0;
	_height: 16px;
	_overflow: visible;
}
#mainmenu ul li a {
	_padding: 0;
	_margin: 0;
}
#ajaxSearch_input {
	_margin: 0 0 0 12px;
	
}