/*
Original design: The 'Holy Grail' 3 column Liquid Layout (Em-widths).
For more information, see http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-widths
*/
/* <!-- */

/* General styles */
body {
    padding:0; 
    margin:0; 
    width:100%;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
  	/* The min-width property does not work in old versions of Internet Explorer */
    font:100% "Comic Sans MS",verdana,tahoma,sans-serif; 
    /* font-size:90%; -- verwijderd -- */
    text-align:center;  /* <-- toegevoegd -- */
    background:#1a1a1a url(../images/bodybg.jpg) top center no-repeat fixed; 
    color:#fff; 
    border-top:4px solid #444; 
    /* text-align:center; -- verwijderd -- */ 
    line-height:1.5em;
}

/* HTML Tags -- toegeveogd */
a {text-decoration:none; font-weight:700; color:#990099;}
a:hover {text-decoration:underline; color:#e49938;}
a img {border:0;}
h1 {margin:15px auto 10px auto; padding:0; font-size:3.0em; font-style:italic; color:#eee; letter-spacing:-2px; line-height:1.2em;}
h1 a {color:#eee; font-weight:700; text-decoration:none;}
h1 a:hover {color:#fff; text-decoration:none;}
h2 {font-size:1.4em; font-weight:400; margin:0 0 10px 0;}
p {margin:0 0 15px 0;}
ul {margin:0 0 15px 20px; padding:0;}
li {margin:0; padding:0 0 0 5px;}

/* Header styles */
#header {
    clear:both;
    float:left;
    width:100%;
    margin-bottom:20px; /* toegevoegd */
}
#header p,
#header h1,
#header h2 {
    padding:.4em 15px 0 15px;
    margin:0;
}

/* column container */
.colmask {
	  position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				  /* width of whole page */
	  overflow:hidden;	  /* This chops off any overhanging divs */
}

/* holy grail 3 column settings */
.holygrail {
/*	  background:#ff9; -- verwijderd --  */ /* Right column background colour */
}
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-200px; /* Width of right column */
    position:relative;
    right:100%;
/*    background:#fff;  -- verwijderd -- */ /* Centre column background colour */
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:400px;         /* Left column width + right column width */
/*    background:#FFD8B7;  -- verwijderd -- */ /* Left column background colour */
}
.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:200px;        /* Width of left column */
    padding-bottom:1em; /* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    margin:0 215px;     /* Centre column side padding:
                          	Left padding = left column width + centre column left padding width
                        	  Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
    text-align:left;    /* <-- toegevoegd -- */
}
.holygrail .col2 {
    float:left;
    float:right;			  /* This overrides the float:left above */
    width:170px;        /* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:15px;         /* Width of the left-had side padding on the left column */
    text-align:left;    /* <-- toegevoegd -- */
}
.holygrail .col3 {
    float:left;
    float:right;			  /* This overrides the float:left above */
    width:170px;        /* Width of right column content (right column width minus left and right padding) */
    margin-right:45px;  /* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
    text-align:left;  /* <-- toegevoegd -- */
}

/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
/*		border-top:1px solid #000; -- verwijdered -- */
}
#footer p {
    padding:10px;
    margin:0;
}

/* Various classes -- toegevoegd */
.slogan {color:#990099; font-size:1.9em; font-weight:900; margin:0 0 15px 0; padding:0;}
.navtabs {clear:both; font-size:1.4em; line-height:1.5em; color:#aaa; margin:0 0 15px 0;}
.navtab {display:block; padding:3px 10px 5px 10px; font-weight:400; margin:2px 2px; color:#ccc;}
.navtab:hover {background-color:#800080; color:#fff; text-decoration:none;}
/* verwijderd i.v.m. automatic highlight current page (zie verderop)
.active {background-color:#800080; color:#fff;}
.active:hover {background-color:#800080; color:#fff;}
*/
.bottomlinks, .bottomlinks a {text-align:center; color:#888; font-size:0.9em; font-weight:400; margin:5px auto;}
.footer, .footer a{color:#888; font-weight:400;}
.hide {display:none;}
.italic {font-style:italic;}
.centered {text-align:center;}
/* toegevoegd */
/* http://forum.vbulletinsetup.com/f62/display-content-random-order-xhtml-valid-2355.html */
.group1{
visibility: hidden;
}
.warning{visibility:visible; color:#ffff00;}
.attention{visibility:visible; color:#f3d758;}

/* toegevoegd */
/* bron: http://www.websiteoptimization.com/speed/tweak/current/ */
body.home #n #home, body.home #n #home a,
body.intro #n #intro, body.intro #n #intro a,
body.wie #n #wie, body.wie #n #wie a,
body.hist #n #hist, body.hist #n #hist a,
body.media #n #media, body.media #n #media a,
body.nieuws #n #nieuws, body.nieuws #n #nieuws a,
body.agenda #n #agenda, body.agenda #n #agenda a,
body.versl #n #versl, body.versl #n #versl a,
body.foto #n #foto, body.foto #n #foto a,
body.links #n #links, body.links #n #links a,
body.cont #n #cont, body.cont #n #cont a,
body.intern #n #intern, body.intern #n #intern a,
body.happer #n #happer, body.happer #n #happer a { background-color:#800080; color:#fff; }

/* toegevoegd */
/* bron: http://vision2form.nl/Temp/afbeelding-naast-plaatje.html */
img.left { float: left; margin: 0.5em 1em 1em 0; border: none; clear: left; } 
img.right { float: right; margin: 0.5em 0 1em 1em; border: 1px solid #999; clear: right; }
/* bron: http://www.mijnhomepage.nl/csscursus/abbr-acronym.php */
abbr, acronym, .verklaring { border-bottom: 0.1em dotted #fff; cursor: help; }
/* --> */

/* toegevoegd */
/* bron: http://www.greywyvern.com/code/javascript/ */
 #scr1 div {
  visibility:hidden;
 }
 #scr1, #scr1 div.default {
   width:600px;
   height:65px;
   overflow:hidden;
   visibility:visible;
 }
 #scr1 table tr td div {
  visibility:visible;
 }

 #scr1 {
/*   background-color:#fff; */
   margin:0px auto;
 }