* { 
	box-sizing      : border-box; 
	-moz-box-sizing : border-box; 
}

img {border:0;}
img.right {float:right; padding:0 0 10px 10px; margin:10px 0 10px 20px;}

html {
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
background:#49392A; 
font-size:76%; 
font-family:verdana, sans-serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {
height:100%; 
max-height:100%; 
overflow:hidden; 
padding:0; 
margin:0; 
border:0;
scrollbar-base-color: #DD99DD;
scrollbar-3d-light-color:#DD99DD;
scrollbar-arrow-color:#DD99DD;
scrollbar-darkshadow-color: #DD99DD;
scrollbar-face-color: #F7E6F7;
scrollbar-highlight-color: #F7E6F7;
scrollbar-shadow-color: #F7E6F7;
scrollbar-track-color: #F7E6F7;
}

#content {
overflow:auto; 
position:absolute; 
z-index:3; 
top:50px; /* hoogte header */
bottom:14px; /* hoogte footer */
left:224px; /* breedte linker kolom */
right:0; 
background:#F7E6F7;
color:#49392A;
padding:20px;
padding-right:15%;
}

* html #content {
top:0; 
left:0; 
right:0; 
bottom:0; 
height:100%; 
max-height:100%; 
width:100%; 
overflow:auto; 
position:absolute; 
z-index:3; 
border-top:50px solid #DD99DD; 
border-bottom:14px solid #DD99DD; 
border-left:224px solid #DD99DD;
padding:20px;
padding-right:15%;
}

#content p {
	padding:0;
}

#content .plaatje {
	border: solid 1px #DD99DD;
	padding-bottom: 20px;
}

#content .small {
font-size: 75%;
}

#content h1 {
font-size: 1.1em;
font-weight: 900;
margin-top:-5px;
margin-bottom:-15px;
}

#content ul {
list-style-type: square;
}

a:link, a:active, a:visited {
color: #49392A;
text-decoration: underline;
}
a:hover {
color: #49392A; 
text-decoration: none; 
}


#head {
position:absolute; 
margin:0; 
top:0; 
left:224; 
display:block; 
width:100%; 
height:50px;
z-index:5; 
overflow:hidden; 
background:#DD99DD;
color:#49392A;
border-bottom: solid 2px #49392A;
padding-left:20px;
}

#foot {
position:absolute; 
margin:0; 
bottom:0; 
left:0; 
display:block; 
width:100%; 
height:14px; 
font-size:1em; 
z-index:5; 
overflow:hidden; 
background:#49392A; 
color:#49392A;
}

#left {
position:absolute; 
left:0; 
top:0; 
bottom:14px; 
width:224px; 
font-size:1.1em; 
z-index:4; 
overflow:hidden; 
background:#DD99DD;
}

* html #left {
height:100%; 
top:0; 
bottom:0;
border-bottom:14px solid #DD99DD; 
color:#49392A;
}

#menu {
position: relative;
left:0;
top:0;
}

dt {
display:block;
height:30px;
}

a.nav1, a.nav1:visited { 
display:block; 
width:224px; 
height:20px; 
text-decoration:none; 
text-align:center; 
font-weight:bold;
line-height:20px;
background:#DD99DD; 
color:#49392A;
border-top:2px solid #49392A;
border-bottom:2px solid #49392A;
}

a.nav1:hover {
background:#DD99DD; 
color:#49392A; 
border-top:2px solid #49392A;
border-bottom:2px solid #49392A;
}

a.nav2, a.nav2:visited { 
display:block; 
width:224px; 
height:20px; 
text-decoration:none; 
text-align:center; 
font-weight:bold;
line-height:20px;
background:#E2EDCD; 
color:#49392A;
border-top:2px solid #97C63D;
border-bottom:2px solid #97C63D;
}

a.nav2:hover {
background:#97C63D; 
color:#49392A; 
border-top:2px solid #E2EDCD;
border-bottom:2px solid #E2EDCD;
}

a.nav3, a.nav3:visited { 
display:block; 
width:224px; 
height:20px; 
text-decoration:none; 
text-align:center; 
font-weight:bold;
line-height:20px;
background:#DFEFEF; 
color:#49392A;
border-top:2px solid #72DEE1;
border-bottom:2px solid #72DEE1;
}

a.nav3:hover {
background:#72DEE1; 
color:#49392A; 
border-top:2px solid #DFEFEF;
border-bottom:2px solid #DFEFEF;
}

a.nav4, a.nav4:visited { 
display:block; 
width:224px; 
height:20px; 
text-decoration:none; 
text-align:center; 
font-weight:bold;
line-height:20px;
background:#FAEBD3; 
color:#49392A;
border-top:2px solid #F2A52B;
border-bottom:2px solid #F2A52B;
}

a.nav4:hover {
background:#F2A52B; 
color:#49392A; 
border-top:2px solid #FAEBD3;
border-bottom:2px solid #FAEBD3;
}

a.nav5, a.nav5:visited { 
display:block; 
width:224px; 
height:72px; 
border-top:2px solid #49392A;
border-bottom:2px solid #49392A;
}

a.nav5:hover {
border-top:2px solid #FAEBD3;
border-bottom:2px solid #FAEBD3;
}