body {
 	background: #e0e0e0;
	} 


.IEmessage {
	text-align: center;
 	background: #ffffcc;
	margin: 0px;
	padding: 50px;
	font-size: 24 px;

}


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

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

#sub_head{
	height: 26px;
	width: 980px;
	background-image: url(../vohframe/images/subhead.jpg);
	}

#sub_head_left {
	width: 183px;
	height: 20px;
	padding-top: 5px;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	float: left;
	}

#sub_head_center {
	width: 470px;
	height: 20px;
	padding-top: 6px;
	padding-left: 8px;
	float: left;
	}

#sub_head_right {
	width: 310px;
	height: 20px;
	padding-top: 5px;
	float: right;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	}

#message_head{
	background: #f5f8cd;
	overflow: auto; 
	text-align: left;
	clear: both;
	padding: 0px 20px;
	}

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

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

#MainPane0{
	width: 572px;
	padding: 10px 5px;
	min-height: 335px;
	float: left;
	text-align: left;
	margin: 0px;
	border-left: 1px solid #ccccff;
	border-right: 1px solid #ccccff;
	}

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

#MainPane{
	width: 572px;
	padding: 10px 5px;
	min-height: 335px;
	float: left;
	text-align: left;
	margin: 0px;
	border-left: 1px solid #ccccff;
	border-right: 1px solid #ccccff;
	}

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


#LeftPane{
	width: 178px;
	min-height: 335px;
	padding-top: 10px;
	padding-left: 5px;
	float: left;
}

#RightPane{
	width: 200px;
	min-height: 335px;
	padding-top: 10px;
	padding-right: 5px;
	float: right;
}

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

img {
	border: 0px;
	}


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

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

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

#mainmenu > ul {
	width: 900px; 
	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.sub1  {
	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  ul.sub1 > li {
	display:block;
	position: relative;
	clear: left;
	min-width:100px;
	margin: 0px;  
	padding: 0px;
	}

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

#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: left;
	width: 557px;
	margin: 0px;
	padding: 0px;
	}

.FormHeader {
	width: 562px;
	padding: 5px 0px;
	}

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

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

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

.CFlabel {
	width: 120px;
	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: 550px;
	padding: 10px 0px 10px 0px;
	}

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


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

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

.RecordAgenda {
	width: 572px;
	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: 572px;
	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 ==== */


.RecordGbook {
	width: 532px;
	overflow: auto;
	padding-top: 8px;
	padding-bottom: 10px;
	margin-left: 20px;
	}

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

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

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

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

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


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