body
{
	margin:0;
	padding:0;
	font:67.5% Arial, Helvetica, sans-serif;
	background:url('../images/header_bg.jpg') top center no-repeat;
}
hr {display:none;}
hr.sep {
	clear:left;
	display:block !important;
	padding-top:23px;
	margin-bottom:23px;
	height:1px;
	border-bottom:1px solid #E7E7E7;
	border-right:none;
	border-top:none;
	border-left:none;
}
br.clearall {clear:both;}
h1 {font-size:2em; line-height:2em; letter-spacing:-1px;}
h2 {font-size:1.5em; line-height:1.5em; margin-top:3em; letter-spacing:-1px;}
img {border:none;}
a {color:#666;}

div#container
{
	width:985px;
	margin:0 auto;
}

/*
 * HEADER
 */
div#header
{
	position:relative;
	margin:0 0 30px;
	height:148px;
}
div#header a#logo
{
	display:block;
	position:absolute;
	top:21px;
	left:0;
	width:82px;
	height:61px;
}
div#header a#logo h1 {display:none;}
div#header h2
{
	position:absolute;
	top:23px;
	left:226px;
	margin:0;
	padding:0;
	width:200px;
	font-size:1.3em;
	line-height:1.3em;
	color:#444;
}
div#navigation
{
	position:absolute;
	left:0;
	top:109px;
	width:100%;
	height:39px;
/*	background-color:#282828;*/
}
div#navigation ul, div#navigation ul li
{
	list-style-type:none;
	margin:0;
	padding:0;
}
div#navigation ul li
{
	float:left;
}
div#navigation ul li a
{
	display:block;
	height:14px;
	padding:13px 13px 12px;
	background:13px 13px no-repeat;
}
div#navigation ul li a span {display:none;}
div#navigation ul li#home a {padding-left:0; width:37px; background:0 13px url('../images/nav_home0.gif') no-repeat;}
div#navigation ul li#home a:hover, div#navigation ul li#home.active a {background:0 13px url('../images/nav_home1.gif') no-repeat;}
div#navigation ul li#bedrijfsopleidingen a {width:121px; background-image:url('../images/nav_bedrijfsopleidingen0.gif');}
div#navigation ul li#bedrijfsopleidingen a:hover, div#navigation ul li#bedrijfsopleidingen.active a {background-image:url('../images/nav_bedrijfsopleidingen1.gif');}
div#navigation ul li#ictopleidingen a {width:97px; background-image:url('../images/nav_ictopleidingen0.gif');}
div#navigation ul li#ictopleidingen a:hover, div#navigation ul li#ictopleidingen.active a {background-image:url('../images/nav_ictopleidingen1.gif');}
div#navigation ul li#events a {width:134px; background-image:url('../images/nav_bedrijfsevenementen0.gif');}
div#navigation ul li#events a:hover, div#navigation ul li#events.active a {background-image:url('../images/nav_bedrijfsevenementen1.gif');}
div#navigation ul li#evctrajecten a {width:85px; background-image:url('../images/nav_evctrajecten0.gif');}
div#navigation ul li#evctrajecten a:hover, div#navigation ul li#evctrajecten.active a {background-image:url('../images/nav_evctrajecten1.gif');}
div#navigation ul li#oropleidingen a {width:95px; background-image:url('../images/nav_oropleidingen0.gif');}
div#navigation ul li#oropleidingen a:hover, div#navigation ul li#oropleidingen.active a {background-image:url('../images/nav_oropleidingen1.gif');}

div#metanav
{
	position:absolute;
	left:825px;
	top:23px;
	width:100px;
}
div#metanav ul, div#metanav ul li
{
	list-style-type:none;
	margin:0;
	padding:0;
}
div#metanav ul li {padding:1px 0;}
div#metanav ul li a
{
	text-decoration:none;
	color:#000;
	font-size:1em;
}

/*
 * HOME
 */
div#home
{
	float:left;
	width:774px;
	padding:0 23px 23px 0;
}
div#home p, div#home ul li
{
	line-height:1.4em;
	font-size:1.1em;
	color:#666;
}
div#home p.introduction
{
	font-size:1.4em;
	line-height:1.7em;
}
div#home .firstrow, div#home h2 {margin-top:0; padding-top:0;}
div#home .col1 p a, div#home .col2 p a, div#home .col3 p a {text-decoration:none;}
div#home .col1, div#home .col2
{
	float:left;
	width:226px;
	height:188px;
	padding:0 23px;
	border-right:1px solid #E7E7E7;
}
div#home .col1 {clear:left; padding-left:0 !important;}
div#home .col3
{
	float:left;
	width:227px;
	padding:0 0 0 23px;
}
div#home ul, div#home ul li
{
	list-style-type:none;
	margin:0;
	padding:0;
}
a.h2
{
	display:block;
	height:14px;
}
a.h2 span {display:none;}
a#h2_bedrijfsopleidingen
{
	width:120px;
	background:url('../images/h2_bedrijfsopleidingen.gif');
}
a#h2_ictopleidingen
{
	width:98px;
	background:url('../images/h2_ictopleidingen.gif');
}
a#h2_evenementen
{
	width:129px;
	background:url('../images/h2_bedrijfsevenementen.gif');
}
a#h2_oropleidingen
{
	width:95px;
	background:url('../images/h2_oropleidingen.gif');
}
a#h2_evctrajecten
{
	width:85px;
	background:url('../images/h2_evctrajecten.gif');
}
p.col_logo
{
}

/*
 * MAIN
 */
div#main
{
	float:left;
	width:570px;
	border-left:1px solid #E7E7E7;
	padding:0 23px 23px;
}
div#main p, div#main ul li
{
	margin-top:0;
	line-height:1.4em;
	font-size:1.1em;
	color:#666;
}
div#main p strong {color:#000;}
div#main ul li
{
	margin:.5em 0;
}

p#breadcrumbs
{
	font-size:1em !important;
}
p.question-disclaimer
{
	font-size:1em !important;
	font-style:italic;
}

div#main ul.cols, div#main ul.cols li
{
	list-style-type:none;
	margin:0;
	padding:0;
}
div#main ul.cols li
{
	float:left;
	width:262px;
}
div#main ul.cols li.colleft
{
	clear:both;
	padding:0 23px 23px 0;
}
div#main ul.cols li.colright
{
	padding:0 0 23px 22px;
	border-left:1px #DDD solid;
}
div#main ul.cols li a
{
	border:0;
	text-decoration:none;
	color:#666;
}
div#main ul.cols li a.title
{
	color:#000;
	font-weight:700;
}
div#main ul.cols li a
{
	text-decoration:none;
}
div#main table {border-collapse:collapse;}
div#main table td {text-align:right;}

/* year tabs */
div#main ul.year_tabs, div#main ul.year_tabs li
{
	list-style-type:none;
	margin:0;
	padding:0;
}
div#main ul.year_tabs li
{
	float:left;
	font-size:1em;
}
div#main ul.year_tabs li span, div#main ul.year_tabs li a
{
	padding:7px;
	display:block;
	font-weight:400;
	text-decoration:none;
}
div#main ul.year_tabs li a.current
{
	font-weight:700;
	background-color:#F7F7F7;
}
div.year
{
	clear:both;
	padding:3px;
	background-color:#F7F7F7;
}

/*
 * SIDEBARS
 */
div#sidebar-left
{
	float:left;
	width:180px;
	margin:0 23px 0 0;
	padding:0;
}
div#sidebar-left ul#themes, div#sidebar-left ul#themes li
{
	list-style-type:none;
	margin:0;
	padding:0;
}
div#sidebar-left ul#themes
{
	margin-bottom:23px !important;
	border-bottom:1px solid #C7C7C7;
}
div#sidebar-left ul#themes li
{
	width:100%;
	vertical-align:bottom;
	font-size:1.1em;
	font-weight:700;
}
div#sidebar-left ul#themes li.purple {background-image:url('../images/themenav0_purple.gif');}
div#sidebar-left ul#themes li.red {background-image:url('../images/themenav0_red.gif');}
div#sidebar-left ul#themes li.green {background-image:url('../images/themenav0_green.gif');}
div#sidebar-left ul#themes li.yellow {background-image:url('../images/themenav0_yellow.gif');}
div#sidebar-left ul#themes li.blue {background-image:url('../images/themenav0_blue.gif');}
div#sidebar-left ul#themes li.active-purple {background-image:url('../images/themenav1_purple.gif');}
div#sidebar-left ul#themes li.active-red {background-image:url('../images/themenav1_red.gif');}
div#sidebar-left ul#themes li.active-green {background-image:url('../images/themenav1_green.gif');}
div#sidebar-left ul#themes li.active-yellow {background-image:url('../images/themenav1_yellow.gif');}
div#sidebar-left ul#themes li.active-blue {background-image:url('../images/themenav1_blue.gif');}
div#sidebar-left ul#themes li a
{
	display:block;
	margin:0;
	padding:7px 10px 7px 17px;
	text-decoration:none;
	vertical-align:bottom;
	color:#373737;
}
div#sidebar-left ul#themes li ul
{
	margin:0;
	padding:0;
}
div#sidebar-left ul#themes li ul li
{
	font-size:.8em;
	font-weight:400;
/*	height:25px;*/
}
div#sidebar-left ul#themes li ul li a
{
	padding-left:20px;
	color:#7C7C7C;
}
div.colored-bar {
	clear:both;
	float:left;
	width:7px;
	overflow:hidden;
}

div#sidebar-right
{
	float:right;
	margin:0;
	padding:0;
	float:right;
	width:160px;
}
div#signup
{
	margin:0 0 23px;
	padding:10px;
	border:1px solid #CDCDCD;
	background:#E4E4E4;
}
div#signup h4
{
	margin:0;
	padding:0;
	font-size:1.1em;
}
div#signup p {
	margin-top:0;
	line-height:1.4em;
}
div#signup a
{
	text-decoration:none;
	color:#000;
}

/*
 * FOOTER
 */
div#footer
{
	margin:23px 0 23px;
	border-top:1px solid #CCC;
}
div#footer p {font-size:1em;}
div#footer p, div#footer a {color:#333;}

/*
 * ADS
 */
div#ad-small, div#ad-big {}
div#ad-small {width:180px; height:150px;}
div#ad-big {width:160px; height:600px;}

/*
 * FORMS
 */
form div.item-label
{
	clear:left;
	float:left;
	width:120px;
	margin:3px 0 0;
}
form div.item
{
	margin:0 0 0 120px;
}
form div.item span.validation_error
{
	color:#F00;
}
form input {width:200px;}
form input.auto {width:auto;}