body, td, input,select {
  font-family:Corbel,Verdana,Arial,sans-serif;
  font-size:14px;
}

body {
  margin:0px;
  padding:0px;
  color:Black;
  text-align:left;
  overflow-x:hidden;
  background-color:white;
}

div#pictures {
  z-index:1;
  position:absolute;
  top:0px;
  left:0px;
  width:1000px;
  height:800px;
  overflow:hidden;
}

div#pictures img {
  filter:alpha(opacity=50,style=0);
}

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

a img {
  border:none;
}

label {
  text-align:right;
  width:100%;
  font-weight:bold;
}

td input {
  width:300px;
}

td {
  vertical-align:top;
}

input.submit {
  width:auto;
  font-weight:bold;
}

div#container {
  position:relative;
  background-repeat:no-repeat;
  background-position:center;
  background-attachment:fixed;
  margin-left:auto;
  margin-right:auto;
  width:1024px;
  min-height:768px;
}

div#panel {
  position:relative;
  width:680px;
  min-height:800px;
  background-image:url('img/panel.png');
  background-repeat:repeat-y;
  background-position:0px 0px;
  margin-left:auto;
  margin-right:auto;
  z-index:1;
  overflow:hidden;
  padding-bottom:50px;
}

div#content {
  position:relative;
  top:40px;
  text-align:left;
  left:30px;
  width:615px;
  
}

span.purple {
   color:#D64B6A;
  font-weight:bold;
  font-size:20px;
}

h1 {
  color:#D64B6A;
  font-weight:bold;
  font-size:34px;
  margin:0px;
  padding:0px;
}

h2 {
  color:#D64B6A;
  font-weight:bold;
  font-size:15px;
  margin:0px;
  padding:0px;
}

p {
  margin-top:0px;
  text-align:justify;
}

div.special {
  background-color:#EDE6F7;
  padding:3px;
  -moz-border-radius:2px;
}

/* Logo's bovenaan */
div#logos {
  position:relative;
  height:84px;
  width:100%;
}

div#logos img.left {
  position:absolute;
  top:0px;
  left:20px;
}

div#logos img.right {
  position:absolute;
  top:5px;
  right:20px;
}

/* Menubalk */
div.button {
  position:relative;
  width:150px;
  margin-left:-20px;
  height:40px;
  float:left;
}

div.button a {
  display:block;
  height:100%;
  width:100%;
}

div.button a span {
  display:none;
}

div#btn-reunie      { background-image:url('img/btn/reunie.png');       z-index:5; width:130px; background-position:right; }
div#btn-programma   { background-image:url('img/btn/programma.png');    z-index:4; }
div#btn-wie         { background-image:url('img/btn/who.png');          z-index:3; }
div#btn-fotos       { background-image:url('img/btn/fotos.png');        z-index:2; width:110px; background-position:right;   }
div#btn-signup      { background-image:url('img/btn/signup.png');       z-index:1; }

div#bar {
  position:absolute;
  left:21px;
  height:40px;
  width:617px;
  margin-left:20px;
  background-image:url('img/bar.png');
  background-repeat:repeat-x;
  background-position:0px 0px;
}

div.namen {
  padding:5px;
  overflow:hidden;
  width:100%;
}

div.naam {
  display:block;
  float:left;
  width:30%;
  background-color:White;
  padding:2px;
  margin:4px;
  opacity:0.5;
  cursor:pointer;
  color:#D64B6A;
  position:relative;
  z-index:1;
  overflow:hidden;
  border:solid 1px #CCCCCC;
}

div.known, div.known:hover {
  background-color:Green !important;
}

div.naam a, div.naam a:visited {
  color:#D64B6A;
}

div.known a, div.known a:visited {
  color:white !important;
}

div.known div {
  color:white !important;
}

div.naam:hover {
  opacity:1.0;
  background-color:#EEFFEE;
}

div.naam div {
  display:inline;
  color:Gray;
  font-size:10px;
}

div.query {
  background-color:white;
  -moz-border-radius:3px;
  padding:2px;
  margin-bottom:10px;
}

div.copyright {
  width:640px;
  border-top:solid 1px Gray;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  font-size:11px;
  color:#A0A0A0;
}

div.copyright a, div.copyright a:visited {
  color:#A0A0A0;
}