.verstopt {
    display:none}

body {
    font-size:small;
    font-family:verdana, sans-serif;
    padding:7em 0 0;
    background:url(img/platanenxpm.jpg) repeat #c0c0c0;}

h3 {text-align:left;}

p {padding-left:1em;}

q {font-family:papyrus, fantasy;}

a img {border: 0px;}

cite {
    display:block;
    /*text-indent:3em;*/
    position:relative;
    right:-7%;}

cite:before {
    content:"-- ";}

cite:after {
    content:" --";}

form {
    border:solid 1px;
    font-size:smaller;
    padding:1em;}

input[type="submit"] {     /* hoe te centreren?!? */
    margin-bottom:0.5em;
    position:relative;
    top:0.5em;}

#kop {
    background:url(img/platanenxpm.jpg) /*blue*/;
    /*border-bottom:solid 1px;*/
    position:fixed;
    height:9em;
    width:100%;
    top:-2.5em;
    left:0;
    z-index:5;
    text-align:center;}

#kop h4 {
    position:relative;
    top:3em;}

#kop h1 {
    /*font-size:larger;       /* werkt niet?!? */
    font-size:200%;
    position:relative;
    top:1em;}

#kop h2 {
    font-size:larger;       /* werkt niet?!? */
    /*font-size:100%;*/
    position:relative;
    top:0.5em;}

#kop hr {display:none;}

#inhoud {
    /*background-color:green;*/
    position:absolute;
    top:7em;
    right:14em;
    left:1em;
    padding:0 1em 1em;
    overflow:hidden;
    text-align:justify;}

.tekst {padding-bottom:1em;}

.entree {
    padding-left: 3em;
    font-size: smaller;}

img.links {
    padding-right:1em;
    float:left;}

img.rechts {
    padding-left:1em;
    float:right;}

#menu {
    /*background-color:red;*/
    text-align:right;
    position:fixed;
    width:11em;
    top:8em;
    right:1.5em;
    bottom:auto;
    left:auto;}

#menu a {text-decoration:none;}

#menu ul {
    padding:0;
    /*background-color:orange;*/
    /*width:10em;*/
    list-style:none;
    text-align:center;
    font-size:medium;
    }

#menu li {
    background-color:white;
    /*position:relative;
    /*right:2.65em;*/
    margin-bottom:2px;
    border:outset 1px;
    /*list-style-type:disc;*/
    }

#menu li:hover {
    list-style-image:url(img/nootje.png);
    font-variant:small-caps;
    background-color:transparent;}

#menu img {
    border-width:0;}

#extra {
    background-color:yellow;
    border:dashed 1px;
    text-align:center;
    position:relative;
    top:-1em;}

#extra p {
    font-size:smaller;
    position:relative;
    top:-1em;}

.cd_cover{
position: relative;
z-index: 0;
}

.cd_cover:hover{
background-color: transparent;
z-index: 50;
}

.cd_cover span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 1px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.cd_cover span img{ /*CSS for enlarged image*/
border: 1px solid black;
margin: 2px;
}

.cd_cover:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 70px;
left: -60px; /*position where enlarged image should offset horizontally */

}