/* -- STICHTING DYSLEXIE NEDERLAND --------------- */

body,html {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  background:#f8f5ee;
  height: 100%;     
  margin:0 auto;
  text-align: center}

td,th {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}

/* -- [ STYLE ] --------------- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0}
h1 {font-size: 18px}
h2 {font-size: 16px}
h3 {font-size: 14px}
h4 {font-size: 12px}
h5 {font-size: 11px}
h6 {font-size: 10px}
 
#control_block p {color:white; margin:0; padding:0 0 0 10px;font-weight:bold}  

a.menu:link,a.menu:visited {text-decoration: none; color:white}
a.menu:active,a.menu:hover {text-decoration: underline; font-weight: bold}

a:link,a:visited {color:#2e8d6f; text-decoration:none;font-weight: bold}
a:hover,a:active {color:#2e8d6f; text-decoration:underline;font-weight: bold}

#menuhover a:link, #menuhover a:visited,
#menuhover a:hover, #menuhover a:active {background-color: #2E8D6F; color:white}

/* -- [ LAYOUT ] --------------- */
#global_layout {  
  position:relative; 
  width:767px; height:100%;
  margin:0 auto;
  text-align:left;
  background:#F8F5EE;
  border:1px solid black;
  border-top:0px;
  border-bottom:0px;
  background: url("/media/background.gif") repeat-y}
  
#logo {padding: 40px 0 30px 30px}

#control_block {
  float: left;
  width:202px; height:189px;
  padding:10px 0 0 0; margin:0 0 5px 0;
  border-top:1px solid black;
  border-bottom:1px solid black;
  background-color:#2E8D6F}
  * html #control_block {he\ight:201px;}

#print_block {
  background:white;
  width:202px;
  padding:0 0 5px 0;
  text-align:center
  }

#print_block a {color:black}

#readspeaker_block {
  background:white;
  width:202px;
  padding:5px 0 5px 0;
  border-top:1px solid black;
  border-bottom:1px solid black;
  text-align:center
  }

#readspeaker_block a {color:black}

#Left_block {float:left; width:203px}
#Right_block {float:left; height:100%}
#banner {background:#2E8D6F; padding:15px; width:534px; height:114px;} * html #banner {he\ight:145px;w\idth:100%}

#maincontent {width:520px; padding:20px}

.note {
  width:490px;
  margin:10px 0 10px 0;
  padding:15px;
  color: #333333;
  border:2px solid #2E8D6F} * html .note {w\idth:520px}

#footer {
  margin-top:20px;
  color:white;
  width:524px; height:20px;
  background:#2E8D6F;
  border:1px solid black;
  border-left:0px;
  border-right:0px;
  padding:20px} * html #footer {w\idth:562px}

#footer:after { 
  content: ".";
  display: block;
  line-height: 0;
  font-size: 1px;
  clear: both}

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

#footer-left {float:left}
#footer-right {float:right}


#spot {border:1px solid #2e8d6f}


/* -- [ MENU ] --------------- */
#control_block ul {padding:10px 0 10px 0; margin:0;color:White}
#control_block li {padding:0; margin:0 0 0 40px;}

#navcontainer {background:white; border:1px solid black; border-left:0px; border-right:0px; display:block; position:relative; width:562px;height:53px} * html #navcontainer {w\idth:560px}

#navcontainer ul {margin:0; padding:0; list-style-type:none}
#navcontainer ul li {display:block; float:left;padding:0; margin:0}
#navcontainer ul li a {
  display:block;
  background:white;
  padding:6px 0;
  color:black;
  text-decoration:none;
  text-align:center
  }

#navcontainer ul li a:hover {color:black; background:#F8F5EE}

#navcontainer #home,
#navcontainer #sdn,
#navcontainer #faq,
#navcontainer #verklaring,
#navcontainer #download,

#navcontainer ul li{border-bottom: 1px solid black; border-right: 1px solid black; width:186px;}
#navcontainer ul li.active a,
#navcontainer ul li.acive a:hover{background:#2A8F6D;color:white}
#navcontainer ul li.last{border-right:none;}

#footer p {float:right;margin:0}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------[ FORM ] */
.form,#contour{font-size:0.917em;}
.contourField br{display:none;}
#contour fieldset{padding:0 !important; margin:0 !important;}
#contour legend{padding:0 !important; margin:5px 0 !important;font-weight:normal !important;}
#contour h4.contourPageName{font-weight:bold;font-size:14px !important;}
.form p,#contour p{margin:15px 0;}
#contour small{padding:0 !important;display:inline-block !important;}
.form .row,
.form .rowDate,
#contour .contourField{display:block;width:100%;margin-bottom:10px;overflow:hidden;clear:both;}
.form .row span.text{float:left;clear:both;}
.form .row label,
.form .rowDate label{display:block;width:100%;clear:both;}
#contour label{width:100% !important;clear:both !important;float:none !important;font-weight:normal !important;}
.form .chk label{display:inline;width:auto;clear:none;padding-left:5px;}
.form .row table {float:left;}
.form .row table label{display:inline;width:auto;padding:0 10px 0 5px;}
.form .row input[type=password],
.form .row input[type=text]{display:block;width:400px;padding:3px;border:3px solid #eeeee0;}
#contour .contourField input[type=password],
#contour .contourField input[type=text]{display:block;width:500px !important;padding:3px !important;border:3px solid #eeeee0 !important;}
input[type=radio],
input[type=checkbox]{}
.form .rowDate input[type=text]{display:inline;width:100px;padding:3px;border:3px solid #eeeee0;}
.form .row select{width:412px;padding:3px 0;border:3px solid #eeeee0;}
#contour .contourField select{width:412px !important;padding:3px 0 !important;border:3px solid #eeeee0 !important;}
.form .row textarea{width:400px;padding:3px;border:3px solid #eeeee0;font-family:verdana;font-size:1em;}
#contour .contourField textarea{width:400px !important;padding:3px !important;border:3px solid #eeeee0 !important;font-family:verdana;font-size:1em;}
#contour .contourField span.checkbox{display:inline !important;padding:10px 10px 0 0 !important;}
.form .row .reqInputfield,.form .rowDate .reqInputfield{border:3px solid #fcc !important;background:#ffdbdb;}

.checkboxlist br{display:block;}

.form .column{float:left;width:40%;clear:none;}
.form .column .text input[type=text]{width:180px;}

.hideChilds{padding-left:10px;font-weight:bold;}
.forgotPass{cursor:pointer;}

.form .btn{margin:0 0 10px;width:100%;}
input.button,.btn input{color:#fff;background:#c00000;border:1px solid #D1D5D3;padding:5px;margin:10px 0;}

.contourNavigation{margin:0 0 10px;width:100%;}
.contourNavigation input{color:#fff;background:#2e8d6f;border:1px solid #D1D5D3;padding:5px;margin:10px 0;}









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */