body         { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: 
               #000; background-color: #FFFFFF; background-repeat: repeat; 
               background-attachment: scroll; background-image: 
               url('images/groengeel.gif'); 
               margin: 0; padding: 0; background-position: 0% }
body.contentpane {
	background: #FFF;
}


.kop         { text-align: center; background-image: 
               url('images/hoofd.gif'); 
               background-repeat: no-repeat; height: 20px; 
               background-position: bottom 50% }
.mainpage    { background-color: #FFFFFF;  
               width: 100%; vertical-align: top; margin: 0px; padding-left: 
               10px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px }
.footer      { background-image: 
               url('images/voet.gif'); 
               background-repeat: no-repeat; height: 20px; 
               background-position: top 50% }
a {
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 16px;
	margin: 5px 5px;
	}

a:link {
   color: #FFF;
   text-decoration: none;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 16px;
	margin: 5px 5px;
	}

a:hover {
   color: #63CF00;
   text-decoration: none;
	}
	
a.normaal {
	text-decoration: underline;
	color: #000;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin: 5px 5px;
	}

a.normaal:link {
	text-decoration: underline;
	color: #000;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin: 5px 5px;
	}

a.normaal:hover {
	text-decoration: underline;
	color: #000;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin: 5px 5px;
	}




h1 {
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin: 5px 5px;
	font-size : 20px;
	}

h2 {
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin: 5px 5px;
	font-size : 16px;
}

h3 {
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin: 5px 5px;
	font-size : 12px;
	}

h4 {
	color: #FFFFFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin: 5px 5px;
   font-size : 12px;
	}

h5 {
	
	}

h6 {
	
	}

	
ul,ol {
   }

li {
   }

table,td {
	font-size: 1.0em;
	}

form {
   padding: 0;
   margin: 0;
   }

p {
	font-size: 1.0em;
	margin: 0;
	float: left;
	}

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}

strong, b {
	font-weight: bold;
	}

.strong {
   font-weight: bold;
   }

.normal {
   font-weight: normal;
   }

/*  ====================================================================
   MODULES
   These classes are used to style the various modules. Default class
   can be extended by using class_suffix parament in the back-end, and
   making a related class here.
   ==================================================================== */

/* STANDARD MODULE TABLE */
.moduletable {
	width: 100%;
	padding: 0;
	margin: 0;
}

.moduletable th {
	font-family: arial, helvetica, verdana, sans-serif;
	color: #FFF;
   text-align: left;
   font-size: 12px;
   font-weight: bold;
   padding: 0 0 0 0em;
}

.moduletable td {
    color: #000;
    padding: 0 0 0 0px;
    font-weight: normal;
	}

.moduletable-login{
}

.moduletable-login th{
}

.moduletable-login td{
}

.moduletablezoeken{
	 float: right;
	 margin-right: 0px !important;
	 margin-right: 0px;
	 margin-top: 10px;
    color: #333;
    font-weight: normal;
    padding: 0 0 0 0
	}

.moduletableeen {
	width: 100%;
	padding: 0;
	margin: 60px 0 0 0;
}


.moduletablesubnav {
   width: 760px;
	max-width: 760px;
   background-color: transparant;
   margin-top: 2px;
	padding: 0px 4px 0px 6px;
	}

.moduletable li { background-image: 
               url('images/arrow.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               padding-left: 12px; background-position: 0 5px }
.moduletable p {
	padding: 0px;
	}

.moduletable a {
    color: #333;
    padding: 0 0 0 5px;
    font-weight: bold;
    border-bottom: 0px dashed #FFF;
	}

.moduletable a:hover {
    color: yellow;
	}

	/*menu's*/
a.mainlevel {
	background-color: transparant;
	color: Black;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1em;
	padding: 0 4px 0 4px;
	display: inline;
	margin: 0 0 0 2px;
	}

a.mainlevel:hover {
	background-color: #FFF;
	padding: 0 4px 0 4px;
	color: #00CF63;
	}
	
a#active_menu {
	background-color: #FFF;
	color: #F00;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1em;
	padding: 0 4px 0 4px;
	display: inline;
	margin: 0 0 0 2px;
	}
	
a.mainlevelsubnav {
	color: #666;
   font-size: 10px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	}

a.mainlevelsubnav:hover {
	color: #00CF63;
	}
	
/* MODULE TABLE FOR TOP NAVGIGATION BAR */
.moduletabletopnav {
	width: 100%;
	padding: 0 0 4px 0;
	margin-left: 10px;
	}

.moduletable-topnav td {
    width: auto;
    text-align: left;
    line-height: 1em;
	}

.moduletable-topnav th {
	}

/* ====================================================================
   MAMBO CLASSES
   These are largely the standard Mambo classes...
   ==================================================================== */


/* Content - Sections & Categories */
.contentpane {
	background-color: transparent;
   }
	
.contentfield img {
	border: 0px solid #666;
	background-color: #FFF;
   vertical-align: text-top;
	padding: 0px 5px 0px 0px;
	margin: 0px 5px 0px 0px; 
	float: left;
}

.contentpaneopenartikel img {
	border: 0px solid #666;
	padding: 0px 5px 0px 0px;
	margin: 0px 5px 10px 0px; 
	float: left;
}

.contentpaneopen {
   background-color: transparant;
   color: #000;
	margin: 5px 5px 5px 5px !important;
	margin: 5px 5px 5px 0px;
	padding: 0px 0px 0px 0px;
   }

.contentfield {
 	background-color: #ECF4C6;
	padding: 0px 4px 0px 0px;
	float: left;
	height: 100% !important;
   height: 160px;
  	width: 320px;
 	color: #000;
	padding: 0px 4px 0px 0px;
	float: left;
}

.contentfield  a:link, .contentfield  a:visited, .contentfield  a:hover {
   color: #000000;
	text-decoration: none;
	font-size: 11px;
}
	
.contentfieldartikel {
 	color: #333;
	padding: 0px 4px 0px 4px
}

.contentfieldartikel a:link, .contentfieldartikel a:visited {
 	color: #333;
}

.titelbalk {
	margin-left: 190px;
}

.contentpaneopen li{
	margin-left: 20px;
   line-height: 15px;
	}

.contentpaneopen ul {
	padding-left: 10px;
	}

.contentheading {
	background-color: transparant;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
 	color: #FF0000;
	text-align:left;
	padding: 0px 0px 0px 0px;
	}
	
.contentheadingartikel {
	background-color: transparant;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
 	color: #FF0000;
	text-align:left;
	padding: 0px 0px 0px 4px;
	}

.contentpagetitle {
	font-size: 12px;
	font-weight: bold;
 	color: #90A107;
	text-align:left;
	}

.blog_heading {
	font-size: 1em;
	font-weight: bold;
	font-family: verdana, arial,sans-serif;
 	color: #90A107;
	text-align:left;
	margin: 1.5em 0 0em 0;
	border-top: 0px solid #90A107;
	border-left: 0px solid #90A107;
	padding: .1em .2em 0 .2em;
	}

a.toclink:hover, a.toclink:visited, a.toclink:link {
}

table.contenttoc {
	border: 1px solid #90A107;
	background: none;
	border-collapse: collapse;
	padding: 0px;
	margin: 2px;
	}

table.contenttoc th {
	background-color: #90A107;
	font-weight: bold;
	}

table.contenttoc td {
	padding: 2px;
	}

.contentdescription {
	font-size: 1em;
	color: #3A300C;
	text-align: left;
	}

.frontpage {
	border:0px solid #90A107;
	}

.frontpage td td {
	margin-right: 2em;
	}

.componentheading {
	 background-color: transparent;
    font-size: 12px;
    font-weight: bold;
    color: #F8013F;
    text-align:left;
    margin: 0.5em 0 0.5em 0.5em;
	}

/** category text format and links **/
.category {
	color: #3A300C;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
	}

a.category:link, a.category:visited {
	color: #63CF00; 
	font-weight: bold;
	}

a.category:hover {
	color: #63CF00;
	}

.poll {
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #63CF00;
	line-height: 14px
	}

.sectiontableentry1 {
	background-color : transparent;
	}

.sectiontableentry2 {
	background-color : #C6D784;
	}

.sectiontableheader {
	color : ##90A107;;
	font-weight : bold;
	}

.frontpageheader {
	 font-size: 1.3em;
    color : #333;
    font-weight : bold;
  }

/* Date Stamps */

.newsfeeddate {
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #900000;
	font-weight: normal;
   }

.createdate {
	color: #666;
   font-weight: normal;
   line-height: 1;
	}

.modifydate {
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-decoration: none;
	font-weight: normal;
	}

.small {
	color: #3A300C;
	line-height: 1em;
}
/* RDF Styles */

.fase4rdf {
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 11px; color: #000000; font-weight: normal;
	}

a.fase4rdf:link {
	font-size: 11px; font-weight: normal; color: #FF9900;
	}

a.fase4rdf:hover {
	font-weight: bold; color: #808080;
	}

.newsfeedheading {
   font-family: verdana, arial, Helvetica, sans-serif;
   font-size: 1em;
   font-weight: bold;
   color: #333333;
   text-align:left;
}

/* Search Text */

/* Contact Component */

/* Content voting */
.content_rating {
	font-weight: normal;
	font-size:.8em;
   }

.content_vote {
	font-weight: normal;
	font-size: .8em;
   }

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
   }
.code {
	font-family: courier, serif;
	font-size: 1.2em;
	padding: 2px;
	line-height: 1.3em;
	background-color: #f0f0f0;
	color: blue;
	border: 1px solid #d5d5d5;
	margin: 0px;
	width: 90%;
}


/* Text passed with mosmsg url parameter */
.message {
	font-family : verdana, arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1em;
	color : #666;
	text-align: center;
   }

.pagetext {
	visibility: hidden;
	display: none;
   }

#weblink-categories {
   margin-top: 1em;
   }

.contact-form {
   width: 100%;
   }

.author  {
   font-size: .8em;
   }

.createdate  {
   font-size:.8em;
   }

.content-entry H3 {
   color: #CCC;
   font-size: 1.5em;
   font-weight: bold;
   margin: 1em 0 0 0;
   }

#limit-box {
   text-align: right;
   }

.page-navigation {
 	color: #999;
   }

.page-results {
 	color: #999;
   }

a.pagenav, a.pagenav.visited {
   color: #CCC;
   border-bottom: 0;
  }

a.pagenav:hover {
   color: #666;
   border-bottom: 0;
   }
	
a.readon, a.readon:link, a.readon:visited {
   color: #000000;
	text-decoration: none;
}

a.readon:hover {
	color: #63CF00;
}

a.contact, a.contact:link, a.contact:visited {
   color: #FF0000;
	text-decoration: none;
}

a.contact:hover {
	color: #63CF00;
}
/* styling for the pdf/email/print icons */
a.pop-up {
   border-bottom: 0;
}

.pop-ups {
   float: right;
}

/* data-table tags used to style tables such as
   weblinks, clean up... */

.data-table {
   position: relative;
   width: Auto;
   border-collapse: collapse;
   padding: 0;
   margin: 0 0 0 0;
   border:0;
   }

.data-table-header {
   padding: 0;
   margin: 0 0 0 0;
   border:0;
   background: #f4f4f4;
   color: #90A107;
   font-weight: bold;
   }

.highlight {
  border: 1px dashed #d5d5d5;
  background: yellow;
  padding: 0px 2px 0px 2px;
}




