body 
	{
	color: #259;
/*	font-size: 11px;*/
	font-family: "New Century Schoolbook", "Palatino", "Utopia", "Times New Roman", Times, serif;
	background-color: #8492a8;
	text-align: left;
	margin: 0
	}
	
a {
	text-decoration: none;
	font-size: 120%;
	color: #152;
	outline: none;
	}
a:visited {
	/*color:  #ccc;*/
	}
a:active {
	/*color:  #037;*/
	}
#zUL a:hover {
	color: red;
	}

a.menuitem {
 color: #FFF;
/* font-size:1em;*/
 /*text-decoration: none;*/
}
a.menuitem_selected {
 color: #D00;
 text-decoration: none;
 font-weight: bold;
}

.submenuitem 
	{
	color: #026;
	margin-top: 20px;
	margin-left: 20px;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 1px dotted #758642;
	border-left: 0 none
	}

.submenuitem a:link 
	{
	text-decoration: none
	}

.submenuitem a:hover 
	{
	color: #c63;
	text-decoration: none
	}


#zUL,#zUL ul {padding:0;margin:0;}
#zUL li {
        float:left;
        /*width:9em;*/
        position:relative;
        list-style-type:none;
        font-weight:600;
	padding-right:1em;
	background-color:#026
}

#zUL li ul {
        visibility:hidden;
        position:absolute
}

fieldset p {clear:left}

#zUL li:hover ul,
#zUL li.msieFix ul {
	
        visibility:visible;
        background-color:#026;
}

#zUL li:hover ul li,
#zUL li.msieFix ul li{
        color: red;
background-color:#026;
}

/* some fixes for EI */
* html fieldset p {z-index:-1}
* html #zUL li:hover ul,
* html #zUL li.msieFix ul {
        top:1.1em;
        left:.2em
}

/* some fixes for Mozilla and netscape */
#zUL li ul li {background-color:#fff}
#zUL li ul {
        visibility:hidden;
        position:absolute;
        width:9em
}

.gastenboek
{
	background-color: #DDF;
}

.gastenboekbericht
{
	padding-left: 1em; 
	background-color: #CCF;
}


#copyright {
margin-top:1em;
text-align:right;
font-size: 80%;
border-style:none;
border-width:thin;
border-color:yellow;
}

#error {
color:red;
}


.fototoelichting {
margin-left:3em;
font-size:80%;
border-style:none;
border-color:olive;
border-width:thin;
}

li {
list-style-type: square;
list-style-position:inside;
}

table {
color: #FFF;
background: #FFF;
vertical-align: text-top;
}

th {
color: #FFF;
background: #026;
}

td {
white-space: nowrap;
background: #8492a8;
padding-right: 1em;
padding-left: 1em;
vertical-align: text-top;
}

td.wrap {
white-space: normal;
}

img.photo { vertical-align: top; margin-right: 15px; border: solid white 2px; }


.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	text-align: justify;
	line-height: 1.5em;
	margin-top: 5px;
	margin-bottom: 15px;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	text-align: center;
	font-size: 170%;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 130%;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 110%;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 100%;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 90%;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 80%;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
/*	font-size: 5px;*/
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 70%;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}


#top 
	{
	background-color: #8492a8;
	text-align: center;
	visibility: visible;
	position: relative;
	height: 68px
	}

#navbar 
	{
	color: white;
	font-size: 14px;
	line-height: 16px;
	background-color: #026;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	height: 18px
	}


#logo 
	{
	margin: 0 10px 10px 15%;
	padding-top: 20px;
	height: 95px
	}

#main
	{
	background-image: url(images/notes.jpg);
	}
	
#left {
	text-align: right;
	background-color: transparent;
	width: 20%;
	float: left;
	}

#middle {
	background-color: transparent;
	padding-left: 36px;
	width: 60%;
	float: left
	}
#right {
	font-style: italic;
	line-height: 20px;
	padding-left: 3%;
	width: 15%;
	float: left
	}

#footer 
	{
	color: white;
	font-size: 14px;
	line-height: 16px;
	background-color: #026;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	height: 18px;
	clear: left
	}

#bottom
	{
	height: 100%;
	background-color: #8492a8;
	}

#nieuwsheader
{
	font-size:130%;
	color: black;
	border-bottom: medium solid red;
	margin-top: 0.3em;
}

#nieuwsitem
{
	color: black;
	padding: 0em 1em 1em 1em;
	margin-top: 0.3em;
}

#nieuwsitem img
{
	
}

pre {
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}