/* standaard */
body
{
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  background: #666666;
  margin:0px;
  padding:0px;
  background-image:url('/images/bg.png');background-repeat:repeat-y;background-position:center;
}

h2
{
   margin-top: 0px;
   font-size: 16px;
   letter-spacing: 2px;
   color: #330066;
   margin-bottom: 20px;
   font-weight: bold;
}

a
{
   color: #000000;
}

a.hover
{
   color: #000000;
}

img
{
   border: 0;
}

p
{
   padding: 0px;
   margin: 0px;
}

img.thumb
{
   border: 1px #239E92 solid;
   padding: 1px;
}

.containerarea	{background-color: #B062FF; margin: 0px; width: 100%;}

.container
{
	width: 960px;
	background: #ff0000;
	text-align: left;
	color: #ffffff;	
}

.headerarea	{height:85px; background-color: #666666;}
.headerarea .header     {width: 960px; height:85px; background-color: #333333; text-align:left;}
.headerarea .logo	{float:right;}
.menu 
{
   float:left;
   height: 75px;
   padding: 0px 0px 0px 10px;
   font-family:verdana;
}

.footerarea	{height:100px; background-color: #666666;}
.footer
{
  width: 950px;
  height:90px; 
  background-color: #333333;
  text-align: right;
  color: #eeeeee;
  font-size: 11px;
  padding: 5px;
}
.footer a
{
   text-decoration: none;
   color: #eeeeee;
}
.footer a:hover
{
   text-decoration: underline;
}

td.content_left
{
	background:#330066;
}

td.content_right
{
   background:#330066;
}

td.content_middle
{
   background:#F0E1FF;
}

#content_left
{
	width:190px;
	padding: 5px;
	color: #eeeeee;
	font-size: 11px;
	background:#330066;
}

#content_right
{
   width:190px;
   padding: 5px;
   font-size: 11px;
   background:#330066;
}

#content_middle
{
   width:540px;
   padding: 10px 10px 10px 10px;
   /*background: #F0E1FF;*/
   min-height: 500px;
   color: #000000;
}

#header
{
   background: #333333;
   clear:both;
   height:75px;
   padding: 0px 0px 0px 0px;
   margin-bottom: 0px;
}

#footer
{
   color: #0F443F;
   font-size: 11px;
}

#footer a
{
   text-decoration: none;
}

#footer a:hover
{
   text-decoration: underline;
}

#logo
{
   /*position: relative;*/
   width:253px;
   float:right;
   margin:0px 0px 0px; 0px;
   padding: 0px 0px 0px 0px;
}

#menu
{
   position: relative;
   float:left;
   /*bottom: 0px;*/
   height: 75px;
   padding: 0px 0px 0px 0px;
   /*margin-top: 45px;*/
   /*background-color: #000000; /*#1B7A71;*/
}

#lastmenu
{
   position: relative;
   /*width: 100%;*/
   float:left;
   top: 35px;
}

#header h1
{
   margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
   padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/* pages */
div.pages
{
	letter-spacing: 1px;
}

div.pages.home
{
	
}

/* view */
div.view table
{
   text-align: left;
}

div.view td
{
   padding: 5px;
}

/* index controller */
div.index table
{
   text-align: left;
}

div.index td
{
   padding: 5px;
   /*vertical-align: top;*/
}

div.index th
{
   text-align: left;
   border-bottom: 1px #0F443F solid;
   padding: 5px;
   vertical-align: top;
}

div.index tr.altrow
{
   background: #E7CEFF;
}

div.index a.grid
{
   text-decoration : none;
   background:url(/images/link.gif) no-repeat left center;
   margin: 9px 0px 0px 0px;
   padding:0px 0px 0px 13px;
}

div.index a:hover.grid
{
   text-decoration : underline;
}

/* nieuwe button */
a.button, span.button
{
 display:block;
 float:left;
 margin:0 10px 0 0;
 border:1px solid #8C94B5;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 background:#8C94B5 url(/images/button-bg.png) repeat-x 100% 0;
 text-decoration:none!important;
 color:#000!important;
 cursor:pointer;
 text-align:center;
 letter-spacing: 0px;
 font-size:12px;
}
a.button span, span.button span
{
 display:block;
 min-height:16px;
 padding:3px 20px!important;
 white-space:normal!important;
}

a.button:hover
{
 background:#F1E229 url(/images/button-bg-hover.png) repeat-x 0 0;
 border:1px solid #F1E229;
}

/* actions button */
div.actions
{
   border-top: 1px #239E92 solid;
   padding-top: 5px;
   margin-top: 5px;
   height: 20px;
}

div.actions ul, div.actions li
{
   margin:0;
   padding:0;
   list-style:none;
   font-size: 11px;
   letter-spacing: 1px;
}

div.actions li
{
   list-style:none;
   float: left;
   position: relative;
   margin-right: 5px;
}


div.actions li a
{
  display: block;
  padding:2px 8px 2px 8px;
  border:1px #239E92 solid;
  background-color:#BEF1EC;
  text-decoration : none;
  color: #000000;
}

div.actions li a:hover
{
   padding: 2px 8px 2px 8px;
   background-color:#22998D;
   color:#000000;
   text-decoration: none;
   border:1px #000000 solid;
}


/* paging */

div.paging
{
   margin-top: 5px;
   margin-bottom: 5px;
   height: 20px;
   font-size: 11px;
   border-top: 1px #239E92 solid;
   border-bottom: 1px #239E92 solid;
   padding-bottom: 5px;
   padding-top: 5px;
}

div.paging .paginator
{
  float: left;
}

div.paging .counter
{
  float: right;
  padding-top: 4px;
}

div.paging ul
{
   margin:0;
   padding:0;
   list-style:none;
   font-size: 11px;
}

div.paging li
{
   float: left;
   position: relative;
   margin-right: 5px;
}

div.paging li div.disabled
{
  padding:2px 5px 2px 5px;
  border:1px #239E92 solid;
  /*background-color:#BEF1EC;*/
  color: #239E92;
}

div.paging li.current
{
  padding:2px 5px 2px 5px;
  border:1px #000000 solid;
  font-weight: bold;
  text-align: right;
  background-color: #1B7A71;
  color: #ffffff;
}

div.paging li a
{
  display: block;
  padding:2px 5px 2px 5px;
  border:1px #239E92 solid;
  background-color:#BEF1EC;
  text-decoration : none;
  color: #000000;
}

div.paging li a:hover
{
   padding: 2px 5px 2px 5px;
   background-color:#22998D;
   color:#000000;
   text-decoration: none;
   border:1px #000000 solid;
}

/* form */

div.form
{
   border:1px #239E92 solid;
   padding: 5px;
   min-height: 388px;
}

div.form fieldset
{
   /*padding: 5px;*/
}

div.form div.input
{
   margin-bottom: 10px;
   float: left;
   margin-right: 10px;
}

div.form input.text
{
   border: 1px #239E92 solid;
}

div.form input.text.number
{
   text-align: right;
}

div.form input.button
{
  /*padding:2px 8px 2px 8px;*/
  height: 19px;
  border:1px #239E92 solid;
  background-color:#BEF1EC;
  color: #000000;
  font-size: 11px;
  letter-spacing: 1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  cursor: hand;
}

/* blocks 
--------------------*/
.block
{
   /*border: 1px #1B7A71 solid;*/
   margin-bottom: 5px;
   padding: 0px 5px 5px 5px;
   /*background: #239E92;*/
   color: #ffffff;
}

.block .header
{
   border-bottom: 1px #F0E1FF dotted;
   padding: 5px 0px 2px 0px;
   height: 22px;
   /*padding-bottom: 5px;*/
   line-height: 22px;
   font-weight: bold;
   margin-bottom:10px;
   color: #ffffff;
   clear: both;
   font-size: 12px;
   letter-spacing: 1px;
}

.block .content
{
   font-style: italic;
   color: #BAEFEA;
}

.block .meer
{
   padding-top: 10px;
   text-align:right;
   color: #ffffff;
   font-size: 10px;
}

.block a
{
   color: #eeeeee;
   text-decoration: none;
}

.block a:hover
{
   color: #ffffff;
   text-decoration: underline;
}

.block div.subject
{
   font-weight: bold;
   margin-bottom: 10px;
}

/* block rechts */
div#content_right .block
{
   /*border: 1px #0F443F solid;*/
   margin-bottom: 10px;
   padding: 0px 5px 5px 5px;
   color: #ffffff;
}

div#content_right .block .header
{
   border-bottom: 1px #F0E1FF dotted;
   padding: 5px 0px 2px 0px;
   min-height: 22px;
   line-height: 22px;
   font-weight: bold;
   margin-bottom:10px;
   color: #ffffff;
   clear: both;
   font-size: 12px;
   letter-spacing: 1px;
}

div#content_right .block .content
{
   font-style: italic;
}

div#content_right .block .meer
{
   padding-top: 10px;
   text-align:right;
   color: #ffffff;
   font-size: 10px;
}

div#content_right .block a
{
   color: #eeeeee;
   text-decoration: none;
}

div#content_right .block a:hover
{
   color: #ffffff;
   text-decoration: underline;
}

div#content_right .block div.subject
{
   font-weight: bold;
   margin-bottom: 10px;
}

div#content_right .block a.grid
{
   text-decoration : none;
   background:url(/images/link.gif) no-repeat left center;
   margin: 9px 0px 0px 0px;
   padding:0px 0px 0px 13px;
   color: #BAEFEA;
}

div#content_right .block a:hover.grid
{
   text-decoration : underline;
}
 
div.index table.details
{
   
}
 
div.index table.details td
{
   border-bottom: 1px #1B7A71 dotted;
}


/* buttons */

div.buttons
{
}

div.buttons ul, div.buttons li
{
   margin:0;
   padding:0;
   list-style:none;
   font-size: 11px;
   letter-spacing: 1px;
}

div.buttons li
{
   list-style:none;
   float: left;
   position: relative;
   margin-right: 5px;
}


div.buttons li a
{
  display: block;
  padding:2px 8px 2px 8px;
  border:1px #239E92 solid;
  background-color:#BEF1EC;
  text-decoration : none;
  color: #000000;
}

div.buttons li a:hover
{
   padding: 2px 8px 2px 8px;
   background-color:#22998D;
   color:#000000;
   text-decoration: none;
   border:1px #000000 solid;
}

div.newsitem_header
{
   font-weight: bold;
   width:100%;
   margin-top:0px;
   margin-bottom: 0px;
   padding-bottom:3px;
   min-height: 10px;
   font-size: 14px;
   color: #0F443F;
}

div.newsitem_message
{
   border: 1px #cccccc solid;
   color: #333333;  
   height:inherit;
   padding: 10px 10px 10px 10px;
   margin-bottom:20px;
   font-style: italic;
   background: #eeeeee;
}