/* Start of CMSMS style sheet 'Land - Green' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body
{
     text-align: left;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 75.01%;
     line-height: 1em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div
{
     font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img
{
     border: 0;
}

html, body {
    height: 100%;
    min-height: 100%;
}



/********************************************************************/
/*****   Deze tweetags zorgen voor de weergave van de links binnen de website   ******/
/********************************************************************/

/* Alle links op dezelfde manier weergeven op de toestand 'Hover' na. */
a, a:link, a:active, a:visited
{
     text-decoration: underline;
     background-color: inherit; 
     color: #77BBBB; 
}

/* Wanneer de muis over een link gaat de streep er onder weghalen. */
a:hover 
{
     text-decoration: none;
     color: #77BBBB;
}



/*************************************************************************/
/*****   Deze twee tags zorgen er voor dat de pagina 'los' in het midden wordt getoond.   ******/
/*************************************************************************/

/* De eigenschappen van de achterkant van de pagina. */
body
{
     background-color: #FFFFFF; 
     color: #333;
     margin:0em;    /* gives some air for the pagewrapper */
}

/* De eigenschappen van de binnenkant van de pagina. */
div#pagewrapper 
{
     border: 1px solid #006666; 
     margin: 0 auto;
     max-width: 80em;
     min-width: 60em;
     background-color: #EEFFFF;
     color: black;
}



/*************************************************************************/
/*****   Deze twee tags zorgen voor de weergave van de link afbeelding boven in beeld.   ******/
/*************************************************************************/

/* De instellingen voor het header vlak (Hier wordt afbeelding getoond).  */
div#header 
{
     height: 150px;
     background: #FFFFFF;           
}

/* De instellingen voor eventuele tekst/link in de header (Dit wordt niet toegepast). */
div#header h1 a 
{
     background: #FFFFFF url(uploads/images/land/logo.jpg) no-repeat 0 0px;
     display: block;
     height: 150px;             /* Dit is de hoogte van de afbeelding. */
     text-indent: -999em;    /* Eventuele tekst verbergen. */
     text-decoration:none;   /* Expliciet melden dat de link geen onderlijn mag hebben. */
}


/*******************************************************************/
/*****   Deze twee tags zorgen voor de weergave van de balk onder het logo.    ******/
/*******************************************************************/

/* De eigenschappen van de breadcrum. */
div.breadcrumbs 
{
     background: #003366 0 0px;  /*  url(uploads/images/land/band.jpg) no-repeat  */
     color: #FFFFFF; 
     font-size: 90%; 
     padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */ 
     margin: 0 0em;
}

/* De eigenschappen van de zoek tekst. */
div#search 
{
     background: #003366;
     color: #FFFFFF; 
     float: right;
     width: 30em; 
     text-align: right;
     padding: 0.3em 0 0.2em 0;  /* De juiste positie midden in de balk geven. */
     margin: 0 1em;
}


/****************************************************************************/
/*****   Deze tag zorgt voor de weergave van de side bar waar het menu in is opgenomen.    ******/
/****************************************************************************/

/* De eigenschappen van de sidebar */
div#sidebar
{
     float: left;                  /* Het menu wordt links weergegeven (evt. 'right'). */
     width: 240px;     
     display: inline;             
     margin-left: 0;
     background: #006666;
}


/****************************************************************************/
/*****   De eigenschappen en opmaak van het menu zelf welke in de sitebar is opgenomen     ******/
/*****   zijn in een aparte stylesheet opgenomen.                                                           ******/
/****************************************************************************/


/****************************************************************/
/*****   Deze twee tags zorgen voor de weergave van het content gebied    ******/
/****************************************************************/

/* De eigenschappen van het main waar de content in is opgenomen */
div#main 
{
     margin-left: 275px;        /* To jump over te side-bar at the left */ 
     margin-right: 35px;        /* To leave some room on the right side */
     background: #EEFFFF 
}

/* De eigenschappen van het content gebied, opmaak van de tekst staat onder in dit bestand */
div#content 
{
     margin: 0em auto 0em 0;   /* Voor eventuele extra marges naast de main. */
     background: #EEFFFF url(uploads/images/land/background.jpg) repeat-y;
}


/******************************************************************/
/*****   Deze drie tags zorgen voor de weergave van de footer op de bodem      ******/
/******************************************************************/

/* De eigenschappen van het footer element. */
div#footer
{
     clear: both;                        /* To keep footer below both content and menu */
     color: #FFFFFF;
     background-color: #006666; 
}

/* De eigenschappen van de paragraaf. */
div#footer p
{
     font-size: 0.8em;
     padding: 0.7em 0 0.5em 0;       /* some air for footer */  
     text-align: center;
     margin: 0;
}

/* De eigenschappen van een link in de footer. */
div#footer p a 
{
     color: #FFFFFF; 
}



/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}


/* relational links under content */
div.left49 {
  float: left;
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
  color: #006666;
}




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

}

/* HEADINGS */
div#content h1 {
   font-size: 2em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
	
color: #294B5F; 
	font-size: 1.5em; 
	text-align: left; 
/* some air around the text */
             padding-left: 0.5em;
	padding-bottom: 1px;
/* set borders around header */
	border-bottom: 1px solid #006666; 
	border-left: 1.1em solid #006666; 
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
}

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

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;


}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
   margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
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;
}

/* definition lists topics on bold */
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: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */
/* End of 'Land - Green' */

/* Start of CMSMS style sheet 'Land - Menu' */
/******************** MENU *********************/


     /* Bepaald de positionering van het menu als geheel */
     /*=====================================*/
     #menu_vert {
        padding-left: 1;
        margin-left: 1em;
        padding-right: 1;
        margin-right: 1em;
        height: 100%;
     }


/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
   padding-bottom: 0.5em;
   background: #99CC99;
}

     /* De lijn onder de hoofdmenu items  */
     /*==========================*/
     /* menu li block */
     #menu_vert li {
        list-style: none;
        margin: 0;
        border-top: 1px solid #003366;
        display: block;  
     }

#menu_vert ul ul li {
   border: none;
   background: #99CC99;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
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 */
   color: #003366;                                /* this will be link color for all levels */
   background: #99CC99 url(images/cms/arrow-right.gif) no-repeat 0.5em center; 
   min-height:1em;                                /* Fixes IE7 whitespace bug */ 
}

     /* De submenu items */
     /*==============*/
     div#menu_vert ul ul a 
     {
          font-size: 90%;
          padding: 0.5em 0.5em 0.5em 2.8em;
          background-position: 1.5em center;
          background: #99CC99
          border: 2px solid #99CC99;
     }

     /* Het submenu items als deze geselecteerd is */
     /*=================================*/
     div#menu_vert ul ul h3 
     {
          font-size: 90%;
          padding: 0.5em 0.5em 0.5em 2.8em;   
          background-position: 1.5em center;
          background: #99CC99 url(images/cms/arrow-right.gif) no-repeat 1.5em center; 
          border: 2px solid #99CC99;
          color: #003366;     
     }

/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: #99CC99 url(images/cms/dash.gif) no-repeat 2.8em center; 
}

     /* De achtergrond kleur van het menu-items waar met de muis overheen wordt gegaan */
     /*===============================================================*/
     /* hover state for all links */
     div#menu_vert a:hover {
        background-color: #003366;
        color: #FFFFFF;
        border: 2px solid #99CC99;
     }

/* first level links */
     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 */
          color: #003366;                                                     /* this will be link color for all levels */
          background: #99CC99 url(images/cms/arrow-right.gif) no-repeat 0.5em center; 
          min-height:1em;                                                     /* Fixes IE7 whitespace bug */ 
          border: 2px solid #99CC99;
     }

     /* Hoofdmenu - Active */
     /*=======================*/
     div#menu_vert li a.activeparent {
        background: url(images/cms/arrow-down.gif) no-repeat 0.4em center; 
        background-color: #003366;
        color: #FFFFFF;
        border: 2px solid #003366;
     }


     /* Hoofdmenu - Active - Hoover */
     /*=======================*/
     div#menu_vert a.activeparent:hover {
        background-color: #003366;
        color: #FFFFFF;
     }




div#menu_vert ul ul li a.activeparent {
   background-position: 1.5em center; 
      background: #99CC99;      background-color: transparent;
   color: #18507C;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
     /* De actieve hoofdmenu items als deze geselecteerd zijn */
     /*==========================================*/
     div#menu_vert ul h3 {
        background: url(images/cms/arrow-right-active.gif) no-repeat 0.4em center;
        background-color: #003366;      
        display: block; 
        padding: 0.8em 0.5em 0.8em 1.5em;  /* some air for it */
        color: #fff;                                 /* 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 */
        border: 2px solid #003366;
     }

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/


     /* Het actieve menu item als deze op het derde niveau is. */
     /*==========================================*/
     /* current page on third level, more padding */
     div#menu_vert ul ul ul h3 {
        padding: 0.3em 0.5em 0.3em 4.3em;
        background: #99CC99 url(images/cms/arrow-right-active.gif) no-repeat 2.7em center; 
     }

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



/* separator */
div#menu_vert li.separator {
   display: none;
   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 */
}
/* End of 'Land - Menu' */