/** kleur codes **/
/*
	grijs: #404041
	licht blauw: #59c9e1
	donker blauw: #0f75bc
*/
html{
	height: 100%; 
	width: 100%;	
}

body {
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	font-family: arial;
	height: 100%; 
	width: 100%;
	overflow-x:hidden;
}
#body{
	background-color:#f3892f;
}
#main {
	width: 100%;
	position: absolute;
	min-height: 100%;
	height:auto !important; 
	height:100%;	
	z-index: 1; 
}
	#header{
		width:100%;
		height:37px;
		background-image: url("./images/bg_menu.png");
		background-repeat: repeat-x;
	}
	#bg_a{
		width:100%;
		height:246px;
		background-image: url("./images/bg_a_2.png");
		background-position:left;
		background-repeat: no-repeat;
		background-color: #a8d6ee;
	}
	#bg_b{
		width:100%;
		height:235px;
		background-image: url("./images/bg_b.png");
		background-repeat: repeat-x;
	}
	#bg_c{
		width:100%;
		height:82px;
		background-image: url("./images/bg_c.png");
		background-repeat: repeat-x;
		
	}

		#container {
			width: 100%;
			position: absolute;
			top: 0px;
			left:0px;
			min-height: 100%;
			height:auto !important; /* voor moderne browsers */
			height:100%;
			margin: 0 auto;
			z-index: 2;
			left: 50%;
			
		}
			#container2{
				width: 956px;
				position: relative;
				top: 0px;
				left:-50%;
				min-height: 100%;
				height:auto !important; /* voor moderne browsers */
				height:100%;
				margin: 0 auto;
				z-index: 3;
			}
				#header_main{
					width:100%;
					height:37px;
					overflow: visible;
					position: relative;
					z-index: 10;
				}
				#bg_a_main{
					width:100%;
					height:246px;
					background-image: url("./images/bg_a_full.png");
					background-repeat: no-repeat;
					position: relative;
				}
					.logo{
						width:200px;
						height:81px;
						background-image: url("./images/Sam_logo.png");
						background-repeat: no-repeat;
						background-position: 0px;
						padding-top: 5px;
						margin-left: 68px;
					}	
				#bg_b_main{
					width:100%;
					height:235px;
				}
				#bg_c_main{
					width:100%;
					height:82px;
					position: relative;
				}
		
		#menu{
			width:897px;
			position:relative;
			top:10px;
			left:67px;
			color:#000;
			z-index: 20;
			overflow: visible;
		}
		#menu li{
			min-height: 15px;
		}
		#content_container{
			width:827px;
			height:427px;
			left:51px;
			position:absolute;
			top:93px;
			background-color: #fff;	
			
			
		}
			#content{
				width: 793px;
				height: 395px;
				background-color: #e8eddb;
				position: relative;
				top:16px;
				left:17px;
				
			}
			
				#left_bar{
					width: 186px;
					height: 395px;
					float: left;
					background-image: url("./images/bloem.png");
					background-repeat: no-repeat;
					background-position: left top;
				}
				#content_final{
					width: 582px;
					height: 395px;
					float: left;
					overflow-y: auto;
					overflow-x:hidden; 
					padding-left: 25px;
				}
				#salamander{
					position: absolute;
					background-image: url("./images/salamander.png");
					background-repeat: no-repeat;
					width: 248px;
					height: 241px;
					left:700px;
					top:-100px;
				}
				.title{
					width: 596px;
					height: 30px;
				}
				.title h1{
					padding-top:10px;
					font-size: 16px;
					color: #0f75bc;
					padding-left: 2px;
				}
			#content table{
				font-size: 11px;
				color:#404041;
				text-align: justify;
				margin-bottom: 10px;
			}
			#content_final h2{
				font-size: 12px;
				color:#0f75bc;
				margin-bottom: 0px;
				padding-bottom: 0px;
			}
			#content_final h3{
				font-size: 11px;
				color:#0f75bc;
				margin-bottom: 0px;
				padding-bottom: 0px;
			}
			#content_final p{
				margin-top: 0px;
				padding-top: 0px;
				margin-bottom: 10px;
				text-align: justify;
			}
			
		#footer{
			height: 20px;
			width:869px;
			top:40px;	 
			left:0px;
			position:absolute;
		}
			.footer{
				font-size: 10px;
				color: #404041;	
				margin-right: 10px;
				margin-top: 4px;			
			}
			.footer a{
				font-size: 10px;	
				color: #404041;	
				text-decoration: none;		
			}
			.footer a:hover{	
				color: #0f75bc;	
					
			}
	.sam_opsomming{
		list-style: none;
		margin-left: 0px;
		padding-left: 0px;
	}			
	.sam_opsomming li{
		list-style: none;
		color:#404041;
		margin-left: 0px;
		padding-left: 3px;
	}	

	#tijdslijn{
		width: 500px;
		height: 400px;
	}
	#tijdslijn .tijdslijn_sam{
		width: 500px;
		height: 50px;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	#tijdslijn .tijdslijn_sam li{
		width: 100px;
		height: 30px;
		border: 1px solid #404041;
		margin: 0px;
		padding: 0px;
		float: left;
		margin-left: 97px;
		list-style: none;
	}
	#tijdslijn .tijdslijn_sam .first{
		margin-left: 0px;
	}
	#tijdslijn .tijdslijn_sam li a{
		display: block;
		text-align: center;
		height: 23px;
		padding-top: 7px;
	}
	#tijdslijn .tijdslijn_content{
		width: 500px;
		height: 300px;
	}
	#tijdslijn .tijdslijn_content div{
		width: 500px;
		height: 300px;
	}

	#content_final a img{
		border: 0px;
	}