body {
 	background: #999999; 
	} 


.IEmessage {
	text-align: center;
 	background: #ffffcc;
	margin: 0px;
	padding: 5px;
}


#page_frame {
	width: 993px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background: #f5f8cd;
	border: 1px dotted #99ccff;
	}

#page_head {
	height: 250px;
	width: 990px;
	background-image: url(images/vohhead.jpg);
	}

#content{
	width: 991px;
	color: #00466b;
	background: #f5f8cd;
	overflow: auto; 
	text-align: left;
	clear: both;
	margin: 0px; padding: 0px;
	}

#MainPane0{
	width: 700px;
	padding: 20px;
	min-height: 335px;
	float: left;
	text-align: left;
	margin: 0px;
	}

#MainPane0 > div.modtitle {
	height: 25px;
	font-size: 18px;
	font-weight: bold;
	}

#MainPane{
	width: 700px;
	padding: 20px;
	min-height: 335px;
	float: left;
	text-align: left;
	margin: 0px;
	}

#MainPane > div.modtitle {
	height: 25px;
	font-size: 18px;
	font-weight: bold;
	}

#RightPane{
	width: 210px;
	min-height: 335px;
	padding-top: 20px;
	padding-right: 20px;
	float: right;
}

#footer {
	height: 25px;
	padding-top: 5px;
	font-size: 10px;
	text-align: center;
	color: #cccccc;
	background: #ffffff;
	clear: left;
	}

img {
	border: 0px;
	}


/* ==============FOTOPAGE=============*/

.fotopage {
/*width: 500px;*/

}

table.fotopage td {
width: 150px;
padding: 5px;
text-align: center;
vertical-align: middle;
}

.albumtitle {
text-align: center;
margin bottom: 10px;
}

table.fotopage td img {
	border: 10px solid  #cccccc;

}


/* ==============CSSMENU=============*/

#menu_space {
	height: 20px;
	padding-left: 50px;
 	background: #e8d694;
	}

#mainmenu{  /*menu container*/
 	background: #e8d694;
	height: 20px;
	padding: 0px;
	padding-left: 20px;
	}

#mainmenu > ul {
	width:800px; 
	list-style:none;
	margin:0px;
	padding:0px;
	border: 0px;
	}

#mainmenu > ul > li {
	display: block;
	position: relative;
	float: left;		 /*clear: left; width:150px; background:#e0fff0; */
	margin: 0px;  
	padding: 0px;
	border-left: 2px solid #99ccff;
	}

#mainmenu ul.sub  {
	list-style: none;
	width: auto;
	border-left: 2px solid #99ccff;
	position: absolute;
	left: -2px;		
	top: 20px;		/* left: 145px; top: 5px; */
	display: none;
	margin: 0px;
	padding: 0px;
	z-index: 9;
 	background: #e8d694; /* achtergrond submenu*/
	white-space: nowrap;
	clear: left;
	}

#mainmenu  li:hover > ul  {
	display: block;
	}

#mainmenu  > ul > li:hover  {
 	/*background :#e0fff0;*/
	}

#mainmenu li > a {
	font-weight: bold;
	color: #00466b;
	text-decoration: none;
	display: block;
	padding: 3px 8px 3px 8px;
	}

#mainmenu  li > a:hover {
	color: #ffffff;
 	background: #00466b;
	}

/* === FORM Page style === */

.FormFrame {
/*	text-align: center; */
	}

.ContactForm {
	text-align: left;
	width: 760px;
/*	border: 1px #cccccc solid;
	background-color: #e0e0e0;	*/
	margin-left: 15px;
	}

.FormHeader {
	width: 690px;
	padding: 5px;
	}


.FormFooter {
	clear: left;
	width: 690px;
	padding: 5px;
	}


.FormItem {
	clear: left;
	width: 690px;
	padding: 1px;
	min-height: 25px;
	}

div.FormItem select {
	border: 1px solid #99ccff;
	float: left;
	}


.CFlabel {
	width: 155px;
	min-height: 20px;
	text-align: right;
	padding-top: 2px;
	padding-right: 10px;
	float: left;
	}


.CFinput {
	width: 400px;
	border: 1px solid #99ccff;
	float: left;
	height: 18px;
	text-align: left;
	}

.CFarea {
	width: 400px;
	border: 1px solid #99ccff;
	float: left;
	height: 100px;
	}

.CFradio {
	width: 400px;
	min-height: 18px;
	padding-top: 4px;
	float: left;
	}

.CFSubmit {
	clear: left;
	width: 600px;
	padding: 10px 0px 10px 0px;
	}

.CFError{
/*	font-size: 14px;	*/
	color: #FF0000;
	font-weight: bold;
	}


/* === DATABASE STYLE === */

.Record {
	width: 760px;
	overflow: auto;
	padding-bottom: 10px;
	}

.RecordAgenda {
	width: 700px;
	overflow: auto;
	padding-bottom: 10px;
	}

div.RecordAgenda p:first-child {
	padding:0px;
	margin:0px;
	}

div.RecordAgenda div.rec1 {
	width: 180px;
	font-size: 13px;
	font-weight: bold;
	color: #800080;
	padding-right: 12px;
	padding: 2px 6px 2px 6px;
	float: left;				
	background-color: #e5ce40;
	}

div.RecordAgenda div.rec2 {
	font-size: 13px;
	font-weight: bold;
	width: auto;
	padding: 2px 6px 2px 6px;
	float: left;
	/* background-color: #e5ce40; */
	}

div.RecordAgenda div.rec3 {
	width: 99%;
	border-top: 1px solid #ccccff;
	padding: 2px;
	padding-top: 5px;
	margin-bottom: 10px;
	clear: left;
	}

.RecordNews {
	width: 690px;
	overflow: auto;
	padding-bottom: 10px;
	}

div.RecordNews p:first-child {
	padding: 0px;
	margin: 0px;
	}

div.RecordNews div.rec1 {
	width: auto;
	/*min-width: 100px;*/
	font-size: 13px;
	font-weight: bold;
	color: #800080;
	padding-right: 12px;
	float: right;				/* */
	/* background-color: #f0f49d; */
	}

div.RecordNews div.rec2 {
	font-size: 13px;
	font-weight: bold;
	width: auto;
	padding: 2px 6px 2px 6px;
	float: left;
	/* text-indent: 10px; 
	background-color: #f8da12;*/
	}

div.RecordNews div.rec3 {
	width: 98%;
	border-top: 1px solid #ccccff;
	padding: 2px;
	padding-top: 5px;
	margin-bottom: 10px;
	clear: left;
	}


/* ==== Gastenboek Style ==== */


.RecordGastboek {
	width: 700px;
	overflow: auto;
	padding-top: 8px;
	padding-bottom: 10px;
	margin-left: 50px;
	}

div.Record.RecordGastboek p:first-child {
	padding: 0px;
	margin: 0px;
	}

div.RecordGastboek div {
	overflow: auto;
	margin-top: 2px;
	}

div.RecordGastboek div.rec1 {
	width: 175px;
	height: 25px;
	padding-right: 5px;
	text-align: right;
	font-size: 0.8em;
	float: right;
	}

div.RecordGastboek div.rec2 { /*editor css hidden data*/
	clear: left;
	padding: 5px;
	}

div.RecordGastboek div.rec3 {
	height: 25px;
	padding-left: 5px;
	font-weight: bold;
	float: left;
	}
div.RecordGastboek div.rec4 {/*editor css verborgen data*/
	clear: left;
	padding-left: 5px;
	}


div.RecordGastboek div.rec5 {
	border: 1px solid #ccccff;
	clear: left;
	padding: 5px;
	margin-top: 5px;
	background: #ffffee;
	}