/*

donkerblauw, logo
    color: rgb(28,63,148);
    color: rgb(0, 78, 110);

blauw, tekst logo
    color: rgb(0,172,239);

lichtblauw, achtergrond logo
    color: rgb(240,249,254);

blauw, achtergrond pagina
    color: rgb(211,239,252);

oranje, attentie
    color: rgb(255,83,16);

*/

@import url('reset.css');

body
{
    font-size: 10px; 
    text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.8;
}

strong { font-weight: bold; }

em { font-style: italic; }

h1
{
	/*
	width: auto;
	height: 180px;
	background-image: url('header.gif');
	background-repeat: no-repeat;
	background-position: 50% 0%;
*/
	width: 500px;
	float: left;
	margin-top: 90px;
}


h1 span { display: none; }

h1 a
{
	display: block;
	width: 250px;
	height: 90px;
}

h1 a:hover { border: none; }

h2
{
	font-size: 18px;
	font-size: 1.8em;
	line-height: 1.17;
	color: rgb(0, 78, 110);
    margin: 0 56px 3px 56px;
	font-weight: bold;
}

h3,h4,h5,h6
{
	line-height: 1.17;
	font-weight: bold;
	color: rgb(0, 78, 110);
	margin: 0 56px 3px 56px;
}

h3
{
	font-size: 13px;
	font-size: 1.3em;
	padding: 12px 0 0 0;
}

h4
{
	font-size: 12px;
	font-size: 1.2em;
}

h5,h6
{
	font-size: 11px;
	font-size: 1.1em;
}

p
{
	font-size: 11px;
	font-size: 1.1em;
/*
	line-height: 18px;
*/	margin: 0 56px 12px 56px;
}

a
{
	color: rgb(0,0,0);
	text-decoration: none;
}

p a { border-bottom: 1px solid rgb(0, 78, 110); }


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	color: rgb(0, 78, 110);
}

a:hover
{
	color: rgb(0,0,0);
    border-bottom: 1px solid rgb(0, 78, 110);
}

p a:hover
{
	color: rgb(0, 78, 110);
    border-bottom: 1px solid rgb(0,0,0);
}

#page
{
	margin: 0 auto 0 auto;
	text-align: left;
	width: 760px;
	background-image: url('../images/bg.png');
}

#headerwrap
{
	background-image: url('../images/headerbg.jpg');
	background-repeat: no-repeat;
	margin: 0 4px 0 6px;
	background-position: 250px 0;
	border-bottom: 1px solid rgb(0, 78, 110);
}

#header
{
	height: 180px;
	background-image: url('../images/header.gif');
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

#header2
{
	margin: 0 4px 0 6px;
	border-bottom: 1px solid rgb(0, 78, 110);
	padding-bottom: 2px;
}

#intro
{
	width: 450px;
	float: left;
	margin-bottom: 12px;
}

#intro p
{
	color: rgb(0, 77, 109);
	font-size: 1.2em;
	margin-left: 50px;
	margin-right: 0;
}

#mainnav
{
	float: left;
	width: 400px;
	/*
	margin: 12px 56px 0 62px;
	clear: both;
	float: left;
	width: 500px;
	clear: both;
*/}

#mainnav ul
{
	margin: 7px 0 0 50px;
}

#mainnav ul li
{
	float: left;
	margin: 0 11px 0 0;
}

#mainnav ul li a
{
	font-size: 11px;
	font-size: 1.1em;
	color: rgb(0, 77, 110);
	font-weight: bold;
}

#mainnav ul li.current a
{
    color: rgb(0,0,0);
}


#mainnav ul li a:hover
{
    color: rgb(0,0,0);
}

#control
{
	width: 84px;
	float: left;
	text-align: right;
}

#control p { margin: 0; }

#control .fnormaal
{
	font-size: 11px;
}
#control .fgroter
{
	font-size: 14px;
}
#control .fgrootst
{
	font-size: 16px;
	margin-left: 4px;
}


#control a
{
	color: rgb(0, 77, 109);
	border: 0;
}

#control a:hover
{
	color: rgb(0, 0, 0);
}


#content
{
	margin-top: 30px;
	margin-top: 16px;
	padding-bottom: 9px;
}

.home #content
{
	margin-left: 5px;
	margin-top: 32px;
}

#content01
{
	width: 500px;
	float: left;
	padding-top: 14px;
	overflow: hidden;
}

.home #content01
{
/*
	width: 250px;
*/	float: left;
	margin: 3px 0 0 0;
	padding: 0;
}

.home #content01 #col01
{
	width: 265px;
	float: left;
	padding: 0;
}

.home #content01 #col02
{
	width: 235px;
	float: left;
	padding: 0;
}


.base #content a.uplink
{
	width: 17px;
	display: block;
	float: right;
	background-image: url('../images/arrow-up.png');
	background-repeat: no-repeat;
	background-position: 3px 1px;
}

.base #content a.uplink:hover { border: none; }


.base #content01 ul
{
	font-size: 11px;
	font-size: 1.1em;
	margin: 0 56px 12px 68px;
	padding-left: 16px;
	list-style-type: disc;
}

#content01 ol
{
	font-size: 11px;
	font-size: 1.1em;
	margin: 0 56px 12px 68px;
	padding-left: 24px;
}

.base #content01 ul a, #content01 ol a
{
    border-bottom: 1px solid rgb(0, 78, 110);
}

.base #content01 ul a:hover, #content01 ol a:hover
{
	color: rgb(0, 78, 110);
    border-bottom: 1px solid rgb(0,0,0);
}

.base #content01 ul ul,
.base #content01 ul ol, 
.base #content01 ol ol, 
.base #content01 ol ul
{
	margin: 0 12px 12px 12px;
	font-size: 100%;
}

#content02
{
	width: 250px;
	float: left;
	clear: right;
	margin: 3px 0 0 0;
	overflow: hidden;
}

.home #content02
{
	clear: none;
}

#content02 p
{
	margin: 14px 44px 14px 6px;
	font-size: 10px;
	font-size: 1.0em;
/*
	line-height: 18px;
*/	font-weight: bold;
	color: rgb(0, 78, 110);
	background-color: transparent;
}

#content02 p.bijschrift
{
	margin-top: 0;
}


#content02 img
{
/*
	background-image: url('imgbg.png');
	padding: 5px 6px 10px 7px;
	margin: 0 0 23px 0;
*/
	margin: 14px 44px 14px 6px;
	border-top: solid 1px rgb(0, 78, 110);
	border-bottom: solid 1px rgb(0, 78, 110);
}


.base #content02 ul,
.news #content02 ul
{
	width: 210px;
	list-style: none;
	margin: 14px 34px 15px 6px;
	padding: 3px 0;
	background-color: rgb(238, 249, 254);
	border-top: solid 1px rgb(0, 78, 110);
	border-bottom: solid 1px rgb(0, 78, 110);
}

.base #content02 ul li,
.news #content02 ul li
{
    line-height: 1.3;
}

.base #content02 ul li a,
.news #content02 ul li a
{
	font-size: 1.1em;
	color: rgb(255, 255, 255);
	font-weight: bold;
	display: block;
	padding: 3px 6px 4px 6px;
	margin: 0;
    width: 95%;
	color: rgb(0, 77, 109);
	font-weight: normal;
}

.base #content02 ul li a:hover,
.news #content02 ul li a:hover

{
	text-decoration: underline;
	border: none;
}

/*
.base #content02 ul
{
	margin: 14px 34px 15px 6px;
	border-bottom: solid 1px rgb(0, 78, 110);
}

.base #content02 ul li
{
	width: 198px;
}

.base #content02 ul li a
{
	display: block;
	border-top: solid 1px rgb(0, 78, 110);
	padding: 6px;
	font-size: 11px;
	font-size: 1.1em;
	color: rgb(0,0,0);
	background-color: rgb(242, 250, 254);
	width: 100%;
}

.base #content02 ul li a:hover
{
	color: rgb(0,0,0);
	border-bottom: none;
	background-color: rgb(183, 225, 244);
}
*/

/*
.news #content02 ul
{
	margin: 14px 34px 15px 6px;
	border-bottom: solid 1px rgb(0, 78, 110);
}

.news #content02 ul li
{
	width: 198px;
}

.news #content02 ul li a
{
	display: block;
	border-top: solid 1px rgb(0, 78, 110);
	padding: 6px;
	font-size: 11px;
	font-size: 1.1em;
	color: rgb(0, 78, 110);
	background-color: rgb(255, 255, 255);
	width: 100%;
}

.news #content02 ul li.current a
{
	color: rgb(0,0,0);
	background-color: rgb(255, 255, 255);
}


.news #content02 ul li a:hover
{
	color: rgb(0,0,0);
	border-bottom: none;
}
*/

.home #content03
{
	width: 250px;
	float: left;
	clear: right;
	margin: 3px 0 0 0;
}


#footer
{
	margin: 60px 5px 0 5px;
	clear: both;
/*
	font-size: 11px;
	font-size: 1.1em;
*/	color: rgb(255,255,255);
	background-color: rgb(0, 78, 110);
	padding: 9px 0 8px 0;
}

#footer p
{
	margin: 0;
	padding: 0 56px;
}

#footer p a
{
	color: rgb(255,255,255);
}

#footer a:hover
{
    border-bottom: 1px solid rgb(255,255,255);
}

.clearer
{
	clear: both;
}


/***** home specific *****/



.home #content .navigation
{
	width: 210px;
}

.home #content ul
{
	width: 210px;
	list-style: none;
	margin: 0 0 13px 0;
	padding: 0;
	background-image: url('../images/listbg.gif');
}

.home #content ul li
{
    line-height: 1.3;
}

.home #content ul li a
{
	font-size: 1.1em;
	color: rgb(255, 255, 255);
	font-weight: bold;
	display: block;
	padding: 3px 6px 4px 6px;
	margin: 0;
    width: 95%;
}

.home #content ul li ul li a
{
	color: rgb(0, 77, 109);
	font-weight: normal;
}

.home #content ul li a:hover
{
	text-decoration: underline;
	border: none;
}

.home #content ul li ul li a:hover
{
	text-decoration: underline;
}

.home #content01 #col01 ul
{
	margin-left: 50px;
	margin-right: 0;
}

.home #content01 #col02 ul
{
	margin-left: 10px;
	margin-right: 10px;
}

.home #content02 ul
{
	margin: 0;
	margin-right: 35px;
	margin-bottom:13px;
}

.home #content #col01 ul li ul,
.home #content #col02 ul li ul,
.home #content #content02 ul li ul
{
	margin: 0;
	padding: 0;
	border: none;
	background-image: none;
	background-color: rgb(238, 249, 254);
}

.home #content #col01 ul li ul li,
.home #content #col02 ul li ul li
{
	margin: 0;
	padding: 0;
	background-image: none;
	background-color: rgb(238, 249, 254);
}


#content ul
{
overflow: hidden;
}



#content ul.nieuws
{
	background-image: url('../images/listbg-news.gif');
	margin: 0;
	padding: 0;
}

#content ul.nieuws li
{
	margin: 0;
	padding: 0;
}

/*
#content ul.nieuws li
{
}

.home #content ul.nieuws li a
{
	color: rgb(255, 255, 255);
}

#content02 ul.nieuws li lu
{
	background-image: none;
}
*/

.home #content ul.nieuws li ul li
{
	background-color: rgb(183, 225, 244);
}

.home #content ul.nieuws li ul li a
{
	color: rgb(0, 77, 109);
	font-weight: normal;
}


/*** forms ***/

form
{
	background-color: rgb(240,249,254);
	margin: 0 56px 12px 56px;
	padding: 6px 6px;
}

form p
{
	margin: 0;
	padding: 6px 6px 6px 6px;
	clear: both;
}

label
{
	width: 100px;
	display: block;
	float: left;
	border-top: 1px solid rgb(0, 78, 110);
	margin: 0 6px 0 0;
	color: rgb(0, 78, 110);
}

fieldset { background-color: transparent; }

fieldset div { clear: both; }


.radio,
.checkbox
{
	display: block;
	float: left;
}


.radiolabel,
.checkboxlabel
{
	width: 220px;
	/*
	display: inline;
	float: none;
*/
	border: none;
	margin: 0 0 6px 6px;
/*
	line-height: 16px;
*/}


form input,
form select,
form textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 1.2em;
}

.text
{
	border: 1px solid rgb(0, 78, 110);
	width: 240px;
	padding: 2px;
}

textarea
{
	border: 1px solid rgb(0, 78, 110);
	width: 240px;
	padding: 0 1px;
}

select
{
	border: 1px solid rgb(0, 78, 110);
	padding: 1px 1px 1px 0;
	width: 240px;
}

.submit
{
	background-color: rgb(0, 78, 110);
	color: rgb(255,255,255);
	border: none;
	padding: 2px 3px 3px 3px;
	font-size: 11px;
	font-size: 1.1em;
}

.attention label
{
	color: rgb(255,83,16);
	border-top: 1px solid rgb(255,83,16);
}

.attention .text
{
	border: 1px solid rgb(255,83,16);
}


#search
{
	float: left;
	width: 240px;
}

#search form
{
	color: rgb(0,0,0);
	font-weight: normal;
	padding: 5px 0 0 14px;
	font-size: 0.91em;
	line-height: 1.3;
	float: left;
	background-color: transparent;
	margin: 1px 0 0 0;
}

#search form input
{
	color: rgb(0,0,0);
	font-weight: normal;
	float: left;
}


#search form input.text
{
	width: 172px;
}



#search form input.image
{
	margin-left: 6px;
}