html {
 background: #222;
 color: #eee;
 font-family: Verdana, sans-serif;
 font-size: 10pt;
 line-height: 1.5;
 margin: 0;
 padding: 0;
 }

body {
 margin: 0;
 padding: 0;
 }

#body {
 margin: 0 auto;
 padding: 0;
 width: 930px;
 }

a {
 text-decoration: none;
 color: #fff;
 }

h1 {
 display: none;
 }

p {
 margin: 0;
 }

#koelkast {
 margin-top: 20px;
 background: transparent url(img/koelkast.png) no-repeat 110px 0;
 width: 455px;
 height: 550px;
 float: left;
 overflow: auto;
 }

#koelkast a {
 text-indent: -9999em;
 display: block;
 padding: 15px 20px;
 height: 500px;
 width: 410px;
 color: #222;
 }

#logo {
 margin-top: 20px;
 text-indent: -9999em;
 width: 450px;
 height: 250px;
 float: right;
 background: transparent url(img/logo.png) no-repeat 0 0;
 overflow: auto;
 }

#info {
 /*background: #fec200;
 color: #222;*/
 color: #ccc;
 width: 410px;
 height: 190px;
 margin-top: 30px;
 padding: 15px 20px;
 float: right;
 }

#footer {
 display: none;
 clear: both;
 padding-top: 50px;
 position: fixed;
 bottom: 10px;
 }

#plaknotities #footer {
 display: none;
 }

#nav {
 margin: 0;
 padding: 20px 0 0 20px;
 width: 62px;
 }

#nav li {
 padding: 0 5px 0 0;
 margin: 0;
 list-style: none;
 }

#nav li a {
 text-indent: -9999em;
 overflow: auto;
 background: transparent url(img/nav.png) no-repeat 0 0;
 display: block;
 width: 62px;
 height: 62px;
 padding: 0;
 margin: 0;
 }

#nav li#nav-terug a {
 background-position: 0 0;
 }

#nav li#nav-terug a:hover {
 background-position: 0 -62px;
 }

#nav li#nav-voeg-toe a {
 background-position: -62px 0;
 }

#nav li#nav-voeg-toe a:hover {
 background-position: -62px -62px;
 }

#nav li#nav-help a {
 background-position: -124px 0;
 }

#nav li#nav-help a:hover {
 background-position: -124px -62px;
 }

.plaknotitie {
 display: block;
 width: 180px;
 height: 183px;
 position: absolute;
 top: 300px;
 left: 400px;
 background: transparent url(img/plaknotitie.png) no-repeat 0 0;
 color: #222;
 padding: 30px 30px 30px 40px;
 overflow: hidden;
 z-index: 1;
 }

.ui-draggable {
 cursor: move;
 }

.geel {
 background-position: 0 0;
 }

.oranje {
 background-position: -250px 0;
 }

.roze {
 background-position: -500px 0;
 }

.blauw {
 background-position: -750px 0;
 }

.groen {
 background-position: -1000px 0;
 }

#pn1 {
 top: 165px;
 left: 395px;
 }

#pn2 {
 top: 240px;
 left: 260px;
 }

#pn3 {
 top: 100px;
 left: 580px;
 }

#pn4 {
 top: 75px;
 left: 830px;
 }

#pn5 {
 top: 245px;
 left: 655px;
 }

.popup {
 z-index: 901;
 margin: 0 auto;
 position: absolute;
 width: 470px;
 height: 330px;
 top: 20%;
 left: 30%;
 border: none;
 background: transparent url(img/popup.png) no-repeat 0 0;
 padding: 15px;
 color: #fff;
 }

#kleurkiezer {
 margin: 105px 0 0 15px;
 padding: 0;
 }

#kleurkiezer li {
 list-style: none;
 padding: 0;
 margin: 0;
 float: left;
 display: block;
 }

#kleurkiezer a {
 display: block;
 float: left;
 width: 90px;
 background: transparent url(img/plaknotitie-klein.png) no-repeat 0 0;
 height: 90px;
 text-indent: -9999em;
 overflow: auto;
 padding: 0;
 margin: 0;
 }

#kleurkiezer #kies-geel a {
 background-position: 0 0;
 }

#kleurkiezer #kies-oranje a {
 background-position: -90px 0;
 }

#kleurkiezer #kies-roze a {
 background-position: -180px 0;
 }

#kleurkiezer #kies-blauw a {
 background-position: -270px 0;
 }

#kleurkiezer #kies-groen a {
 background-position: -360px 0;
 }
 
#kleurkiezer #kies-geel a:hover {
 background-position: 0 -90px;
 }

#kleurkiezer #kies-oranje a:hover {
 background-position: -90px -90px;
 }

#kleurkiezer #kies-roze a:hover {
 background-position: -180px -90px;
 }

#kleurkiezer #kies-blauw a:hover {
 background-position: -270px -90px;
 }

#kleurkiezer #kies-groen a:hover {
 background-position: -360px -90px;
 }

form {
 padding: 0;
 margin: 0;
 }

form dl {
 margin: 5px 0 0 0;
 }

form dt {
 float: left;
 margin: 5px 0 0 0;
 }
 
form dd {
 margin: 5px 0 0 75px;
 }

form p {
 margin-left: 75px;
 margin-top: 5px;
 }

button, input, textarea {
 border: 1px dotted #999;
 border-bottom: 2px solid #999;
 background-color: transparent;
 padding: 5px;
 width: 200px;
 color: #fff;
 font-family: Verdana;
 font-size: 10pt;
 }

#plaats, #verstuur {
 width: 212px;
 border: 2px solid #999;
 }

input:focus, textarea:focus {
 border: 1px dotted #999;
 border-bottom: 2px solid #fff;
 background-color: #222;
 padding: 5px;
 }

textarea {
 height: 100px;
 }

.exit {
 display: block;
 text-indent: -9999em;
 overflow: auto;
 width: 30px;
 height: 30px;
 position: absolute;
 right: 0;
 top: 0;
 background: transparent url(img/sluit.png) no-repeat 0 0;
 }

.plaknotitie .exit {
 margin-top: 5px;
 }

.fade {
 background: #000;
 position: fixed;
 width: 100%;
 height: 100%;
 min-height: 100%;
 z-index: 900;
 }

.figure {
 clear: both;
 margin-bottom: 30px;
 margin-right: 10px;
 float: left;
 }

.beschrijving {
 margin-bottom: 55px;
 }