body{
	margin: 0;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana;
	
}
img{border:0;}

#nav {
	position: relative;
	
	}

#nav, #nav ul { /* all lists */
/* 	background: #c0c0c0;	*** tmp for testing where you are */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 190px; /* width of the buttons */
	}

#nav a {
	display: block; 
	width: 190px; /* width of the buttons */
	color: #FFFFFF; 
	background: #E37621; 
	text-decoration: none;
	}

#nav li { /* all list items */
	float: left; 
	width: 190px; /* width of the buttons */
	background: #E37621; /* background color of the butons in rest */
	color: #FFFFFF;
	font-weight: normal; 
	line-height: 1.7em; /* this determines the height of the buttons! */
	padding: 0 0px 0 px;
	/* now some vertical space between the list items, 
	   so you can see the mouse pointer changing when going to next button: */
	border-bottom: 1px solid #F9BB56;
	font-size: 12px; 
	}

#nav li ul { /* block of second-level lists */
	position: absolute;
	/*	for hiding at rest: using left instead of display to hide menus 
	    because "display: none" isn't read by screen readers */
	left: -999em; 
	/*	now ading the background color of the page, to avoid seeing something 
	   of the content between the buttons of the submenu: */
	background: #E37621; 
	color: inherit;
	/* and just a page-color 'border' at the top above each upper subitem button,
	   so the button-block has some distance to the content aside (to be continued!): */
	padding-top: 0px; 
    
	}

#nav li ul li { /* second-level list-items */
	font-size: 12px; 		/* to get sub-items in same fontsize as menu of items */
	background: #E37621; /* bit different bg-color for the sub-item buttons */
	color: #FFFFFF;
	
	}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	/* first the submenu-items have to come on same height as the triggering menu-item,
	   by trial and error found: */
	margin-top: -1.75em; 
	/* and a little space between item and subitems,
	   so the subitems some more to the right
	   (right side of an item is at 10px of the overall margin-left
	   plus the 130px width of the buttons, gives 140px + 2px space): */
	left: 190px; 
	/* (!) now with 'padding' we place a smal strip of that 2px on the left side,
	   so the 2px gets the background-color and remains part of the submenu,
	   avoiding the mouse falling in a 2px gap between menu-item and submenu-item
	   (that would cause a not reachable submenu, as the hovering over the menu-item
	   is intermitted): */
	padding-left: 2px;
	/* and also some padding right (trial and error) for some distance to the content: */
	padding-right: 17px;
	}

* html #nav li:hover ul, * html #nav li.sfhover ul { /* IE-hack, correction wrong distances */
	padding-right: 0px;
	}

#nav a:hover, #nav li #current { /* changing text-color by hover */
	color: #000000;
	background: #FFC45E;
	}

#nav li:hover, #nav li.sfHover { /* changing button bg-color at hovering */
	background: #FFC45E;
	color: #000000;
	}

/* end of menu-styles */

/* now the styles voor content-container */

#content { 
	position: absolute; /* starting again */
	left: 190px; 
	top: 10px;
	padding-right: 40px; /* content-txt at some distance of the scrollbar */
	color: #ffffff; /* font color of the content */
/* 	background: #0FF5E6; temp testcolor */
	background: #E37621;
	}


#rnav {
	position: relative;
	
	}

#rnav, #rnav ul { /* all lists */
/* 	background: #c0c0c0;	*** tmp for testing where you are */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 135px; /* width of the buttons */
	}

#rnav a {
	display: block; 
	width: 135px; /* width of the buttons */
	color: #FFFFFF; 
	background: #E37621; 
	text-decoration: none;
	}

#rnav li { /* all list items */
	float: left; 
	width: 135px; /* width of the buttons */
	background: #E37621; /* background color of the butons in rest */
	color: #FFFFFF;
	font-weight: normal; 
	line-height: 1.7em; /* this determines the height of the buttons! */
	padding: 0 0px 0 px;
	/* now some vertical space between the list items, 
	   so you can see the mouse pointer changing when going to next button: */
	border-bottom: 1px solid #F9BB56;
	font-size: 12px; 
	}

#rnav li ul { /* block of second-level lists */
	position: absolute;
	/*	for hiding at rest: using left instead of display to hide menus 
	    because "display: none" isn't read by screen readers */
	left: -999em; 
	/*	now ading the background color of the page, to avoid seeing something 
	   of the content between the buttons of the submenu: */
	background: #E37621; 
	color: inherit;
	/* and just a page-color 'border' at the top above each upper subitem button,
	   so the button-block has some distance to the content aside (to be continued!): */
	padding-top: 0px; 
    
	}

#rnav li ul li { /* second-level list-items */
	font-size: 12px; 		/* to get sub-items in same fontsize as menu of items */
	background: #E37621; /* bit different bg-color for the sub-item buttons */
	color: #FFFFFF;
	
	}

#rnav li:hover ul, #rnav li.sfhover1 ul { /* lists nested under hovered list items */
	/* first the submenu-items have to come on same height as the triggering menu-item,
	   by trial and error found: */
	margin-top: -1.75em; 
	/* and a little space between item and subitems,
	   so the subitems some more to the right
	   (right side of an item is at 10px of the overall margin-left
	   plus the 130px width of the buttons, gives 140px + 2px space): */
	left: -135px; 
	/* (!) now with 'padding' we place a smal strip of that 2px on the left side,
	   so the 2px gets the background-color and remains part of the submenu,
	   avoiding the mouse falling in a 2px gap between menu-item and submenu-item
	   (that would cause a not reachable submenu, as the hovering over the menu-item
	   is intermitted): */
	padding-left: 0;
	/* and also some padding right (trial and error) for some distance to the content: */
	padding-right: 3px;
	}

* html #rnav li:hover ul, * html #rnav li.sfhover1 ul { /* IE-hack, correction wrong distances */
	padding-right: 0px;
	}

#rnav a:hover, #rnav li #current { /* changing text-color by hover */
	color: #000000;
	background: #FFC45E;
	}

#rnav li:hover, #rnav li.sfHover1 { /* changing button bg-color at hovering */
	background: #FFC45E;
	color: #000000;
	}

/* end of menu-styles */

/* now the styles voor content-container */