/* --- Verkenners LAYOUT ---------------------------------- */

html,body {

	margin: 0px;

	background-image: url(../images/body_background.jpg);

	padding: 0px;

	height: 100%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin:0px;

	background-color: #FFCC33;

	background-attachment: fixed;

	background-repeat: repeat-x;

	color: #333333;

}



/* --- Elements ---------------------------------- */



#container {

	width: 730px;

	min-height: 95%;

	

	/* --- IE6 minheight hack ------------- */

	height:auto !important;

	height:95%;

	/* ------------------------------------ */



	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding: 0px;

	background-color: #FFFFFF;

	background-image: url(../images/container_background.jpg);

	background-repeat: repeat-x;

	background-position: 0px 0px;

	position: relative;

	top: 15px;

	float: none;

}



#header {

	background-color: #E6A41A;

	background-image: url(../images/header_background.jpg);

	margin:0px;

	padding: 0px;

	height: 80px;

	background-position: 0px 0px;

	

}

#menu {

	background-color: #000;

	margin:0px;

	text-align: center;

	padding:0px;

	background-image: url(../images/menu_background.jpg);

	background-repeat: repeat-x;

	background-position: 0px 0px;

}



#content { 	

		margin:0px;

		padding:0px; 

}



#footer {

	background-color: #FFFFFF;

	width: 730px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-top: 15px;

	padding-right: 0px;

	padding-bottom: 15px;

	padding-left: 0px;

	position: relative;

	background-image: url(../images/footer_background.jpg);

	background-repeat: repeat-x;

}



/* --- Typografie ---------------------------------- */



/* Algemene Typografie: Koppen en paragrafen */

p {

	font-size: 1.1em;

	text-align: justify;

	margin:0px 0px 10px 0px ;

	padding: 0px;

	overflow: hidden;

}



a {

	color:#990000;

	text-decoration: none;

}

a:hover {

	color:#FF3300;

	text-decoration: underline;

}



h1,h2 {

	font-weight: bold;

	font-size: 2.2em;

	color: #FFFFFF;

	margin:0px;

	padding: 0px;

	position: relative;

	top: 20px;

	left: 25px;

	

}



h2 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1em; 

font-weight: bold;

	color: #000000;}



h3,h4,h5 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: bold;

	color: #990000;

	margin:0px;

	padding: 0px;

}



h3 { font-size: 1.8em;}

h4 { font-size: 2.6em;}

h5 { font-size: 3.8em;}



h6 {

		color: #990000;

		font-size:1.1em;

		font-weight: bold;

		margin:0px;

		padding: 0px;

}



q {		font-size: 1.6em;

		font-style: italic;

		color: #666666;

		clear: both;

		font-family: Georgia, "Times New Roman", Times, serif;

}



small {

	font-size: 1em;

	color: #666666;

	font-family: "Courier New", Courier, monospace;

}



/* Algemene Typografie: Kolommen */



/* links uitgelijnde kolom */

.p1 { 	width: 333px;

		clear:left; 

		float:left;

		position: relative;

		left: 18px;

	

}



/* rechts uitgelijnde kolom */

.p2 { 	width: 333px;

		clear:right; 

		float:right;

		position: relative;

		right: 18px;



}



/* breed, gecentreerde kolom */

.p3 { 	width: 444px;

		clear: both;

		margin-top:0px;

		margin-left: auto;

		margin-bottom: 0px;

		margin-right: auto;

		overflow: hidden;

		



}



/* driekwart kolom */

.p4 { 	width: 220px;

		float: left;

		clear: none;

		margin: 2px;

		padding: 2px;

}



/* klein kolommetje */

.p5 {

	width: 160px;

	clear:none;

	float: left;

	margin:5px;



}







/* Specefieke Typografie */



.morespace { margin: 12px; }

.central { 	text-align: center; }



#menu p, #menu a {

	color:#FFFFFF;

	font-weight: bold;

	text-decoration: none;

	text-align: center;

	position: relative;

	overflow: visible;

	padding: 7px;

}



#menu a:hover, #menu a:active {

	color: #FF6600;

	background-color:#FFFFFF;

	background-image: url(../images/menuhover_background.jpg);

	background-position: 0px 0px;

	position: inherit;

}



#footer p {

	font-size: 10px;

	font-weight: normal;

	text-align: center;

	color: #999999;

	text-decoration: none;

	margin:0px;



	

}



hr {border-width: 1px;}



/* brieven */

.brief

{

  margin: 3px;

  padding: 3px;

}

.brief span.brief_titel

{

  font-size: 15px;

  font-weight: bold;

  margin: 4px;

}

.brief p

{

  margin-left: 10px;

}



label

{

  width: 150px;

  float: left;

}



.foto img

{

  float: left;

  margin-right: 5px;

}

.foto

{

  vertical-align: middle;

  border-bottom: 1px dashed black;

  margin: 10px;

  height: 200px;

}

.foto h3, .foto p

{

  vertical-align: middle;

}



/*** Patrouille kleuren ***/

.patr

{

  border-collapse: collapse;

}

.pk2,.ph2,.po2,.pv2

{

  font-size: 25px;

}

.pk1,.ph1,.po1,.pv1

{

  font-weight: bold;

}

.pk2,.ph2,.po2,.pv2,.pk1,.ph1,.po1,.pv1

{

  border: 1px solid black;

  padding: 3px;

  text-align: center;  

}

.pv1

{

  background-color: #38B70D;

  color: yellow;

  font-weight: bold;

}

.pv2

{

  background-color: yellow;

  color: #38B70D;  

}



.ph1

{

  background-color: gray;

  color: blue;

}

.ph2

{

  background-color: blue;

  color: gray;  

}

.po1

{

  background-color: #805500;

  color: white;

}

.po2

{

  color: #805500;

}

.pk1

{

  background-color: white;

  color: green;

}

.pk2

{

  background-color: green;

  color: white;

}



table.fotoboek

{

  border: 1px solid black;

}

table.fotoboek td

{

  border: 1px solid black;

  text-align: center;

  height: 100px;

  width: 100px;

}

.leidinglid_left b

{

  font-size: 14px;

}

.leidinglid_left img

{

  float: left;

  clear: left;

  margin-right: 10px;

}



.leidinglid_right b

{

  font-size: 14px;

}

.leidinglid_right img

{

  float: right;

  clear: right;

  margin-left: 10px;

}

hr.ldiv

{

  border: 1px solid #efefef;

}

dd {

	margin-top: -4px;

	margin-left: 4px;

	font-size: 0.8em;

}

dt {

	font-style: italic;

	font-size: 1.1em;

	font-weight: bold;

	font-variant: small-caps;

}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}