/* CSS Document */

body {
  background:#000033 url(../images/achtergrond_logo.gif) no-repeat fixed left top;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#003366;
  margin:0px;
}

img {
 border:0px;
}

.verplicht {
 color:#D20000;
}

a.link-wit:link {
 color:#FFFFFF;
 text-decoration:none;
}

a.link-wit:active {
 color:#FFFFFF;
 text-decoration:none;
}

a.link-wit:visited {
 color:#FFFFFF;
 text-decoration:none;
}

a.link-wit:hover {
 color:#FFFFFF;
 text-decoration:none;
}

a:link {
 color:#003366;
 text-decoration:none;
}

a:active {
 color:#003366;
 text-decoration:none;
}

a:visited {
 color:#003366;
 text-decoration:none;
}

a:hover {
 color:#006699;
 text-decoration:none;
}

div.kader {
  margin:auto;
  margin-top:20px;
  width:870px;
  height:auto;
  border:2px;
  border-style:solid;
  border-color:#CC0033;
  background-color:#FFFFFF;
  background-image:url(../images/background.gif);
}

div.header {
  width:870px;
  height:90px;
}

div.menu {
  width:870px;
  height:20px;
  background-color:#FF5E5E;
}

div.submenu {
  width:870px;
  height:auto;
  position:absolute;
  margin:auto;
  top:132px;
  visibility:hidden;
}

div.pulldown {
  width:159px;
  height:auto;
  background-color:#FF5E5E;
  padding-top:1px;
}

div.pulldown-link {
  width:152px;
  height:20px;
  line-height:20px;
  color:#FFFFFF;
  font-weight:bold;
  background-color:#CC0033;
  margin-left:1px;
  padding-left:5px;
  margin-bottom:1px;
}  

div.link {
  width:78px;
  height:20px;
  line-height:20px;
  color:#FFFFFF;
  font-weight:bold;
  text-align:center;
  background-color:#CC0033;
  margin-right:1px;
  float:left;
}

div.zijkant {
  width:140px;
  margin:auto;
  margin-right:640px;
  position:absolute;
  top:130px;
  padding:5px;
  color:#FFFFFF;
}

div.content {
  width:600px;
  height:auto;
  padding-left:170px;
  padding-top:5px;
}

div.titel {
  text-decoration:underline;
}

div.tabel-700px {
  width:700px;
  height:22px;
}

div.tabel-head-700px-links {
  width:668px;
  height:17px;
  padding-top:5px;
  padding-left:10px;
  line-height:17px;
  background-image:url(../images/tabel_links.gif);
  float:left;
  font-weight:bold;
  color:#FFFFFF;
}

div.tabel-head-700px-rechts {
  width:22px;
  height:22px;
  background-image:url(../images/tabel_rechts.gif);
  float:left
}

div.tabel-content-700px {
  width:688px;
  height:auto;
  border:1px;
  border-color:#CC0033;
  border-style:solid;
  padding:5px;
}

div.tabel-500px {
  width:500px;
  height:22px;
}

div.tabel-head-500px-links {
  width:468px;
  height:17px;
  padding-top:5px;
  padding-left:10px;
  line-height:17px;
  background-image:url(../images/tabel_links.gif);
  float:left;
  font-weight:bold;
  color:#FFFFFF;
}

div.tabel-head-500px-rechts {
  width:22px;
  height:22px;
  background-image:url(../images/tabel_rechts.gif);
  float:left
}

div.tabel-content-500px {
  width:488px;
  height:auto;
  border:1px;
  border-color:#CC0033;
  border-style:solid;
  padding:5px;
}


div.tabel-250px {
  width:250px;
  height:22px;
}

div.tabel-head-250px-links {
  width:218px;
  height:17px;
  padding-top:5px;
  padding-left:10px;
  line-height:17px;
  background-image:url(../images/tabel_links.gif);
  float:left;
  font-weight:bold;
  color:#FFFFFF;
}

div.tabel-head-250px-rechts {
  width:22px;
  height:22px;
  background-image:url(../images/tabel_rechts.gif);
  float:left
}

div.tabel-content-250px {
  width:238px;
  height:auto;
  border:1px;
  border-color:#CC0033;
  border-style:solid;
  padding:5px;
}

div.download-achtergrond {
  width:250px;
  height:175px;
  text-align:center;
  float:left
}

div.materiaaloverzicht {
  width:300px;
  height:200px;
  text-align:center;
  float:left
}

div.materiaal-cel-1 {
  width:100px;
  margin:1px;
  float:left;
  font-weight:bold;
}

div.materiaal-cel-2 {
  width:125px;
  margin:1px;
  float:left;
}

input {
  width:160px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  color:#003366;
  padding:1px;
}

select {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  height:18px;
  color:#003366;
  padding:1px;
  margin-left:1px;
}

input.button {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  font-weight:bold;
  color:#D10000;
}

textarea.htmlarea {
  width:600px;
  height:400px;
}

.error {
 color:#CC0033;
}

.succes {
 color:#006600;
}

textarea {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;
 color:#000066;
 width:175px;
 height:100px;
}

table.cms {
 width:600px;
 border:0px;
}

td.cms-header {
 background-color:#000066;
 color:#FFFFFF;
 font-weight:bold;
 height:17px;
 line-height:17px;
 padding-left:10px;
}

td.cms-lijn {
 background-color:#99CCFF;
 height:1px;
}

textarea.editor {
 width:640px;
 height:400px;
}

table.invoer {
 width:400px;
 margin-left:25px;
}

td.invoer {
 width:200px;
 height:15px;
 padding:2px;
 padding-top:5px;
 vertical-align:top;
}