*{
margin: 0;
padding: 0;
list-style: none;
border: 0;
background-repeat: no-repeat;
text-decoration: none;
outline: none;
}
 a:link, a:visited, a:hover, a:active {font-family:Arial rounded MT bold, Arial; font-size:9pt; font-weight:normal; color: #822222;}
 .link:hover {text-decoration: underline;}
 img {display: block;}
 input.text, textarea {background-color: #694f47; color: #f8f3ea; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
 em {font-style: normal; font-weight: bold;}

body {background-color:#822222;}
.clearer {height: 0,1em; clear: both;}

 #container {width: 1050px; height: 645px; margin: 0 auto;  position: absolute; top: 50%; left: 50%; margin-left: -530px; margin-top: -320px;  }
 #wrapper { background:url(bg_middle.x); }
 #page { background-image:url(bg_top.x);   }
 #page_top {background-image:url(bg_bottom.x); background-position: left bottom; padding: 5px 5px 4px;  }
 #page_bottom {border: 1px solid #DED1B8; }
 #real_page {background: url(../images/achtergrondwebsite.jpg); height: 610px; position: relative; overflow: hidden; border: 8px solid #A98D77; }
 
/* Kort snelmenu, boven */
#topnavigatie {
position: relative;
top: 0px;
left:0px;
text-align: left;
}
#topnavigatie ul{
background-color: #A98D77;
border: 1px solid #d3b495;
width: 406px;
padding: 0px;
margin-bottom: -5px;
white-space: no-wrap;
}
#topnavigatie ul li{
display: inline;
}
#topnavigatie ul li a{
padding-left: 1.5em;
padding-right: 1em;
font-size: 10px;
font-family: Arial rounded MT bold, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #822222;
}
#topnavigatie ul li a:hover{
color: #fff;
text-decoration:underline;
} 

/* hier begint de tijdelijke jubileumlink met de ster */
#jubileumlink {
position: absolute;
top: 0px;
left:340px;
text-indent: 160px;
text-align:right;
}
#jubileumlink ul{
background: url(../images/jubileumster.png) no-repeat;
border: none;
width: 240px;
height:104px;
padding: 0px;
margin: 0px;
/*white-space: no-wrap;*/
}
#jubileumlink ul li{
/*display:table-footer-group; /* inline */
}
#jubileumlink ul li a{
padding-left: 3.0em;
/*padding-right: 1em;*/
font-size: 12px;
line-height: 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #5C620B;
/*vertical-align:bottom;*/
}
#jubileumlink ul li a:hover{
color: #822222;
text-decoration:blink;
} 
/* hier eindigd de jubileumster */

	#nav {	/* voor IE */
		position: relative;
		top: 94px;
		left: -4px;
		height: 445px;/*totale pagina hoogte*/
		width: 1050px;
}

html>body #nav {
		left: -4px; /* overige browsers */	
}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		
		display: block;
		padding-right: 0px; /*ruimte tussen de tabs*/
	}

	#nav li ul {
		display: none;
	}



	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 60px;/*positie-hoogte submenu (gaat over hoofdmenu heen)*/
		left: 4px;
		padding-top: 50px;/*hoogte tekst op submenubar*/
		background:url(../BezinningVerwerking/menu_achtergrond.jpg) no-repeat; /*achtergrondkleur submenubalk*/
		height: 400px;/*hoogte achtergrond submenubar*/
		width: 180px;
		padding-left: 20px;

	}


	#nav li.on ul {
		background: url(../BezinningVerwerking/menu_achtergrond.jpg) no-repeat; /*kleur sub-menubalk bij inactief*/
		width: 180px;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: url(../BezinningVerwerking/menu_achtergrond.jpg) no-repeat;
		width:180px;		
		height: 400px;
	}


	#nav li a {
		color: #8b0b11;
		font-weight: small;
		display: block;
		width: 208px;/*breedte hoofdmenutab met tussenruimte*/
		padding: 0;
	}

	#nav li.on a {
		color: #750308;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #;
		width: li; /*zorgt ervoor dat subitems per regel schrijven*/
		margin-right: 0px;
		margin-bottom: -30px; /*zorgt voor regelafstand subitems!/*
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
	}

#nav li.on ul { /*wel of geen submenu bij hoofditem ON */
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #750308; /*tekstkleur submenu bij hover*/
		font-weight: bold;
}
	#navsub {
		padding-left: -20px;

}

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#liIntroductie a, #liWerkplaatsbeeldhouwen a, #liGroepen a, #liBezinningVerwerking a, #liBeeldvandezaak a {
		display: block;
		position: relative;
		height: 60px;/*hoogte hoofdmenubalk gerekend vanaf bovenpositie*/
		background: url(../images/menubalk.gif)  no-repeat; /*contains all hover states*/
	}

/*first, put the initial states in place*/

#liIntroductie a {
	background-position: -0px 0;
}

#liWerkplaatsbeeldhouwen a {
	background-position: -210px 0;
}

#liGroepen a {
	background-position: -420px 0;
}


#liBezinningVerwerking a {
	background-position: -630px 0;
}

#liBeeldvandezaak a {
	background-position: -840px 0;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

#liBezinningVerwerking.on a {
 	background-position: -630px -120px;
 } /*add selectors for the other li's and background-positions*/

/*hover states*/

#liIntroductie a:hover, #liIntroductie:hover a, #liIntroductie.over a {
	background-position: -0px -60px;
}

#liWerkplaatsbeeldhouwen a:hover, #liWerkplaatsbeeldhouwen:hover a, #liWerkplaatsbeeldhouwen.over a {
	background-position: -210px -60px;
}

#liGroepen a:hover, #liGroepen:hover a, #liGroepen.over a {
	background-position: -420px -60px;
}

#liBezinningVerwerking a:hover, #liBezinningVerwerking:hover a, #liBezinningVerwerking.over a {
	background-position: -630px -60px;
}

#liBeeldvandezaak a:hover, #liBeeldvandezaak:hover a, #liBeeldvandezaak.over a {
	background-position: -840px -60px;
}

/*subnav formatting*/


#nav li.off ul a, #nav li.on ul a {
	display: block;
	text-align: left;
background: transparent;	
color: #FFFFFF; /*kleur subtekst*/
	line-height: normal;	
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
#nav li.on ul a {
	background: #; /*kleur achtergrond subtekst bij hover*/
}

.middenframe {position: absolute; left:223px; top: 184px; width:812px; height: 440px; }

#spacer {width: 9px; height: 440px;  position: absolute; top: 184px; left:838px; background:url(../images/spacer.gif);}
h5 {position: relative; top: 40px; left:20px;}

/*#footer {width:1050px; height:30px; position:absolute; top:660px; left:50%; margin-left: -530px; display:block; background:url(../images/P-design.png) no-repeat; background-position:absolute; right:5px;}*/
/*#footer p {font-family: arial, verdana; font-size:9px; color: #c0c0c0;}*/