body,html {
font-family: Verdana, Helvetica, sans-serif;
font-size: 100%;
color: #FFFFFF;
background:  #373737 url("achtergrond.jpg"); background-repeat: repeat-y; background-position: left; background-attachment: fixed;
margin: 0;
padding: 0;
}

#content {
background:  #373737 url("achtergrond.jpg"); background-repeat: repeat-y; background-position: right; background-attachment: fixed;
margin: 0px 0px 0px 200px;
padding: 0px;
/*** Het is vreemd, maar als je de fake border weglaat, loopt de achtergrond in mozilla niet helemaal tot bovenaan ***/
border: 1px solid #373737;
}

#content p,h1,h2,form,ul {margin-right: 200px;}

#content h1 {
padding-top: 30px;
color: #cccccc; 
background-color: transparant; 
font-size: 140%; 
text-align: left;}

#content h2 {
color: #cccccc; 
background-color: transparant; 
font-style: italic; 
font-size: 100%; 
text-align: left;
margin-bottom: 0;
}

ul.contact {
margin-left: 160px; 
margin-right: 50px;
margin-top: 5px;
padding: 5px;
}

ul.main {
margin-left: 0px; 
margin-right: 50px;
margin-top: 20px;
padding: 0px;
list-style-type: none;
}

.vet {font-weight: bold;}

.klein {
font-size: 70%;
background-color: #373737;
color: #FFFFFF;
}
.groot {
font-size: 150%;
}

a:link {color: #ffffff; background-color: transparent; }
a:active {color: #ffffff; background-color: transparent; }
a:visited {color: #ffffff; background-color: transparent; }
a:hover {color: #ffffff; background-color: #681318; text-decoration: none;  }

a.pijl {color: #681318; background-color: transparent; font-size: 75%; font-weight: normal; text-decoration:none;}
.actief {font-size:75%; background-color: #681318;}

img.logo {
margin-right: -150px;
float: right;
}
img.contact {
border: none;
}

img {
margin: 0;
border: 0;
background-color:  #000000; 
}
img.publiciteit {
margin: 10px -20px 10px 10px;
padding: 5px;
border: 0;
background-color: #fff;
float: right;
}
#menu {
position: absolute;
top: 40px;
left: 20px;
width: 160px;
padding: 10px;
}

html>body #menu li a {
width: auto;
}

#menu li a {
padding: 0px 10px 0px 10px;
color: #681318; 
background-color: #cccccc; 
text-decoration:none; 
font-size: 100%; 
font-family: "Arial", "Times New Roman", Times, Sans-serif; 
font-weight: bold;
display: block;
width: 100%;
border-left: 5px solid #681318;
border-right: 5px solid #681318;
}

#menu li a:hover {
color: #000000; 
background-color: #681318;
text-decoration:none;
border-left: 5px solid #cccccc;
border-right: 5px solid #cccccc;
}
#menu li a.hierbenik {
color: #000000; 
background-color: #681318;
text-decoration:none;
border-left: 5px solid #cccccc;
border-right: 5px solid #cccccc;
}
#menu li {
border-bottom: 1px solid  #373737;
text-align: left;
margin: 0;
}

#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #cccccc;
}
#menu ul ul {
margin: 0;
font-size: 80%; 
}
#menu li li {
text-align: right;
border-bottom: 0;
}
div.spacer {
  	clear: both;
	 }


#fotogalery {
margin-left: 0px; 
margin-right: 110px;
margin-top: 5px;
padding: 5px;}
.galery {	font-size: 80%;
	float: left;
	margin: 10px 10px 10px 10px;
	border: 1px dotted #cccccc;
	width: 140px;
	overflow: hidden;
	text-align: center;
	height: 140px;
	padding: 10px 0px 0px 0px;
	}
.galerysatya { font-size: 80%;
	float: left;
	margin: 10px 10px 10px 10px;
	border: 1px dotted #cccccc;
	width: 140px;
	overflow: hidden;
	text-align: center;
	height: 220px;
	padding: 10px 0px 0px 0px;
	}

.caption { font-size: 80%;
	text-align: left;
	padding: 0px 10px 0px 5px;
	}

.galery a:hover {background-color: transparent; }
.galery a:hover img {color: #ffffff; background-color: #373737; text-decoration: none;  }

.galerysatya a:hover {background-color: transparent; }
.galerysatya a:hover img {color: #ffffff; background-color: #373737; text-decoration: none;  }

div.spacer {
  	clear: left;
	 }