/* CSS Document */
html { overflow-x: hidden; }
body { 
	margin: 0px; 
	padding: 0px; 
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif; 
	color:#002a35; 
}

div#header{ height: 121px; width:994px; background-color:#FFFFFF;}
	
	div.header-image {
		height: 121px;
	}
	div.default{ height: 121px; width: 450px; background-image:url('../images/headers/default.jpg'); float:left; }
	/*div.defaulthome{ height: 121px; width: 450px; background-image:url(../images/headers/defaulthome.jpg); float:left; }*/
	div.logo{ height: 121px; width: 340px; background:url(../images/logo.png); float:right; cursor:pointer;}
	div.header-overlay { float: left; width: 200px; height: 35px; margin-top: 86px; background-image: url('../images/left.png'); }
	*html div.header-overlay { background-image: url('../images/left.gif'); background-position: 0px 1px; }

/* Wat doet dit? */
/*
div#header2{ height:121px; width:994px; background-color:#edf1f4;}
	div.default2{ height:121px; width:224px; background-image:url(../images/headers/default2.jpg); float:left; }
	div.logo2{ height:121px; width:340px; background:url(../images/logo2.png) no-repeat; float:right; cursor:pointer;}
*/

div#main{ display:block; /*OUD height:565px; OUD*/ height: 393px; width:994px; /*background-color:#899F72;*/}
	div#main div#iframe{ width:994px; height:565px; }
	iframe { border:none;}
	
	div#main div#left { float:left; width:324px; height:565px; /*background:url(../images/backg.gif);*/}
	
	div#main div#lefthome { 
		float:left; 
		margin: 0px; 
		padding: 0px; 
		width:300px; 
		height:393px; 
		background:url('../images/left.png');
		background-repeat: no-repeat;
		background-position: 0px -35px;
	}
	*html div#main div#lefthome { 
		height: 397px;
		background: url('../images/left.gif'); 
		background-repeat: no-repeat;
		background-position: 0px -34px;
	}

	/* ============================================ */
	/* Content Linker kant 									*/
	/* ============================================ */
	div#contentLeft { 
		float:left; 
		width:175px; 
		height: 382px; 		
		padding: 10px 0px 0px 0px; 
		font-size:11px; 
		line-height:14px; 
	}
		div#dropdown {
			
		}
		div#side-text {
			margin: 0px 0px;
			padding-left: 0px;
			color:#002a35; 
			font-size:12px; 
			font-weight:bold; 
			line-height:16px;
		}
		div#side-image {
			margin: 5px 0px;
			padding: 1px;
			width: 143px;
			height: 120px;
			background-position: 0% 50%;
		}
		
		*html div#side-image { height: 122px; } 
		
		div#schema {
			margin: 0px;
			width: 145px;
			height: 166px;
			background-image: url('../pics/schema3.png');
			background-repeat: no-repeat;
		}
		*html div#schema { background-image: url('../pics/schema3.png'); background-repeat: no-repeat; } 
		
				#rodeHead { margin-top:0px; color:#bf0227; font-size:14px; font-weight:bold; line-height:16px;}
				#knop { display:table-cell; width:73px; height:46px; background-color:#bc1220; vertical-align:middle; text-align:center; font-size:11px; color:#FFFFFF;}
				

	/* ============================================ */
	/* Content Rechter kant									*/
	/* ============================================ */
	
	div#contentRight { 
	}
		div#flashmenu {
			margin: 0px 0px 0px 484px; 
			padding: 0px 0px 0px 16px; 
			height:165px; 
			/*background-color:#899F72;*/
		}
			.flashMenuItem { 
				margin-right: 10px; 
				border: 0px;
				background-image: url('../images/menu/menu.png');
				background-repeat: no-repeat;
				width: 104px; 
				height: 160px; 
				float: left;
				cursor: pointer;
			}
			*html .flashMenuItem {
				background-image: url('../images/menu/menu.gif');
				background-repeat: no-repeat;
			}
			
								
	div#contentvlak { 
		margin: 0px 0px 0px 484px;
		padding: 0px; 
		width: 507px; 
		height: 228px; 
	}	
	* html div#contentvlak { height: 232px; }

	div#text { 
		margin: 0 70px 0 16px; 
		padding-top:24px; 
		font-size:11px;
	}
	div#text-scroll{ 
		margin: 0 0px 0 16px; 
		padding: 2px 0px 0px 0px; 
		height: 220px;
		overflow: auto;
		font-size: 11px; 
		line-height: 12px;
	}

	div#knoppen {
		margin: 10px 0px 0px 0px; 
		font-size:11px; 
		color:#002a35; 
		line-height:13px;
	}
	
	*html div#knoppen { margin: 15px 0px 0px 0px; }
	
	div#knoppen a.bestelknop {
		background-image: url('../images/bestelknoppen.png');
		background-repeat: no-repeat;
		float: left;
		width: 187px;
		height: 32px;
		margin: 0px 16px 0px 16px;
	}
	
	
	div#main div#contentRight div#contentvlak div#imagesRight { float:right; width:180px;  }
	div#iframeContent div#imagesRight { float:right; width:180px;  }

/* ============================================ */
/* Footer													*/
/* ============================================ */	
								

	
div#footer{ width:994px; background-color: #FFFFFF; }

	div#footer div#footer-image { 
		float: left;
		padding: 0px;  
		height:14px; 
		width: 280px; 
		background: #bf0227 url('../images/left.png') no-repeat; 
		background-position: 0px -428px;
		font-size: 10px;
		line-height: 12px;
	}
	*html div#footer div#footer-image {
		background: #bf0227 url('../images/left.gif') no-repeat; 
		background-position: 0px -431px;
	}
	div#footer div#menu {
		float: left;
		width: 714px;
		height: 14px;
		font-size: 10px;
		line-height: 12px;
		background-color: #bf0227;
		text-align: left;
	}
	div#footer div#menu a { margin-left:18px; text-decoration:none; color:#FFFFFF;}
	div#footer div#menu a:hover { color:#d77563;}
	
	div#footer div#causes { float:right; margin-top:8px; height:48px; background-color: #FFFFFF;}
				.cause { margin-right:20px;}
				.cause1 {margin-left: 70px;}
				.cause2 {margin-left: 60px;}
	
	
h1 { font-size:16px; font-weight:bold; color:#bf0227; margin:0 0 14px 0;}
h2 { font-weight:bold; color:#bf0227; margin:16px 0 0 0; font-size:11px;}
.red { color:#bf0227; }
.f11 { font-size:11px;}
.f12 { font-size:12px;}
a { text-decoration:none; }
a:hover { text-decoration:underline;}
input { margin-left:0; padding:0;}



#iframeContent{ padding:18px 30px 0 15px;}
#iframeContent #pers{ font-size:12px; color:#002a35; text-align:justify;}
#iframeContent #pers .pdf{ float:right; color:#bf0227; font-weight:bold; }
#iframeContent #pers h2 { color:#002a35; font-size:18px;}
#iframeContent #pers a { color:#002a35; }

#iframeContent #doelen{ font-size:12px; color:#002a35; text-align:justify;}
#iframeContent #doelen h2{ color:#bf0227; font-size:16px; font-weight:bold; }

#iframeContent #faq{ font-size:12px; color:#002a35; text-align:justify;}
#iframeContent #faq h2{ color:#bf0227; font-size:16px; font-weight:bold; }
#iframeContent #faq a{ color:#bf0227; font-size:12px; font-weight:bold; }
#iframeContent ol { color:#bf0227; margin-left:0px; padding-left:20px; font-weight:bold;}
#iframeContent ol a {color:#bf0227;}