/* Start of CMSMS style sheet 'general' */
/* General layout www.iwal.nl */
/********************
Colors lichtst - licht - donker - donkerst (+webcolors licht - donker)
Blauw = 60ceee - 4cc7ec - 3cc1eb - 0dabe3 (33ccff - 0099cc)
Groen = 69e344 - 3dd915 (66cc33 - 33cc00)
Rood = f856b9 - f5169e (ff33cc - ff0099)
Geel = ffd523 - ffc700 (ffcc33 - ffcc00)
*********************/
/* probleem bij pagewrapper (620), content (465), main (440) (in die volgorde) heights */
/* IE6 luistert niet naar min-height, wil height */
/* min-height zou ideaal zijn met bijv. een pagina als sitemap */
/* main height op 440 vast gezet, FF geeft geen verlengde pagina, IE wel */
/* problem solved by http://www.svendtofte.com check main */

/* 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;
    }

body {
    text-align: left;
/* base font-size is 10pt of 62,5% voor IE users to resize, zie voor uitleg: */
/* http://www.maratz.com/blog/archives/2005/10/21/typetesters-base-font-size */
    font:  75% Arial, Helvetica, sans-serif;  
    background-color: #f0f0f0;
/*    background: #f0f0f0 url(/site/images/snow-background.gif); */
    margin: 1em;    /* air for the pagewrapper */
    }

div#pagetop{
    display: block;
    height: 27px;
    width: 760px;
    margin: auto;
    padding: 5px 0 5px 0;
}

div# pagetop a{
    vertical-align: middle;
}

div#search {
   display: inline;
   margin: 0;
   padding: 0;
   float: right;
}

div#header {
   height: 119px;
}

div#header img {
   text-align: right;
}

div#header h1 a { 
   display: block; 
   text-align: left;
   text-indent: -700em;  
   text-decoration:none; 
   height: 119px;
}

/* center wrapper, min max width */
div#pagewrapper {
    border-width: thin;
/*    border-color: #ffffff #cccccc #cccccc #cccccc;  */
    border-color: #cccccc; 
    border-style: solid; 
    margin: 0 auto;       /* this centers wrapper */
    background-color: #ffffff;
    min-height: 620px; 
    width: 880px; 
/* alternatives for min-width & max-width for IE6
    width:expression(document.body.clientWidth > 880? "880px": "auto" ); max-width
    width:expression(document.body.clientWidth < 880? "880px": "auto" );  min-width */
    min-width: 880px;    /* IE wont understand these, so we couldl use expression */
    max-width: 880px;
    padding: 1px;
    }

#head-navigatie {
   float: left; 
/*   height: 25px; */
   margin: 0;
   padding: 0 0 1.5em 0;
   width: 880px;
   min-width: 880px;
   max-width: 880px; 
}

div#noshow {
     display: none !important;
}

/* 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;
    }

/* default link styles */
/* font: font-style font-variant font-weight font-size/line-height font-family; */

a,
a:link,
a:active, 
a:visited {
    background-color: inherit; 
    color: red; 
    font: normal normal bold 13px Arial, Helvetica, sans-serif; 
    }

a:hover {
    background-color: inherit;
    color: blue;
    font: normal normal bold 13px Arial, Helvetica, sans-serif; 
    }

div#content {
   margin: 0.5em auto 0.5em 0;   /* some air above and under menu and content */
   min-height: 465px;
   padding: 1em;
}

div#contentnomenu {
   margin: 0.5em auto 0.5em 2em;  
   min-height: 465px;
   padding: 1em;
}

div#main {
/* solution for the problem of IE6 not supporting min-height from http://www.svendtofte.com */
   height: expression(this.scrollHeight < 440? "440px" : "auto" );
   min-height: 440px;
   margin-left: 25%; /* room for sidebar on the left, space should be bigger than sidebar width */
   margin-right: 5%; /* and some air on the right */
}

#sidebar {
   float: left;  
   width: 23%;   
   height: 440px;
   display: inline;  /* FIX IE double margin bug */
   margin: 10px 0 0 0;
/*   margin-left: 0; */
}


div#footer {
    clear: both;       /* keep footer below content and menu */
    color: #000000;
    }

div#footer p {
   font-size: 1em;
   padding: 1.5em;       /* some air for footer */
   text-align: center;  /* centered text */
   margin: 0;
}

div#footer p a {
   color: #fff; /* needed becouse footer link would be same color as background otherwise */
}

/* 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 {
    clear: both;
    padding: 0 4em 0 0;
    float: right;
    text-align: right;
}

.sitemap {
    padding: 1em;
}

.sitemap li {
    line-height: 150%;
    margin: 0 0 0 2em; 
}

.sitemap li ul li {
/*    display: inline;   */
    line-height: 125%;
    margin: 0 0 0 4em; 
}


/* different styles that appear in content (thus also in the editor) */
.kop-donkerblauw {
    color: #000066;
    font: normal normal bold 15px/2.1em Arial, Helvetica, sans-serif;
}

.platte-tekst {
    color: #000066;
    font: normal normal normal 13px/1.6em Arial, Helvetica, sans-serif;
}

.platte-tekst-italic {
    color: #000066;
    font: italic normal normal 13px/1.6em Arial, Helvetica, sans-serif;
}

.platte-tekst-bold {
    color: #000066;
    font: normal normal bold 13px/1.6em Arial, Helvetica, sans-serif;
}

.platte-tekst-klein {
   color: #000066;
    font: normal normal normal 12px/1.4em Arial, Helvetica, sans-serif;
}

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

/********************
CONTENT STYLING, this is the main div in the template, for all templates
*********************/

/* HEADINGS */
div#main h1 {
   font-size: 1.5em; 
   line-height: 2em;
   margin: 0;
}

div#main h2 {
	color: #294B5F; 
	font-size: 15px; 
	text-align: left; 
	padding-left: 0.5em;
	padding-bottom: 1px;
	border-bottom: 1px solid #e7ab0b; 
	border-left: 1.1em solid #e7ab0b; 
        line-height: 1.5em;
        margin: 0 0 0.5em 0;
}

/* END HEADINGS */

/* TEXT */
/* p {
   font-size: 1.2em;
   margin: 0 0 0 0; 
   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;
}

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%;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ol,
div#main dl {
    font-size: 12px;
    margin: 0; 
    display: block;
}

div#main ul {
    font-size: 12px;
    margin: 1em 0 1em 1em; 
    display: block;
    list-style: disc outside none;
}

div#main ul li,
div#main ol li {
   color: #000066;
   margin: 0 0 1em 0;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0.5em 0 0 0.5em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}


/* END LISTS */

/* END General layout www.iwal.nl */
/* End of 'general' */