@import url( "style.css" );

	html { background: #f3f8c9 url('../images/goudenhanddruk/bodybg.gif') repeat-x; }

	h1,h2,h3,h4 { color: #6b8f00; }

	div#content h2 {
	margin-top:50px;
	font-size:1.5em;
	}

/* --- title --- */

	#logo { border-color: #fff9db; background: url('../images/goudenhanddruk/title.gif') no-repeat;}

/* --- menu --- */

	#header ul li.active a,
	#header ul li a:hover { border-bottom:2px solid #6b8f00; }

/* --- header --- */

	.sfeer { background: url('../images/goudenhanddruk/header.gif') no-repeat; }

/* --- left container --- */

	#blockquote .content { background: url('../images/goudenhanddruk/blockquotebg.gif') repeat-y; }
	#blockquote .top { background: url('../images/goudenhanddruk/blockquotetop.gif') top left no-repeat; }

/* --- submenu --- */

	#submenu li a:hover { color:#fcc917;}
	#submenu li.active { background: #f3f8c9 url('../images/goudenhanddruk/submenuright.gif') top right no-repeat; color:#000;  margin-top: 7px;}
	#submenu li.active a { background: url('../images/goudenhanddruk/submenuleft.gif') top left no-repeat; color:#000; }

/* --- content ---*/

	#contentGoud a { text-decoration: none; color: #666666 }
	#contentGoud a:hover { text-decoration: underline; color: #666666 }

	#form { line-height: 25px; text-align: left; vertical-align: top; border: solid 1px #688F00; padding: 10px; }
	#form a { text-decoration: underline; color: #666666 }
	#form  a:hover { text-decoration: none; color: #666666 }

/* --- Berghuizer Ad --- */

	#berghuizerAd { float: right; clear: both; width: 140px; height: 87px; border: none; margin: 13px 0 20px 10px;}