@charset "UTF-8";
/* CSS Document */

html, body {
	margin:0px;
	width:100%;
	height:100%;
	_height:auto;
	_margin-bottom:90px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
div{
	font-size:8.5pt;
	/*color:black;
	border:1px solid red;*/
}
p, ul, ol{
	margin-top:0em;
}

/*/////////////////////
//layout containers
*/
#frame{
	position:relative;
	margin:auto;
	width:800px;
	height:100%;
	background-color:white;
}
.headerBar{
	position:absolute;
	height:68px;
	
	top:0px;
	
	background-position:bottom;
	background-repeat:repeat-x;
}
body .headerBar{
	left:0px;
	width:100%;
	background-image:url(../images/headerBar_blauw.gif);
}
#frame .headerBar{
	left:10px;
	width:780px;
	background-image:url(../images/headerBar_grijs.gif);
}
/*logo*/
#logo{
	position:absolute;
	width:180px;
	height:58px;
	
	left:10px;
	top:10px;
	background-image:url(../images/logo.gif);
}
/*top navigatie*/
#topNav{
	position:absolute;
	width:295px;
	right:10px;
	padding-right:5px;
	margin-top:0px;
	text-align:right;
	font-weight:normal;
}
#topNav a{
	text-decoration:none;
	color:black;
}
#topNav a:hover{
	color:white;
}
.header{
	position:relative;
	height:13px;
	margin-top:10px;
	
	text-align:left;
	text-indent:15px;
	font-weight:bold;
	
	background-color:rgb(34,177,231);
	background-image:url(../images/blauwHoekje.gif);
	background-position:left;
	background-repeat:no-repeat;
}
/*content container*/
#contentFrontPage{
	position:relative;
	width:600px;
	height:auto;
	float:left;
	left:20px;
	top:78px;
}
#content{
	position:relative;
	width:432px;
	height:auto;
	float:left;
	
	padding:0px 0px 10px 0px;
	_padding:0px 0px 0px 0px;
	
	left:20px;
	top:78px;
	
	text-align:left;
	color:#666;
	line-height:14px;
}
#content ul, #content ol{
	list-style-position:outside;
	margin-left:2em;
	padding-left:0em;
}
#content ul li{
	background-image:url(../images/liststyle_dash.gif);
	background-repeat:no-repeat;
	list-style:none;
	margin:0 0 0 -2em;
	padding:0 0 0 2em;
}
/*kolommen*/	
.column, .columnLeft, .columnRight{/*for columns outside the content container*/
	_margin-top:10px;
	height:100%;
	text-align:left;
}
.column{
	width:430px;
	float:left;
}
.columnLeft, .columnRight{
	width:285px;	
}
#content .columnLeft, #content .columnRight{/*for columns inside the content container*/
	width:207px;
}
.columnLeft{/*left and right float creates a gutter between the two*/
	float:left;
}
.columnRight{
	float:right;
}
/*uitgelijnde lijsten (div blokken in rijen)*/
.floater{
	position:relative;
	float:left;
	width:206px;
	_width:200px;
	margin:5px 5px 10px 5px;
}
.floater ul{
	margin:-1em 0 0 0;
}
.breaker{
	position:relative;
	clear:both;
}
/*horizontale knoppenbalk*/
#contentNav{
	position:relative;
	height:18px;
	width:100%;
	margin:0px -5px 10px -5px;
	_margin:-5px 0px -5px 0px;
	background-image:url(../images/cNav_back.gif);
	float:left;
}
#contentNav div{
	position:relative;
	height:18px;
	float:right;
	cursor:pointer;
}
#contentNav .formulier{
	width:123px;
	background-image:url(../images/cNav_formulier.gif);
}
#contentNav .overzicht{
	width:67px;
	background-image:url(../images/cNav_overzicht.gif);
}
#contentNav .inschrijving{
	width:111px;
	background-image:url(../images/cNav_inschrijving.gif);
}
#contentNav .inschrijven{
	width:75px;
	background-image:url(../images/cNav_inschrijven.gif);
}
#contentNav .leesmeer{
	width:93px;
	background-image:url(../images/cNav_leesmeer.gif);
}
#contentNav .maatwerk{
	width:90px;
	background-image:url(../images/cNav_maatwerk.gif);
}


/*/////////////////////
//content definitions
*/
/*koppen*/
h1{
	font-size:14px;
	color:rgb(34,177,231);
	font-weight:normal;
	_font-weight:bold;
}
.startPagina{
	font-size:14px;
	color:rgb(34,177,231);
	font-weight:normal;
	_font-weight:bold;
	display:block;
	position:absolute;
	top:222px;
	_top:225px;
}
#content h1{
	margin:15px 0px 10px 0px;
	_margin:15px 0px 0px 0px;
}
h2{
	font-size:14px;
	color:rgb(34,177,231);
	font-weight:lighter;
}
h3{
	font-size:9pt;
	color:white;
	display:inline;
	font-weight:bold;
}
h4{
	font-size:8.5pt;
	color:rgb(34,177,231);
	font-weight:bold;
	
	margin-bottom:0.15em;
}
h5{
	font-size:8.5pt;
	font-weight:bold;
	
	margin-bottom:0.15em;
}
/*extra*/
.bold{
	font-weight:bold;
}
.subtext{
	float:left;
	color:rgb(130,130,130);
}
.italic{
	font-style:italic;
}
.underline{
	text-decoration:underline
}
.small{
	font-size:8pt;
}

/*links*/
a:link, a:visited{
	color:rgb(34,177,231); /*rgb(90,198,239)*/
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.index, .index:visited{
	text-decoration:none;
	color:rgb(34,177,231);
}
.index:hover{
	text-decoration:underline;
}
.breadcrum{
	text-decoration:underline;
	color:rgb(34,177,231);
}
.breadcrum:visited{
	text-decoration:underline;
	color:rgb(34,177,231);
}
.breadcrum:hover{
	text-decoration:none;
}
.meer{
	float:right;
}
.meer a:link, .meer a:visited{
	color:rgb(34,177,231); /*rgb(90,198,239)*/
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.5pt;
}

.highlight {
	color:rgb(34,177,231);
}