html {
	height				: 100%; /* In geval van background op html én body */
	background			: url(../img/html-bg.jpg) center top repeat-x;
}

body	{
	min-height			: 100%; /* In geval van background op html én body */
	font				: 0.8em Tahoma, Arial, sans-serif;
	background			: url(../img/body-bg.jpg) left 268px repeat-x;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}



/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#main-content:after
{
	display				: block;
	visibility			: hidden;
	clear				: both;  
	height				: 0; 
	content				: "."; 
}

	/* voor IE-mac */
	.clearfix,
	#main-content
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix,
	#main-content
	{ 
		height			: 1%;
	}
	
	.clearfix,
	#main-content 	
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	z-index				: 10;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 175px;
	z-index				: 15;
	background			: url(../img/header-bg.png) center top no-repeat;
}

#header a.logo	{
	position			: absolute;
	top					: 72px;
	left				: 35px;
}

#header q {
	position			: relative;
	left				: 585px;
	top					: 30px;
	color				: #fff;
	font-size			: 2.1em;
}


/* --------------------------------	*/
/* subheader					 	*/
/* --------------------------------	*/
#subheader {
	height				: 219px;
	position			: relative;
	margin-top			: -20px;
	background			: url(../img/content-schaduw.png) center top repeat-y;	
}


#afbeelding {
	height				: 260px;
	position			: relative;
	padding				: 0 0 0 57px;
	background			: url(../img/grijze-lijn.gif) 60px bottom no-repeat;
	z-index				: 5
}

#subheader a.button-tip {
	display				: block;
	position			: absolute;
	right				: 30px;
	top					: 113px;
	text-indent			: -900em;
	overflow			: hidden;
	width				: 185px;
	height				: 185px;
	background			: url(../img/button-tip.png) left top no-repeat;
	z-index				: 10;
}

#subheader a.button-tip.hover,
#subheader a.button-tip:hover {
	background-position	: left bottom;
}

/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	width				: 705px;
	right				: 30px;
	top					: 91px;
	z-index				: 40;
}

#menu li {
	float				: left;
	position			: relative;
}

#menu li a {
	float				: left;
	height				: 39px;
	text-indent			: -900em;
	background			: url(../img/menu.gif) no-repeat;
}

#menu li a.home 			{ width: 92px; 	background-position: left bottom; }
#menu li a.opleidingen 		{ width: 127px; background-position: -92px bottom; }
#menu li a.omscholing 		{ width: 123px; background-position: -219px bottom; }
#menu li a.stage	 		{ width: 134px; background-position: -342px bottom; }
#menu li a.nieuws		 	{ width: 89px; 	background-position: -476px bottom; }
#menu li a.contact 			{ width: 134px; background-position: -565px bottom; }

#menu li:hover a.home,
#menu li.hover a.home,
#menu li.actief a.home 				{ background-position: left top; }

#menu li:hover a.opleidingen,
#menu li.hover a.opleidingen,
#menu li.actief a.opleidingen 		{ background-position: -92px top; }

#menu li:hover a.omscholing,
#menu li.hover a.omscholing,
#menu li.actief a.omscholing 		{ background-position: -219px top; }

#menu li:hover a.stage,
#menu li.hover a.stage,
#menu li.actief a.stage 			{ background-position: -342px top; }

#menu li:hover a.nieuws,
#menu li.hover a.nieuws,
#menu li.actief a.nieuws 			{ background-position: -476px top; }

#menu li:hover a.contact,
#menu li.hover a.contact,
#menu li.actief a.contact 			{ background-position: -565px top; }

/* Submenu */
#menu li div {
	position			: absolute;
	left				: -900em;
	top					: 21px;
	width				: 220px;
	z-index				: 50;
}

#menu li ul {
	margin-top			: 37px;
	display				: -moz-inline-stack;
	display				: inline-block;
	width				: 200px;
	overflow			: hidden;
	padding				: 8px;
	background			: #a30600 url(../img/submenu-bg.gif) left top repeat-x;
}

#menu li:hover div,
#menu li.hover div {
	left				: 0;
}

#menu li li {
	margin				: 3px;
	background			: none;
}

#menu li.last:hover div,
#menu li.hover.last div {
	left				: -61px;
}

#menu li li a {
	width				: 192px;	
	height				: auto;
	text-indent			: 0;
	padding				: 5px 0;
	padding-left		: 3px;
	color				: #fff;
	text-decoration		: none;
	background			: #8d0500 url(../img/submenu-li-bg.gif) left top repeat-x;
}

#menu li li a:hover,
#menu li li a.hover{
	background			: #c00700  url(../img/submenu-li-bg-hover.gif) left top repeat-x;	
}

#menu li li.actief a {
	font-weight			: bold;	
	background			: #c00700  url(../img/submenu-li-bg-hover.gif) left top repeat-x;	
}


/* --------------------------------	*/
/* wrapper						 	*/
/* --------------------------------	*/
#wrapper {
	position			: relative;
	width				: 994px;
	margin				: 0 auto;	
}

#main-content {
	background			: url(../img/content-schaduw.png) center top repeat-y;	
	padding-top			: 30px;
}

/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	padding-left		: 70px;
	line-height			: 1.5em;
	width				: 630px;
	margin-top			: 23px;
	border-right		: solid 1px #fe0303;
	min-height			: 400px;
}

.map_18041 #content {
	border				: none;	
}

#content h1	{
	font-size			: 2.2em;
	color				: #666666;
	margin-bottom		: 10px;
}

#content a 			{ color: #fe0303; text-decoration: none; }
#content a:hover 	{ text-decoration: underline; }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #d11d29; }
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
	list-style-image	: url(../img/list-style-item.gif) ;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	list-style			: none;
	margin				: 0;
}

#content .formmodule li {
	width				: 400px;
	float				: left;
	display				: inline;
	padding				: 3px 0;	
}

#content .formmodule .label {
	clear				: left;
	width				: 90px;
	float				: left;
}

#content input, 
#content select, 
#content textarea	{
	padding				: 1px;
	border				: 1px solid #6D6D6D;
	font				: 1em Arial;
}

#content textarea	{
	overflow			: auto;
}

#content input:hover, 
#content textarea:hover	{
	padding				: 0;
	border				: 2px solid #6D6D6D;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	padding				: 0;
	border				: 2px solid #6D6D6D;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	margin				: 10px 0;
	padding				: 3px 15px;
	font-weight			: bold;
	border				: none;
	color				: #fff;
	cursor				: pointer;
	background			: #a30600 url(../img/submenu-li-bg.gif) left top repeat-x;	
}

#content input.fout, #content textarea.fout	{
	padding				: 0px;
	border				: 2px solid #F00;
}
#content .melding, #content label.fout	{
	color				: #F00;
}

/* Pagina navigatie */
#content .paginanavigatie	{
	float				: left;
	padding				: 10px 0;
}

#content .paginanavigatie h4	{
	display				: inline;
	font-weight			: bold;
}

#content .paginanavigatie ul	{
	display				: inline;
}

#content .paginanavigatie ul li	{
	display				: inline;
	margin				: 0;
	padding				: 0 5px 0 0;
	border				: none;
	font-weight			: bold;
}

#content .paginanavigatie ul li.navigatie_huidige_pagina	{
	margin				: 0 5px 0 0;
	padding				: 2px 5px;
	color				: #000;
	background			: #fff;
}

#content .paginanavigatie ul li a	{
	padding				: 2px 5px;
	background			: #E60003;
	color				: #FFF;
	text-decoration		: none;
}

#content .paginanavigatie ul li.actief a, 
#content .paginanavigatie ul li a:hover	{
	color				: #fff;
	background			: #d11d29;
}

#content .terug {
	display				: block;
	margin-top			: 30px;
}


/* --------------------------------	*/
/* nieuwsoverzicht					*/
/* --------------------------------	*/
#nieuwsoverzicht {
	
}

#nieuwsoverzicht a {
	color				: #d11d29;
}

#nieuwsoverzicht li {
	width			: 585px;
	margin			: 10px 0;
	padding			: 10px;
}

#nieuwsoverzicht h3 {
	font-size		: 1.3em;	
}

#nieuwsoverzicht li.oneven {
	background		: #F5F5F5;	
}

#nieuwsoverzicht li a:visited {
	color			: #6B6B6B;
}

#nieuwsoverzicht li:hover{
	background		: #a30600 url(../img/submenu-bg.gif) left top repeat-x;
	color			: #fff;
}

#nieuwsoverzicht li:hover a {
	color			: #fff;
	text-decoration	: none;
}



/* --------------------------------	*/
/* zijbalk							*/
/* --------------------------------	*/
#zijbalk {
	margin-top			: 30px;
	width				: 277px;
	float				: right;
}

#zijbalk h2 {
	text-indent			: -900em;
	overflow			: hidden;
	background			: url(../img/titel-nieuws.gif) left top no-repeat;
	width				: 130px;
	height				: 30px;
}

#zijbalk li {
	line-height			: 1.6em;	
	margin-bottom		: 10px;
	width				: 240px;
	padding				: 3px;
}

#zijbalk li:hover {
	background		: #F5F5F5;		
}

#zijbalk li span,
#zijbalk li h3 {
	display				: inline;
	margin				: 0 4px 0 0;

}

#zijbalk li p {
	clear				: left;	
}

#zijbalk li a {
	display				: inline;
	color				: #fe0303;
}

#zijbalk li a:hover {
	text-decoration		: none;	
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	overflow			: hidden;
	border				: solid 1px black;
}

#googlemaps	{
	width				: 400px;
	height				: 400px;
	font				: 1em Trebuchet MS;
	text-align			: left;
	color				: #000;
	background			: #eee;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	width				: 994px;
	height				: 70px;
	margin				: 0 auto;
	background			: url(../img/schaduw-bottom.png) center top no-repeat;
}

#footer address {
	padding				: 40px 0 0 0;
	text-align			: center;
	font-style			: normal;
	color				: #000;
	font-weight			: bold;
	font-size			: 0.9em;
}

#footer address a {
	color				: #000;	
	font-weight			: bold;
}

#footer address a:hover {
	color				: #fe0303	
}

/* Tekst / links onderaan */
#amimpact {
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	padding				: 10px 0;
	font-size			: 0.9em;
	text-align			: center;
	color				: #D2D2D2
}

#amimpact a {
	text-decoration		: none;
	color				: #D2D2D2;
}

#amimpact a:hover {
	color				: #000;
}