/* CSS design by Pixelman.be | V1.0 30/04/2009/ */

/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright protected by Pixelman and CVO Kisp */

/* CSS tested on:

	MAC OSX  
	- Safari 2.0 & 3.0: OK
	- Firefox 2.0: NOT TESTED
	- Firefox(Mozilla 5) 3.0: OK

	PC WINXP VISTA
	- IE 6.0: NOT OK
	- IE 7.0: OK
	- Firefox 2.0: OK
	- Safari 3.0: OK

*/

/*********************** basics ***********************/

body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px; /* works in all */
	*font-size: 13px; /* targets IE6 and 7 */
	/*background: #2e2e30 url(../images/traceimage_home.jpg) no-repeat 0 0;	*/
	/*background: #FFF url(../images/bg_alt.gif) center top no-repeat; */
	background: #FFF url(../images/bg_stripe.gif) center top repeat-y; 
	/*background: #FFF url(../images/bg_stripe_purple.gif) center top repeat-y;*/
}

html, dl, div, img, swf, form { 
	margin: 0; 
	padding: 0;
}
	
a {
	text-decoration: none;
	color: #BA037D;
}

a:hover {
	text-decoration: underline;
}	

*:focus {
	outline: none; /*remove blue border in safari & firefox */
}
 
a img { /*remove borders on linked images */
	border: none;
}

#site { /* whole site */
	position: relative;
	margin: 0 auto;
	padding: 0;
	/*border: solid 1px black;*/
	width: 850px;
}

#wrapper { /* whole site */
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent url(../images/bg_white.gif) repeat-y top right;
	float: left;
}

/************ form elements **************/


#content input.field,
.overlay input.field {
	position: relative;
	border: solid 1px #ABA79B;
	height: 23px;
	margin: 0 6px 6px 0;
	padding: 5px 5px 0 5px;
	font-size: 15px; /* works in all */
	*font-size: 16px; /* targets IE6 and 7 */
	line-height: 15px;
	color: #2E2205;
	font-weight: normal;
	float: left;
	display: block;
}

#content .textarea,
.overlay .textarea {
	position: relative;
	border: solid 1px #ABA79B;
	height: 100px;
	margin: 0 6px 6px 0;
	padding: 5px 5px 0 5px;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 15px; /* works in all */
	*font-size: 16px; /* targets IE6 and 7 */
	line-height: 15px;
	color: #2E2205;
	font-weight: normal;
	float: left;
	resize:none;
}


#content input.but_submit,
.overlay input.but_submit {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	/*border: solid 1px #ABA79B;*/
}

#content .formnotes,
.overlay .formnotes {
	position: relative;
	float: right;
	right: 10px;
}

#content form .star_right,
.overlay form .star_right {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	/*border: solid 1px black;*/
	background: url(../images/star.png) no-repeat top right
}

#content form .star_left,
.overlay form .star_left {
	position: relative;
	display: block;
	float: left;
	margin: 0 0 0 0;
	*margin: 0 0 6px 0;
	_margin: 0 0 0 0;
	padding: 0 0 0 17px;
	left: -17px;
	/*border: solid 1px black;*/
	background: url(../images/star.png) no-repeat top left
}


/************ navbox elements *************/

#navbox { 
	position: absolute;
	/*width: 167px;*/
	width: 257px;
	float: left;
	top: 125px;
	left: 0;
	/*border: solid 1px black;*/
	z-index: 20
}

body#opleidingen #navbox { /*per menu item 20px*/
	top: 105px; /* works in all */
	*top: 104px; /* targets IE6 and 7 */
}

body#vestigingen #navbox { /*per menu item 20px*/
	top: 85px; /* works in all */
	*top: 84px; /* targets IE6 and 7 */
}

body#inschrijven #navbox { /*per menu item 20px*/
	top: 65px; /* works in all */
	*top: 63px; /* targets IE6 and 7 */
}

body#overkisp #navbox { /*per menu item 20px*/
	top: 45px; /* works in all */
	*top: 41px; /* targets IE6 and 7 */
	top: 25px; /* works in all */
	*top: 21px; /* targets IE6 and 7 */
}

body#jouwmening #navbox { /*per menu item 20px*/
	top: 25px; /* works in all */
	*top: 21px; /* targets IE6 and 7 */
}

body#position1 #navbox { /*per menu item 20px*/
	top: 105px; /* works in all */
	*top: 104px; /* targets IE6 and 7 */
}

body#position2 #navbox { /*per menu item 20px*/
	top: 85px; /* works in all */
	*top: 84px; /* targets IE6 and 7 */
}

body#position3 #navbox { /*per menu item 20px*/
	top: 65px; /* works in all */
	*top: 63px; /* targets IE6 and 7 */
}

body#position4 #navbox { /*per menu item 20px*/
	top: 45px; /* works in all */
	*top: 41px; /* targets IE6 and 7 */
}

body#position5 #navbox { /*per menu item 20px*/
	top: 25px; /* works in all */
	*top: 21px; /* targets IE6 and 7 */
}

body#position6 #navbox { /*per menu item 20px*/
	top: 5px; /* works in all */
	*top: 1px; /* targets IE6 and 7 */
}


#nav {
	position: relative;
	margin: 0 0 65px 0;
	padding: 0;
}

#nav ul {
	position: relative;
	margin: 0;
	padding: 0;
}

#nav li {
	position: relative;
	margin: 0;
	padding: 0;
	color: #2E2205;
	font-size: 17px; /* works in all */
	*font-size: 18px; /* targets IE6 and 7 */
	text-align: right;
	list-style: none;
	line-height: 20px; /* works in all */
	*line-height: 21px; /* targets IE6 and 7 */
}

#nav li a {
	color: #2E2205;
	/*border: solid 1px black;*/
	padding: 0 27px 0 0;
	display: block;
}

#nav li a:hover {
	color: #FFF;
	text-decoration: none;
}

#nav li.current a {
	color: #FFF;
	text-decoration: none;
	background: transparent url(../images/arrow_current_nav_yellow.png) top right no-repeat;
}

/* level2 nav specs */

#nav ul li ul {
	position: relative;
	margin: 5px 0 10px 0;
	padding: 0;
}


#nav ul li ul li {
	position: relative;
	margin: 0;
	padding: 0;
	color: #584E37;
	font-size: 12px; /* works in all */
	*font-size: 13px; /* targets IE6 and 7 */
	text-align: right;
	list-style: none;
	line-height: 15px; /* works in all */
	*line-height: 16px; /* targets IE6 and 7 */
}

#nav ul li ul li a {
	color: #2E2205;
	/*border: solid 1px black;*/
	padding: 0 27px 0 0;
}

#nav ul li ul li.normal a:hover {
	color: #FFF;
	text-decoration: none;
}

#nav ul li ul li.current a {
	color: #FFF;
	text-decoration: none;
	background: transparent none;
}

#nav ul li ul li.normal a {
	color: #2E2205;
	text-decoration: none;
	background: transparent none;
}

/* subnav specs */

#subnav {
	position: relative;
	margin: 0 0 65px 0;
	padding: 0;
}

#subnav ul {
	position: relative;
	margin: 0;
	padding: 0;
}

#subnav li {
	position: relative;
	margin: 0;
	padding: 0;
	color: #2E2205;
	font-size: 10px; /* works in all */
	*font-size: 12px; /* targets IE6 and 7 */
	text-align: right;
	list-style: none;
	line-height: 14px; /* works in all */
	*line-height: 16px; /* targets IE6 and 7 */
}

#subnav li a {
	color: #2E2205;
	/*border: solid 1px black;*/
	padding: 0 27px 0 0;
	display: block;
}

#subnav li a:hover {
	color: #FFF;
	text-decoration: none;
}

#subnav li.current a {
	color: #FFF;
	text-decoration: none;
	background: transparent url(../images/arrow_current_nav_yellow.png) top right no-repeat;
}

/* subsubsubnav specs */

.subsubsubnav {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
	list-style: none;
}
	
.subsubsubnav li {
	position: relative;
	margin: 0 0 10px 0; 
	padding: 0;
	font-size: 12px; /* works in all */
	*font-size: 13px; /* targets IE6 and 7 */
	color: #2E2205;
}
	
.subsubsubnav li a
{
	position: relative;
	margin: 0;
	padding: 0 0 0 25px;
	color: #827B69;
	display: block;
	background: transparent url(../images/arrows_right_big.png) no-repeat 0 0;
	text-decoration: underline;
}
	
.subsubsubnav li a:hover {
	color: #BA037D;
	text-decoration: none;
}

/* subsubsubnav2 specs */

.subsubsubnav2 {
	position: relative;
	margin: 0 0 20px 0;
	padding: 45px 0 0 0;
	clear: both;
	list-style: none;
	display: block;
}
	
.subsubsubnav2 li {
	position: relative;
	margin: 0 0 15px 0; 
 	padding: 0 0 15px 0;
	font-size: 12px; /* works in all */
	*font-size: 13px; /* targets IE6 and 7 */
	color: #2E2205;
	border-bottom: solid 1px #DCDBD6;
}
	
.subsubsubnav2 li a {
	position: relative;
	margin: 0;
	padding: 0 0 0 25px;
	/*color: #2E2205;*/
	color: #827B69;
	display: block;
	background: transparent url(../images/arrows_right_big.png) no-repeat 0 0; 
}
	
.subsubsubnav2 li a:hover {
	color: #BA037D;
	text-decoration: none;
}


/* footer specs */

#footer {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 27px 0 0;
}

#footer p {
	position: relative;
	margin: 0;
	color: #2E2205;
	font-size: 9px; /* works in all */
	*font-size: 10px; /* targets IE6 and 7 */
	text-align: right;
	list-style: none;
	line-height: 12px; /* works in all */
	*line-height: 13px; /* targets IE6 and 7 */
}

#footer a {
	color: #2E2205;
}

#footer a:hover {
	color: #2E2205;
	text-decoration: underline;
}


#item_bottomnav {
	position: relative;
	float: left;
	left: 0;
	margin: 20px 0 0 0;
	padding: 0 0 0 15px;
}


/************ header elements *************/

#header { 
	position: relative;
	margin: 0;
	padding: 0;
	/*border: solid 1px black;*/
	width: 600px;
	float: right;
}

#logo {
	position: absolute;
	width: 150px;
	height: 150px;
	top: 0;
	right: 0;
	z-index: 10;
	/* background: url(../images/logo_kisp.jpg) 0 0 no-repeat; */
	background: url(../images/logo_kisp_green2.gif) 0 0 no-repeat;
}

#logo ul {
	position: absolute;
	top: 20px;
	left: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#logo li {
	position: relative;
	margin: 0;
	padding: 0;
}

#logo li a {
	position: relative;
	margin: 0;
	padding: 0 0 0 33px;
	display: block;
	height: 18px;
	font-weight: bold;
	font-size: 10px;
	background: transparent url(../images/arrow_right_contact.png) 0 0 no-repeat;
	/*color: #ABA79B;*/
	color: #2E2205;
	line-height: 16px;
}

#logo li a:hover {
	text-decoration: none;
	color: #FFF;
	background: transparent url(../images/arrow_right_contact.png) 0 0 no-repeat;
}


#logo h2 {
	position: absolute;
	top: 20px;
	right: 15px;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 13px; /* works in all */
	*font-size: 14px; /* targets IE6 and 7 */
	color: #2E2205;
	font-weight: bold;
}

/*** green ugly kisp logo ***/

#logo2 {
	position: absolute;
	width: 150px;
	height: 150px;
	top: 0;
	right: 0;
	z-index: 10;
	background: url(../images/logo_kisp.jpg) 0 0 no-repeat;
}

#logo2 ul {
	position: absolute;
	top: 20px;
	left: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#logo2 li {
	position: relative;
	margin: 0;
	padding: 0;
}

#logo2 li a {
	position: relative;
	margin: 0;
	padding: 0 0 0 33px;
	display: block;
	height: 18px;
	font-weight: bold;
	font-size: 10px;
	background: transparent url(../images/arrow_right_contact.png) 0 0 no-repeat;
	color: #ffffff;
	line-height: 16px;
}

#logo2 li a:hover {
	text-decoration: none;
	color: #FFF;
	background: transparent url(../images/arrow_right_contact.png) 0 0 no-repeat;
}


/*** green kisp logo much better ***/

#logo3 {
	position: absolute;
	width: 150px;
	height: 150px;
	top: 0;
	right: 0;
	z-index: 10;
	background: url(../images/logo_kisp_green2.gif) 0 0 no-repeat;
}

#logo3 ul {
	position: absolute;
	top: 20px;
	left: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#logo3 li {
	position: relative;
	margin: 0;
	padding: 0;
}

#logo3 li a {
	position: relative;
	margin: 0;
	padding: 0 0 0 33px;
	display: block;
	height: 18px;
	font-weight: bold;
	font-size: 10px;
	background: transparent url(../images/arrow_right_contact.png) 0 0 no-repeat;
	color: #2E2205;
	line-height: 16px;
}

#logo3 li a:hover {
	text-decoration: none;
	color: #FFF;
	background: transparent url(../images/arrow_right_contact.png) 0 0 no-repeat;
}



/***** kt m elements *****/

#topnav {
	position: relative;
	float: left;
	width: 600px;
	height: 29px;
	background: transparent url(../images/bg_topnav.jpg) 0 0 repeat-x;
	border-bottom: 1px solid #d6d5d0;
}

#topnav ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #2E2205;
	font-size: 12px; /* works in all */
	*font-size: 13px; /* targets IE6 and 7 */
}

#topnav li {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	display: block;
	height: 29px;
	/*border-left: solid 1px black;*/
}

#topnav li#ico_wistjedat {
	background: transparent url(../images/ico_wistjedat.png) 10px 9px no-repeat;
	padding: 0 5px 0 30px;
}

#topnav li#ico_zoeken {
	background: transparent url(../images/ico_zoeken.png) 10px 9px no-repeat;
	padding: 0 5px 0 30px;
}

#topnav li#ico_login {
	background: transparent url(../images/ico_login.png) 10px 9px no-repeat;
	padding: 0 5px 0 30px;
}

#topnav li#ico_instellingen {
	background: transparent url(../images/ico_instellingen.png) 10px 9px no-repeat;
	padding: 0 5px 0 40px;
}

#topnav li.current#ico_wistjedat,
#topnav li.current#ico_zoeken,
#topnav li.current#ico_login,
#topnav li.current#ico_instellingen,
#topnav li#ico_wistjedat:hover,
#topnav li#ico_zoeken:hover,
#topnav li#ico_login:hover,
#topnav li#ico_instellingen:hover {
	background-color: #FFF;
	cursor: pointer;
}

#topnav li a {
	position: relative;
	margin: 0;
	padding: 0 5px 0 0;
	display: block;
	height: 29px;
	line-height: 29px;
	color: #2E2205;
	float: left;
	display: none;
}

#topnav li a:hover {
	text-decoration: none;
	display: block;
}

#topnav_content {
	position: relative;
	margin: 0;
	height: 90px;
	width: 600px;
	border-bottom: solid 1px #FFF;
	float: left;
	background: transparent url(../images/bg_topnav_content.jpg) bottom left repeat-x;
}

#topnav_content01 h2 {
	position: relative;
	top: 25px;
	left: 32px;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 15px; /* works in all */
	*font-size: 16px; /* targets IE6 and 7 */
	color: #6D6450;
	font-weight: normal;
	width: 400px;
}

#topnav_content01 h2 a {
	color: #6D6450;
}

#topnav_content01 h2 a:hover {
	color: #BA037D;
	text-decoration: none;
}

#topnav_content02 {
	position: relative;
	top: 30px;
	left: 32px;
	margin: 0 0 0 0;
	padding: 0;
	width: 400px;
	/*border: solid 1px black;*/
}

#topnav_content02 form {
	position: relative;
	margin: 0;
	padding: 0;
}

#topnav_content02 input.searchfield {
	position: relative;
	border: solid 1px #ABA79B;
	height: 23px;
	margin: 0 6px 0 0;
	padding: 5px 5px 0 5px;
	font-size: 15px; /* works in all */
	*font-size: 16px; /* targets IE6 and 7 */
	line-height: 15px;
	color: #2E2205;
	font-weight: normal;
	float: left;
}

#topnav_content02 input.but_submit {
	position: relative;
	margin: 0;
	padding: 0;
	/*border: solid 1px #ABA79B;*/
}

#topnav_content03 {
	position: relative;
	top: 30px;
	left: 32px;
	margin: 0 0 0 0;
	padding: 0;
	width: 400px;
	/*border: solid 1px black;*/
}

#topnav_content03 form {
	position: relative;
	margin: 0;
	padding: 0;
}

#topnav_content03 input.field {
	position: relative;
	border: solid 1px #ABA79B;
	height: 23px;
	margin: 0 6px 0 0;
	padding: 5px 5px 0 5px;
	font-size: 15px; /* works in all */
	*font-size: 16px; /* targets IE6 and 7 */
	line-height: 15px;
	color: #2E2205;
	font-weight: normal;
	float: left;
}

#topnav_content03 input.but_submit {
	position: relative;
	margin: 0;
	padding: 0;
	/*border: solid 1px #ABA79B;*/
}

#topnav_content03 ul.loginbox_subnav {
	position: relative;
	top: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#topnav_content03 li {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 10px;
	color: #827B69;
}

#topnav_content03 li a {
	color: #827B69;
	display: block;
	margin: 0 15px 0 0;
}

#topnav_content03 li a:hover {
	color: #BA037D;
	text-decoration: none;
}

#topnav_content_close_open {
	position: absolute;
	top: 10px;
	left: 430px;
	width: 10px;
	height: 10px;
	/*border: solid 1px black;*/
}

#topnav_content_close_open a {
	position: relative;
	width: 10px;
	height: 10px;
	display: block;
	background: transparent url(../images/close.png) no-repeat top left;
}

#topnav_content_close_open a:hover {
	background: transparent url(../images/close.png) no-repeat bottom left;
	text-decoration: none;
}


/***** breadcrumb elements *****/

#breadcrumb {
	position: relative;
	min-height: 28px;
	width: 600px;
	border-bottom: solid 1px #DCDBD6;
	float: left;
}

#breadcrumb ul {
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}

#breadcrumb ul li {
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}

#breadcrumb ul li a {
	position: relative;
	display: block;
	height: 28px;
	margin: 0 15px 0 0;
	padding: 0 0 0 20px;
	float: left;
	font-size: 10px;
	*font-size: 11px;
	color: #969182;
	line-height: 27px;
	*line-height: 26px;
	background: url(../images/arrow_right_breadcrumb.gif) no-repeat 0 11px;
}

#breadcrumb ul li a:hover,
#breadcrumb ul li.current a {
	color: #2E2205;
	text-decoration: none;
}

#breadcrumb ul li.current a {
	cursor: default;
}



/***** banner elements *****/

#banner {
	position: relative;
	float: left;
	width: 600px;
	height: 270px;
	padding: 0 0 0 0;
	z-index: 0;
    line-height: 0;
    font-size:1px; /*** ie whitespace bug ***/
}

#banner_info {
	position: absolute;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 10px;
	bottom: 0;
	left: 0;
	width: 280px;
	/*min-height: 30px;*/
	background-color: #6B2044;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}


#banner_info h3 {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #FFF;
	font-size: 11px; /* works in all */
	*font-size: 12px; /* targets IE6 and 7 */
	font-weight: normal;
	line-height: 15px;
	float: left;
}

#banner_info h3 a {
	color: #E1D2DA;
	padding: 0 0 0 25px;
	margin: 0;
	background: transparent url(../images/arrow_right_news_white.png) no-repeat 3px 0;
	display: block;
}

#banner_info h3 a:hover {
	color: #FFF;
	text-decoration: none;
}

	
/************ content elements *************/

#content { 
	position: relative;
	margin: 0;
	padding: 0;
	/*border: solid 1px black;*/
	width: 600px;
	float: right;
}

#contentleft_600 { /* breedte van 600px*/
	position: relative;
	float: left;
	width: 600px;
}

#contentleft_450 { /* breedte van 450px*/
	position: relative;
	float: left;
	width: 380px;
	margin: 35px 0 0 0;
	padding: 0 0 0 35px;
	display: block;
}

#contentleft_300 { /* breedte van 300px*/
	position: relative;
	float: left;
	width: 300px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	/*border: solid 1px black;*/
}

#contentright { /* breedte van 150px*/
	position: relative;
	margin: 0 0 0 0;
	float: right;
	width: 150px;
}

#contentright_300 { /* breedte van 300px*/
	position: relative;
	margin: 35px 0 0 0;
	padding: 0 0 0 35px;
	float: right;
	width: 265px;
	/*border: solid 1px black;*/
}

#contentright_300b { /* breedte van 300px zonder margin en padding*/
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
	width: 300px;
	/*border: solid 1px black;*/
}


#content h1 {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0;
	left: -2px;
	font-size: 30px;
	color: #CEC000;
	font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 33px;
	/* text-shadow: #333 0 0 0; /* making fonts less bold in safari*/
}

#content h1 a {
	position: relative;
	left: -15px;
	padding: 0 0 0 15px;
	color: #CEC000;
	display: block;
	background: transparent url(../images/arrow_right_news.png) no-repeat 0 6px;
}

#content h1 a:hover {
	color: #BA037D;
	text-decoration: none;
}

#content h2 {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 24px;
	color: #CEC000;
	font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-weight: normal;
	/* text-shadow: #333 0 0 0; /* making fonts less bold in safari*/
}

#content h2 a {
	position: relative;
	left: -15px;
	padding: 0 0 0 15px;
	color: #CEC000;
	display: block;
	background: transparent url(../images/arrow_right_news.png) no-repeat 0 6px;
}

#content p {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	color: #43381E;
	font-size: 11px; /* works in all */
	*font-size: 12px; /* targets IE6 and 7 */
	line-height: 16px; /* works in all */
	*line-height: 17px; /* targets IE6 and 7 */
}

#content .item { /* used for index blog & news */
	position: relative;
	float: left;
	margin: 35px 0 0 0;
	padding: 0 0 0 35px;
	min-height: 150px;
	width: 565px;
	display: block;
	border-bottom: solid 1px #DCDBD6;
}

#content .item h1,
#content .item p {
	width: 380px;
	float: left;
}

#content .contentimage_right {
	position: relative;
	float: right;
	margin: 0 0 20px 10px;
	width: 150px;
    line-height: 0;
    font-size:1px; /*** ie whitespace bug ***/
	z-index: 10;
}

#content .contentimage_left {
	position: relative;
	float: left;
	margin: 10px 0 10px 0;
	width: 150px;
    line-height: 0;
    font-size:1px; /*** ie whitespace bug ***/
	z-index: 10;
}

#content h4 {
	position: relative;
	float: left;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
    line-height: 15px;
	font-size: 10px;
	color: #2E2205;
	border-bottom: solid 1px #DCDBD6;
	clear: both;
}


#content .zoomin {
	position: absolute;
	bottom: 0;
	left: 0;
}

#content .zoomin a {
	position: relative;
	display: block;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}

#content .zoomin a:hover {
	text-decoration: none;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

/***** news elements *****/

#news {
	position: relative;
	width: 600px;
}

#news dl {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
}
	
#news .content_title {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	width: 300px;
}

#news h5 {
	position: absolute;
	top: 15px;
	left: 35px;
	margin: 0;
	padding: 0;
	font-size: 10px; /* works in all */
	*font-size: 11px; /* targets IE6 and 7 */
	font-weight: normal;
	color: #969182;
	z-index: 10;
}

#news h3 {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 12px; /* works in all */
	*font-size: 13px; /* targets IE6 and 7 */
	color: #2E2205;
	font-weight: normal;
}

#news h3 a {
	position: relative;
	display: block;
	margin: 0;
	padding: 32px 30px 30px 35px;
	color: #2E2205;
	border-bottom: solid 2px #FFF;
	background: #eae9e6 url(../images/bg_news.png) repeat-x bottom left;
}

#news h3 a:hover {
	background: #efeeeb url(../images/arrow_right_news.png) no-repeat 15px 32px;
	text-decoration: none;
	border-bottom: solid 2px #CCC;
}


#news dd.current h3 a {
	background: #FFF url(../images/arrow_right_news.png) no-repeat 15px 32px;
	text-decoration: none;
	border-bottom: solid 2px #CCC;
}

#news dd {
	position: absolute;
	margin: 0;
	padding: 30px 0 0 20px;
	top: 0;
	right: 0;
	display: block;
	width: 280px;
	/*border: solid 1px black;*/
	color: #43381E;
}

#news dd p {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	color: #43381E;
	font-size: 11px; /* works in all */
	*font-size: 12px; /* targets IE6 and 7 */
	line-height: 16px; /* works in all */
	*line-height: 17px; /* targets IE6 and 7 */
}

#news .contentimage {
	position: relative;
	margin: 0 0 20px 0;
	width: 280px;
    line-height: 0;
    font-size:1px; /*** ie whitespace bug ***/
}

#news .zoomin {
	position: absolute;
	bottom: 0;
	left: 0;
}

#news .zoomin a {
	position: relative;
	display: block;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}

#news .zoomin a:hover {
	text-decoration: none;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

/***** courses/schools elements *****/

#courses {
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	background-color: #E0DED9;
	float: left;
}

#courses li {
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	width: 149px;
	height: 149px;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	text-align: right;
	background: transparent none 0 0 no-repeat;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}

#courses li:hover {
	/*cursor: pointer;*/
	background-position: 0 -150px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#courses li a {
	position: absolute;
	margin: 0 0 0 0;
	padding: 10px;
	bottom: 0;
	right: 0;
	color: #FFF;
	font-size: 11px;
	*font-size: 12px;
	width: auto;
	display: block;
	background-color: #6B2044;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

#courses li a:hover {
	text-decoration: none;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

/*  thumb bij detail_opleiding*/

#courses.courses_detail li {
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	width: 150px;
	height: 150px;
	text-align: right;
	background-position: 0 -150px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#courses.courses_detail li a {
	position: absolute;
	margin: 0 0 0 0;
	padding: 10px;
	bottom: 0;
	right: 0;
	color: #FFF;
	font-size: 11px;
	*font-size: 12px;
	display: block;
	text-decoration: none;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	float: right;
}

#courses.courses_detail li a:hover {
	text-decoration: none;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	cursor: default;
}

#courses.coursesbigthumb li a:hover {
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	cursor: default;
}

/*  big thumb bij detail2_opleiding*/

#course_big_thumb {
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	width: 300px;
	height: 300px;
	text-align: left;
	clear: both;
}

#course_big_thumb h1 {
	position: absolute;
	margin: 0 0 0 0;
	padding: 15px 37px 15px 37px;;
	bottom: 0;
	left: 0;
	font-size: 17px;
	*font-size: 18px;
	float: left;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	color: #FFF;
	line-height: 20px;
}

#course_big_thumb h1 a {
	position: relative;
	margin: 0 0 0 0;
	padding: 10px;
	display: block;
	text-decoration: none;
	float: left;
	color: #FFF;
	background: none;
}


#course_big_thumb h1 span {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	width: auto;
	text-align: left;
	font-size: 11px;
	*font-size: 12px;
	font-weight: bold;
	/*line-height: 15px;*/
	
}


#course_big_thumb h1 span a {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	padding: 0 30px 0 0;
	display: block;
	text-decoration: none;
	float: left;
	text-align: left;
	color: #FFF;
	background: none;
	line-height: 15px;
	background: url(../images/arrow_right_news_white.png) no-repeat top right;
}


/*  lijstweergave knop bij opleidingen overzicht*/

#courses #lijstweergave { 
	background-image: url(../images/th_lijstweergave.jpg);
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;

	}
#courses #lijstweergave a { 
	background: transparent url(../images/arrows_right_big.gif) no-repeat 0 0; 
	padding: 0 20px 10px 25px;
	color: #584E37;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	font-size: 12px;
	*font-size: 13px;
	}

#courses #lijstweergave a:hover { 
	color: #BA037D;
	text-decoration: none;
	}

#courses #nieuw { background-image: url(../images/th_opleidingen_07.jpg) }
#courses #nieuw a { background-color: #7A8319 }

#courses #animatie { background-image: url(../images/th_opleidingen_01.jpg) }
#courses #animatie a { background-color: #4F3809 }

#courses #bedrijfsbeheer { background-image: url(../images/th_opleidingen_05.jpg) }
#courses #bedrijfsbeheer a { background-color: #00452C }

#courses #breien { background-image: url(../images/th_opleidingen_07.jpg) }
#courses #breien a { background-color: #767062 }

#courses #creatieve_opleidingen { background-image: url(../images/th_opleidingen_08.jpg) }
#courses #creatieve_opleidingen a { background-color: #3D7976 }

#courses #fotografie { background-image: url(../images/th_opleidingen_02.jpg) }
#courses #fotografie a, #course_big_thumb h1 { background-color: #514450 }

#courses #informatica { background-image: url(../images/th_opleidingen_01.jpg) }
#courses #informatica a { background-color: #03386F }

#courses #grafische { background-image: url(../images/th_opleidingen_07.jpg) }
#courses #grafische a { background-color: #802253 }

#courses #koken { background-image: url(../images/th_opleidingen_03.jpg) }
#courses #koken a { background-color: #139337 }

#courses #lerarenopleiding { background-image: url(../images/th_lerarenopleiding.jpg) }
#courses #lerarenopleiding a { background-color: #005687 }

#courses #mode { background-image: url(../images/th_opleidingen_05.jpg) }
#courses #mode a { background-color: #803680 }

#courses #paramedisch { background-image: url(../images/th_opleidingen_08.jpg) }
#courses #paramedisch a { background-color: #66575B }

#courses #talen { background-image: url(../images/th_opleidingen_01.jpg) }
#courses #talen a { background-color: #0098A1 }

#courses #technisch { background-image: url(../images/th_opleidingen_07.jpg) }
#courses #technisch a { background-color: #4D5673 }

#courses #video { background-image: url(../images/th_opleidingen_01.jpg) }
#courses #video a { background-color: #2E2205 }

#courses #webacademie { background-image: url(../images/th_opleidingen_02.jpg) }
#courses #webacademie a { background-color: #007E9F }

/* vestigingen */

#courses #aalter { background-image: url(../images/th_dummy.jpg) }
#courses #aalter a { background-color: #7A8319 }

#courses #eeklo { background-image: url(../images/th_eeklo.jpg) }
#courses #eeklo a { background-color: #514450 }

#courses #deinze { background-image: url(../images/th_dummy.jpg) }
#courses #deinze a { background-color: #03386F }

#courses #gent_holstraat { background-image: url(../images/th_dummy.jpg) }
#courses #gent_holstraat a { background-color: #005687 }

#courses #gent_sintlievenspoort { background-image: url(../images/th_dummy.jpg) }
#courses #gent_sintlievenspoort a { background-color: #0098A1 }

#courses #mariakerke { background-image: url(../images/th_dummy.jpg) }
#courses #mariakerke a { background-color: #2E2205 }

#courses #zelzate { background-image: url(../images/th_eeklo.jpg) }
#courses #zelzate a { background-color: #139337 }




/***** course elements *****/

.course {
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	width: 
}

.course.close .toggler {
	display: none;
}

.course.open .toggler {
	display: block;
}

#content .course.close h2 a {
	background: transparent url(../images/toggle_closed.gif) no-repeat 0 8px;
	clear: both;
}

#content .course.open h2 a {
	background: transparent url(../images/toggle_open.gif) no-repeat 0 8px;
	clear: both;
}

#content h2 a:hover {
	color: #BA037D;
	text-decoration: none;
}


/***** coursesubnav elements *****/

#coursesubnav {
	position: relative;
	width: 300px;
	clear: both;
}

#coursesubnav dl {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
}
	
#coursesubnav .content_title {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	width: 300px;
}

#coursesubnav h3 {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 12px; /* works in all */
	*font-size: 13px; /* targets IE6 and 7 */
	color: #2E2205;
	font-weight: normal;
}

#coursesubnav h3 a {
	position: relative;
	display: block;
	margin: 0;
	padding: 32px 30px 30px 35px;
	color: #2E2205;
	border-bottom: solid 2px #FFF;
	background: #eae9e6 url(../images/bg_news.png) repeat-x bottom left;
}

#coursesubnav h3 a:hover {
	background: #efeeeb url(../images/arrow_right_news.png) no-repeat 15px 32px;
	text-decoration: none;
	border-bottom: solid 2px #CCC;
}


#coursesubnav dd.current h3 a {
	background: #FFF url(../images/arrow_right_news.png) no-repeat 15px 32px;
	text-decoration: none;
	border-bottom: solid 2px #CCC;
}

#coursesubnav dd {
	position: absolute;
	margin: 0;
	padding: 30px 0 0 20px;
	top: 0;
	right: 0;
	display: block;
	width: 280px;
	/*border: solid 1px black;*/
	color: #43381E;
}

#coursesubnav dd p {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	color: #43381E;
	font-size: 11px; /* works in all */
	*font-size: 12px; /* targets IE6 and 7 */
	line-height: 16px; /* works in all */
	*line-height: 17px; /* targets IE6 and 7 */
}


/***** coursesubnav right elements *****/

#coursesubnav_right {
	position: relative;
	width: 280px;
	clear: both;
	float: right;
}

#coursesubnav_right dl {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
}
	
#coursesubnav_right .content_title {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	width: 280px;
}

#coursesubnav_right h3 {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 12px; /* works in all */
	*font-size: 13px; /* targets IE6 and 7 */
	color: #2E2205;
	font-weight: normal;
	text-align: right;
}

#coursesubnav_right h3 a {
	position: relative;
	display: block;
	margin: 0;
	padding: 32px 35px 30px 30px;
	color: #2E2205;
	border-bottom: solid 2px #FFF;
	background: #eae9e6 url(../images/bg_news.png) repeat-x bottom left;
}

#coursesubnav_right h3 a:hover {
	background: #efeeeb url(../images/arrow_left_news.png) no-repeat 257px 32px;
	text-decoration: none;
	border-bottom: solid 2px #CCC;
}


#coursesubnav_right dd.current h3 a {
	background: #FFF url(../images/arrow_left_news.png) no-repeat 257px 32px;
	text-decoration: none;
	border-bottom: solid 2px #CCC;
}




/***** course tablebox elements *****/

.tablebox {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	clear: both;
}

.tablebox dl {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
}

.tablebox dd {
	position: relative;
	margin: 0;
	padding: 7px 7px 7px 0;
	float: left;
	display: block;
	clear: both;
	width: 259px;
	background: #fff9b3 url(../images/bg_tablebox_yellow.jpg) repeat-x left bottom;
	z-index: 10;
	/*border: solid 1px black;*/
}

.tablebox .closed {
	position: relative;
	margin: 0;
	padding: 7px 7px 7px 0;
	float: left;
	display: block;
	clear: both;
	width: 259px;
	background: #eae9e5 url(../images/bg_tablebox_grey.jpg) repeat-x left bottom;
}

.tablebox dd.whiterow {
	padding: 10px 0 0 10px;
	background: transparent none;
}

.tablebox .tablebox_column {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	width: 109px;
	/*border: solid 1px black;*/
}

.tablebox dd h3 {
	position: relative;
	margin: 0;
	display: inline;
	/*padding: 7px 7px 7px 0;*/
	padding: 2px 5px 0 0;
	font-size: 12px;
	*font-size: 13px;
	line-height: 16px;
	left: 9px;
	float: left;
	/*border: solid 1px black;*/
}

.tablebox dd span {
	position: relative;
	margin: 0 7px 5px 0;
	float: right;
	padding: 0 25px 0 0;
	font-size: 12px;
	*font-size: 13px;
	text-align: right;
	background: transparent url(../images/bg_schrijf_in.png) top right no-repeat;
	/*border: solid 1px black;*/
}

.tablebox dd span a {
	text-decoration: none;
	color: #827B69;
}

.tablebox dd span a:hover {
	text-decoration: none;
	color: #BA037D;
}

.tablebox dd strong {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 13px;
	*font-size: 14px;
	font-weight: bold;
	display: block;
	color: #BA037D;
	display: none;
}

.tablebox .closed strong {
	display: block;
}




/***** locations elements *****/

#coursesubnav2 {
	position: relative;
	margin: 0;
	float: left;
	width: 300px;
	font-size: 12px;
	*font-size: 13px;
}


#coursesubnav2 .locationinfo {
	position: relative;
	margin: 0;
	float: left;
	width: 300px;
	clear: both;
}


#coursesubnav2 .locationinfo h2 {
	position: relative;
	margin: 0;
	padding: 7px 0 7px 0;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	*font-size: 13px;
	left: 0;
	width: 300px;
	background: url(../images/bg_tablebox_grey.jpg) repeat-x left bottom;
	/*border: solid 1px black;*/
}

#coursesubnav2 .locationinfo h2 a {
	position: relative;
	margin: 0;
	padding: 0 0 0 17px;
	display: block;
	text-decoration: none;
	color: #2E2205;
	background: url(../images/toggle_open.gif) no-repeat 0 5px;
	width: 263px;
	left: 20px;
	clear: both;
	font-weight: bold;
	font-size: 12px;
	*font-size: 13px;
	/*border: solid 1px;*/
}

#coursesubnav2 .locationinfo.close h2 a {
	background: url(../images/toggle_closed.gif) no-repeat 0 5px;
}



#coursesubnav2 .locationinfo h2 a:hover {
	text-decoration: none;
	color: #BA037D;
}

#coursesubnav2 .toggler {
	position: relative;
	margin: 0;
	padding: 20px 10px 10px 37px;
	float: left;
	width: 253px;
	clear: both;
	border-bottom: solid 1px #eae9e5;
}

#coursesubnav2 .gmap {
	position: relative;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	width: 300px;
	clear: both;
	border-bottom: none;
}


#coursesubnav2 .locationinfo.close .toggler {
	display: none;
}


/***** subscribtion elements *****/

#contentform .subscribtion_item {
	position: relative;
	margin: 0;
	float: left;
	width: 600px;
	clear: both;
}


#contentform .subscribtion_item h2 {
	position: relative;
	margin: 0;
	padding: 7px 0 7px 0;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	*font-size: 13px;
	left: 0;
	background: url(../images/bg_tablebox_grey.jpg) repeat-x left bottom;
	/*border: solid 1px black;*/
}

#contentform .subscribtion_item h2 a {
	position: relative;
	margin: 0;
	padding: 0 0 0 17px;
	display: block;
	text-decoration: none;
	color: #2E2205;
	background: url(../images/toggle_open.gif) no-repeat 0 5px;
	/*width: 263px;*/
	left: 20px;
	clear: both;
	font-weight: bold;
	font-size: 12px;
	*font-size: 13px;
	/*border: solid 1px;*/
}

#contentform .subscribtion_item.close h2 a {
	background: url(../images/toggle_closed.gif) no-repeat 0 5px;
}



#contentform .subscribtion_item h2 a:hover {
	text-decoration: none;
	color: #BA037D;
}

#contentform .subscribtion_item .toggler {
	position: relative;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	width: 600px;
	clear: both;
	/*border-bottom: solid 1px #eae9e5;*/
}

#contentform .subscribtion_item.close .toggler {
	display: none;
}


#contentform h5 {
	position: absolute;
	top: 15px;
	left: 35px;
	margin: 0;
	padding: 0;
	width: 400px;
	font-size: 10px; /* works in all */
	*font-size: 11px; /* targets IE6 and 7 */
	font-weight: normal;
	color: #969182;
	z-index: 10;
}

#contentform h3 {
	position: relative;
	margin: 0;
	padding: 0 0 0 0;
	font-size: 12px; /* works in all */
	*font-size: 13px; /* targets IE6 and 7 */
	color: #2E2205;
	font-weight: normal;
}

#contentform h3 a {
	position: relative;
	display: block;
	margin: 0;
	padding: 32px 150px 30px 35px;
	color: #2E2205;
	background: #FFF url(../images/arrow_right_news.png) no-repeat 15px 32px;
	text-decoration: none;
	width: 400px;
	/*border-bottom: solid 1px #CCC;*/
}

#contentform h3 a:hover {
	text-decoration: none;
	color: #BA037D;
}

#contentform .item {
	position: relative;
	margin: 0;
	left: 0;
	padding: 0;
	display: block;
	clear: both;
	border: 0;
	min-height: 0;
	width: 600px;
	border: none;
}

#contentform .item2 {
	position: relative;
	margin: 0;
	left: 0;
	padding: 20px 150px 20px 35px;
	display: block;
	clear: both;
	border: 0;
	min-height: 0;
	width: 415px;
	border: none;
	float: left;
}

#contentform hr {
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 0;
	float: left;
	clear: both;
	height: 1px;
	width: 600px;
	border: none;
	color: transparent;
	background-color: #CCC;
}

/* subscription actions */

#contentform ul.subscription_actions {
	position: absolute;
	top: 30px;
	right: 0;
	list-style: none;
	margin: 0;
}

#contentform ul.subscription_actions li {
	position: relative;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	color: #2E2205;
	/*border: solid 1px black;*/
}

#contentform ul.subscription_actions li a {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
}


#contentform .erase {
	position: relative;
	top: 2px;
	width: 10px;
	height: 10px;
	overflow: hidden;
	/*border: solid 1px black;*/
}

#contentform .erase a {
	position: relative;
	width: 10px;
	height: 10px;
	display: block;
	background: transparent url(../images/close.png) no-repeat top left;
}

#contentform .erase a:hover {
	background: transparent url(../images/close.png) no-repeat bottom left;
	text-decoration: none;
}


#contentform h3.total {
	position: relative;
	margin: 0;
	display: block;
	padding: 32px 150px 30px 35px;
	font-size: 12px; /* works in all */
	*font-size: 13px; /* targets IE6 and 7 */
	color: #2E2205;
	font-weight: normal;
	text-decoration: none;
	/*border-bottom: solid 1px #CCC;*/
}

#contentform h3.total a {
	color: #2E2205;
	text-decoration: none;
}

/***** button elements *****/

button { 
	border: 0;
	cursor: pointer;
	font-weight: normal;
	margin: 0 10px 0 0;
	padding: 0 20px 0 0;
	text-align: center;
	float: left; 
	width: auto;
	*overflow: visible;
}

button span { 
	position: relative; 
	display: block; 
	white-space: nowrap; 
	padding: 0 0 0 28px;
	*margin-top: 1px;
}

/*purple buttons*/
button.submitBtn { 
	background: url(../images/btn_right.gif) right no-repeat; 
	font-size: 11px; 
	font-weight: normal;
	text-transform: uppercase;
}

button.submitBtn span { 
	height: 30px;
	line-height: 30px;
	background: url(../images/btn_left.gif) left no-repeat;
	color: #fff; 
}

button.submitBtn:hover {
	background: url(../images/btn_right_hover.gif) right no-repeat;
}

button.submitBtn:hover span {
	background:url(../images/btn_left_hover.gif) left no-repeat;
}

/*black buttons*/

body.subsite button { 
	border: 0;
	cursor: pointer;
	font-weight: normal;
	margin: 0 10px 0 0;
	padding: 0 20px 0 0;
	text-align: center;
	float: left; 
	width: auto;
	*overflow: visible;
}

body.subsite button span { 
	position: relative; 
	display: block; 
	white-space: nowrap; 
	padding: 0 0 0 28px;
	*margin-top: 1px;
}

body.subsite button.submitBtn { 
	background: url(../images/btn_black_right.png) right no-repeat; 
}

body.subsite button.submitBtn span { 
	background: url(../images/btn_black_left.png) left no-repeat;
}

body.subsite button.submitBtn:hover {
	background: url(../images/btn_black_right_hover.png) right no-repeat;
}

body.subsite button.submitBtn:hover span {
	background:url(../images/btn_black_left_hover.png) left no-repeat;
}



/**** alertbox black overlay ****/ 


.overlay_bg { /*achtergrond zwart */
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}

#overlay_black_ie6 { /*achtergrond zwart enkel vr ie6 */
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2000px;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}

/* styles for IE 5 Mac */
.overlay { 
    display: none;
	/*border: solid 1px black;*/
	background-color: #00ACC9;
	position: fixed;
	top: 20px;
	left: 20px;
	z-index:1002;
}

/* following rules are invisible to IE 5 \*/
.overlay {
	/*border: solid 1px black;*/
	background-color: transparent;
	top: 45%;
	left: 0;
	width: 100%;
	margin-top: -125px;
	text-align: center;
}
/* end IE 5 hack */ 

.overlay_box {
	position: relative;
	padding: 30px 30px 30px 40px;
	text-align: left;
	width: 500px;
	/*min-height: 200px;
	height:auto !important;
	height: 200px; */
	margin: 0 auto;
	border: 5px solid #CEC000;
	background-color: #FFF;
}


/* typo overlay */

.overlay h2 {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	left: -15px;
	font-size: 24px;
	color: #CEC000;
	font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-weight: normal;
	/* text-shadow: #333 0 0 0; /* making fonts less bold in safari*/
	/*color: #CEC000;*/
	color: #b4a800;
	display: block;
	background: transparent url(../images/arrow_right_news.png) no-repeat 0 6px;
	_background: transparent url(../images/arrow_right_news.gif) no-repeat 0 6px;
}


.overlay p {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	color: #43381E;
	font-size: 11px; /* works in all */
	*font-size: 12px; /* targets IE6 and 7 */
	line-height: 16px; /* works in all */
	*line-height: 17px; /* targets IE6 and 7 */
}


.overlay ul {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	font-size: 11px; /* works in all */
	*font-size: 12px; /* targets IE6 and 7 */
	line-height: 16px; /* works in all */
	*line-height: 17px; /* targets IE6 and 7 */
}

.overlay li {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	background: transparent url(../images/bullet2.gif) 0 5px no-repeat;
}

/* overlaybox 01 elements */

#overlay_01 {
	top: 45%;
	margin-top: -115px;
}

#overlay_01 .overlay_box {
	padding: 30px 30px 20px 40px;
	width: 500px;
	min-height: 200px;
	height:auto !important;
	height: 200px;
}


/* overlaybox 00 elements */

#overlay_00 {
	display: block;
	_position: absolute;
	top: 45%;
	margin-top: -115px;
}

#overlay_00 .overlay_box {
	display: block;
	_position: relative;
	
	padding: 30px 30px 20px 40px;
	width: 500px;
	min-height: 200px;
	height:auto !important;
	height: 200px;
}

/* overlaybox_sendtofriend elements */

#overlaybox_sendtofriend {
	top: 45%;
	margin-top: -115px;
}

#overlaybox_sendtofriend .overlay_box {
	padding: 30px 30px 20px 40px;
	width: 500px;
	/*min-height: 200px;
	height:auto !important;
	height: 200px;*/
}



/*********************** subsites ***********************/

/* lerarenopleiding */

body.lerarenopleiding {
	background: #FFF url(../images/bg_stripe_lerarenopleiding.gif) center top repeat-y;
}

body.lerarenopleiding #banner_info {
	background-color: #005687; /* donker 100% van kleur */
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;

}

body.lerarenopleiding #banner_info h3 a {
	color: #80ABC3; /* 50% van kleur */
}

body.lerarenopleiding #banner_info h3 a:hover {
	color: #FFF;
}

body.lerarenopleiding #nav li a {
	color: #80ABC3; /* 50% van kleur */
}

body.lerarenopleiding #nav li a:hover {
	color: #FFF;
	text-decoration: none;
}

body.lerarenopleiding #nav li.current a {
	color: #FFF;
	background: transparent url(../images/arrow_current_nav_lerarenopleiding.png) top right no-repeat;
}

body.lerarenopleiding #nav ul li ul li.current a {
	color: #FFF;
	text-decoration: none;
	background: transparent none;
}

body.lerarenopleiding #nav ul li ul li.normal a {
	color: #80ABC3;
	text-decoration: none;
	background: transparent none;
}

body.lerarenopleiding #nav ul li ul li.normal a:hover {
	color: #FFF;
}

body.lerarenopleiding #subnav li a {
	color: #80ABC3; /* 50% van kleur */
	/*border: solid 1px black;*/
	padding: 0 27px 0 0;
}

body.lerarenopleiding #subnav li a:hover {
	color: #FFF;
	text-decoration: none;
}

body.lerarenopleiding #subnav li.current a {
	color: #FFF;
	text-decoration: none;
	background: transparent url(../images/arrow_current_nav_lerarenopleiding.png) top right no-repeat;
}


body.lerarenopleiding #footer p {
	position: relative;
	margin: 0;
	color: #80ABC3; /* 50% van kleur */
	font-size: 9px; /* works in all */
	*font-size: 10px; /* targets IE6 and 7 */
	text-align: right;
	list-style: none;
	line-height: 12px; /* works in all */
	*line-height: 13px; /* targets IE6 and 7 */
}

body.lerarenopleiding #footer a {
	color: #80ABC3; /* 50% van kleur */
}

body.lerarenopleiding #footer a:hover {
	color: #80ABC3; /* 50% van kleur */
	text-decoration: underline;
}

.important
{
	color: #FF0000;
	font-weight: bold;
}

.message
{
	padding: 10px;
	margin-bottom: 30px;
	border: 1px #663 solid;
	background-color: #CEC000;
}