/*----------------------Begin Basislayout---------------------------------------------------------------*/
body
{font-family:Verdana,Helvetica,sans-serif;font-size:8px;cursor:default;background-color:#960117;margin-top:0px}
h1
{font-size:10pt;line-height:20px;font-weight:bold;color:#960117;margin-left:10px;margin-top:40px}
h3
{font-size:8pt;font-weight:bold;color:#960117;MARGIN:20PX 10PX 0PX 10PX}
p
{margin:0 10px 0px 10px}
h4
{margin:0 10px 0px 10px; font-size:8pt;font-weight:normal;font-style:italic;line-height:15px}

dd
{margin:2px 10px 0px 10px;}
a, a:link, a:visited, a:active {color:black;text-decoration: none}
a:hover		{color:#960117;border-width:0 0 0 2px;border-style:solid;border-color:#960117}
	
/*----------------------Eind Basislayout---------------------------------------------------------------*/

/*----------------------Begin indeling-----------------------------------------------------------------*/
.titel { font-size: 10pt; font-style: normal;line-height: 20px; font-weight: bold ; color:#960117;}
.style2 {font-size: 8pt; font-style: normal; padding-left: 1px;line-height: 15px; }
#container 
{position: relative;margin-left:auto; margin-right:auto;margin-top: 0px;width:750px;height:750px;border:0px;
 background-color:#F4F2E4;z-index:1}
#header
{position:absolute;top:0px;left:0px;z-index:1;width:750px;height:100px;
 background-image:url("../gfx/kopje.jpg");background-repeat:no-repeat;z-index:21;}
#navigatie
{position:absolute;top:100px;left:0px;width:750px;z-index:100; 
 background-color:black;font-size:small;width:100%;margin:0em;}
#index
{position:absolute;top:120px;height:630px;left:0px;width:250px;z-index:3;
 background-color:#F9EFCB;overflow:auto;}
#recept
{position:absolute;top:120px;height:630px;right:0px;width:500px;z-index:2;
 font-size:10pt;padding-left: 1px;line-height:20px;overflow:auto;}
 #maininhoud
{position:absolute;top:120px;height:630px;right:0px;width:750px;z-index:2;
 font-size:10pt;padding-left: 1px;line-height:20px;overflow:auto;}
#footer
{position:absolute;top:750px;left:0px;width:750px;z-index:3; 
 color:white;background-color:#960117;font-size:8pt;font-style:italic;text-align:right}
 #pictureframe
 {position:absolute;top:600px;left:-200px;z-index:4; 
 }


/*----------------------Eind indeling--------------------------------------------------------------------------*/
 
/*----------------------Begin Navigatie Menu-------------------------------------------------------------------*/
#navigatie a {text-align:left;display:block;border:0px solid #555;	white-space:nowrap;margin:0;padding:0.3em;}
						/* menu at rest */
#navigatie a:link, #navigatie a:visited, #navigatie a:active	  
	{color:white;background-color:black;text-decoration:none;font-size: 8pt;font-weight: normal}
						/* menu on mouse-over  */
#navigatie a:hover	{color: white;background-color:#A39872;	text-decoration:none;}	
						/* width of all menu boxes */
#navigatie ul	{list-style:none;margin:0;padding:0;float:left;width:125px;}	
						/* NOTE: For adjustable menu boxes you can comment out the above width rule.
						However, you will have to add padding in the "#navigatie a" rule so that the menu boxes
						will have space on either side of the text -- try it */
						/* Sophie Dennis contribution for IE7 */
#navigatie li{position:relative;min-height: 1px;vertical-align: bottom;}

#navigatie ul ul{position:absolute;z-index:500;top:auto;display:none;padding: 1em;margin:-1em 0 0 -1em;	}
#navigatie ul ul ul	{top:0;left:100%;}
div#navigatie li:hover	{cursor:pointer;z-index:100;}

div#navigatie li:hover ul ul,
div#navigatie li li:hover ul ul,
div#navigatie li li li:hover ul ul,
div#navigatie li li li li:hover ul ul
{display:none;}

div#navigatie li:hover ul,
div#navigatie li li:hover ul,
div#navigatie li li li:hover ul,
div#navigatie li li li li:hover ul
{display:block;}
/*----------------------Eind Navigatie Menu-------------------------------------------------------------------*/