html, body {color:#993399; height:100%; margin:0; padding:0; width:100%; font-size: 1.2em;}
body{font:0.7em arial, sans-serif; line-height:1.4em;}
a {background-color:inherit; color:#99cc33; text-decoration:underline;}
a:hover {text-decoration:underline;}
h1, h2, h3, h4 {margin:0; padding:0}
img {border:0}
p {margin:0; padding:0;}
ul {margin:0; padding:0}
li {margin:0; padding:0}
ul ul {padding:0;}
table{ margin:0; padding:0;}
td{padding:0;}
tr{margin:0; padding:0;}
hr {border-top: 1px solid #993399; margin: 20px 0;}
address{font-style: normal;}

/*
groen, 99cc33
paars, 993399
*/
.clear {clear:both; font-size:0em; height:0px; line-height:0px; margin:0; padding:0;}
.hidden {left:-9999px; position:absolute;}


/*	 Wrapper
---------------------------------------------- */
	
	#wrapper{width:1024px;}
	
	/*	 Header
	---------------------------------------------- */
	#header{background:url(../img/header.jpg) no-repeat; height:189px; margin: 0; padding: 0; width:1024px;}
	#header img{margin: 27px 0 0 208px;}
	
	/*	 Navigation
	---------------------------------------------- */
	#navigation{background:url(../img/nav.jpg) no-repeat; height:58px; width:1024px;}
	
	/*	 Mainnavigation
	---------------------------------------------- */
	
	
	#mainnavigation{ margin: 0; padding: 13px 0 0 284px;}
	#mainnavigation li{display:inline; list-style: none;}
	#mainnavigation li a{text-indent:-9999px; float:left; margin: 0; padding: 0 0 0 5px;}
	
	#mainnavigation li a#navigationHome {background: url(../img/btn_home.gif) no-repeat; height:20px; width: 137px; }
	#mainnavigation li a#navigationHome:hover, #mainnavigation li a#navigationHome.active{background: url(../img/btn_home.gif) no-repeat; background-position: 0 -20px;}
	
	#mainnavigation li a#navigationWinkel {background: url(../img/btn_winkel.gif) no-repeat; height:20px; width: 93px;}
	#mainnavigation li a#navigationWinkel:hover, #mainnavigation li a#navigationWinkel.active{background: url(../img/btn_winkel.gif) no-repeat; background-position: 0 -20px;}
	
	#mainnavigation li a#navigationContact {background: url(../img/btn_contact.gif) no-repeat; height:20px; width: 68px; }
	#mainnavigation li a#navigationContact:hover, #mainnavigation li a#navigationContact.active{background: url(../img/btn_contact.gif) no-repeat; background-position: 0 -20px;}
	
	#mainnavigation li a#navigationEmail {background: url(../img/btn_email.gif) no-repeat; height:20px; width: 68px; }
	#mainnavigation li a#navigationEmail:hover, #mainnavigation li a#navigationEmail.active{background: url(../img/btn_email.gif) no-repeat; background-position: 0 -20px;}

	#mainnavigation li a#navigationGastenboek {background: url(../img/btn_gastenboek.gif) no-repeat; height:20px; width: 98px; }
	#mainnavigation li a#navigationGastenboek:hover, #mainnavigation li a#navigationGastenboek.active{background: url(../img/btn_gastenboek.gif) no-repeat; background-position: 0 -20px;}
	
	#mainnavigation li a#navigationVerzoeken {background: url(../img/btn_question.gif) no-repeat; height:20px; width: 24px; }
	#mainnavigation li a#navigationVerzoeken:hover, #mainnavigation li a#navigationVerzoeken.active{background: url(../img/btn_question.gif) no-repeat; background-position: 0 -20px;}

	/*	 Content
	---------------------------------------------- */
	
		/*	 Leftbar
		---------------------------------------------- */
		#leftbar{background:url(../img/leftbar.jpg) no-repeat; float:left; min-height:421px; width:354px;}
	
		/*	 Maincontent
		---------------------------------------------- */
		#maincontent{float:left; margin:0; min-height:421px; padding: 10px; width:514px;}
		
		#maincontent h1{padding: 15px 0 0 0; font-size: 1.6em;}
		#maincontent h2{padding: 15px 0 0 0; font-size: 1.4em;}
		#maincontent h3{padding: 5px 0 0 0; font-size: 1.2em;}
		
		#maincontent p, #maincontent address{padding: 10px 0 0 0;}
		
		.imageleft { float: left; margin: 0 10px 0 10px;}
		.imageright { float: right; margin: 0 10px 0 10px; border: 1px solid #993399;}
		.imageCenter { display: block; margin: 0 auto;}
		
		img.map{border: 1px solid #ccc;}
		
		#maincontent ul{margin: 15px 0 0 20px;}
		#maincontent ul li{text-indent: 5px;}
		
		.floatBlock{border-top: #993399 dotted 1px; margin:20px 0 0 0; }
		
		.floatLeft{float: left; width: 230px;}
		.floatRight{float: right; width: 230px;}
		
		.floatLeft img, .floatRight img{float: left; margin: 0 10px 0 0; border: 1px solid #999999;}
		
		#maincontent ul.gallery { height: 100%; list-style: none; padding: 0; background: #eee; overflow: auto; border: 1px solid #aaa;}
		#maincontent ul.gallery li { float: left; margin: 6px; width: 110px; height: 110px;}
		#maincontent ul.gallery img { width: 100px; height: 75px; margin: 17px auto; border: 2px solid #666; display:block;}
		#maincontent ul.gallery li.tall img { height: 100px; width: 75px; margin: 5px 17px; }
		
		#maincontent table.guestbook{width:504px;/* border-bottom: #993399 dotted 1px;*/ margin: 15px 5px 0 5px; padding: 0 0 15px 0;}
		#maincontent table.guestbook td.message{width:490px; border: 1px solid #993399; margin: 5px 0 0 0; padding: 5px; font-style: italic;}
		#maincontent table.guestbook td.messagefooter{background: #99cc33; border-bottom: 1px solid #993399; border-left: 1px solid #993399; border-right: 1px solid #993399; margin: 0 0 0 0; padding: 0 5px;}
		
		#maincontent form#guestbookform {margin: 15px 0 0 0; padding: 0 0 0; }
		#maincontent form#guestbookform .formItem{ margin:5px 0 0 0; padding: 0 0 0 0;}
		#maincontent form#guestbookform .formItem2{ float: left;}
		#maincontent form#guestbookform .formItem input {border: 1px solid #993399; margin: 0; }
		#maincontent form#guestbookform .formItem textarea {border: 1px solid #993399; margin: 0;}
		#maincontent form#guestbookform .formItem input#captcha_code {float:left;  margin: 8px 27px 0 0;}
		#maincontent form#guestbookform input.error, #maincontent form#guestbookform textarea.error {border: 1px solid red;}
		
		#maincontent form#mailform {margin: 15px 0 0 0; padding: 0 0 0;}
		#maincontent form#mailform .formItem{ margin:5px 0 0 0; padding: 0 0 0 0;}
		#maincontent form#mailform .formItem2{ float: left;}
		#maincontent form#mailform .formItem input {border: 1px solid #993399; margin: 0; }
		#maincontent form#mailform .formItem textarea {border: 1px solid #993399; margin: 0;}
		#maincontent form#mailform .formItem input#captcha_code {float:left;  margin: 8px 27px 0 0;}
		#maincontent form#mailform input.error, #maincontent form#mailform textarea.error {border: 1px solid red;}
		
		#maincontent #errorbox{border: 1px solid red; color: red; margin: 15px 0 0 0; padding: 0 5px 10px 5px; width:412px; }
		#maincontent #mailSucces {background: #99cc33; border: 1px solid #993399; margin: 15px 0 0 0; padding: 0 5px 10px 5px; width:412px; }
		
		#maincontent form div#captcha_image{float: left; margin: 0 0 0 10px;}
		#maincontent form div#captcha_image img{margin: 5px 0 0 0;}
		#maincontent form div#captcha_image span{display: block;}
		
		/*	 Rightbar
		---------------------------------------------- */
		#rightbar{background:url(../img/rightbar.jpg) no-repeat; float:left; min-height:421px; width:136px;}
		
/*	 splashimage
---------------------------------------------- */
#splashimage {height:591px; margin:auto; padding:5px; width:868px;}
#splashimage a{background:url(../img/splashFull.jpg) no-repeat; display:block; height:591px; text-indent:-900em; width:868px; }
#splashimage a:hover{background-position: 0 -591px;}


