/* -=-=-=-=-=-=-=-=-=-=- Shizzle for div frame lay-out -=-=-=-=-=-=-=-=-=-=- */
html,
body {
  margin: 0;
  padding: 0;
  height: 100%; /* 100 % height */
}

#wrap {
  width: 952px;
  margin: 0px auto;
}
html>body #wrap {
  height: 100%;  /* 100 % height */
}

div#header {
  width: 952px;
  height: 20px;
  margin: 0px auto;
}
html>body #header {
  position: fixed;
  z-index: 10; /* Prevent certain problems with form controls */
}

div#menu {
  position: fixed;
  z-index: 10; /* Prevent certain problems with form controls */
  width: 162px;
  height: 100%;
  float: left;
  padding: 10px 0px 10px 0px;
  margin: 20px 0px 0px 0px;
}

html>body #menu {
  position: fixed;
  z-index: 10; /* Prevent certain problems with form controls */
}

html>body #content-wrap {
  height: 100%; /* 100% height */
}

html>body #content {
  padding: 30px 0px 97px 10px;
  width: 780px;
  float: right;
}

#footer {
  margin-bottom: 20px;
  width: 952px;
  height: 77px;
}
html>body #footer {
  position: fixed;
  bottom: 0;
  z-index: 10; /* Prevent certain problems with form controls */
}

#footervoid {
  width: 952px;
  height: 20px;
}
html>body #footervoid {
  position: fixed;
  bottom: 0;
  z-index: 10; /* Prevent certain problems with form controls */
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=- Opmaak shizzle -=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
html,
body {
  background-color: #5d5d5d;
  color: #ffe600;
  font-family: Arial, sans-serif;
  font-size: 16px;
} 

div {
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  border: 0px solid #ff0000;
  overflow: shown;
}

/* horizontal & vertical aligning of site
   code from http://www.hicksdesign.co.uk/journal/vertical--horizontal-centering-2
   Main advantage of this code: no parts of site are
   hidden when the browser window becomes too small. */

div#header {
  background-color: #5d5d5d;
}

div#footer {
  background-color: #000000;
}

div#footervoid {
  background-color: #5d5d5d;
}

div#menu {
  background-color: #000000;
  text-align: right;
}
div#content {
  /*background-image: url(checker.gif);*/
  background-color: #2d2d2d;  
}

div#logo1 {
  /*background-color: #ff00ff;*/
  position: absolute;
  text-align: right;
  bottom: 0px;
  left: 0px;
  width: 162px;
  height: 170px;
}
div#logo2 {
  /*background-color: #ff8800;*/
  position: absolute;
  bottom: 0px;
  left: 162px;
  width: 180px;
  height: 75px;
}

div#weerkaartje {
  /*background-color: #0000ff;*/
  margin: 2px 4px 2px 4px;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 341px;
  width: 65px;
  height: 73px;
}
div#dynamic {
  /*background-color: #ff00bb;*/
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  padding: 4px;
  top: 5px;
  left: 412px;
  width: 408px;
  height: 22px;
}
div#nieuws {
  /*background-color: #ff0000;*/
  text-align: center;
  font-size: 14px;
  position: absolute;
  padding: 4px;
  top: 36px;
  left: 412px;
  width: 408px;
  height: 33px;
}
div#fotootje {
  /*background-color: #ffff00;*/
  text-align: center;
  font-size: 9px;
  padding: 1px 5px 1px 5px;
  position: absolute;
  top: 0px;
  left: 827px;
  width: 115px;
  height: 75px;
  overflow: hidden;
}

div.menuitem {
  /*background-color: #888800;*/
  border: 0px solid #ff0000;
  margin-right: 2px;
  font-size: 17px;
  text-align: right;
  vertical-align: bottom;
  width: 160px;
  height: 20px;
}
div.menuempty {
  margin-right: 2px;
  width: 160px;
  height: 12px;
  font-size: 0px;
}

div.border {
  border: 1px solid #ffe600;
  text-align: left;
  color: #d2d2d2;
  margin: 0px 10px 13px 0px;
  padding: 10px 0px 0px 10px;
  width: 756px;
  
}
div.border h2 {
  margin-top: 0px;
}
div.border p {
  margin: 0px 10px 10px 0px;
  padding: 0px;
}
div.border p img {
  margin: 10px 10px 0px 0px;
}
div.border img {
  float: left;
  margin: 0px 10px 10px 0px;
  padding: 0px;
}
div.border img.right {
  float: right;
  margin: 0px 10px 10px 10px;
}

div.left {
  float: left;
  width: 440px;
}
td div.left {
  margin-right: expression("5px");
}
div.right {
  float: right;
  margin-right: 10px;
  margin-right: expression("5px");
  width: 290px;
}
td div.right {
  margin-right: 10px;
  margin-right: expression("5px");
}
div.right img {
  margin-right: 0px;
}

/* Gebruikt om een div groot genoeg te houden, om alle content te laten passen.
   (Zie: http://www.greywyvern.com/code/min-height-hack.html)
*/
div.overflowfix {
  border: 0px solid #ff0000;
  clear: both;
  height: 0px;
  overflow: hidden;
}

img {
  border: 0px solid #ff0000;
  margin: 0px 10px 10px 0px;
  padding: 0px;
  text-align: right;
  vertical-align: top;
  font-size: 9px;
}
img.interface {
  margin: 0px;
}
img.knop {
  border: 0px;
  margin: 2px 0px 2px 4px;
}
img.admin {
  vertical-align: top;
}
#fotootje img {
  margin: 1px 15px 1px 15px;
  padding: 0px;
}

ul.left,
ol.left,
img.left {
  float: left;
}
ul.right,
ol.right,
img.right {
  float: right;
}

h1 {
  margin: 20px 10px 10px 0px;
  padding: 0px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 30px;
  color: #ffe600;
}
h1.wit {
  color: #FFFFFF;
}
h2 {
  margin: 10px 0px 5px 0px;
  padding: 0px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 16pt;
  color: #ffe600;
}
h3 {
  margin: 20px 10px 3px 0px;
  padding: 0px 0px 1px 0px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14pt;
  color: #ffe600;
  clear: both;
  text-align: right;
  border-bottom: 1px solid #ffe600;
}

p {
  border: 0px solid #0000ff;
  color: #d2d2d2;
  font-family: Arial, sans-serif;
  font-size: 16px;
  text-align: left;
  margin: 0px 10px 15px 0px;
  padding: 0px;
}
p.faq {
  border: 1px solid #ffe600;
  width: 82%;
  margin-top: -4px;
  padding: 10px;
  float: left;
}
p.caption {
  text-align: center;
}
p.small {
  font-size: 10px;
}

form p.info {
  border: 1px solid #ffe600;
  width: 360px;
  margin-top: -4px;
  padding: 10px;
  float: none;
}

b {
  color: #ffe600;
}

a {
  color: #ffe600;
  text-decoration: underline;
  margin: 0px 0px 0px 0px;
}
a:hover {
  color: #ffffff;
  background: transparent;
}
a.menu {
  margin: 0px 0px 3px 0px;
  vertical-align: bottom;
  text-decoration: none;
}
a.menu:hover {
  color: #ffe600;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}
a img {
  border: 1px solid #2d2d2d;
}
a img.admin {
  border: 0px solid #2d2d2d;
}
a:hover img {
  border: 1px solid #ffffff;
}
a:hover img.admin {
  border: 0px solid #ffffff;
}

a.menu:hover img {
  border: 0px;
}

ol {
  border: 1px solid #ffe600;
  color: #d2d2d2;
  text-align: left;
  margin: 0px 10px 10px 0px;
  padding: 10px 0px 0px 35px;
  list-style: decimal outside;
}

ul {
  color: #d2d2d2;
  text-align: left;
  margin: 0px 10px 5px 10px;
  padding: 5px 10px 0px 10px;
  list-style: outside;
}

ul.faq {
  border: 1px solid #ffe600;
  color: #d2d2d2;
  text-align: left;
  margin: 0px 10px 10px 0px;
  padding: 10px;
  list-style: inside;
  list-style-type: disc;
  color: #ffe600;
  float: left;
}

ol li {
  margin: 0px 10px 10px 0px;
}

ul li {
  margin: 0px 10px 0px 0px;
}

ul.faq li {
  margin: 0px 10px 2px 0px;
}

hr {
  border: 0px;
  margin: 20px 10px 20px 0px;
  clear: both;
  color: #ffe600;
  background-color: #ffe600;
  height: 1px;
}

table {
  margin: 0px;
  padding: 0px;
  border: 0px solid #00ffff;
  font-size: 16px;
  color: #d2d2d2;
  font-family: Arial, sans-serif;
}
th {
  margin: 0px;
  padding: 0px 5px 0px 5px;
  font-weight: bold;
  color: #2d2d2d;
  background-color: #d2d2d2;
}
td {
  border: 0px solid #d2d2d2;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: #d2d2d2;
  vertical-align: top;
}

table.links {
  border: 1px solid #ffe600;
  margin: 0px 10px 10px 0px;
}
table.links td {
  padding: 10px 0px 0px 10px;
  vertical-align: top;
}
table.links td p,
table.links td img {
  margin: 0px 10px 10px 0px;
}

table.contact {
  margin: 40px 0px 20px 0px;
  width: 70%;
  text-align: center;
  border: 1px solid #d2d2d2;
}
table.contact th {
  padding: 4px 2px 4px 2px;
  font-size: 14pt;
  text-align: center;
  background-color: #d2d2d2;
  border: 1px solid #d2d2d2;
}

table.border {
  width: 430px;
  border-collapse: collapse;
  border: 0px solid #d2d2d2;
  margin: 0px 0px 10px 0px;
}
table.border th {
  border: 1px solid #d2d2d2;
  background-color: #d2d2d2;
}
table.border td {
  border: 1px solid #d2d2d2;
  padding: 2px 0px 0px 5px;
  vertical-align: top;
  background-color: #2d2d2d;
}

form table {
  margin: 5px 10px 10px 0px;
}
form table.border {
  width: 380px;
}

form td {
  padding-right: 10px;
}

td h2 {
  margin-top: 0px;
}

td.left {
  width: 460px;
}
td.right {
  width: 290px;
}

td.center {
  text-align: center;
}

.geel {
  color: #ffe600;
}

sup {
  font-size: 9px;
}

form input {
  display: inline block;
}