/* Design & Code (c) Diffuse Interactive */
html, body { 
	padding			: 0; 
	margin			: 0; 
}

body {
	font			: normal 11px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
	background		: #191919 url('../_images/background.gif') repeat-y center;
	color			: #444;
}

	#wrapper {
		margin			: 0 auto;
		width			: 100%;
		min-height		: 100%;
	}
	
	* html #wrapper {
			height			: 100%;
		}
	
		#header {
			margin			: 0 auto;
			width			: 1000px;
			height			: 232px;
		}
			
			#header-overlay{
				position 		: absolute;
				width			: 1000px;
				height			: 232px;
				background		: transparent url('../images/header-overlay.png') no-repeat;
			}
			
				#language {
					float	: right;
					display		: inline;
					margin	: 13px 50px 0 0; 
					
				}
				
				#language span {
					float 		: left;
					display		: inline;
					height		: 28px; 
					line-height	: 22px;
					font-weight	: bold;
					margin 		: 0 8px 0 0;
					
				}
				
				#language a {
					float 	: left;
					display	: inline;
					height	: 28px; 
					margin 	: 0 5px 0 0;					
				}
				
				#language a.active{
					background : transparent url('../images/arrow.gif') no-repeat bottom center;
					
				}
				
				#language a img {
					border	: 0px;					
				}
			
			#sfeerbeelden{
				position 		: absolute;
				width			: 700px;
				height			: 232px;
				margin 			: 0 0 0 270px;
			}
			
				#sfeerbeelden div{
					position 		: absolute;
				}
		
		#nav {
			margin			: 0 auto;
			width			: 1000px;
			height			: 85px;
			background		: transparent url('../images/nav_back2.jpg') no-repeat;
		}
		
		#home #nav, #media #nav {
			background		: transparent url('../images/nav_back.jpg') no-repeat;
		}
		
		#content_background {
			margin			: 0 auto;
			width			: 1000px;
			background		: transparent url('../images/bg_2col.gif') repeat-y;
			line-height 	: 20px;
		}
		
		#home #content_background, #media #content_background {
			background		: transparent url('../images/bg_3col.gif') repeat-y;
		}
		
			#content{
				width			: 1000px;
				background		: transparent url('../images/background_2col.gif') no-repeat bottom left;
				
			}
			
			#home #content, #media #content{
				background		: transparent url('../images/background_3col.gif') no-repeat bottom left;
			}
		
			#left {
				float		: left;
				display		: inline;
				width 		: 620px;
				padding 	: 0 10px 20px 20px;
				margin 		: 0 0 0 10px;
			}
		
			#home #left, #media #left {
				float		: left;
				display		: inline;
				width 		: 300px;
				padding 	: 0 10px 20px 20px;
				margin 		: 0 0 0 10px;
			}
			
			#home #left {
				
			}
			
			#mid {
				float		: left;
				display		: inline;
				width 		: 300px;
				padding 	: 0 10px 20px 10px;
				margin 		: 0 0 0 0;
			}
			
			#home #mid {
				
			}
			
			#right {
				float		: left;
				display		: inline;
				width 		: 300px;
				padding 	: 0 20px 20px 10px;
				margin 		: 0 0 0 0;
			}
			
			#home #right {
				
			}
				
				#content div.block {
					float 		: left;
					display 	: inline;
					padding 	: 12px 20px 10px 20px;
					width 		: 260px;
				}
				
				#content div.nieuwsitem {
					float 		: left;
					display 	: inline;
					padding 	: 5px 20px 5px 20px;
					width 		: 260px;
				}
				
					span.date {
						float 		: left;
						display 	: inline;
						color 		: #fff;
						width 		: 62px;
						height 		: 18px;
						line-height : 18px;
						text-align	: center;
						background	: transparent url('../images/date-bg.gif') no-repeat top left;
						font-size	: 10px; 
					}
					
					span.title {
						float 		: left;
						display 	: inline;
						font-weight : normal;
						margin 		: 0 0 0 6px;
					}
					
					span.title a {
						text-decoration: none;
					}
				
				#content div.newsblock {
					float 		: left;
					display 	: inline;
					padding 	: 12px 20px 10px 20px;
					width 		: 260px;
				}
				
					#content div.newsblock h2 {
						padding 	: 0 0 10px 0;
					}
					
					#content div.newsblock .newsitem {
						padding: 5px 5px 5px 10px;
					}
					
						#content div.newsblock .newsitem a{ 
							text-decoration	: none;
						}
					
				
				#content div.block_large {
					float 		: left;
					display 	: inline;
					padding 	: 12px 20px 10px 20px;
					width 		: 560px;
				}
				
				#content div.nieuwsbrief {
					float 		: left;
					display 	: inline;
					padding 	: 12px 20px 10px 70px;
					margin 		: 20px 20px 0 20px;
					width 		: 190px;
					height 		: 45px;
					background	: transparent url('../images/nieuwsbief_tsunami-weeskinderen.jpg') no-repeat top left;
				}
				
				#content div.topborder {
					border-top	: #e5e5e5 1px solid;
				}
				
				#content div.wideblock {
					float 		: left;
					display 	: inline;
					width 		: 300px;
					padding 	: 0;
					margin 		: 0;
				}
				
				#map {
					float 		: left;
					display 	: inline;
					padding 	: 0;
					width 		: 278px;
					height		: 233px;
					margin 		: 0 10px 10px 10px;
					border 		: 1px solid #999999;
				}
				
				#photoplayer {
					float 		: left;
					display 	: inline;
					width 		: 300px;
					height 		: 225px;
					padding 	: 0;
					margin 		: 0;
				}
				
				#photoplayer #images {
					clear		:left;
					height		:225px;
					width		:300px;
					display		:block;
					overflow	:hidden;
					position	:relative;
				}
				
				#photoplayer .overlay {
					position	: absolute;
					margin 		: -60px 0 0 0;
					width 		: 300px;
					height 		: 60px;
					background	: transparent url('../images/black_overlay.png') repeat top left;				
				}
					
					#photoplayer .overlay .next {
						float 		: left;
						display 	: inline;
						width 		: 40px;
					}
					
						#photoplayer .overlay img {
							border 	: 0;
						}
					
					#photoplayer .overlay .desc {
						float 		: left;
						display 	: inline;
						text-align 	: center;
						width 		: 218px;
						padding 	: 10px 0 0 0;
						margin 		: 0;
					}
					
					#photoplayer .overlay .prev {
						float 		: left;
						display 	: inline;
						width 		: 40px;
					}
					
					
		#footer {
			margin			: 0 auto;
			padding 		: 20px 30px 40px 30px;
			width			: 940px;
			background		: transparent url('../images/footer-bg.jpg') no-repeat top left;
			line-height 	: 20px;
		}
			
			#footerblock {
				padding 	: 20px;
				color 		: #aeaeae;
				background	: #111111;
			}
			
			#footerblock .left {
				float 			: left;
				display			: inline;
				width 			: 269px;
				border-right	: 1px solid #080808;
				padding 		: 0 20px 0 0;
				margin			: 0 20px 0 0;				
			}
			
			#footerblock .mid {
				float 			: left;
				display			: inline;
				width 			: 279px;
				border-right	: 1px solid #080808;
				padding 		: 0 20px 0 0;
				margin			: 0 20px 0 0;				
			}
			
			#footer img {
				border : 4px solid #080808;
			}
			
			#footerblock .right {
				float 			: left;
				display			: inline;
				width 			: 270px;			
			}
			
		#copyright {
			float 	: left;
			display	: inline;
			margin	: 10px 0 20px 0;
		}
		
		#diffuse {
			float 	: right;
			display	: inline;
			margin	: 10px 0 0 0;
		}
		
			#diffuse img {
				border : 0px;
				margin : 0 0 -5px 4px;
			}
			
			#diffuse span {
				display	: none;
			}
		
		
	.newscontent {
		float: left;
	}	
		
	.clear {	
		clear	: both;
	}
	
	span.rood {
		color	: #9e0000;
	}
		
/* Headings H1-H6 */
h1 { }

	#content h1 {
		font-family		: Georgia, Times New Roman, Serif;
		font-size 		: 16px;
		color 			: #000;
		margin 			: 0 0 8px 0;
	}
	
	#content h1.left {
		float 	: left;
	}
	
	#content h1.clr {
		float	: left;
		display : inline;
		margin 	: 12px 20px 8px 20px;
		
	}

h2 { }

	#content h2 {
		font-family		: Georgia, Times New Roman, Serif;
		font-size 		: 16px;
		color 			: #000;
		margin 			: 0 0 0 0;
	}
	
	#content h2.left {
		float 	: left;
	}

h3 { }

	.block h3 {
		font-size 		: 12px;
		font-weight		: bold;
		color 			: #ae0000;
		margin 			: 0 0 8px 0;
	}

	#footer h3 {
		font-family		: Georgia, Times New Roman, Serif;
		font-size 		: 16px;
		color 			: #fff;
		margin 			: 0 0 8px 0;
	}	

h4 { }

h5 { }

h6 { }


/* Paragraph and Link Styles */
p { }
	
	#content p {
		padding	: 0 0 15px 0;
	}
	
	#home #content p {
		padding	: 0 0 0 0;
	}
	
	#home #content .nieuws p {
		padding	: 0 0 15px 0;
	}

	
	#footer p {
		padding	: 0 0 15px 0;
	}
	

a { }

	#content a, #footer a{
		color	: #ae0000;
	}
	
	#home #content .nieuws a {
		color 			: #ae0000;
		text-decoration	: none;
	}
	
	
	#home #content .nieuws .title a {
		color 			: #444;
	}
	
	#content a.right {
		float 	: right;
	}		
	
	#photoplayer .overlay .desc a {
		color 			: #fff;
		text-decoration : none;
	}

	#nav ul.main li a {
		font-family		: Georgia, Times New Roman, Serif;
		font-size 		: 14px;
		color 			: #b5b5b5;
		text-decoration	: none;
		height 			: 60px;
		line-height 	: 60px;
	}
	
	#nav ul.main li a.active, #nav ul.main li a:hover {
		float 			: left;
		display 		: block;
		color 			: #fff;
		background 		: transparent url('../images/nav_indicator.gif') no-repeat bottom center;
	}
	
	.newscontent a {
		text-decoration	: none;
		color 			: #444;
	}
	
	#content .title a, .newscontent a:hover {
		text-decoration	: underline;
		color 			: #444;
	}
	
/* Lists and Navigation */

ul { }

	#content ul {}
	
		#content ul li {
			background 		: transparent url('../images/li-arrow.gif') no-repeat left center;
			padding 		: 0 0 0 14px;
			line-height 	: 22px;
		}


	#nav ul.main {
		float 			: left;
		list-style		: none;
		display 		: block;
		margin			: 0 0 0 40px;
		padding			: 0;
	}

		#nav ul.main li {
			list-style-type	: none;
			float			: left;
			margin 			: 0;
			display 		: block;
			background		: transparent url('../images/nav_spacer.gif') no-repeat center right;
			padding			: 0 20px 0 20px;
		}
	
		#nav ul.main li.last {
			padding-right	: 0;
			background		: none;
		}
		
#carousel {
	width		: 10000px;
	margin		: 0;
	padding		: 0;
	position	: absolute;
	top			: 0;
	left		: 0;
}

ul#carousel li {
	list-style-type	: none;
	height		: 225px;
	width		: 300px;
	margin		: 0;
	padding		: 0;
	float		: left;
	display		: inline;
	padding		: 0;
	background 	: none;
}

#content ol li {
	list-style-type	: decimal;
	margin 			: 0 0 0 20px;
	line-height 	: 22px;
}
		
/* Forms */
input {
	border			: 1px solid #d9d9d9;
	padding 		: 5px;
	height 			: 20px;
	width 			: 178px;
	background		: transparent url('../images/input-bg.gif') repeat-x top left;
}

input.button {
	width 		: auto;
	height 		: auto;
	border 		: 0px;
	padding 	: 0;
	margin		: 8px 5px 0 0;	
}

input.checkbox {
	width 		: auto;
	height 		: auto;
	border 		: 0px;
	padding 	: 0;
	margin		: 8px 5px 0 0;	
}

textarea {
	border		: 1px solid #d9d9d9;
	padding 	: 5px;
	height 		: 100px;
	width 		: 400px;
	background	: transparent url('../images/input-bg.gif') repeat-x top left;
}

td {
	padding: 3px 0;
}