/*****************
standaard paddings en margins verwijderen
******************/
* {
margin:0;
padding:0;
}

/*****************
Font instellen
******************/
body {
   text-align: left;
   font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 85.01%;
}

/*****************
Font grootte voor alle divs instellen
******************/
div {
   font-size: 1em;
}

/*****************
borders verwijderen van alle afbeeldingen met a href
******************/
img {
   border: 0;
}

/*****************
standaard link stijl
******************/
a,
a:link 
a:active {
   text-decoration: underline;
/* CSS validatie geeft een waarschuwing als er geen background color wordt ingesteld.*/
   background-color: inherit;
   color: #ffffff;
}
a:visited {
   text-decoration: underline;
   background-color: inherit;
   color: #ffffff;                
}
a:hover {
   text-decoration: none;
   background-color: #385c72;
   color: #ffffff;
}

/*****************
Standaard layout
*****************/
body {
   background: #342E27;
   color: #333;
   margin:1em;    /* ruimte voor pagewrapper */
   height: 100%;
}

/* centreer wrapper, min max width */
div#pagewrapper {
   border: 0px solid black;
   margin: 0 auto;       /* centreer wrapper */
   width:950px;
   background: url(./afbeeldingen/bg.jpg) #342e27; repeat-y;
   color: #352F28;
   height: 100%;
}

/* header */
div#header {
   height: 340px;
   background: url(./afbeeldingen/bg.jpg) #342e27; repeat-y;
   padding:0;
   margin:0;
}

div#content {
   margin: 0em auto 0em 0;   /* ruimte boven en onder menu en content */
   background: url(./afbeeldingen/bg.jpg) repeat-y;
   height: 100%;
}

div#main {
   margin: 0 0 0 25%;
   padding:0;
   display:block;
   height: 100%;

}

div#text {
  margin:0px;
  padding: 33px 20px 0px 0px;
  width: 500px;
}

div#text a {
   color: #9cc54f;
}

div#text li, div#text td, div#text p {
   text-align: left;
   font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 100%;
   line-height: 1.5em;
   font-size: 95%;
}


div#sidebar {
   float: left;        /* Zijkant. Verander float naar rechts om de zijkant naar de rechterkant te verhuizen */
   width: 201px;     /* Bij wijziging ook #main margins wijzigen */
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0;
   border: 0px solid #990;
   height: 600px;
   position: relative;
}

div#sidebar2 {
   float: right;        /* Zijkant. Verander float naar rechts om de zijkant naar de rechterkant te verhuizen */
   width: 175px;     /* Bij wijziging ook #main margins wijzigen */
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0;
   border: 0px solid #990;
   height: 400px;
   background-image: url(./afbeeldingen/stonecutter.jpg);
   background-position: top right;
   background-repeat: no-repeat;   
}

div#sidebar2 p {
   font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 95%;
}

div#footer {
   clear: both;       /* Houdt de footer onder content and menu */
   color: #666;
   background-color: #ffffff; /* zelfde als in header*/
   background: url(./afbeeldingen/footer.jpg) no-repeat;
   height:97px;
}

div#footer p {
   font-size: 0.8em;
   padding: 0 0 0 24em;       /* ruimte voor de footer */
   text-align: left;  /* centreer text */
   margin: 0;
}

div#footer p a {
   color: #BB1031;
  text-decoration:none;
}

div#footertext {
padding:2.3em 0 0 0;
margin:0;
}

/* omdat we alle hr's verbergen vanwege de accessibility creeeren we nieuwe hr's met extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}

/********************
CONTENT STYLING
*********************/
div#content {
}

/* HEADINGS */
div#content h1 {
  font-family: "Trebuchet MS", "Times New Roman", Courier, Garamond, serif;
  color:#385C72;
  text-transform:none; /*uppercase*/
  font-weight:normal;
  font-size: 1.5em; /* font size for h1 */
  line-height: 2em;
  margin: 0;
}
div#content h2 {
  font-family: "Trebuchet MS", "Times New Roman", Courier, Garamond, serif;
        color: #BB1031;
        font-size: 1.5em;
        text-align: left;
/* ruimte rondom text */
        padding-left: 0.5em;
        padding-bottom: 1px;
/* set borders rondom header */
        border-bottom: 1px solid #e7ab0b;
        border-left: 1.1em solid #e7ab0b;
        line-height: 1.5em;
/* ruimte onder de border */
        margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #666666;
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #BB1031;
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #666666;
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #BB1031;
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 0.9em;
   margin: 0 0 1.5em 0; /* ruimte rondom p elementen */
   line-height: 1.5em;
   padding: 0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
   font-weight: bold;
}
em, i {
   font-style:italic;
}

/* END TEXT */

/* LISTS */
/* lijsten */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}
div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}
/* END LISTS */
/* End of 'Layout: Left sidebar + 1 column' */

/********************
MENU
*********************/
#menu_vert {
   padding: 0;
   margin: 0px 0 0 3px;
   background-color: #F2F2E6;
}

#terug_knop {
   padding: 0;
   margin: 0px 0 0 3px;
   vertical-align: bottom;
}

#inloggen {
   padding: 0;
   margin: 0px 0 0 0px;
   vertical-align: bottom;
}

#nieuwsbrief {
   padding: 0;
   margin: 0px 0 0 20px;  
   text-align: left;
}

div#nieuwsbrief a {
   text-decoration:none; /* no underline for links */
   padding: 0em; /* some air for it */
   color: #385C72; /* this will be link color for all levels */
   font-family:"Trebuchet MS", verdana, arial, sans serif;
}

div#nieuwsbrief a:hover {
   text-decoration:underline; /*  underline for links */
   padding: 0; /* some air for it */
   color: #385C72; /* this will be link color for all levels */
   background-color: transparent;
   font-family:"Trebuchet MS", verdana, arial, sans serif;
}

#menu_links_onder {
   padding: 0 0 0 15px;
   position: absolute; bottom: 0;
   text-align: left;
}



#navlist li { list-style-type: none; }

#navlist li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #91B64D;
text-decoration: none;
background: #F2F2E6;
padding: 0px 0px 5px 10px;
border-bottom: 0px solid #e7e6d2;
}

#navlist li a:visited{
color: #91B64D;
}

#navlist li a:hover{
background-color: #F2F2E6;
color: #91B64D;
text-decoration: underline;
}

#partners {
   padding: 0;
   margin: 0px 0 0 0px;
   vertical-align: bottom;
   text-align: center;
}

a.partner {
border-bottom: solid 0px #333499;
color: #f2f2e6;
text-decoration: none;
}
a.partner:hover {
border-bottom: solid 0px #EC2F00;
color: #f2f2e6;
text-decoration: none;
}

div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
   
   min-height:1em; /* Fixes IE7 whitespace bug */
   font-family:"Trebuchet MS", verdana, arial, sans serif;
}

div#menu_vert a:hover {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
   color: #ffffff; /* this will be link color for all levels */
   min-height:1em; /* Fixes IE7 whitespace bug */
   font-family:"Trebuchet MS", verdana, arial, sans serif;
}

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 198px; /* Width of Menu Items */
border-bottom: 0px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
}


/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 557px; /*sub menu width*/
top: 0;
visibility: hidden;
}

	
/* su level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #666666;
text-decoration: none;
background: #F2F2E6;
padding: 10px 0px 10px 10px;
border-bottom: 1px solid #e7e6d2;
}

.suckerdiv ul li a:visited{
color: #666666;
}

.suckerdiv ul li a:hover{
background-color: #385C72;
color: #ffffff;
}



/* Sub level menu links stijl */
.suckerdiv ul ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
font-size: 90%;
font-style: italic;
color: #ffffff;
text-decoration: none;
background: #385c72;
padding: 10px 5px 10px 10px;
border-bottom: 1px solid #e7e6d2;
}

.suckerdiv ul ul li a:visited{
color: #ffffff;
}

.suckerdiv ul ul li a:hover{
background-color: #9cc54f;
color: #ffffff;
}

.suckerdiv .subfolderstyle{
background: url(pijltje.gif) #F2F2E6 no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


div#menu_vert ul h3 {
   background-color: #d3d1ad;
   display: block;
   padding: 0.7em 0.5em 0.7em 1.5em;  /* some air for it */
   color: #ffffff;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
font-family:"Trebuchet MS", verdana, arial, sans serif;
font-weight:normal;
}


div#menu_vert ul ul h3 {
   font-size: 90%;
   padding: 1em 0.5em 1em 3.6em;
   background-position: 1.4em center;
   background-color: transparent;
   border-top: 1px solid #D8D8D8;
   color: #666;
   background: url(images/cms/arrow-right_ac.gif) no-repeat 2.4em center;
font-family:"Trebuchet MS", verdana, arial, sans serif;
}

div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center;
}


div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}

div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}

span.accesskey {
   text-decoration:none;
}

.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}


#blank
{
	width: 250px;
	height: 340px;
	z-index:5;
	border: 0px solid #000;
	float: left;
	background-image: url(./afbeeldingen/header_begin.jpg);
	overflow: hidden;
}

#navigatie {
background-image: url(afbeeldingen/menu.jpg);
height: 45px;
color: White;
font-family: arial, helvetica, sans-serif;
text-align: center;
}


#navigatie ul
{
background-color: transparent;
color: White;
padding-top: 15px;
padding-bottom: 15px;
font-family: arial, helvetica, sans-serif;
text-align: center;
}

#navigatie ul li { display: inline; }

#navigatie ul li a
{
padding: 1em 1em;
margin-top: 20px;
background-color: #91B64D;
color: White;
text-decoration: none;
border-right: 0px solid #fff;
height: 17px;
}

#navigatie ul li a:hover
{
background-color: #385C72;
color: #fff;
}




/* Styles for Example #2 */
#example2{
margin:0;
padding-top:40px;
width:155px;
list-style-type:none;
background-color:transparent;
color:#000000;
line-height:120%;
height:500px;
}
#example2 a{
display:block;
font-weight:normal;
text-decoration:none;
}
#example2 ul{
overflow: hidden;
margin:0;
padding:0;
}
#example2 li{
margin:0;
padding:0;
list-style-type:none;
}
#example2 li a{
width:155px;
padding:5px 0 0 15px;
display:block;
color:#000000;
background: #e7e6d2 url();
height:25px;
}

#example2 li li a{

padding:5px 0 0 0px;
width: auto;
color:#91B64D;
background: transparent;
height:auto;
}

#example2 li li a:hover{

padding:5px 0 0 0px;
width: auto;
color:#91B64D;
background: transparent;
text-decoration: underline;
height:auto;
}

#example2 li a.closed{
color:#000000 !important;
background-image:url(ha-header.jpg) !important;
}
#example2 li.firstitem a.closed{
color:#000000 !important;
background-image:url(ha-header-first.jpg) !important;
}
#example2 li.lastitem a.closed{
color:#000000 !important;
background-image:url(ha-header-last.jpg) !important;
}
#example2 li li {
border-left:0px solid #E5E5E5;
border-right:0px solid #E5E5E5;
padding:0 15px 0 15px;
height:275px;
background: transparent;
}


#example2 li a.opened{
background-image:url(ha-header-active.jpg);
color:#FFFFFF;
}
#example2 li.firstitem a.opened{
background-image:url(ha-header-first-active.jpg);
color:#FFFFFF;
}
#example2 li.lastitem li{
margin-bottom:-4px;
}
#example2 li.lastitem ul{
background-image:url();
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:4px;
}