* { }
ul,ol, li,p { }
pre,code,input { font-size:1em;}
h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input { margin:0; padding:0 }
fieldset {border: none;}
a img { border:none }
img { }

html, body {
	height: 100%;
}
body {
    font-size:0.8em;
	font-family: verdana, arial,sans-serif;    
    background-color:#000000;
    vertical-align:middle;
}


h1, h2, h3, h4, h5, h6 {color:#5f5f5f; margin:0 0 15px 0;}
p {font-size: 0.85em; color:#808080; margin: 0 0 7px 0;}

p b {color:#999999;}

#tekstframe li {font-size: 0.85em; color:#808080;}

a {color:#666666; text-decoration:underline;color:#999999;}
a:hover {text-decoration:none;}

h1 {font-size:1em; color: #9da1a1;}
h2 {font-size:0.855em; margin-bottom: 0px;}
.groter {color:#ffffff;}


#canvas {
    position:absolute;
    top:50%;
    left:50%;
    width:950px;
    height:640px;
    margin:-320px 0px 0px -475px;    
    background-image: url('../img/omlijsting.gif');
    overflow:hidden;
}

#logo {
position: absolute;
top : -15px;
left: 0px;
width:232px;
height: 154px;
}

#navigatie {
position: absolute;
top : 48px;
right: 15px;
width:560px;
height: 35px;
}


#navigatie ul {
	position:relative;
	float: left;
	margin: 0px; 
	padding: 0px;
	list-style-position: inside;
	list-style: none;
	text-align:middle;
	vertical-align:middle;
}

#navigatie li {
	float: left;
	height: 28px;
	margin: 0;
	padding: 8px 25px 0 0;
	display:block;
}

#navigatie li.last {padding-right: 0}

#navigatie li a {
	margin: 0px;
	padding:0px;
	font-family:trebuchet ms;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing:0.1em;
	color:#8d8d8d;
	text-decoration:none;
}

#navigatie li.active a {color:#ffffff;}

#navigatie li a:hover {color:#ffffff;}



#contentframe {
	position: absolute;
	top: 180px;
	left: 10px;
	margin: 0;
	padding: 0;
	width: 925px;
	height: 435px;
}

#content {
	position:relative;
	float:left;
	width: 885px;
	height: 435px;
	margin: 0px;
	padding: 0px 20px;
	
}


#muziekje {
	position: absolute;
	bottom: -20px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 350px;
	height: 15px;
}

iframe { 
   frame-border: none; 
   border: 0; 
   padding: 0; 
   margin: 0;
   width: 885px;
   height: 435px;
   scrolling:none;
   background-color: transparent; 
	
}


#tekstframe {
	position:relative;
	float:left;
	width: 590px;
	padding-right: 10px;
	height: 370px;
	overflow:auto;
}

#subnavigatie {
	position:relative;
	float:left;
	width: 885px;
	height: 35px;
	margin: 0px;
	padding: 0px;	
}

#subnavigatie ul {
	position: relative;
	float:left;
	margin: 0px;	
	padding: 0px;
	list-style-position: inside;
	list-style: none;
	vertical-align: middle;
	
}
#subnavigatie li {
	float: left;	
	margin: 0;
	padding: 0px 10px 0 10px;
	display:block;
	border-top: 0px;
	border-right: 1px;
	border-bottom: 0px;
	border-left: 0px;
	border-color: #808080;
	border-style:solid;
}
#subnavigatie li.eerste {padding-left: 0px;}
#subnavigatie li.laatste {border-right: 0px;}

#subnavigatie li a {
	margin: 0px;
	padding:0px;
	font-family:trebuchet ms;
	font-size: 0.95em;
	font-weight: normal;
	color:#808080;
	text-decoration:none;
}
#subnavigatie li a:hover {color:#ffffff;}

#subnavigatie li.active a {color:#ffffff;}

#fotoframe {
	position:relative;
	float:left;
	width: 515px;	
	margin: 0px;
	padding: 0px;
	text-align:center;
	vertical-align:middle;
}

#fotoframe.tekst {text-align: left; color: #ffffff;}

#fotoframe img {border: 4px solid #ffffff;}



#thumbs {
	position:relative;
	float:right;
	width: 272px;	
	margin: 0px;
	padding: 0px;
	margin-right: -10px; 
}

#thumbs ul {
	position: relative;
	float:left;
	margin: 0px;
	
	padding: 0px;
	list-style-position: inside;
	list-style: none;
}

#thumbs li {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0px;

}

#thumbs li a {width:50px; height:50px; display: block; border: 4px solid #ffffff;}
#thumbs li a:hover {border: 4px solid #393939;}


#beeld {position: relative; margin: 0 0 0 35px; float:right;}
#beeld img {border: 4px solid #ffffff;}

#content #paginateller a {color: #3e3e3e; text-decoration:none; line-height: 1.5em;}
#content #paginateller a:hover {color: #ffffff; text-decoration:none;}
#content #paginateller a.actief {color: #ffffff; text-decoration:none;}

table {margin: 20px 0 0 0; vertical-align:top; text-align:top; color: #ffffff;}
table td {vertical-align:top; text-align:top;}
table td input.button {float: right; padding: 5px; margin-top:-5px;}

table.formulier td {padding: 0 20px 0 0;}
td.text input {width: 250px; height: 15px;}
textarea.text2 {width: 250px; height: 130px;}