/* standaard */
body
{
  font-size: 13px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  color: #000000;
  /*background: #ffffff;*/
  margin-top: 0px;  
}

h2
{
   margin-top: 0px;
   margin-bottom: 24px;
   font-size: 15px;
   letter-spacing: 2px;
   color: #808080;
}

a
{
   color: #000000;
}

a.hover
{
   color: #000000;
}

img
{
   border: 0;
}

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

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

#container
{
	width: 960px;
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #cccccc;*/
	text-align: left; /* this overrides the text-align: center on the body element. */	
}

td.content_left
{
	/*border: 1px #c1b7a4 solid;*/
	background-color:#eeeeee;
}

td.content_right
{
   /*border: 1px #c1b7a4 solid;*/
   background-color:#eeeeee;
}

td.content_middle
{
   border-left: 1px #808080 dotted;
   border-right: 1px #808080 dotted;
   border-bottom: 1px #eeeeee solid;
   border-top: 1px #eeeeee solid;   
}

#content_left
{
	width:108px;
	padding: 5px;
	color: #000000;
	font-size: 11px;
}

div#content_left div.logo
{
   margin-bottom: 20px;
}

div#content_left div.logo.top
{
   margin-bottom: 20px;
   margin-top: 10px;
}

#content_right
{
   width:218px;
   padding: 5px;
   font-size: 11px;
   color: #000000;
}

#content_middle
{
   width:518px;
   /*border: 1px #cccccc solid;*/
   padding: 5px;
   /*background: #DCD7CD;*/
   margin-right: 2px;
   margin-left: 2px;
   min-height: 400px;
   color: #000000;
   height: 100%;
   padding-left: 50px;
   padding-right: 50px;
   padding-top: 30px;  
   padding-bottom: 30px; 
}

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

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

#footer a
{
   color: #808080;
   text-decoration: none;
}

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

#menu
{
   /*background: #ff0000;*/
   /*position: relative;*/
   float:left;
   height: 75px;
   padding: 0px 0px 0px 0px;
}

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

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

#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
{
  min-height: 380px;	
}

div.pages.view div.contents
{
  min-height: 380px;
  color: #000000;
}

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

div.view td
{
   /*padding: 5px;*/
   color: #000000;
}

/* index controller */
div.index
{
}

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: #eeeeee;
}

div.index a.grid
{
   text-decoration : none;
   background:url(/images/arrow-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 #B3CAE1 solid;
   padding-top: 10px;
   margin-top: 10px;
   margin-bottom: 20px;
   min-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: inline-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
{
   position: relative;
   margin-top: 5px;
   margin-bottom: 15px;
   height: 20px;
   font-size: 11px;
   border-top: 1px #cccccc solid;
   border-bottom: 1px #cccccc solid;
   padding-bottom: 5px;
   padding-top: 5px;
   /*background: #ff0000;*/
}

div.paging .paginator
{
  float: left;
  /*background: #ff0000;*/
  height: 20px;
  margin: 0px;
}

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

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

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

div.paging li div.disabled
{
  /*display: inline-block;*/
  padding:2px 5px 2px 5px;
  border:1px #cccccc solid;
  background-color:#eeeeee;
  color: #cccccc;
}

div.paging li.current
{
  display: inline-block;
  padding:2px 5px 2px 5px;
  border:1px #808080 solid;
  font-weight: bold;
  text-align: right;
  background-color: #cccccc;
  color: #000000;
}

div.paging li a
{
  display: block;
  padding:2px 5px 2px 5px;
  border:1px #dddddd solid;
  background-color:#ffffff;
  text-decoration : none;
  color: #333333;
}

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

/* form */

div.form
{
   /*border:1px #cccccc solid;*/
   /*padding: 5px;*/
   min-height: 388px;
   color: #000000;
}

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

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

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

div.form input.form-error
{
   border: 1px #ff0000 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 #cccccc solid;
   margin-bottom: 5px;
   padding: 0px 5px 5px 5px;
   background: #ffffff;
   color: #808080;
}

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

.block .content
{
   /*font-style: italic;*/
   color: #000000;
}

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

.block a
{
   color: #000000;
   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 #cccccc solid;
   margin-bottom: 10px;
   padding: 0px 5px 5px 5px;
   color: #808080;
}

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

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

div#content_right .block .content .message
{
   color: #2D5073;
}

div#content_right .block .content .thumb
{
   text-align: center;
   margin-bottom: 5px;
}

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

div#content_right .block a
{
   color: #000000;
   text-decoration: none;
   border: 1px #ffffff solid;
   padding: 2px;
}

div#content_right .block a:hover
{
   color: #333333;
   text-decoration: none;
   border: 1px #cccccc dotted;
}

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

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

div#content_right .block a:hover.grid
{
   text-decoration : underline;
}
 
div.index table.details
{
   
}
 
div.index table.details td
{
   border-bottom: 1px #c1b7a4 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: inline-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.projects
{
}

div.projects div.title
{
   padding-bottom: 0px;
   padding-right: 10px;
   font-weight: bold;
   letter-spacing: 1px;
}

div.projects div.description
{
   padding-bottom: 15px;
   padding-right: 10px;
}

div.projects div.periode
{
   font-size: 11px;
   text-align: left;
   padding-bottom: 10px;
   padding-right: 10px;
}

/* newsitems */
div.newsitems
{
}

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

div.newsitems div.datum
{
   font-size: 11px;
   color: #808080;
}

div.newsitems div.message
{
   color: #2D5073;
   padding: 10px 0px 10px 2px;
}

div.newsitems div.meer
{
   font-size: 13px;
   background: url(/images/dotted-line-1.png) bottom left repeat-x;
   padding-bottom: 15px;
   padding-top: 5px;
   margin-bottom: 8px;
}

div.newsitems div.meer a
{
   color: #000000;
   text-decoration: underline;
   border: 1px #ffffff solid;
   padding: 2px;
}

div.newsitems div.meer a:hover
{
   color: #333333;
   text-decoration: none;
   border: 1px #cccccc dotted;
}

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

div.newsitem_message
{
   border: 1px #cccccc dotted;
   color: #2D5073;  
   height:inherit;
   padding: 10px 10px 10px 10px;
   margin-bottom:20px;
   /*font-style: italic;*/
   background: #ffffff;
   min-height: 220px;
}

div.error-message
{
   font-size: 10px;
   color: #ff0000;
   font-style: italic;
}