BODY {
  font-family: verdana, geneva, arial, helvetica, sans-serif; background: #D5E8CC;
  color:black;
  line-height : 22px;
/*  background-image: url('/images/background.jpg');*/
  	background-position : -65px;
	background-repeat : no-repeat;
	background-attachment : fixed;
/*    border: 5px solid #E4463B; */
}

.kleiner {
	font-size : 55%;
}

.test {
	beetjerood : #FBD2BC;
	lichtgroen : #D5E8CC;
	groen : #34AF3A;
	rood : #E4463B;
}
A:link    { color: #E4463B; text-decoration:none }
A:active  { color: black; text-decoration:none; border: 1px dashed gray;}
A:visited { color: #34AF3A; text-decoration:none;  }
A:hover   { background-color: #D6E7FF; color: black; text-decoration:none; }
.titel1   { color: E4463B; font-weight: bold; font-size: 18px; }
.titel2 { color: black; font-size: 20px; font-style:italic; }

A IMG:link { color: #E4463B; text-decoration:none }
A IMG:active { color: #E4463B; text-decoration:none }
A IMG:visited { color: #E4463B; text-decoration:none }
A IMG:hover { color: #E4463B; text-decoration:none }

#MenuContainer{ pixel-top:100; color:"#000040"; background-color:"#34AF3A";
  position:absolute;	/* This is required so the menus can use absolute positioning. */
  width:110%;
  valign:top;
  z-index: 2;
}

.SubMenu{
  color:"#000040";
  background-color:"#D5E8CC";
  text-decoration:none;
  position:absolute;
  display:none;
  width:18%;
  border: 1px outset #FFFFBF;
  padding : 5px 5px 5px 5px;
  Z-INDEX: 2;
}

H1 { 
	text-transform : capitalize; 
	line-height: 30px;
	font-size: 22px;
}

H2 { 
	line-height: 22px;
	font-size: 20px;
}

H3 { 
	line-height: 20px;
	font-size: 18px;
}

.auteur { font-style: italic; }
.citaat { font-style: italic; }
.ondertitel { font-style: italic; }
.tabeldesign  {
	border: 1px inset #FFFFBF;
}
.tabeldesign  TD {
	border: 1px outset #FFFFBF;
}

IMG {
	border: 1px outset #FFFFBF;
}

IMG.noborder {
	border: 0px outset #FFFFBF;
}

.inset_comments {
	padding: 15px 5px 15px 5px;
	background-color: #C0DDB3;
}
.heading_image_div {
	WIDTH: 140px; 
	LEFT: 0px; 
	POSITION: absolute; 
	TOP: 50px;
	z-index: 1;
}
.story_div_outer {
	POSITION: absolute; TOP: 50px; width: 550px; left: 155px; 
		border: 2px inset #34AF3A; padding: 0px 0px 0px 0px;
		z-index: 1;
}
.story_div_inner {
	POSITION: relative; TOP: 0px; width: 548px; left: 0px; 
		border: 1px outset #34AF3A; padding: 5px 5px 5px 5px;
		background-color: #EEF5EB;
}
.story_date {
	padding: 0px 0px 0px 0px;
	font-size: 9px;
	text-transform: lowercase;
}
.story_header {
	padding: 0px 5px 0px 5px;
	background-color: #C0DDB3;
	text-align: center;
}
.story_div_outer_nopic {
	POSITION: absolute; TOP: 50px; width: 650px; left: 15px; 
		border: 2px inset #34AF3A; padding: 0px 0px 0px 0px;
		z-index: 1;
}
.story_div_inner_nopic {
	POSITION: relative; TOP: 0px; width: 648px; left: 0px; 
		border: 1px outset #34AF3A; padding: 5px 5px 5px 5px;
		background-color: #EEF5EB;
}

.panelstyle {
	cursor: 			Default;
	font: 				Icon;
	font-weight: 		normal;
	padding:			2px 5px 2px 5px;
	border:				0px solid ButtonFace;
	white-space:		nowrap;
	vertical-align:		middle;
	background-color:	#C0DDB3;
	border-width:		1px;
	border-left-color:	ButtonHighlight;
	border-right-color:	ButtonShadow;
	border-top-color:	ButtonHighlight;
	border-bottom-color:ButtonShadow;
	padding:			1px 4px 1px 4px;
}

.panelstyle CAPTION {
	font-family: Arial, Verdana, geneva, sans-serif;
	font-weight : bold;
	color        : #000099
}

.panelstylesunk {
	cursor: 			Default;
	font: 				Icon;
	font-weight: 		normal;
	padding:			2px 5px 2px 5px;
	border:				0px solid ButtonFace;
	white-space:		nowrap;
	vertical-align:		middle;
	background-color:	#C0DDB3;
	border-width:		1px;
	border-left-color:	ButtonShadow;
	border-right-color:	ButtonHighlight;
	border-top-color:	ButtonShadow;
	border-bottom-color:ButtonHighlight;
	padding:			2px 4px 2px 4px;
}



/************************************************/

/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{background-color: #34AF3A; position:absolute; width:10; height:12; visibility:display; }

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:4px; font-size:10px; font-weight:bold}
.clLevel0{ color:white;background-color: #34AF3A;}
.clLevel0over{ background-color: #34AF3A; filter:alpha(opacity=90);	-moz-opacity:0.9;	opacity: 0.9;cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; }

/*Styles for level 1*/
.clLevel1, .clLevel1over{background-color: #34AF3A; position:absolute; padding:4px; font-size:10px; font-weight:bold; filter:alpha(opacity=90);	-moz-opacity:0.9;	opacity: 0.9;}
.clLevel1{ color:white;}
.clLevel1over{ cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; z-index:500; visibility:hidden; }

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:4px; font-size:10px; font-weight:bold}
.clLevel2{ color:white;}
.clLevel2over{ cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; }

/**************************************************/