/* General layout */
body{ margin:0; padding:30px 0; font:76% verdana, arial, helvetica, sans-serif; background:#000050 url(../img/bodybg.png) repeat-x fixed; color:#000088; }
#thetop{ margin:0; }
#container{ width:920px; margin:0 auto; padding:20px 20px 0 20px; background:#ff8 url(../img/contbg1024.png) no-repeat; color:#000088; }

/* Tags */
h1,h2,h3,h4,h5{ margin:0 0 10px 0; font-weight:normal; }
h1{ font-size:2.4em; }
h2{ margin:0 0 4px 0; font-size:1.8em; }
h3{ margin:20px 0 8px 0; font-size:1.4em; }
h4{ margin:10px 0 5px 0; font-size:1.2em; }
h5{ margin:10px 0 5px 0; font-size:1.0em; }
a:link{ text-decoration:none; background-color:inherit; color:#0000ff; }
a:visited{ text-decoration:none; background-color:inherit; color:#000088; }
a:hover{ text-decoration:underline; }
a img{ border:0; }
p{ margin:0 0 15px 0; line-height:1.5em; }

/* Site title and header */
#logo{ float:left; width:200px; height:150px; margin:0 20px 0 0; padding:0 0 0 0; background:#006;  border:4px solid #ee0; text-align:center; color:#000088; /* overflow:auto; */  }
#logo ul{ list-style-type: none; padding: 0; margin: 0; }
#logo h1{ margin:5px 0px 0px 0px; letter-spacing:-3px; }
#logo a{ background-color:inherit; color:#000099; text-decoration:none; }
#logo a:hover{ background-color:inherit; color:#39F; }
#tagline{ text-align:center; font-size:1.2em; }
#intro p{ line-height:1.5em; }

/* Main content */
#main p,#sidebar p{ padding:0 0 0 10px; }
#main{ float:left; width:730px; margin-right:20px; padding:0; }

table
{
width:100%;
border-collapse:collapse;
text-align:left;
}
table,th, td
{
border: 1px solid #bbb;
}
th
{
background-color:#ff7;
color:#000088;
}

/* Van kleine naar grote foto's  */
.gallerycontainer{ position: relative; }
/*CSS for small image: TOP 0 LEFT 0*/
.thumbnail img{border: 1px solid #bbb; margin: 0 0 0 0; }
.thumbnail:hover{ background-color: transparent; }
.thumbnail:hover img{ border: 1px solid #bbb; }
/*CSS for enlarged image: */
.thumbnail span{ position: absolute; background-color: #ff8; padding: 5px; left: -1000px; border: 1px solid #bbb; visibility: hidden; color: #000088; text-decoration: none; }
.thumbnail span img{ border-width: 0; padding: 2px; }
.thumbnail:hover span{ visibility: visible; top: 0px; left: 0px; z-index: 50; }

/*CSS for small image: TOP -600 LEFT -600*/
.thumb_tm600lm600 img{border: 1px solid #bbb; margin: 0 0 0 0; }
.thumb_tm600lm600:hover{ background-color: transparent; }
.thumb_tm600lm600:hover img{ border: 1px solid #bbb; }
/*CSS for enlarged image: */
.thumb_tm600lm600 span{ position: absolute; background-color: #ff8; padding: 5px; left: -1000px; border: 1px solid #bbb; visibility: hidden; color: #000088; text-decoration: none; }
.thumb_tm600lm600 span img{ border-width: 0; padding: 2px; }
.thumb_tm600lm600:hover span{ visibility: visible; top: -600px; left: -600px; z-index: 50; }

/*CSS for small image: TOP -567 LEFT -20*/
.thumb_tm567lm20 img{border: 1px solid #bbb; margin: 0 0 0 0; }
.thumb_tm567lm20:hover{ background-color: transparent; }
.thumb_tm567lm20:hover img{ border: 1px solid #bbb; }
/*CSS for enlarged image: */
.thumb_tm567lm20 span{ position: absolute; background-color: #ff8; padding: 5px; left: -1000px; border: 1px solid #bbb; visibility: hidden; color: #000088; text-decoration: none; }
.thumb_tm567lm20 span img{ border-width: 0; padding: 2px; }
.thumb_tm567lm20:hover span{ visibility: visible; top: -567px; left: -20px; z-index: 50; }

/*CSS for small image: TOP -480 LEFT 10*/
.thumb_tm480lp10 img{border: 1px solid #bbb; margin: 0 0 0 0; }
.thumb_tm480lp10:hover{ background-color: transparent; }
.thumb_tm480lp10:hover img{ border: 1px solid #bbb; }
/*CSS for enlarged image: */
.thumb_tm480lp10 span{ position: absolute; background-color: #ff8; padding: 5px; left: -1000px; border: 1px solid #bbb; visibility: hidden; color: #000088; text-decoration: none; }
.thumb_tm480lp10 span img{ border-width: 0; padding: 2px; }
.thumb_tm480lp10:hover span{ visibility: visible; top: -480px; left: 10px; z-index: 50; }

/*CSS for small image: TOP -280 LEFT -10*/
.thumb_tm280lm10 img{border: 1px solid #bbb; margin: 0 0 0 0; }
.thumb_tm280lm10:hover{ background-color: transparent; }
.thumb_tm280lm10:hover img{ border: 1px solid #bbb; }
/*CSS for enlarged image: */
.thumb_tm280lm10 span{ position: absolute; background-color: #ff8; padding: 5px; left: -1000px; border: 1px solid #bbb; visibility: hidden; color: #000088; text-decoration: none; }
.thumb_tm280lm10 span img{ border-width: 0; padding: 2px; }
.thumb_tm280lm10:hover span{ visibility: visible; top: -280px; left: -10px; z-index: 50; }

/*CSS for small image: TOP -5 LEFT -640*/
.thumb_tm5lm640 img{border: 1px solid #bbb; margin: 0 0 0 0; }
.thumb_tm5lm640:hover{ background-color: transparent; }
.thumb_tm5lm640:hover img{ border: 1px solid #bbb; }
/*CSS for enlarged image: */
.thumb_tm5lm640 span{ position: absolute; background-color: #ff8; padding: 5px; left: -1000px; border: 1px solid #bbb; visibility: hidden; color: #000088; text-decoration: none; }
.thumb_tm5lm640 span img{ border-width: 0; padding: 2px; }
.thumb_tm5lm640:hover span{ visibility: visible; top: -5px; left: -640px; z-index: 50; }

/*CSS for small image: TOP -5 LEFT -330*/
.thumb_tm5lm330 img{border: 1px solid #bbb; margin: 0 0 0 0; }
.thumb_tm5lm330:hover{ background-color: transparent; }
.thumb_tm5lm330:hover img{ border: 1px solid #bbb; }
/*CSS for enlarged image: */
.thumb_tm5lm330 span{ position: absolute; background-color: #ff8; padding: 5px; left: -1000px; border: 1px solid #bbb; visibility: hidden; color: #000088; text-decoration: none; }
.thumb_tm5lm330 span img{ border-width: 0; padding: 2px; }
.thumb_tm5lm330:hover span{ visibility: visible; top: -5px; left: -330px; z-index: 50; }

/*CSS for small image: TOP -5 LEFT 100*/
.thumb_tm5lp100 img{border: 1px solid #bbb; margin: 0 0 0 0; }
.thumb_tm5lp100:hover{ background-color: transparent; }
.thumb_tm5lp100:hover img{ border: 1px solid #bbb; }
/*CSS for enlarged image: */
.thumb_tm5lp100 span{ position: absolute; background-color: #ff8; padding: 5px; left: -1000px; border: 1px solid #bbb; visibility: hidden; color: #000088; text-decoration: none; }
.thumb_tm5lp100 span img{ border-width: 0; padding: 2px; }
.thumb_tm5lp100:hover span{ visibility: visible; top: -5px; left: 100px; z-index: 50; }

/*CSS for small image: TOP -5 LEFT 210*/
.thumb_tm5lp210 img{border: 1px solid #bbb; margin: 0 0 0 0; }
.thumb_tm5lp210:hover{ background-color: transparent; }
.thumb_tm5lp210:hover img{ border: 1px solid #bbb; }
/*CSS for enlarged image: */
.thumb_tm5lp210 span{ position: absolute; background-color: #ff8; padding: 5px; left: -1000px; border: 1px solid #bbb; visibility: hidden; color: #000088; text-decoration: none; }
.thumb_tm5lp210 span img{ border-width: 0; padding: 2px; }
.thumb_tm5lp210:hover span{ visibility: visible; top: -5px; left: 210px; z-index: 50; }

/*CSS for small image: TOP -2 LEFT 111*/
.thumb_tm2lp111 img{border: 1px solid #bbb; margin: 0 0 0 0; }
.thumb_tm2lp111:hover{ background-color: transparent; }
.thumb_tm2lp111:hover img{ border: 1px solid #bbb; }
/*CSS for enlarged image: */
.thumb_tm2lp111 span{ position: absolute; background-color: #ff8; padding: 5px; left: -1000px; border: 1px solid #bbb; visibility: hidden; color: #000088; text-decoration: none; }
.thumb_tm2lp111 span img{ border-width: 0; padding: 2px; }
.thumb_tm2lp111:hover span{ visibility: visible; top: -2px; left: 111px; z-index: 50; }

/*CSS for small image: TOP 5 LEFT 125*/
.thumb_tp5lp125 img{border: 1px solid #bbb; margin: 0 0 0 0; }
.thumb_tp5lp125:hover{ background-color: transparent; }
.thumb_tp5lp125:hover img{ border: 1px solid #bbb; }
/*CSS for enlarged image: */
.thumb_tp5lp125 span{ position: absolute; background-color: #ff8; padding: 5px; left: -1000px; border: 1px solid #bbb; visibility: hidden; color: #000088; text-decoration: none; }
.thumb_tp5lp125 span img{ border-width: 0; padding: 2px; }
.thumb_tp5lp125:hover span{ visibility: visible; top: 5px; left: 125px; z-index: 50; }

/*CSS for small image: TOP 50 LEFT -19*/
.thumb_tp50lm19 img{border: 1px solid #bbb; margin: 0 2px 0 0; }
.thumb_tp50lm19:hover{ background-color: transparent; }
.thumb_tp50lm19:hover img{ border: 1px solid #bbb; }
/*CSS for enlarged image: */
.thumb_tp50lm19 span{ position: absolute; background-color: #ff8; padding: 5px; left: -1000px; border: 1px solid #bbb; visibility: hidden; color: #000088; text-decoration: none; }
.thumb_tp50lm19 span img{ border-width: 0; padding: 2px; }
.thumb_tp50lm19:hover span{ visibility: visible; top: 50px; left: -19px; z-index: 50; }

/* Idem voor foto's over elkaar */
.twopics img{border: 0px solid white; margin: 0 0 0 0; }
.twopics:hover{ background-color: transparent; }
.twopics:hover img{ border: 0px solid blue; }
/*CSS for second image: */
.twopics span{ position: absolute; background-color: #ff8; padding: 0px; left: -1000px; border: 0px solid blue; visibility: hidden; color: #000088; text-decoration: none; }
.twopics span img{ border-width: 0; padding: 0px; }
.twopics:hover span{ visibility: visible; top: 0px; left: 0px; z-index: 50; }

/* Onderverdeling in boxen */
.box100{ float:left;  width:100%; padding:0; border:0px solid red;}
.box33{  float:left;  width:33%;  padding:0; border:0px solid red;}
.box66{  float:left;  width:67%;  padding:0; border:0px solid red;}
.box39{  float:left;  width:39%;  padding:0; border:0px solid red;}
.box40{  float:left;  width:40%;  padding:0; border:0px solid red;}
.box60{  float:left;  width:60%;  padding:0; border:0px solid red;}
.box50l{ float:left;  width:50%;  padding:0; border:0px solid red;}
.box50r{ float:right; width:50%;  padding:0; border:0px solid red;}
.box80{  float:left;  width:80%;  padding:0; border:0px solid red;}
.box84{  float:left;  width:84%;  padding:0; border:0px solid red;}
.box90{  float:left;  width:90%;  padding:0; border:0px solid red;}
.box98{  float:left;  width:98%;  padding:0; border:0px solid red;}
.box15{  float:left;  width:15%;  padding:0; border:0px solid red;}
.box15r{ float:right; width:15%;  padding:0; border:0px solid red;}
.box10{  float:left;  width:10%;  padding:0; border:0px solid red;}
.box10r{ float:right; width:10%;  padding:0; border:0px solid red;}

/* Sidebar */
#sidebar{ width:155px; float:right; margin-top:20px; font-size:1em; line-height:1.3em; }
#sidebar p{ font-size:0.9em; }
#sidebar p.block { font-size:0.9em; line-height:1.4em;margin:5px auto 15px auto; padding:5px; background-color:#ff8; color:#000088; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd; }
.sidelink{ display:block; width:140px; margin:3px 10px 2px 0; padding:5px 0 5px 8px; font-size:1.1em; font-weight:bold; text-align:left; background:#ff6 url(../img/snap4.png) repeat-x; color:#000088; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd; }
.sidelink:hover{ background:#ff4 url(../img/snap1.png) repeat-x; color:#222; border-top:1px solid #ddd; border-right:1px solid #888; border-bottom:1px solid #888; border-left:1px solid #ddd; text-decoration:none; }
.menuheader{ background:#ff4 url(../img/snap1.png) repeat-x; color:#000088; border-top:1px solid #ddd; border-right:1px solid #888; border-bottom:1px solid #888; border-left:1px solid #ddd; text-decoration:none; }
/*.menuheader{ color:#000088; text-decoration:none; }*/

/* Footer */
#footer{ margin:0 auto 10px auto; width:960px; background:#ff8 url(../img/footerbg1024.png) bottom left no-repeat; padding:0 0 5px 0; font-size:0.9em; color:#aaa; text-align:center; }
#footer a:link{ font-size:0.9em; color:#aaa; }
#footer a:visited{ font-size:0.9em; color:#aaa; }
#footer a:hover{ text-decoration:underline; }

/* Additional classes */
.headerstyle{ display:block; margin:30px 0 10px 0; padding:5px 0 5px 8px; background:#ff6 url(../img/snap1.png) repeat-x; color:#000088; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd; text-decoration:none; }
.clear{ clear:both; margin:0; }
.right{ text-align:right; }
.internallink{ font-size:0.9em; text-align:center; }
.block{ padding:20px; background:#ff8; color:#000088; border:1px solid #bbb; }
.blokje{ padding:20px; background:#ff8; color:#000088; border:1px solid #bbb; font-size:0.75em; text-align:center; }
.credit{ color:#aaa; background-color:inherit; }
.hide{ display:none; }
.underline{ text-decoration:underline; }
.imgcenter{ display:block; margin:0 auto; text-align:center; }
.imgleft  { display:block; margin:0px 9px 3px 0px ; text-align:left; }
.imgfleft { display:block; margin:0px 9px 3px 0px ; float:left; }
.imgright { display:block; margin:3px 0px 0px 9px ; text-align:right; }
.imgfright{ display:block; margin:3px 0px 0px 9px ; float:right; }
img.center{display:block; margin-left:auto; margin-right:auto; }

/* Original open source design by Andreas Viklund - http://andreasviklund.com Released through OSWD.org */