*{
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: normal;}

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();}
 #page { background-image:url();}
 #page_top {background-image:url(); 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; }
 



	#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(../Introductie/menu_achtergrond.jpg) no-repeat; /*achtergrondkleur submenubalk*/
		height: 400px;/*hoogte achtergrond submenubar*/
		width: 180px;
		padding-left: 20px;

	}


	#nav li.on ul {
		background:url(../Introductie/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(../Introductie/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.*/



#liIntroductie.on a{
 	background-position: -0px -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;}*/