/***** PAGE LAYOUT ******************************************************/

* { margin: 0; padding: 0 } 

html { 	height: 100% }

body {
	height: 100%;
	text-align: center;
	font-family: Tahoma;	
	font-size: 10px;
	padding: 0;
	margin: 0;
	cursor: default;
	background: black url("../images/layout/bgsquare.gif") top left repeat
}

#pagecontainer { position: relative; margin: 0px auto; min-height: 100%; background: url("../images/layout/bgstrook.gif") top repeat-x }
* html #pagecontainer { height: 100% }

	#container { position: relative; z-index: 2; width: 955px; margin: 0px auto; background: url("../images/layout/bgcontentstrook.gif") top left repeat-y }
	#container.admin { background: url("../images/layout/bgadminstrook.gif") top left repeat-y }
				
		#gradientLeft { position: absolute; top: -133px; left: 12px; width: 171px; height: 133px; background:  url("../images/layout/gradientLeft.gif") }
		#gradientRight { position: absolute; top: -133px; right: 12px; width: 171px; height: 133px; background: url("../images/layout/gradientRight.gif") }
		*html #gradientRight { right: 11px } /* IE6 hack */
			
	
		#invisible { position: absolute; top: -1000px; visibility: hidden }

		#shadowLeft {position: absolute; top: -145px; left: -6px; width: 6px; height: 100%; background: url("../images/layout/shadowLeft.png") }
		#shadowLeft { behavior: url("scripts/iepngfix.htc") }
		
		#shadowRight { position: absolute; top: -145px; right: -6px; width: 6px; height: 100%; background: url("../images/layout/shadowRight.png") }
		#shadowRight { behavior: url("scripts/iepngfix.htc") }
		
	#footer {
		position: relative;
		z-index: 3;
		margin: 0 auto;
		clear: both;
		width: 967px;
		height: 106px;
	}
	#footerPNG { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/layout/footer.png") bottom no-repeat }
	#footerPNG { behavior: url("scripts/iepngfix.htc") }
	
	#footer.admin { background: none; height: 35px }
	#footer.admin #footerPNG { background: url("../images/layout/footerAdmin.png") bottom no-repeat }
	
	#footer H4 { position: relative; z-index: 3; top: 71px; margin: 0 auto; color: #8c8c8c; font-size: 9px; font-weight: normal; text-decoration: none; line-height: 23px }
	#footer H4 a { color: #8c8c8c; font-weight: bold; text-decoration: none }
	#footer H4 a:hover { color: #CCC; text-decoration: underline }
	#footer #googleSearch { position: absolute; z-index: 3; left: 183px; bottom: 35px; width: 601px; background-color: #eee; border-top: 4px solid #f9f9f9 }		
	
	/*********** TOP ***********************************************/
	#top { position: relative; margin: 0 auto; width: 943px; height: 121px; background: url("../images/top/top.jpg") no-repeat; border-bottom: 6px solid #1d1d1d }
		h1#logo {
			text-indent: -9999px; overflow: hidden;
			position: absolute;
			top: 10px;				
			left: 50%;
			margin-left: -170px;
			width: 340px;
			height: 96px;
			background: url("../images/top/logo.jpg") center no-repeat;	
			z-index: 2 }
		h1#logochristmas {
			text-indent: -9999px; overflow: hidden;
			position: absolute;
			top: 1px;				
			left: 50%;
			margin-left: -170px;
			width: 340px;
			height: 105px;
			background: url("../images/top/logochristmas.jpg") center no-repeat;	
			z-index: 2 }			
		#top1 { 
			width: 100%; height: 122px; background: url("../images/top/top.jpg") center no-repeat;
			position: relative;
			top: 0px;
			left: 0px;
			z-index: 1 }
		#taalkeuze {
			position: absolute;
			margin-top: 5px;
			right: 10px;
			z-index: 2 }
		#taalkeuze a { color: #4c4c4c; text-decoration: none }
		#taalkeuze a:hover { color: red }
		#taalkeuze img { border: 0px; margin-top: 3px }
		#topnav { position: absolute; top: 5px; left: 15px; margin: 0px; padding: 0px; z-index: 2; list-style-type: none }
			#topnav li { display: inline;  width: 80px; padding-right: 20px }
			#topnav li a { color: black; text-decoration: underline }
			#topnav li a:hover { color: red }
	/*************************************************************/	

	#navContainer { position: relative; z-index: 4; left: 6px; float: left; width: 171px; color: #FFFFFF }
	#contentContainer { position: relative; z-index: 3; left: 6px; float: left; width: 601px }
		
/***********************************************************************/