/* LAYOUT */

/* page bevat de gehele pagina en is absoluut gepositioneerd om een positioning context voor footer te creeren. */
/* Tevens is de pagina altijd minstens zo hoog als het window, zodat de footer altijd onderaan komt te staan. */

html, body, #page {
	min-height: 100%;
	height: 100%; }  /* hack for IE5+/Win. */

html>body #page
	{height: auto;} /* Without this, Moz1.0 adds a vertical scrollbar */

#page {
	position:relative;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	background-color: white;
	/* background-image: url(../images/bg2.gif); */
	border-right:1px solid #616161;
	border-left:1px solid #616161;
	text-align:left;
}

#float-wrapper { float:left; width:620px; }
#col1          { float:right; width:490px; }
#col2          { float:left; width:130px;  }
#col3          { float:right;  width:130px;  }

#footer {
	color:white;
	/*background-image:url(../images/bg.gif);*/
	background-color: #616161;
	font-size: 85%;
	text-align: center;
	padding: 2px 0;
	width: 750px;
	position: absolute;
	left: 0px;
	bottom: 40px;
}

#footer ul      { list-style-type:none; margin:0; padding:0; display:inline; }
#footer li      { display:inline; margin:0; padding:0 .3em 0 .4em; border-right: .1em solid #bbbbbb; }

#footer li.last { border-style:none; }

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

#footer a	{ color:white; text-decoration:underline; }

#footer a:link    { color: white;   }
#footer a:visited { color: white;   }
#footer a:hover   { color: #c3c3c3; }

#footer a.current       { text-decoration:none; }
#footer a.current:hover { color:red; }

#printfooter { display:none; }

/* FONT-SIZE EN FONT-FAMILY */

/*
 * Hack om identieke fontgroottes te krijgen in alle browsers, van:
 * http://diveintoaccessibility.org/examples/fontsize.html
 */

body {
  font-size: 12px;
}

/*/*/a{}
body {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body {
    font-size: small;
}
/* */

body {
	margin: 0;
	padding: 0;	/* voor Opera */
	color: black;
	background-color: #fff;
	text-align:center; /* voor browsers die marge:auto niet ondersteunen */
        font-family: arial, verdana, helvetica, geneva, swiss, sans-serif;
}

table { font-size: 100%; } /* voor IE<6, omdat die anders de font-size niet erft van body */

/* LOGO EN ACHTERGRONDPLAATJES */

h1 { margin:0;
	padding:0;
 	width:750px;
	height:100px;
	background-image:url(../images/banner.gif);
	background-repeat:no-repeat;
	background-color:white;
	color:black;
}

#header {
	height:62px;
	background-image:url(../images/white.gif);
	background-position:0px 50px;
	background-repeat:repeat;
}

#logo {
	/* background-image:url(../images/bg.gif); */
	background-position:750px 0px;
	background-repeat:repeat;
}

#main {
	/* background-image:url(../images/....jpg); */ /* default achtergrond voor submenu 
	background-position:621px 15px;
	background-repeat:no-repeat; */
	width:750px;	/* fix voor IE bug mbt achtergrondplaatje */
	padding-bottom:50px;
}

/* Yet another fix, to clear the footer, zie positioniseverything.net */

#main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* GENERIEKE STYLES */

a img { border-style:none; }

h1 span { display:none; }
h2      { font-size:125%; font-family:"palatino linotype",palatino,serif; margin-bottom:1em; }
h3      { font-size:108%; font-family:"palatino linotype",palatino,serif; margin-bottom:.5em; }
h4      { font-size:108%; font-family:"palatino linotype",palatino,serif; margin-bottom:2px; padding-bottom:2px; border-bottom: 1px solid #ccc; }

hr { text-align: center;
     clear: both;
     height: 1px;
     color: #616161;
     border: none;
}

html>body hr {		/* voor Opera en Netscape */
     clear: both;
	margin-right: 0;
	height: 1px;
	background-color: #ccc;
	border: 0px solid #ccc;
}

blockquote { margin-left: 3em; margin-right: 0; }

/* CLASSES */

.wcag-info { display:none; }

img.left  { float:left;  margin: 5px 10px 5px  0px; }
img.right { float:right; margin: 5px  0px 5px 10px; }

img.ruler       { width:100%; height:1px; }
img.rulerregion { width:100%; height:1px; margin-top:2px; margin-bottom:4px; }
img.rulergallery{ width:100%; height:1px; margin-top:3px; margin-bottom:3px; }

.content {
	font-size:92.5%;
	width:470px;
	margin:1.5em 8px 0 12px;
	overflow:hidden;
}

.content p         { padding:0; margin:0 0 1.5em 0; }
.content a 	    { font-size:92.5%; color:black; font-weight:bold; text-decoration:none; } /* LET OP: geldt ook voor <a name=""> */
.content a:link    { text-decoration:underline; }
.content a:visited { text-decoration:underline; color:#555; }
.content a:hover   { text-decoration:underline; }

.content h3 a 	    { font-size:100%; } /* reset font size voor h3 */
.content .small  { color:#666; font-size:83%; }

.content ul { list-style-type: circle; }
.content ul li { padding-bottom:.25em; }
.content ol li { padding-bottom:.25em; }

.content div.blockquote  { margin-left: 3em; margin-right: 0; }

#breadcrumbs {
	color: black;
	padding: 2px 5px 2px 5px;
	width: 608px !important;
	width /**/:750px;
	margin-top:0;
	font-weight: bold;
}
#breadcrumbs a         { text-decoration:underline; }
#breadcrumbs a:link    { color: black; }
#breadcrumbs a:visited { color: black; }
#breadcrumbs a:hover   { color: #ccc;  }



/* CMS-LINKS EN -TEKSTEN OP DE PAGINA */

span.cms {
	color:#0090FF !important;
	font-size:12px !important;
	font-weight:bold !important;
}

a.cms {
	color:#FF408F !important;
	font-size:12px !important;
	text-decoration:none !important;
	font-weight:bold !important;
}

/* QUICKMENU EN BREADCRUMBS */

#quickmenu {
	color: #666;
	background-color: white;
	text-align: right;
	line-height: 85%;
	font-size: 85%;
	font-weight: bold;
	padding: 4px;
	width: 742px !important;
	width /**/:750px;
}

#quickmenu ul { list-style-type:none; margin:0; padding:0; display:inline; }
#quickmenu li { display:inline; margin:0; padding:0 .4em; border-right:.1em solid #bbb; }
#quickmenu li.last { border: 0px none }
#quickmenu ul.taalknoppen li.last { padding-right:0; border-style:none; }

#quickmenu a { font-weight:bold; text-decoration:underline; }

#quickmenu a:link    { color: #000; }
#quickmenu a:visited { color: #000; }
#quickmenu a:hover   { color: #ccc;}

#quickmenu a.current { text-decoration:none; }
#quickmenu a.current:hover { color: #ccc; }


.topmenu {
	color: white;
	font-size: 85%;
	background-color: #616161;
	/* background-image:url(../images/bg.gif); */
	padding: 5px 0px 3px 0px;
	width: auto !important;
	height: 16px;
	margin:0px;
	font-weight:bold;
	border-left: 1px solid #616161;
	border-right: 1px solid #616161;
}
.topmenu ul      { display:inline; margin:0; padding:0; list-style-type:none; }
.topmenu ul li   { display:inline; margin: 2px; }
.topmenu ul li a { color:white; text-decoration:none; padding:7px 3px 5px 3px;  border-left:1px solid white; }

.topmenu ul li a:hover { color:white; text-decoration:underline;}
.topmenu ul li a.current { color:white; text-decoration:underline; }
.topmenu ul li.first a{ border-left: 0px; }

/* HOOFD- EN SUBMENU */

.mainmenu         {
  padding:5px 0px 0px 0px;
  font-weight:bold;
  font-size:85%;
  /* background-image:url(../images/menu_v_gradient.gif); */
  background-position: left bottom;
  background-repeat: no-repeat;
 }

.mainmenu ul      { margin:0; padding:0; list-style-type:none; }
.mainmenu ul li   { background-image:url(../images/menu_v_gradient2.gif); background-position: left bottom; background-repeat: no-repeat; margin-bottom:1px; }
.mainmenu ul li a { display:block; color:#000; text-decoration:none; padding:7px 0 5px 3px; background-image:url(../images/menu_h_gradient2.gif); background-repeat:repeat-y; border-bottom:1px solid #616161; }

.mainmenu ul li a:hover { color:#ccc; }
.mainmenu ul li a.current { color:#fff; }
.mainmenu ul li.last { margin-bottom:0; }

.mainmenu ul ul      { padding:0 0 3px 8px; background-color:#616161; }
.mainmenu ul ul li   { border-bottom:1px solid #ffffff; } /* dfe3db */
.mainmenu ul ul li a { padding:5px 0 0 2px; font-weight:normal; background-color:#bedf2f7; background-image:none;  border-bottom:none; }
.mainmenu ul ul li a:hover   { color:#fff; }
.mainmenu ul ul li a.current { color:#000; }


/* fix voor IE float bug */
.mainmenu ul li a { width:127px; }
.mainmenu ul ul li a { width:120px;}

.submenu { font-size:85%; margin-left:1px; }

.submenu ul {
  margin: 0;
  padding: 5px 0 25px 0px;
  list-style-type: none;
  background-color:white;
  background-image:url(../images/menu_v_gradient2.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  height:120px;  /* =min-height for IE */
  min-height:120px;
}

/* reset height for browsers other than IE */
.submenu > ul           { height:auto; }
.submenu > ul > li > ul { height:auto; }

.submenu ul li   { background-color:#f9f7f5; padding-left:5px; }
.submenu ul li a { display:block; width:121px; border-bottom:1px solid #dfe3db; color:#d05500; text-decoration:none; padding:5px 0px 0px 3px; }

.submenu ul ul         { padding:5px 0 5px 5px; background-image:none; background-color:#f9f7f5; height:auto; min-height:0; }
.submenu ul ul li { background-image:url(../images/submenu_bullet.gif); background-position:0 10px; background-repeat:no-repeat;  }
.submenu ul ul li a { border:none; }
.submenu a.current     { font-weight:bold; }
.submenu a:hover         { color:#a02200; }
.submenu a.current:hover { color:#d05500; }

/* fix for IE float bug */
.submenu ul li a       { width:121px; } /* 129 - 5 - 3 */
.submenu ul ul li a    { width:111px; } /* 121 - 5 - 5 */

/* BANNERS */

.banners {
	color: black;
	padding: 5px 2px 3px 2px;
	width: auto !important;
	margin:20px 0px;
	padding:0px;
}
.banners ul      { display:inline; margin:0; padding:0; list-style-type:none; }
.banners ul li   { display:inline; margin: 2px; }


/* SEARCH */

.search         {
  padding:0px 0px 0px 0px;
  font-size:85%;
  margin: 5px 5px 2px 5px; /* T, R, B, L */
  color:#d05500;
  /* background-image:url(../images/menu_v_gradient.gif); 
  background-position: left bottom; 
  background-repeat: no-repeat; */
 }
 
 .search p {
 font-weight: bold;
 margin: 0px;
 padding: 0px;
 display:compact;
 }
 
 .search img {
 cursor:pointer;
 }
 
 #credits {
 	/*background-image: url(../images/white.gif);
	background-repeat:repeat;*/
 	color:black;
	padding: 0px;
	margin: 0px;
	width: 750px;
	position: absolute;
	left: 0px;
	bottom: 0px;
 }
 
 #credits img.left {margin: 2px 5px 2px 5px; }
 #credits img.right {margin: 2px 5px 2px 5px; }
 
 /* HOMEPAGE */
 h2.homepage  { border-bottom:2px solid #b0a0a0; margin-bottom:.5em; padding-bottom:0; }

form {
	margin:0;
	padding:0;
}