html, body {
 padding: 0;
 margin: 0;
 border: 0;
 height: 100%;
}

#container {
 position: relative;
 width: 960px;
 margin: 20px auto;
 height: auto !important;
 height: 100%;
 min-height: 100%;
 background-color: rgba(255,255,255,0.70);
 border-radius: 10px;
 box-shadow: 0px 5px 15px #888888;
}

#header_start {
 position: relative;
 height: 175px;
 background: transparent url(../img/kop_start.png) 13px 8px no-repeat;
 z-index: 10;
}

#alle_panelen {
 position: relative;
 left: 13px;
 width: 934px;
 height: 1025px;
 overflow: hidden;
}

#bluesky {
 position: absolute;
 top: 30px;
 left: 15px;
 width: 73px;
 height: 74px;
}

#facebook {
 position: absolute;
 top: 75px;
 left: 15px;
 width: 73px;
 height: 74px;
}

#cunera {
 position: absolute;
 top: 0;
 left: 582px;
 width: 378px;
 height: 230px;
}

#dl-verlengd {
 position: absolute;
 top: 280px;
 left: 280px;
 width: 226px;
 height: 226px;
}

#bluesky img, #facebook img, #cunera img {
 position: absolute;
 left: 0;
}

#bluesky img.bovenop:hover, #facebook img.bovenop:hover, #cunera img.bovenop:hover {
 opacity: 0;
}

#cunera a {
/* display: block;
 width: 378px;
 height: 230px;
 outline: none;
 background: transparent url(../img/cunera-schuin.png) 0 0 no-repeat; */
}

#sticker {
 position: absolute;
 top: 117px;
 left: 510px;
 height: 192px;
 background: transparent url(../img/pdf-sticker.png) 0 0 no-repeat;
 z-index: 10;
}

#sticker a {
 display: block;
 width: 191px;
 height: 192px;
 outline: none;
 background: transparent url(../img/pdf-sticker.png) 0 0 no-repeat;
}

#sticker a:hover {
 background-position: -191px 0;
 display: block;
}

#paneel1 {
 position: relative;
 top: 0;
 left: 0;
 width: 302px;
 height: 283px;
 background: transparent url(../img/paneel_1.jpg) 0 0 no-repeat;
}

#paneel1 a {
 display: block;
 width: 302px;
 height: 283px;
 outline: none;
 background: transparent url(../img/paneel_1.jpg) 0 0 no-repeat;
}

#paneel2 {
 position: relative;
 top: -283px;
 left: 302px;
 width: 310px;
 height: 275px;
 background: transparent url(../img/paneel_2.jpg) 0 0 no-repeat;
}

#paneel2 a {
 display: block;
 width: 310px;
 height: 275px;
 outline: none;
 background: transparent url(../img/paneel_2.jpg) 0 0 no-repeat;
}

#paneel3 {
 position: relative;
 top: -558px;
 left: 612px;
 width: 322px;
 height: 275px;
 background: transparent url(../img/paneel_3.jpg) 0 0 no-repeat;
}

#paneel3 a {
 display: block;
 width: 322px;
 height: 275px;
 outline: none;
 background: transparent url(../img/paneel_3.jpg) 0 0 no-repeat;
}

#paneel4, #paneel4.bezig {
 position: relative;
 top: -550px;
 left: 0;
 width: 532px;
 height: 740px;
 background: transparent url(../img/paneel_4.jpg) 0 0 no-repeat;
}

#paneel4.bezig {
 background: transparent url(../img/paneel_4-bezig.jpg) 0 0 no-repeat;
}

#paneel4 a, #paneel4.bezig a {
 display: block;
 width: 532px;
 height: 740px;
 outline: none;
 background: transparent url(../img/paneel_4.jpg) 0 0 no-repeat;
}

#paneel4.bezig a {
 background: transparent url(../img/paneel_4-bezig.jpg) 0 0 no-repeat;
}

#paneel5a {
 position: relative;
 top: -1290px;
 left: 532px;
 width: 212px;
 height: 420px;
 background: transparent url(../img/paneel_5a.jpg) 0 0 no-repeat;
}

#paneel5a a {
 display: block;
 width: 402px;
 height: 212px;
 outline: none;
 background: transparent url(../img/paneel_5a.jpg) 0 0 no-repeat;
}

#paneel5b {
 position: relative;
/* top: -1290px; */
 top: -1500px;
 left: 532px;
 width: 402px;
 height: 207px;
 background: transparent url(../img/paneel_5b.jpg) 0 0 no-repeat;
}

#paneel5b a {
 display: block;
 width: 402px;
 height: 207px;
 outline: none;
 background: transparent url(../img/paneel_5b.jpg) 0 0 no-repeat;
}

#paneel6 {
 position: relative;
/* top: -1290px; */
 top: -1500px;
 left: 532px;
 width: 402px;
 height: 320px;
 background: transparent url(../img/paneel_6.jpg) 0 0 no-repeat;
}

#paneel6 a {
 display: block;
 width: 402px;
 height: 320px;
 outline: none;
 background: transparent url(../img/paneel_6.jpg) 0 0 no-repeat;
}

#cunera a:hover {
 display: block;
}

#paneel1 a:hover, #paneel2 a:hover, #paneel3 a:hover {
 background-position: 0 -283px;
 display: block;
}

#paneel4 a:hover, #paneel4.bezig a:hover {
 background-position: -532px 0;
 display: block;
}

#paneel5a a:hover, #paneel5b a:hover, #paneel6 a:hover {
 background-position: -402px 0;
 display: block;
}

a:link, a:visited, a:hover, a:active {
 cursor: pointer;
}