/*BODY*/

body   { color: #000000; font-size: 1em; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; text-decoration: none; background: #000000 url(images/background.jpg) repeat-x left top; text-align: center; margin: 0 0 10px }

p {
}

b, strong {

}

a:link  { color: #551faa; font-weight: bold; text-decoration: none }

a:visited  { color: #009fff; font-weight: bold; text-decoration: none }

a:hover, a:active  { color: #009fff; font-weight: bold }

img {
	border-style: none;
}

.image-left {
	float: left;
	margin: 3px 3px 3px 0;
	padding: 3px 3px 3px 0;
}
.image-right { margin: 3px 0 3px 3px; padding: 3px 0 3px 3px; float: right }

/*HOOGTE CONTAINER O.I.D.*/

.clearer {
	clear: both;
}


/*CONTAINER*/

#container  { font-size: 0.9em; background: #ffffff url(images/blauweachtergrond.jpg) repeat-y left top; text-align: left; margin: 2px auto; width: 800px }


/*HOOFDSTUK*/

#pageHeader   { background: #ffffff url(images/blauwmetlogo.jpg) repeat-y left top; text-align: left; display: block; margin: 22px auto 0; position: relative; width: 800px }

#pageHeader img {
	float: right;
	margin-right: 10px;
}

#pageHeader h1   { color: #000000; font: bold 1.9em "Lucida Grande", Geneva, Arial, Verdana, sans-serif; margin: 0; padding: 14px 0 0 22px }

#pageHeader h2   { color: #ffffff; font-size: 0.9em; font-weight: normal; margin: 0; padding-top: 3px; padding-bottom: 18px; padding-left: 22px }



	
/*TABBLAD NAVIGATIE 1*/

#navcontainer  { font-size: 0.8em; margin-top: 20px; margin-right: auto; margin-left: auto; position: relative; height: 10px }

#navcontainer #current {
	background: no-repeat url(images/knop_current.png);
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 0px 1px 0px #000000;
}

#navcontainer .currentAncestor {
	background: no-repeat url(images/knop_current.png);
	text-shadow: 0px 1px 0px #000000;
}



/*TABBLAD NAVIGATIE 2*/

#navcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 680px;
	left: 0;
}

#navcontainer li {
	display: inline;
	float: left;
}

#navcontainer a{
	width: 115px;
	height: 34px;
	display: block;
	background: no-repeat url(images/knop_normal.png);
	text-decoration: none;
	padding-top: 11px;
	color: #ffffff;
	text-shadow: 0px 1px 0px #000000;
	text-align: center;
}

#navcontainer a:hover {
	background: url(images/knop_over.png) no-repeat;
	text-shadow: 0px 1px 0px #000000;
}

#navcontainer a:active {

}



/*CONTENT*/


#contentContainer   { font-size: 0.8em; background: #ccccff left top; margin-right: 180px; margin-bottom: 2px }

#contentContainer #content  { padding-top: 22px; padding-bottom: 20px; padding-left: 22px; padding-right: 22px }


/*TEKSTMENU RECHTS IN CONTENT*/

#sidebarContainer  { 
font-size: 1em; 
font-weight: bold; 
margin-bottom: 0; 
width: 180px; 
float: right; 
clear: left }

#sidebarContainer #sidebar {
	padding: 0px;
	font-weight: bold;
	font-size: 1em;
}

#sidebarContainer .sideHeader {
	font-weight: bold;
	padding: 0px 0px 0;
	font-size: 1em;
}



/*FOOTER*/

#footer  { font-size: 0.5em; background: url(images/paarseachtergrond.jpg) repeat-y; height: 15px; clear: both }

#footer p  { color: #ffffff; text-align: right; margin: 0; padding-top: 2px; padding-right: 4px }

#footer a:link, #footer a:visited {

}

#footer a:hover, #footer a:active  { }



.blackonwhite { color: #000000; font-size: 12px;  line-height: 15px; background-color: white; padding: 8px 10px 12px; border-style: solid; border-color: white; }