/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {
height:100%; 
margin:0px; 
padding:0px;
font-family:Arial;
font-size: 12px;
}

/* Set the position and dimensions of the background image. */
#page-background 
{position:fixed; 
top:0; left:0; width:100%; height:100%;
}

html {overflow-y:hidden;}
body {overflow-y:auto;
font-family:Arial;
font-size: 12px;
}
#page-background {position:absolute; z-index:-1;}
#content {position:static;padding:10px;}


/* Begin nav*/
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
	background:url(images/hoofmainbg.png);
}

/* Einde nav*/


/* Begin title1*/
div.news {
	background:url(images/hoofmainbg.png);
}
/* Einde title1*/

/* Begin error*/
div.error{
	width: 420px;
	height: 200px;
	background:url(images/404.png);
}
/* Einde error*/

div.Kunstler {
	color :#fff;
	text-decoration:none;
	font-weight:bold;
	font-size: 20px;
	font-family:Georgia;
	font-style: italic;
	padding:5px;
}

/* Begin txtnav*/
div.contact {
text-align: left;
	color :#fff;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;
}
div.contact a{
text-align: left;
	color :#fff;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;;
}
div.contact a:hover{
text-align: left;
display:block;
	color :#000;
	text-decoration:none;
	font-weight:bold;
}
div.contact a:active{
text-align: left;
display:block;
	color :#fff;
	text-decoration:none;
	font-weight:bold;
}
/* Einde txtnav*/

/* Begin txtnav*/
div.txtnav {
	color :#fff;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;
}
div.txtnav a{
	color :#fff;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;;
}
div.txtnav a:hover{
	color :#000;
	text-decoration:none;
	font-weight:bold;
}
div.txtnav a:active{
text-align: left;
	color :#fff;
	text-decoration:none;
	font-weight:bold;
}
/* Einde txtnav*/



/* Begin navtitels*/
div.navtitels {
text-align: left;
	display:block;
	color :#fff;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;;
}
div.navtitels a{
	display:block;
	color :#fff;
	text-decoration:none;
	font-weight:bold;
	height: 14px;
	font-size: 12px;;
}
div.navtitels a:hover{
	display:block;
	color :#000;
	text-decoration:none;
	font-weight:bold;
	height: 14px;
	font-size: 12px;
	}
/* Einde navtitels*/

/* Begin homeframe*/
div.homeframe {
text-align: left;

/* Einde homeframe*/

/* Begin txt*/
}
div.txt{
text-align: left;
	color :#fff;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;;
}
div.txt a{
	color :#fff;
	text-decoration:none;
	font-weight:bold;
	height: 14px;
	font-size: 12px;;
}
div.txt a:hover{
	color :#000;
	text-decoration:none;
	font-weight:bold;
	height: 14px;
	font-size: 12px;;
}
/* Einde txt*/


/* Begin MAINHOOFD1*/
div.mainhoofd{
	width: 1000px;
	background:url(/images/hoofmainbg.png) repeat;
	border:1px solid #FFF;
	margin-top:15px;
}
/* Einde MAINHOOFD1*/

/* Begin MAINHOOFD1*/
div.mainhoofd1{
	width: 1000px;
	height: 150px;
	background:url(/header.png) repeat-x;
}
/* Einde MAINHOOFD1*/

/* Begin Content*/
div.content{
margin-left:15px;
margin-right:15px;
width: 570px;
	font-size: 12px;
	font-weight:bold;
	text-align: left;

}
/* Einde Content*/

/* Begin content1*/
div.content1{
margin-left:15px;
	width: 570px;
	height: 40px;
	background:url(/images/content-top.png) repeat-x;
}
/* Einde content1*/

/* Begin content2*/
div.content2{
margin-left:15px;
	width: 570px;
	background:url(/images/content-middle.png) repeat-y;
	padding-right: 15px;
}
/* Einde content2*/

/* Begin content3*/
div.content3{
margin-left:15px;
	width: 570px;
	height: 20px;
	background:url(/images/content-bottom.png) repeat-x;
}
/* Einde content3*/


/* Begin left*/

div.left {
	font-size: 12px;
	width: 200px;
}
div.leftt {
	font-weight:bold;
	width: 190px;
	height: 40px;
	background-image: url(/images/m-l-top.png);
	margin-left:10px;
}
div.leftm {
	font-size: 12px;
	width: 190px;
	background: url(/images/m-l-middle.png) repeat;
	margin-left:10px;
}
div.leftb{
	padding-bottom: 10px;
	width: 190px;
	height: 20px;
	background:url(/images/m-l-bottom.png) repeat-x;
	margin-left:10px;
}
div.left a {
	color:#588339;
	float: left;
	margin-top: 4px;
	margin-left: 36px;
	width: 276px;
	font-weight:bold;
}
div.left a:hover {
	color:#000;
	font-weight:bold;
}
/*Einde left*/

/* Begin right*/
div.right {
	font-size: 12px;
	width: 200px;
}
div.rightt {
	width: 190px;
	height: 40px;
	background-image: url(/images/m-l-top.png)
}
div.rightm {
	font-size: 12px;
	width: 190px;
	background: url(/images/m-l-middle.png) repeat-y;;
}
div.rightb{
	padding-bottom: 10px;
	width: 190px;
	height: 20px;
	background:url(/images/m-l-bottom.png) repeat-x;
}
div.right a {
	color:#fff;
	float: left;
	margin-top: 4px;
	margin-left: 36px;
	width: 276px;
	font-weight:bold;
}
div.right a:hover {
	color:#000;
	font-weight:bold;
}
/* Einde right*/

div#content {
margin-left: auto;
width: 555px;
font-size: 9pt;
background-position:bottom;
background-repeat:no-repeat;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding-bottom: 57px;
padding-left: inherit;
padding-right: inherit;
padding-top: 15px;
}

/* Begin FOOTER*/
div.footer{
	color :#fff;
	margin-top: -40px;
	height: 100px;
	font-weight:bold;
	background-image: url(/images/footer.png);
}
/*  Einde FOOTER*/

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

.thumbnail:hover{
background-color: transparent;
z-index: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-image: url(/images/hoofmainbg.png);
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

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

}