/* custom stylesheet voor Bever holding */
body	{background-color: #4B3B2E /* #cccccc */; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
		padding: 10px 0; margin: 0;}

#canvas	{width: 809px; margin: 0 auto; border: 1px solid white; background-color: white /* #999999 */; position: relative;}

#menutop	{position: absolute; bottom: 0; right: 1px; left: 1px; width: 807px; background-color: #21170c}
#menutop ul	{margin: 5px 0; padding: 0; text-align: center}
#menutop ul	li	{display: inline; list-style-image: none; margin: 0 15px;}
#menutop ul img	{display: none}
#menutop ul	li, #menutop ul	li a	{color: white;}

#header	{background: url(fotoheader.jpg) no-repeat 0 30px; 
	height: 194px; width: 100%;}
#header .titel, #header .ondertitel	{display: none;}

#content	{padding: 15px 40px; background-color: white; margin-bottom: 25px;}

#footer 	{display: none;}

a	{color: #ff6600; font-weight: bold;}
hr	{color: #ff6600; background-color: #ff6600; height: 1px; border: none}

input, textarea	{border: 1px solid silver;}
.transp	{border: none;}
.button	{background-color: #ff6600; border: 1px ridge black; color: white; font-weight: bold;}

/* navigatie */

	#menu ul	{border: 1px solid white; border-width: 1px 0; overflow: auto; background-color: #21170c /* #666666 */}
	#menu ul li.optie2	{border: 1px solid white; border-width: 0 1px}
	#menu ul li.optie3	{border-right: 1px solid white;}
	
	/* son of suckerfish menu */
	ul#nav	{width: 100%;}
	
	ul#nav, #nav ul 
		{padding: 0; margin: 0; list-style: none; line-height: 1;}
	ul#nav a 
		{font-weight: bold; display: block; width: 201.5px; padding: 5px 0; text-decoration: none;}
	ul#nav li 
		{float: left; width: 201.5px; /* width needed or else Opera goes nuts */}
	ul#nav li ul 
		{position: absolute; width: 201.5px; border: none;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
	ul#nav li:hover ul, ul#nav li.sfhover ul /* sfhover is voor script. niet verwijderen anders werkt IE niet meer*/
		{left: auto; /* lists nested under hovered list items */}
	
	ul#nav li a	{text-align: center; color: #B59777 ; text-transform: uppercase; font-size: 0.9em}
	ul#nav li:hover, ul#nav li.sfhover {background-color: #B59777;}
	ul#nav li:hover a, ul#nav li.sfhover a {color: white}
	
	ul#nav li ul a	{color: white; background-color: #B59777;; border-bottom: 1px solid white;}
	ul#nav li ul a:hover	{color: white; background-color: #21170c;}