html body {
  margin:0;
  padding:0;
  /*border: 2px solid red;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  /*line-height: 14px;*/
  height: 600px;
  /*margin-top: -10px;*/
  /*background: url(images/background.png) repeat-x; /*50% 0px;*/
  background: #99CC00;
  background-position: top;
  /*background: #000000;*/
}

#container{
  position: relative;
  /*width: 100%;*/
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  /*height: 950px;*/
  height: 900px;
  _height: 1000px;
  /*border: 1px solid blue;*/
}

#header {
  /*position:inline;*/
  /*width: 100%;*/
  /*width: 800px;*/
  /*float: left;*/
  height: 130px;
  margin-right: 0px;
  margin-top: 20px;
  /*_margin-top: 0px; /*for IE*/
  margin-bottom: 0px;
  /*_margin-bottom: 20px; /*for IE*/
  /*background: url(images/head-left.png) repeat-x;/* 50% 100%;*/
  background-color: #99CC00;
  Z-index: 200;
  /*border: 1px solid red;*/
}

.carousel	{
  width: 100px;
  position: relative;
  float: center;
  color: #99CC00;
  /*margin: -15px;*/
  border-bottom: 2px solid ;
  border-top: 2px solid ;
  border-left: 2px solid ;
  border-right: 2px solid ;
    /*visibility: hidden;*/
    /*left: -5000px;*/
}

.photo-link	{
  padding: 0px;
  margin: 0px;
  border: 0px solid #999;
  display: block;
  width: 100px;
  Z-index: 500;
  /*float: left;*/
}

.photo-link:hover	{
  border-color: white;
  Z-index: 500;
}

#middle {
  /*content:".";*/
  width: auto;
  display:block;
  height:575px;
  clear:both;
  /*visibility:hidden;*/
  /*border: 2px solid black;*/
}
  
#leftcolumn {
  /*border: 1px solid blue;*/
  /*background: url(images/left.png) repeat-x 50% 0px;*/
  position:inline;
  /*float: left;*/
  background: #99CC00;
  width: 170px;
  /*width: 20%;*/
  /*height: auto;*/
  /*height: 550px;*/
  float: left;
  padding-right: 0px;
  padding-left: 0px;
  /*margin-top: 35px;*/
  margin-top: -20px;
  /*border: 1px solid red;*/
}

#content {
  position: inline;
  /*background: url(/images/roundedcornr_682106_tl.png) no-repeat top left;*/
  /*display: block;*/
  /*background: url(images/bg-content-left2.png) repeat-x 1 0;*/
  background-color: #F8F8F8;
  /*height: 350px;*/
  /*min-height: 750px;*/
  width: auto;
  /*width: 670px;
  /*display: inline;*/
  margin-left: 170px;
  margin-right: 0px;
  padding-left: 15px;
  /*border: 1px solid red;*/
  /*Z-index: 300;*/
}

#beheer {
  position: inline;
  /*width: 700px;*/
  width: auto;
  margin-left: -32px;
  margin-right: -35px;
  /*padding-left: -30px;*/
  /*padding-right: -15px;*/
  Z-index: 300;
}
  
#beheer_link {
  display: inline;
  Z-index: 350;
  width: 120px;
  float: right;
  color: #CC3333;
  margin-top: -10px;
  _margin-top: 10px; /*for IE6*/
  margin-right: 20px;
  padding: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-color:red;
  Z-index: 500;
  /*border: 1px solid red;*/
}
  
/* *** ROUNDED CORNERS CONTENT  */
/*.roundedcornr_box_682106 {
   background: #f8f8f8;
}*/

#roundedcornr_top_682106 div {
   /*drdoc: ";
   drdoc: "";*/ /*hide hack for IE */
   background: url(/images/roundedcornr_682106_tl.png) no-repeat top left;
   margin-left: -15px;
}
#roundedcornr_top_682106 {
   background: url(/images/roundedcornr_682106_tr.png) no-repeat top right;
}
#roundedcornr_bottom_682106 div {
   background: url(/images/roundedcornr_682106_bl.png) no-repeat bottom left;
   margin-left: -15px;
}
#roundedcornr_bottom_682106 {
   background: url(/images/roundedcornr_682106_br.png) no-repeat bottom right;
}

#roundedcornr_top_682106 div, #roundedcornr_top_682106,
#roundedcornr_bottom_682106 div, #roundedcornr_bottom_682106 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
#roundedcornr_content_682106 { margin: 0 30px; }



p {
 padding: 10px;
}
ul, ol {
 margin-left: 33px;
}

.buttons a {
  background-color: #779E00;
  padding: 10px;
  padding-left: 5px;
  display: block;
  color: #FFFFFF;
  /*border-bottom: 1px solid ;*/
  font: 14px Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  border-bottom: 1px solid ;
  border-top: 1px solid ;
}

/*.buttons a:visited {
  background-color: #669966;
  color: #CCCCCC;
  text-decoration: none;
}*/

.buttons a:hover {
  /*background-color: #DB2B35;*/
  background-color: #009900;
  color: #FFFFFF;
  border-bottom: 1px solid ;
  border-top: 1px solid ;
  text-decoration: none;
}

a .buttons:active {
  background-color: #009900;
  color: #CCCCCC;
  text-decoration: none;
}

/*.buttons a:visited a:hover {
  background-color: #777777;
  color: #CCCCCC;
  text-decoration: none;
}*/

a.boldbuttons{
/*background: transparent url('/images/roundedge-green-left.gif') no-repeat top left;*/
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
/*padding-top: 8px;*/
padding-bottom: 12px;
text-decoration: none;
width: 90%;
}
a.activeboldbuttons {
/*background: transparent url('/images/roundedge-blue-left.gif') no-repeat top left;*/
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
/*padding-top: 8px;*/
padding-bottom: 12px;
text-decoration: underline;
width: 90%;
}

a:link.boldbuttons, a:visited.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a:link.activeboldbuttons, a:visited.activeboldbuttons, a:active.activeboldbuttons{
color: white; /*button text color*/
}

a:hover.boldbuttons {
/*background: transparent url('/images/roundedge-blue-left.gif') no-repeat top left;*/
}

a:hover.boldbuttons span {
/*background: transparent url('/images/roundedge-blue-right.gif') no-repeat top right;*/
}

a.boldbuttons span{
/*background: transparent url('/images/roundedge-green-right.gif') no-repeat top right;*/
display: block;
/*padding-bottom: 8px;*/
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a.activeboldbuttons span{
/*background: transparent url('/images/roundedge-blue-right.gif') no-repeat top right;*/
display: block;
/*padding-bottom: 8px;*/
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}

/*a:visited.boldbuttons {
background: transparent url('/images/roundedge-blue-left.gif') no-repeat top left;
}*/

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}





textarea { /* ----- voor invul velden bijv bij: contact -----*/
background-color:#F8F8F8;
/*border:1px solid #006666;*/
border:1px solid #009900;
font-size:10;
font-family:Verdana, sans-serif;
font-style:regular;
text-decoration:none;
}

textarea:focus {
  background-color: #ffffdd  /*E8E8E8=lichtgrijs*/
}

.input {        /* ----- voor invul velden bijv bij: contact -----*/

background-color:#F8F8F8;
/*border:1px solid #006666;*/
border:1px solid #009900;
font-size:10;
font-family:Verdana, sans-serif;
font-style:regular;
text-decoration:none;
}

.input:focus { background-color: #ffffdd } /*E8E8E8=lichtgrijs*/

/* ----- Alle buttons op de site mooi stylen ----- */

.submitbutton {

background-color:#F8F8F8;
border: 2px solid;
font-size:08pt;
font-family:Verdana, sans-serif;
font-style:regular;
text-decoration:none;
border-color: #00aa99 #006666 #006666 #00aa99;
}



.submitbutton:hover

{
background-color:#ffffdd; /*E8E8E8=lichtgrijs*/
border: 2px solid;
font-size:08pt;
font-family:Verdana, sans-serif;
font-style:regular;
text-decoration:none;
border-color: #006666 #00aa99 #00aa99 #006666;
}



/* ----- Dus ook in IE want daar werkt hover niet ----- */

/* ----- Samen met javascript hoverButton in config_html.php ----- */

.submitbutton:hover, .over

{
background-color:#ffffdd; /*E8E8E8=lichtgrijs*/
border: 2px solid;
font-size:08pt;
font-family:Verdana, sans-serif;
font-style:regular;
text-decoration:none;
border-color: #006666 #00aa99 #00aa99 #006666;
}




* { /* verstop border van pagina*/
  padding: 0;
  margin: 0;
}

.a #cal {
  color: #333;
  /*border: 2px solid green;*/
  /*background: url(images/left2.png) repeat-x;/* 50% 100%;*/
  /*background: url(images/left2.png) repeat-x 150% 10;*/
}

#loggedin {
  /*position: relative;*/
  Z-index: 350;
  width: 220px;
  float: right;
  right: 55px;
  bottom: 40px;
  /*color: #CC3333;*/
  padding: 30px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  /*font-weight: bold;*/
  text-decoration: none;
  text-align: right;
  /*background-color:red;*/
  /*border: 1px solid red;*/
}




/* *** Float containers fix: */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

#hideforprint {
  /* geef link of iets deze class mee om niet mee uit te printen*/
}
#hideforprint a {
  color: #009900;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: none;
  text-decoration: none;
}
#hideforprint a:hover {
  color: #009900;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: none;
  text-decoration: underline;
}

/*printer styles*/
 @media print {

/*hide the left column when printing*/
#header,#beheer,#leftcolumn,#buttons,#loggedin,#hideforprint,#beheer_link { display: none; }
#content {
  width:95%;
  float:none;
  margin-left: 10px;
  }
}