* {	margin:0; 	border:0; }

html {
	padding:0; 
	margin:0; 
	border:0; 
	font-size:80%; 
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #003180;

	}
body { 
	background:  #fff url(../img/bg.jpg) left top fixed;
}

#wrapper {position: relative; margin: 0px auto; width: 930px; text-align: left; 	background: #fff url(../img/bg.gif); border-left: 1px solid #790000;}



#header { 
	position: relative; 
	margin: 0;
	white-space: nowrap;
	width:930px; 
	height:150px; 
	z-index:5;
	background: url(../img/header.jpg);
	border-bottom: 1px solid #fff;

}

#content { 
/*deze stijl moet een bgimage krijgen met de achtergrondkleuren van de 3 kolommen*/
	position: relative; 
	height: auto; 
	width: 930px;
	min-height: 550px; 
	background: #fff url(../img/bg.gif);
}



#kolom1 { float: left; width: 200px; background: #790000;   }
#kolom2 { float: left; width: 730px;  }



#footer { 
	clear: both;
 	height: 20px;
	text-align: right;
	width: 900px; /*verminderen als padding-left-right groter wordt*/
	margin: 0px 0px 0px 0px; 
	font-size: 11px; 
	background-color: #e2e3ea;
	z-index:5; 
	color:#000;
	border-top: 1px solid #fff;
	padding-top: 4px;
	padding-right: 30px;
	font-size: 90%;

}

#menu {background: #e8590c url(../img/kopmenu.gif) no-repeat 0px 0px ; padding-top: 35px;   }

#footertext {position: relative; top: 9px; right: 10px; text-align:right;}

div#printing { display: none; } 

#logo {position: absolute; z-index: 1000; top: 80px; left: 566px; width: 131px; height: 106px; }

#padding {padding: 10px 10px 6px 10px ;}
#padding2 {padding: 6px 10px 6px 10px ;}

#right {position: absolute; right: 0px; top: 0px; width: 200px; background: #d3f04c;  border-left: 2px solid #fff;}
*html #right {right: 17px; }

#right1 {width: 100%;	background: #8dc63f url(../img/kopimpressie.gif) no-repeat 0px 0px; padding-top: 32px;  }
#right2 {width: 100%;  background: #d6e3f0 url(../img/kopinvogelvlucht.gif) no-repeat 0px 0px; padding-top: 36px; padding-bottom: 6px; }
#right3 {width: 100%;	 background: #d3f04c url(../img/kopagenda.gif) no-repeat 0px 0px; padding-top: 36px; padding-bottom: 6px; }
#right4 {width: 100%;	 background: #d3f04c url(../img/kopgroen.gif) no-repeat 0px 0px; padding-top: 12px; padding-bottom: 6px;  }
#right5 {width: 100%;	 background: #8dc63f url(../img/kopgroen.gif) no-repeat 0px 0px; padding-top: 12px; padding-bottom: 0px; }

#right1 p {color: #fff;}
#right2 p {padding-left: 10px; color: #000; padding-bottom: 6px; }
#right3 p {padding-left: 2px; color: #000;  padding-right: 2px;}
#right4 p {padding-left: 10px; color: #000; padding-bottom: 6px; padding-right: 4px;}
#right5 p {padding-left: 10px; color: #000; padding-bottom: 4px; padding-right: 4px;}


.agenda {line-height: 150%; }
.agenda td {border-right: 1px solid #fff; border-top: 1px solid #fff; }



/* onderstaande stijlen voor opmaak */

.welkom h1  {font-size: 200%; width: 360px; padding-bottom: 20px; color: #fff; }
h1  {font-size: 200%; width: 360px; padding-bottom: 20px; line-height: 120%; }
h2  {font-size: 130%; font-weight: bold; border-bottom: 1px solid #003180; padding-bottom: 3px;margin-bottom: 12px; padding-top: 3px; clear: right;}
h3  {font-size: 110%; font-weight: bold; padding-bottom: 3px;}
h4  {font-size: 100%; font-weight: normal; font-style: italic;}


#right4 .koprechts {position: relative; top: -8px; font-size: 120%; font-weight: bold; color: #fff;  }
#right5 .koprechts {position: relative; top: -8px; font-size: 120%; font-weight: bold; color: #fff;  }



#kolom2 ul {margin-left: 17px; padding: 0;}
#kolom2 ol {margin-left: 22px; padding: 0;}

a {color: #003180; font-weight: normal; text-decoration:underline; outline: none;}
a:visited {color: #003180; font-weight: normal;outline: none; }
a:hover {font-weight: bold; text-decoration:none;outline: none;  }

.nieuwsblok {background: #fff url(../img/kopnieuws.gif) no-repeat 0px 0px; padding-top: 28px; }

.welkom {color: #fff; background-color: #4e84ca; border-bottom: 2px solid #fff;}

.welkom a {color: #fff; font-weight: normal; text-decoration:underline;}
.welkom a:visited {color: #e2e3ea; font-weight: normal; }
.welkom a:hover {color: #fff; font-weight: bold; text-decoration:none; }

#right1 a {color: #fff; font-weight: normal; text-decoration:underline;}
#right1 a:visited {color: #fff; font-weight: normal; }
#right1 a:hover {font-weight: bold; text-decoration:none; }

#right2 a, right4 a {color: #000; font-weight: normal; text-decoration:underline;}
#right2 a:visited, #right4 a:visited {color: #000; font-weight: normal; }
#right2 a:hover, #right4 a:hover {font-weight: bold; text-decoration:none; }

#right3 a {color: #000;font-weight: normal; text-decoration:underline;}
#right3 a:visited { color: #000;font-weight: normal; text-decoration:underline;}
#right3 a:hover {color: #000;font-weight: normal; text-decoration:none; }

#footer a {color: #000; font-weight: normal; text-decoration:underline;}
#footer a:visited {color: #000; font-weight: normal; }
#footer a:hover {font-weight: bold; text-decoration:none; }

.imglinks {float: left;	margin-right: 8px;	margin-top: 4px; clear: both; margin-bottom: 4px; }

.imgrechts { float: right; margin-left: 12px; margin-top: 4px; margin-bottom: 4px;clear: both; }


.datum {}

#contentleft {background: #fff;}

.nadruk {font-weight: bold; }

.trkleur {background-color: #f0f4f7;}

.border {border: 1px solid #000;}

.naarboven {text-align: right;}

.intro {font-weight: bold;}

.bijschrift {
	font-size: 90%;
	font-style: italic;
}



/*stijlen voor image vergroting */

.thumbnail{
position: relative;
z-index: 0;


}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px dotted #003180;
visibility: hidden;
color: black;
text-decoration: none;
width: 242px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -170px;
left: 350px; /*position where enlarged image should offset horizontally */

}

/*einde stijlen voor image vergroting */

#include {width: 730px; background: yellow; }
