/*** algemeen ***/




#ifrm
{
height: 250px;
border:0px solid black;
}



/*** The contents of this file were (ostensibly) written by Owen Briggs
@ www.thenoodleincident.com, and any Copyright rests with him. No
credit for the work that has gone into researching the use of font
sizes and styles rests with ClevaTreva Designs. 100% Kudos to Owen.
This is an EDITED version of the original! You will want to play with
these settings to make your own style for fonts and color other
bits. ***/

body {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
	color:#000000;
	}

	}
hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	}


/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/
div,p{margin:0}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */



html,body{
  margin:0; /*** Do NOT set anything other than a left margin for the page
as this will break the design ***/
  padding:0;
  border:0;
/* \*/
height:90%; /*** IE shows footer too far down  ******/
he\ight:100%; /*** in FF footer overlaps the maintext with 100% height not  ******/
/* Last height declaration hidden from Mac IE 5.x */


}
body{
  background:#FFFFFF;
  min-width:994px; /*** This is needed for moz. Otherwise, the header and footer will
slide off the left side of the page if the screen width is narrower than the design.
Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
  text-align:center; /*** IE/Win (not IE/MAC) alignment of page ***/
     font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}
.clear{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clearr{height:auto;margin-bottom:0} /*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high ***/


#fullheightcontainer{
BORDER: solid 0px #cccccc;
  margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  text-align:left; /*** IE Win re-alignment of page if page is centered ***/
  position:relative; /*** Needed for IE, othewise header and footer aren't contained
directly above and below the body ***/
  width:994px; /*** Needed for Moz/Opera to keep page from sliding to left side of
page when it calculates auto margins above. Can't use min-width. Note that putting
width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
/* \*/
  height:90%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Needed for Moz to give full height design if page content is
too small to fill the page ***/

}

* html #fullheightcontainer{
 height:40%;
}

#wrapper{
  min-height:90%; /*** moz uses this to make full height design. As this #wrapper
is inside the #fullheightcontainer which is 100% height, moz will not inherit heights
further into the design inside this container, which you should be able to do with
use of the min-height style. Instead, Mozilla ignores the height:100% or
min-height:100% from this point inwards to the center of the design - a nasty bug.
If you change this to height:100% moz won't expand the design if content grows.
Aaaghhh. I pulled my hair out over this for days. ***/
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Fixes height for non moz browsers, to full height ***/
  background:#FFffFF; /*** Set background color for side columns for Safari & IE ***/
}
#wrapp\65	r{ /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
  height:auto; /*** For moz to stop it fixing height to 100% ***/
}
/* \*/
* html #wrapper{
  height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
/*** Fixes height for IE, back to full height,
from esc tab hack moz min-height solution ***/
#outer{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  margin-left:161px; /*** Critical left col dimension value = left col width ***/
  width:666px; /*** Critical left and right col/divider dimension value (moves inversly) = center col width ***/
  border-right:1px transparant #000000; /*** Sets the internal right side border. ***/
  border-left:1px transparant #000000; /*** Sets the internal left side border. ***/
  backgroundd:#ffccff; /*** Sets background of center col***/
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Needed for full height inner borders in Win IE ***/
}
/*** The next style hack for widths are NOT needed if no internal side borders are needed ***/
* html #outer{ /*** IE5.x/win box model fix ***/
  width:668px; /*** Critical left and right col/divider dimension value
(moves inversly) = Center Col Width + Both Inner Borders ***/
  w\idth:666px; /*** Critical left and right col/divider dimension value (moves inversly) = Center Col Width ***/
}
#float-wrap{
  width:666px; /*** Critical left and right col/divider dimension value (moves inversly) = Center Col Width ***/
  margin-right:-1px; /*** Static fix, doesn't change ***/
  float:left;
  display:inline;

}
#left{
BORDER:0px solid black;  
width:163px; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
  float:left;
  display:inline;
  position:relative; /*** IE needs this or the contents won't show
outside the parent container. ***/
  margin-left:-162px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/
}
*>html #left{width:162px;} /*** Fix only for IE/Mac = left col width + one internal border width ***/
#container-left{
  width:161px; /*** Critical left col dimension value = left col width - 1px ***/
}
#right{
BORDER:0px solid black;  
  float:left;
  display:inline;
  width:167px; /*** Critical right col/divider dimension value = right col width + 2px ***/
  margin-right:-165px; /*** Critical right col/divider dimension value = negative right col width ***/
  margin-left:-1px; /*** Static fix ***/
  position:relative; /*** IE needs this or the contents won't show
outside the parent container. ****/
}
/* \*/
* html #right{
  width:167px;
  margin-left:0px;
  margin-right:-500px;
  mar\gin-right:-167px;
}
/* Above style hidden from Mac IE */
/*** These commented-out rules below are there to explain the "Critical" info
     for the rules above, because comments must not appear within the Mac-hack.
     The "rules" below are not active, they are just for teaching purposes.

* html #right{
  width:167px; Critical right col/divider dimension value = right col width + one internal border width + 1px ***
  margin-left:0px; *** Critical right divider dimension value = a static 0px ***
  margin-right:-500px; *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
  mar\gin-right:-167px; *** Critical right col/divider dimension value  = negative (right col width + one internal border width + 1px) ***
}
***/
#container-right{

/* \*/
 
w\idth:165px;
/* Above hidden from IE-Mac */
/*** Critical right col dimension value = right col width ***/
  margin-left:3px; /*** Critical right divider dimension value = one internal border width + 2px ***/

}
/* \*/
* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:0px;
  mar\gin-left:0px;
    overflow:hidden;
    width:167px;
}
/* Above style hidden from Mac IE */
/*** Above margin left set to = one internal border width + 1px ***/
/*** Static fixes ***/

/*** a Note on the Holly hack: if IE/Win shows bugs it's a good idea to apply the height:1%
     hack to different elements and see if that fixes the problem. Sometimes it may be
     necessary to use "position: relative;" on certain elements, but it's hard to tell in
     advance which elements will need such fixes. ***/
/*** This is a STATIC fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
/*** All the IE fixes that are inside seperate "Mac-hacks" may be grouped within
     just one Mac-hack for convenience if desired. However, each fix must come
     later than the rule it is fixing or the fix itself will be overridden. ***/



#center{

width:624px; /*** Set to = center col width ***/
  float:right;
  display:inline;
    margin-left:25px;
    margin-right:15px;
border:1px solid black;
border-top: 0px;
margin-top:0px;
font-size:8pt;
z-index:1;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
min-height:100%;
height:100%;
bottom:0;
overflow:visible;
}

* html #center{
padding-bottom:55px;
}


/*** clearheader heights are made from header height + borders +
any sidebar box height, less any sidebar intrusion.
Similar calcs for footers. ***/
#clearheadercenter{
  height:200px; /*** needed to make room for header in center column ***/
  overflow:hidden;
}
#clearheaderleft{
  height:200px; /*** needed to make room for header in left column ***/
  overflow:hidden;
}
#clearheaderright{
  height:200px; /*** needed to make room for header in right column ***/
  overflow:hidden;
}
#clearfootercenter{
  height:5px; /*** needed to make room for footer in center column ***/
  overflow:visible;
BORDER:0px solid black; 
}
#clearfooterleft{
  height:5px; /*** needed to make room for footer in left column ***/
  overflow:visible;
BORDER:0px solid black; 
}
#clearfooterright{
  height:5px; /*** needed to make room for footer in right column ***/
  overflow:visible;
BORDER:0px solid black; 
}
#footer{
padding-top:10px;
width:994px; 
}
/*** creert een marge binnen de div container-center en zet een border ***/

#footer img{
margin:0;
border:1px solid black;
width:163px;
}


* html #footer{
margin-top: 10px;
border: 0px solid black;
position:absolute;


}

#header{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:absolute;
  top:0px;
  width:994px; /*** Set to Left Col (not if left sidebar fully intrudes into header or left sidebar is off)
+ Right Col (not if right sidebar fully intrudes into header or right sidebar is off) + Center Col + Both Inner
Borders (not if any sidebar intrudes into header or footer, or Inner Borders are off) + Both External Borders
(not if external borders are off) ***/
  height:200px; /*** = Top Margin + One Outer Border + header to body divider depth +
subheader1 height + any other subheader heights ***/
  overflow:hidden;
}
#subheader1{
  background:#FFFFff; /*** Background Color of Sub-header #1 ***/
  text-align:center;
  height:30px; /*** sub-header row height ***/
}
#subheader2{
  background:#FFE7AA; /*** Background Color of Sub-header #2 ***/
  text-align:center;
  height:157px; /*** sub-header row height ***/
}
#subheader3{
  background:#FFFFFF; /*** Background Color of Sub-header #3 ***/
  text-align:center;
  height:15px; /*** sub-header row height ***/
}
#gfxx_bg_middle{
  top:0px;
  position:absolute;
  height:90%;
  overflow:hidden;
  width:666px; /*** = Center Col Width ***/
  margin-left:161px; /*** = Left Col Width ***/
  backgroundd:#ccffcc; /*** Set background color for center column for Mozilla & Opera ***/
  border-right:0px solid #ffffff; /*** Sets the internal left side border.
Remove border styles if no Internal Borders. ***/
  border-left:0px solid #ffffff;
  border-left:0px solid #ffffff;
}
* html #gfx_bg_middle{
  display:none; /*** Hides the moz fix from IE ***/

}




#tekstgrootte
{
height: 23px;
diplay: inline;
float: left;
font-size: 100%;
padding-top: 7px;

}

#fontsize ul
{
list-style: none;
margin: 0;
padding: 0;
}

#fontsize ul li
{
float: left;
}

#fontsize ul li.li-first
{
margin-right: 6px;
margin-top: 1px;
}

#fontsize ul li img
{
}


/*
#rootmenu
{
float: right;
margin-right:1px;
margin-top:10px;
height: 22px;
width: 330px;
font-size: 70%;
display:inline;
}
*/


#rootmenu
{

}

#rootmenu a
{
color: #000;
text-decoration: none;
margin-right: 2px;
margin-left: 2px;

}

#sitebar
{
float:right;
border:0px solid green;
margin-right:0px;
}  

#sitebar ul
{
list-style: none;
margin: 0;
padding: 0;
}

#sitebar ul a{

color: #000;
text-decoration: none;
margin-right: 2px;
margin-left: 2px;
}

#sitebar ul li
{
float: left;
}

#searchinput
{
width:160px;
w\idth:165px;
float:right;
margin-top:-4px;
border:0px solid #cccccc;
height:20px;
overflow:hidden;
margin-left:10px
}

#searchinput form input
{
font-size: 7pt;
padding-top: 0px;

margin-right:0px;

}

.button
{
cursor: pointer;
background-image: none;
background-color: #5A3F99;
border: 0;
color:#ffffff;
float:right;

 
}

#logo
{

}

#logo img
{
border: solid 1px #000;
margin-top:0px;

}

#content_left
{
width: 173px;
float: left;

}

#menu {

}

#sitewide 
{
width: 161px;
margin: 0px;
}

#sitewide ul
{
list-style: none;
margin: 0;
padding: 0;
}

#sitewide ul li
{
float: left;
}

ul.topmenu_home li 
{
border-top: solid 1px #000;
border-right: solid 1px #000;
border-left: solid 1px #000;
}

ul.topmenu_home li a
{
text-decoration: none;
font-size: 8pt;
font-weight: bold;
color: #FFF;
padding-top: 6px;
padding-left: 26px;
height: 20px;
width: 143px;
display: block;
cursor: pointer;
background-color: #5A3F99;
background-repeat: no-repeat;
background-position: 8px 8px; 
}

ul.topmenu_home li a:link, ul.topmenu_home li a:visited
{
background-image: url(gfx/menu_arrow.gif);


}

ul.topmenu_home li a:hover, ul.topmenu_home li a:active 
{
background-color: #FFE49E;
color: #000;
background-image: url(gfx/menu_arrow_current.gif);
}

ul.topmenu_home li a.current:link, ul.topmenu_home li a.current:visited, ul.topmenu_home li a.current:hover, ul.topmenu_home li a.current:active 
{
background-color: #FFE49E;
color: #000;
background-image: url(gfx/menu_arrow_current.gif);
}

#menu {
width: 160px;
margin-left: 0px;
}

#menu ul
{
list-style: none;
margin: 0;
padding: 0;

}

#menu ul li 
{
border-top: solid 1px #000;
border-right: solid 1px #000;
border-left: solid 1px #000;
float: left;
}

#menu ul li.li-last
{
border-bottom: solid 1px #000;
}

#menu ul li a
{
text-decoration: none;
font-size: 8pt;
font-weight: bold;
color: #FFF;
padding-top: 6px;
padding-left: 26px;
height: 20px;
width: 143px;
display: block;
cursor: pointer;
background-color: #5A3F99;
background-repeat: no-repeat;
background-position: 8px 8px; 
}

#menu ul li a:link, #menu ul li a:visited 
{
background-image: url(gfx/menu_arrow.gif);
}


#menu ul li a:hover, #menu ul li a:active 
{
background-color: #FFE49E;
color: #000;
background-image: url(gfx/menu_arrow_current.gif);
}

#menu ul li a.current
{
background-color: #FFE49E;
color: #000;
background-image: url(gfx/menu_arrow_current.gif);
}

#menu ul li ul li a
{
text-decoration: none;
font-size: 8pt;
color: #000;
padding-top: 6px;
padding-left: 26px;
height: 20px;
width: 143px;
display: block;
cursor: pointer;
background-color: #FFF;
font-weight: normal;
background-repeat: no-repeat;
background-position: 158px 9px; 
}

#menu ul li ul li a:link, #menu ul li ul li a:visited
{
background-color: #FFF;
color: #000;
background-image: none;
}

#menu ul li ul li a:hover, #menu ul li ul li a:active 
{
background-color: #FFF;
font-weight: normal;
color: #000;
text-decoration:underline;
/*background-image: url(gfx/submenu_arrow.gif);*/

}


#menu ul li ul li a.current:link, #menu ul li ul li a.current:visited, #menu ul li ul li a.current:hover, #menu ul li ul li a.current:active 
{
background-color: #FFF;
font-weight: normal;
background-image: url(gfx/submenu_arrow.gif);
}

#menu ul li ul li
{
border: 0px;
border-top: solid 1px #000;
}

#menu ul li ul li.li-last
{
border-bottom: 0px;

}









#menu ul li ul li ul li a
{
text-decoration: none;
font-size: 8pt;
color: #000;
padding-top: 6px;
padding-left: 33px;
height: 20px;
width: 136px;
display: block;
cursor: pointer;
background-color: #ccc;
font-weight: normal;
background-repeat: no-repeat;
background-position: 158px 9px; 
}

#menu ul li ul li ul li a:link, #menu ul li ul li ul li a:visited
{
background-color: #ccc;
color: #000;
background-image: none;
}

#menu ul li ul li ul li a:hover, #menu ul li ul li ul li a:active 
{
background-color: #ccc;

color: #000;


}


#menu ul li ul li ul li a.current:link, #menu ul li ul li ul li a.current:visited, #menu ul li ul li ul li a.current:hover, #menu ul li ul li ul li a.current:active 
{
background-color: #ccc;

background-image: url(gfx/submenu_arrow.gif);
}

#menu ul li ul li ul li 
{
border: 0px;
border-top: solid 1px #000;
}

#menu ul li ul li ul li.li-last
{
border-bottom: 0px;

}



















#naw
{

margin-top: 20px;
float: left;
clear:both;
font-size: 8pt;
padding-left:0px;
} 

#naw a
{
color: #000;
}


#content_right
{
width: 807px;
float:left;
margin-left: 12px; 
display: block;
font-size: 75%;



}

#container_left
{
width: 620px;
float: left;
border:1px solid black;
margin:0;
padding:0;
}


#container_right
{
width: 170px;
float: right;
border:1px solid green;

}


#pagetitle
{
 
height: 20px;
color: #FFF;
background-color: #5A3F99;
font-size: 12pt;
font-weight: normal;
padding-top: 3px;
padding-bottom: 3px;
padding-left:10px;
text-align: LEFT;
border-right: solid 40px #FFE49E;
border-bottom: solid 1px #000;
border-top: solid 1px #000;
margin:0px;
}  


 #nextlevel {
}

#breadcrumbs 
{
margin-top: 5px;
margin-bottom: 10px;
margin-left:27px;
font-size:8pt;
}

#breadcrumbs  a
{
color: #000;


}



/*** div tekst ***/
#tekst {
color: #000;
padding: 25px;
padding-top: 18px;
margin-top:0px;


}

#tekst table {
margin-left:0px;
  min-height:100%;
  /* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
padding:0;
overflow:hidden;
margin-top:0px;
bottom: 0px; 
border:0px solid red;


}

#tekst table td{
width:400px;
}


#tekst hr
{
height: 1px;
color: #CCC;
background-color: #CCC;
}

#tekst h1
{
width: 100%;
font-size: 14pt;
border-bottom: solid 1px #CCCCCC;
color: #5A3F99;
font-weight: normal;
margin-bottom: 10px;
}


#tekst h2
{
width: 100%;
font-size: 12pt;
border-bottom: solid 1px #CCCCCC;.
color: #5A3F99;
font-weight: bold;
margin-bottom: 10px;
margin-top:10px;
}

#tekst h2.newstitle
{
width: 100%;
font-size: 12pt;
border-bottom: solid 1px #CCCCCC;.
color: #5A3F99;
font-weight: bold;
margin-bottom: 5px;
}

#tekst h3
{
font-size: 10pt;
color: #5A3F99;
margin-bottom: 0px;
margin-top:10px;
}

#tekst a
{
font-weight: bold;
color: #000;
}



/*** div tekst homepage ***/
#tekst.home {
color: #000;
margin:0;
padding:0;

}

#tekst.home table {
  min-height:100%;
  /* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
margin:0;
margin-top:-10px;
table-layout:fixed;
border-collapse: collapse;
background-colorr: #fff;
margin-bottom:-80px;
display: inline; 
min-height:100%
height:100%
bottom: 0;

}


* html #tekst.home table {
 /* <IE6-specific rules */
display: inline; 
height
}

*:first-child+html #tekst.home table {
 /* IE7-specific rules */

display: block; 

 }


#tekst.home table td{
border-right: 1px solid black;
border-bottom:1px solid black;
border-top:1px solid black;
margin:0;
overflow: hidden;
word-wrap: break-word;
padding:5px;
}

#tekst.home table td.left{
border-right: 1px solid black;
border-bottom:0px solid black;
border-top:1px solid black;
margin:0;
overflow: hidden;
word-wrap: break-word;
padding:5px;
width:50%;
}

#tekst.home table td.right{
border-right: 0px solid black;
border-bottom:0px solid black;
border-top:1px solid black;
margin:0;
overflow: hidden;
word-wrap: break-word;
padding:5px;
width:50%;
}
 
#tekst.home hr
{
height: 1px;
color: #CCC;
background-color: #CCC;
}

#tekst.home h1
{
width: 100%;
font-size: 14pt;
border-bottom: solid 1px #CCCCCC;
color: #5A3F99;
font-weight: bold;
margin-bottom: 10px;
margin-top:10px;
}


#tekst.home h2
{
width: 100%;
font-size: 12pt;
border-bottom: solid 1px #CCCCCC;.
color: #5A3F99;
font-weight: bold;
margin-bottom: 5px;
margin-top:0px;
}

#tekst.home h2.newstitle
{
width: 100%;
font-size: 12pt;
border-bottom: solid 1px #CCCCCC;.
color: #5A3F99;
font-weight: bold;
margin-bottom: 5px;
margin-top:5px;
}

#tekst.home h3
{
font-size: 10pt;
color: #5A3F99;
margin-bottom: 0px;
margin-top:10px;
}

#tekst.home a
{
font-weight: bold;
color: #000;
}

#tekst p {
margin-top:10px;
margin-bottom:10px;
}

.tablec {
}
.hcell, .lcell, .dcell {




}
.hcellc, .lcellc { 
  background: #ccc;
}
.hcellc, .dcellc {
}
.dcellc {
  background: #eee;
}




#container_right img
{
border: solid 1px #000;
}

#container-right img.rechterplaatje{
width:165px;
margin-bottom:10px;

}

.newstitle .date
{
font-size: 60%;
color:#ccc;
}

iframe
{
width: 170px;
margin-bottom: 0px;
} 




#agenda
{
margin-top: 35px;
color: #5A3F99; 

}


#agenda ul li
{
padding-bottom: 16px;
}

#agenda ul li .date
{
font-style: italic;
}

#agenda_item
{
text-align: left;
margin-left:0px;
}

#agenda_item h2
{
border: 0;
}


#aanbevolen ul
{
list-style: none;
margin: 0;
padding: 0;
}



#aanbevolen
{
}

#h1_aanbevolen
{
padding-left: 22px;
font-size: 100%;
color: #5A3F99; 
border-bottom: solid 1px #CCCCCC;
background-image: url(gfx/aanbevolen_h1_bg.gif);
background-repeat: no-repeat;
height: 22px;
margin-bottom: 10px;
}

#aanbevolen ul
{
list-style: none;
margin: 0;
padding: 0;
}





#aanbevolen ul li a img
{
margin-bottom: 10px;
}

#aanbevolen img.platform{
border:1px solid black;
}

#aanbevolen img.banner{
border:0px solid ;
}

#nieuwsbriefknop{
width: 170px;
height:35px;
margin-top: 0px;
border: 1px solid #000;
position:absolute
}

#nieuwsbrief-aanmelden
{
margin-top: 0px;

}

#nieuw
{
}



#h1_nieuw
{
padding-left: 25px;
font-size: 100%;
color: #5A3F99; 
background-image: url(gfx/nieuw_h1_bg.gif);
background-repeat: no-repeat;
height: 22px;
margin-bottom: 10px;
}

#h1_nieuw A:link, #h1_nieuw A:visited, #h1_nieuw A:hover, #h1_nieuw A:active 
{
color: #5A3F99;
text-decoration: none;

}

#h1_nieuwsbrief-aanmelden
{
padding-left: 25px;
font-size: 100%;
color: #5A3F99; 
background-image: url(gfx/nieuwsbrief_h1_bg.gif);
background-repeat: no-repeat;
height: 22px;
margin-bottom: 10px;
}

#h1_nieuwsbrief-aanmelden A:link, #h1_nieuwsbrief-aanmelden A:visited, #h1_nieuwsbrief-aanmelden A:hover, #h1_nieuwsbrief-aanmelden A:active 
{
color: #5A3F99;
text-decoration: none;
}


#nieuwsbrief-aanmelden ul
{
list-style: none;
margin: 0;
padding: 0;
}

#nieuwsbrief-aanmelden ul li a img
{
margin-bottom: 10px;
}

#footertekst
{

text-align: center;
float: left;
margin-bottom: -40px;
margin-top: 0px;
font-size: 8pt;
width:100%;
}




/*** search pages ***/
#sq {
  text-align: center;
}

.searchquery {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.google {
  width: 260px;
}
.searchquery label, .searchquery input, .searchquery select {
  width: auto;
  display: block;
  vertical-align: middle;
}
.searchquery label {
  padding: 6px 0 0;
  margin:0;
}

.searchmode {
  display: none;
}

.searchheader {
}

.searchrow {
  padding-bottom: 1em;
}

.searchinfo {
  font-size: 80%;
}
.searchinfo a {
  font-size: 125%;
}

/*** forms ***/
form {
  padding-bottom: 10px;
}

label, .input {
  width: 12em;
  margin: 6px 0;
  vertical-align: top;
}

label, input, .input, textarea, select {
  display: block;
  float: left;
  margin-bottom: 6px;
}
input, textarea, select {
  margin-top: 4px;
  width: 250px;
}
select, .input {
  width: auto;
}

/*** newsletters/news ***/
#datum {
  font-weight: bold;
  display: block;
  text-align: right;
}



.more {
}
.more:hover {
}
.more img {
  vertical-align: middle;
  margin: 0!important;
  border: 0!important;
}

/*** print ***/
.printonly {
  display: none;
}

.button {
  width: auto;
}

/*** speciale opmaak ***/
H3.bgp1{
color:#ccc;
font-size:60%;
}

#banners
{
/*bottom: 0;  maakt dat achtergrond van de wrapper ook in FF tot onderaan getoond wordt*/
/*margin-top:0px;*/
margin-top:10px;
border-top: 1px solid #000;
}

#banners img
{
border: solid 1px #000;
width:165px;
height:50px;
margin:0px;
padding:0px;
}


#spacer{
/*** height: 20px;***/

width:1000px;
border: solid 0px transparent;
/*** margin-top:10px;***/

font-size:10px;
}


#forummenu
{
color: #5A3F99; 
}



.divider
{
border:0;
margin-top:10px;
}

#forummenu li
{

font-size:12px;
margin-top: 35px;

}

#tekst .newsitem P
{
color:white;
font-size:1pt;

}
#tekst .newsitem P A.more
{
text-decoration:underline;
visibility:visible;
font-size:10pt;
padding-bottom:30px;
padding-top:10px;
float:right;
font-weight: normal;
}

#tekst .newsitem h2.newstitle
{
font-size:10pt;
font-weight: normal;
color:black;
border-top: solid 1px #ccc;
border-bottom: solid 1px #fff;
}

#tekst .newsitem h2.newstitle .date{
font-size:10pt;
float:left;
}

body{
position: relative;
}