/* global styles that apply to all webpages */

html, body {
		height: 100%;
	}
	
body {
	margin: 0 0 0 0;
	position: relative;
}
	
	#page {
		/* houdt rekening met breedte van eventuele scrollbar (zit aan de binnekant van maincontent)*/
		width: 805px;
	}
	
	#page #footer {
		/* houdt geen rekening met breedte van eventuele scrollbar (hoort bij maincontent) */
		width: 780px;
	}
	
	#page {
		/* 80% content, 20% voor de footer, met javascript tunen */
		height: 80%;
		/* als content niet meer past boven footer, scrollbar laten zien*/
		overflow: auto;
		/* content centreren */
		margin-left: auto;
		margin-right: auto;
	}
	
	
	/* banner of the page */
	
	#page #pagebanner {
		/* naast het menu link plaatsen */
		float: left;
		background-repeat: no-repeat;
		/* relative zodat child het 'ik kan ook' blok absoluut rights kan */
		width: 650px;
		height: 130px;
	}
	
	#page #pagebanner #clickableBannerArea {
		width:520px;
		#width:510px; /* IE6 fix */
		height:130px;
		float:left
	}
	
	#page #pagebanner #pagebanner_ikkanook {
		float: right;
		width: 130px;
		height: 115px;
		padding-top: 15px;
	}
	
	#pagebanner_ikkanook #ikkanook_icon {
		float: left;
		padding-left: .5em;
	}
	
	#pagebanner_ikkanook #ikkanook_text {
		float: left;
		margin-top: .5em;
		margin-top:0; /* IE6 fix */
		margin-left: 5px;
		width: 60%;
	}
	
	
	/* middle of the page */
		
		
		#page #contentmain {
			float: left;
			overflow: hidden;
		}
		
		#page #breadcrumbtrail, #page #contentmain {
			/* breadcrumbtrail moet met de maincontent oplijnen */
			padding: 0px 10px 0px 10px;
		}
		
		#page #contentmain, #page #breadcrumbtrail {
			width: 390px;
		}
		
		#page #breadcrumbtrail {
			float: left;
			overflow: hidden;
		}
		
		#page #breadcrumbtrail {
			/* ruimte tussen banner en breadcrumbtrail */
			margin-top: 0.7em;
		}
		
		#page h2 {
			margin-bottom: 0px;
			margin-top: 11px;
		}
		
		#page h2 a {
			text-decoration: none;
		}
		
			#page #contentmain .navmenu, #page #contentmain .navblock {
				padding: .5em .5em .5em .3em;
				float: left;
				width: 170px;
			}
			
			#page #contentmain .navmenu.left, #page #contentmain .navblock.left {
				margin-right: 1em;
			}
		
			#page #contentmain .navmenu {
				margin-top: 1em;
				background-image: url('/fbto/assets/images/layout/categorie_blok_gradient.gif');
				background-repeat: repeat-x;
				min-height: 10em;
				/* IE strikes again */
				height: 10em;
			}

			.navblock .navlink, .navmenu .navlink {
				text-decoration: none;
			}
			
			.navblock .navlink.underline, .navmenu .navlink.underline {
				text-decoration: underline;
			}
			
			#page #contentmain #vorigeblock {
				margin-top: 1em;
				float: left;
			}
			
			/* voor het geval content zijn eigen navlinks heeft beneden, dan uitlijnen met #vorigeblock */
			#page #contentmain #contentnav_bottom {
				margin-top: 1em;
				float: right;
			}
	
	#voordelen {
		margin-top: 1em;
	}

	#berekenknop {
		text-align: right;
	}
	
	.rightaligned {
		text-align: right;
	}
		
	/* rightside of the page */
		
		
		#page #navright {
			float: left;
			overflow: hidden;
			width: 239px;
		}
		
		/* FF bug where overflow:hidden doesn't work correctly with x-index and absolute divs on top */
		#page #navright, x:-moz-any-link {
			overflow: visible;
		}
		
		#page .sideline {
			float: left;
			overflow: hidden;
			width: 1px;
			height: 80%;
			/* counter the whitespace that the navright specifies */
			margin-top: -25px;
		}
		
		
	/* footer */
	
	
	#footer {
		position: absolute;
		background-color: white;
		bottom: 1cm;
	}
	
		#footer #logoblock #waarborg, #footer #logoblock #slogan {	
			margin-bottom: 0px;
		}
		
		#footer #logoblock #waarborg {
			float: left;
			margin-top: 20px;
		}
		
		#footer #logoblock #slogan {
			float: right;
		}