html, body	{height: 100%;}
html	{background: #eff7fa url(../img/volg_shim_bg.gif) top center repeat-y;}
html#home {background-image: none;}
body	{background: url(../img/KBCZ_bg_shim.gif) top center repeat-x; margin: 0; padding: 0;}

#canvas	{width: 980px; margin: 0px auto;}

#header	{background: url(../img/KBCZ_header.gif) top center no-repeat; 
	width: 980px; height: 155px; position: relative;}

#metamenu	{position: absolute; right: 0; top: 5px; width: 186px; height: 20px;
		margin: 0; padding: 0 0 0 35px;}
	ul#metamenu li	{float: left; list-style-type: none; width: 49px; height: 13px;
		margin: 3px 15px 0 0; background-repeat: no-repeat !important;}
	ul#metamenu li span	{display: none}
	ul#metamenu li a	{display: block; height: 100%}
	
	ul#metamenu li#h	{background: url(../img/service/servicemenu_home.gif); width: 29px;}
	ul#metamenu li#c	{background: url(../img/service/servicemenu_contact.gif);}
	ul#metamenu li#s	{background: url(../img/service/servicemenu_sitemap.gif)}
	
	ul#metamenu li#h:hover	{background: url(../img/service/servicemenu_home_MO.gif)}
	ul#metamenu li#c:hover	{background: url(../img/service/servicemenu_contact_MO.gif)}
	ul#metamenu li#s:hover	{background: url(../img/service/servicemenu_sitemap_MO.gif)}
	
#menu	{overflow: hidden;}

	ul#menu	{margin: 0; padding: 0; position: absolute; bottom: 0px;}
	ul#menu li	{float: left; width: 140px; height: 52px; background-color: pink;
		margin: 0; padding: 0; list-style-type: none}
	ul#menu li span	{display: none}
	ul#menu li a		{display: block; height: 100%;}
	
		li.mnu1	{background-image: url(../img/tabs/nav_home.gif);}
		li.mnu2	{background-image: url(../img/tabs/nav_volwas.gif);}
		li.mnu3	{background-image: url(../img/tabs/nav_kind.gif);}
		li.mnu4	{background-image: url(../img/tabs/nav_prof.gif);}
		li.mnu5	{background-image: url(../img/tabs/nav_behandel.gif);}
		li.mnu6	{background-image: url(../img/tabs/nav_organ.gif);}
		li.mnu7	{background-image: url(../img/tabs/nav_nieuws.gif);}
		
		li.mnu1.curr	{background-image: url(../img/tabs/nav_home_MO.gif);}
		li.mnu2.curr	{background-image: url(../img/tabs/nav_volwas_MO.gif);}
		li.mnu3.curr	{background-image: url(../img/tabs/nav_kind_MO.gif);}
		li.mnu4.curr	{background-image: url(../img/tabs/nav_prof_MO.gif);}
		li.mnu5.curr	{background-image: url(../img/tabs/nav_behandel_MO.gif);}
		li.mnu6.curr	{background-image: url(../img/tabs/nav_organ_MO.gif);}
		li.mnu7.curr	{background-image: url(../img/tabs/nav_nieuws_MO.gif);}

#container	{overflow: auto; clear: both; margin-bottom: 30px;}
	
	#submenu	{float: left; width: 216px; background-color: #ff9900; border-top: 3px solid white; padding-top: 10px;}
	
		#submenu ul	{margin: 0; padding: 0;}
		#submenu ul li	{list-style-type: none; padding: 2px 10px;}
		
		#submenu ul ul	{margin: 12px 10px; font-size: 0.9em; border-bottom: 1px solid #ffaf38;}
		#submenu ul ul li	{padding: 3px 0; border-top: 1px solid #ffaf38;}
		
		#submenu a, #submenu ul li.current li a	{color: white; font-weight: normal}
		#submenu ul ul a, #submenu ul li.current a, #submenu ul li.current li.current a 
			{/* color: black; */ font-weight: bold;}
		/* #submenu ul li.current li.current
			{list-style-image: url('../img/3.gif');} */
		
		/* #submenu ul li.current, #submenu ul li.current li.current	{background-color: #d58f53; font-weight: bold;}
		#submenu ul li.current li	{background-color: #cc6633; font-weight: normal} */
		
	#content	{float: left; width: 734px; padding: 0 15px; line-height: 1.5;}
			
		#pagfotos	{overflow: auto; margin: 0; padding: 0;}
		#pagfotos p	{margin: 0; padding: 0;}
		
		#pagfotos.staand	{float: right; margin: 0 0 20px 20px;}
			#pagfotos.staand p	{margin-bottom: 10px;}
		#pagfotos.liggend	{}
			#pagfotos.liggend p	{float: left; margin-right: 10px;}
			
#crumbs	{font-size: 0.9em; margin: 10px 0; padding: 0;}
#crumbs li	{display: inline; list-style-image: none;}
#crumbs a	{color: #4F85C5; font-size: inherit}
#crumbs a:hover	{color: #999999}

#inlinemenu		{margin: 20px 0; padding: 0 0 0 10px; width: 120px; float: right; border-left: 2px solid gainsboro;}
#inlinemenu li	{list-style-type: none}
#inlinemenu a	{font-size: 0.9em}

/* blokken homepage */

	#pag7 #container 	{background-color: white; padding-bottom: 20px;} /* de homepage op een witte achtergrond zetten */
	
	#regel1, #regel2  {clear: both; overflow: hidden; margin: 8px auto; width: 956px }
	#regel1	{margin-top: 20px;}
	
	#tekstblok	{background-image: url(../img/home/home_txtvlak.gif); width: 454px; height: 360px; padding: 10px; float: left; margin-right: 8px; color: #686764;}
	
	#subblok	{float: left; margin: 0; padding: 0;}
	
		#decofoto1	{background-image: url(../img/home/home_foto1.jpg); width: 195px; height: 186px; float: left; margin-right: 8px; margin-bottom: 8px;}
		#nieuwsblok	{background-image: url(../img/home/home_nieuwsblok.gif); width: 264px; height: 186px; float: left; margin-bottom: 8px; color: white;}

			#nieuwsblok ul	{margin: 50px 10px 10px 10px; padding: 0;}
			#nieuwsblok li	{list-style-type: none; margin-bottom: 10px; color: #16565f}
			#nieuwsblok a	{color: white;}
		
		#decofoto2	{background-image: url(../img/home/home_foto2.jpg); width: 264px; height: 186px; float: left; clear: left; margin-right: 8px;}
		#decofoto3	{background-image: url(../img/home/home_foto3.jpg); width: 195px; height: 186px; float: left;}
	
	#regel2 a	{height: 66px; display: block; float: left;}
	#regel2 a span	{display: none;}
	
	.davos	{background-image: url(../img/home/home_banner_davos.jpg); width: 474px; margin-right: 8px;}
	.heide	{background-image: url(../img/home/home_banner_heide.jpg); width: 467px;}