/*========================================
		Algemeen
========================================*/
html{
	font-family: Arial;
	color: #fafafa;
	text-decoration: none;
	text-align: justify;
	line-height: 18px;
	font-size: 13px;
	overflow:scroll;
	background:#000000 url(/images/body_bg.jpg) center top;
	}
	
	
iframe{
	overflow:hidden;
}

body{
	margin:0px;
	}

h1{
	padding:0px;
	line-height:20px;
	text-indent:-9000px;
	width:700px;
	margin:0 auto;
	padding-top:32px;
	}

h2, h3{
	margin:0px;
	font-weight:normal;
	font-family: Century Gothic, Arial;
	text-decoration: none;
	text-align: left;
	line-height: 18px;
	font-size: 16px;
	padding:0px;
	color:#fbd377;
	}

p{
	margin:0px;
	padding-bottom:18px;
	}

a{
	color:#c1eaff;
	font-weight:normal;
	text-decoration:underline;
	}
a:hover{
	color:#a9d8b0;
	text-decoration:none;
	}
/*========================================
		Header
========================================*/


.header-background{
	background:#e2d2bb url(/images/header_bg.jpg) repeat-x top center;
	}

.header{
	background: url(/images/header_head.jpg) no-repeat top center;
	height:390px;
	width:760px;
	margin: 0 auto;
	}

.latest{
	background: url(/images/header_box.jpg) no-repeat bottom center;
	width:700px;
	height:205px;
	margin:0 auto;
	margin-top:81px;
	color:#444444;
	clear:both;
	}

	.latest .party{
		float:left;
		width:300px;
		padding:18px 0px 0px 68px;
		}
	
		.latest .party h2{
			padding:9px 0px 9px 0px;
			}
		
			.latest .party h2 a{
				color: #ff9474;
				text-decoration:none;
				}
		
			.latest .party h2 a:hover{
				color: #ff6444;
				}
		
		.latest .party p{
			text-align:justify;
			margin-bottom:0px;
			height:90px;
			overflow:hidden;
			}
		
			.latest .party p em{
				color:#777777;
				font-style:normal;
				}
		.latest .party .about{
			margin-top:4px;
			font-size:11px;
			color: #ffc184;
			text-align:right;
			}
		.latest .party .about a{
			color: #ffc184;
			}
			
		.latest .party a {
			color: #ff9474;
			}
	.latest .fotos{
		float:left;
		width:230px;
		padding:18px 0px 0px 40px;
		}

		.latest .fotos h2{
			color: #92cc9a;
			margin-bottom:3px;
			line-height:36px;
			}
		
			.latest .fotos h2 a{
				color: #92cc9a;
				text-decoration:none;
				}
		
		.latest .fotos ul{
			margin:0px;
			padding:0px;
			list-style-type:none;
			}
		
		.latest .fotos li{
			background:#c6dee8;
			margin:0px;
			padding:0px;
			list-style-type:none;
			float:left;
			width:45px;
			height:42px;
			overflow:hidden;
			text-align:center;
			border:3px solid #c6dee8;
			margin: 0px 6px 6px 0px;
			}
		
			.latest .fotos ul li img{
				border:0px;
				margin:0px;
				}


/*========================================
		Body
========================================*/


.center{
	width:700px;
	margin:0 auto;
	}

.bar{
	background: url(/images/header_bar.png) center center;
	height:18px;
	}

#emaillijst{
	padding-top:10px;
	background: url(/images/item_bg.jpg) center top repeat-x;	
	height:180px;
	}
	
	#emaillijst .textfield{
		border:0;
		margin-right:10px;
		height:14px;
		color:#ffffff;
		font-size:13px;
		height:16px;
		background:transparent;
		border-bottom:1px dashed white;
		width:180px;
		}
	#emaillijst .button{
		color:#333333;
		margin-right:10px;
		}
	
	#emaillijst h2{
		color:#fbd377;
		margin:0;
		line-height:16px;
		}

#nav { 
	background: url(/images/item_bg.jpg) center top repeat-x;
	height: 40px;
	clear:both;
	}

ul#nav_list{
	padding:0px;
	margin:0 auto;
	width:700px;
	}

	ul#nav_list li{
		float: left;
		display: block;
		height: 30px;
		margin-top:9px;
		margin-right:10px;
		text-align:left;
		}
		ul#nav_list li#emailtoevoegen{
			width:300px;
			text-align:right;
			float:right;
			}
		ul#nav_list li a{
			height:24px;
			}
		
			ul#nav_list li a span{
				display:none;
				}

		ul#nav_list li#nieuws a { display:block; width:85px; background:url(/images/nav_btn_home.gif); }
		ul#nav_list li#fotos a { display:block; width:88px; background:url(/images/nav_btn_fotos.gif); }
		ul#nav_list li#agenda a { display:block; width:93px; background:url(/images/nav_btn_agenda.gif); }
		ul#nav_list li#emailtoevoegen a { color:#ffffff; text-decoration:underline; font-weight:bold; font-size:11px;}

		ul#nav_list li#nieuws a:hover { background:url(/images/nav_btn_home_hover.gif); }
		ul#nav_list li#fotos a:hover { background:url(/images/nav_btn_fotos_hover.gif); }
		ul#nav_list li#agenda a:hover { background:url(/images/nav_btn_agenda_hover.gif); }

		ul#nav_list li#nieuws a.selected { background:url(/images/nav_btn_home_selected.gif); }
		ul#nav_list li#fotos a.selected { background:url(/images/nav_btn_fotos_selected.gif); }
		ul#nav_list li#agenda a.selected { background:url(/images/nav_btn_agenda_selected.gif); }

.content{
	background:#000000 url(/images/body_bg.jpg) center top;
	padding-top:40px;
	}


.left{
	float:left;
	width:468px;
	}


	.left h2{
		font-size:16px;
		line-height:20px;
		}
	
		.left h2 a{
			color: #ea7f72;
			text-decoration:none;
			}
			
		.left h2 a:hover{
			color: #ca5f52;
			text-decoration:none;
			}
	.left img{
		border:3px solid #c6dee8;
		}
.item{
	clear:both;
	padding:10px 10px 10px 10px;
	background: url(/images/item_bg.jpg);
	margin-bottom:1px;
	position:relative;
	}
	
	.item #info{
		margin-top:30px;
		}
	
		.item #info h3{
			font-family:Arial;
			font-size:13px;
			color:#fbd377;
			}
	.item .itemhead{
		height:60px;
		padding-top:30px;
		}

	.item .metadata{
		color:#a9d8b0;
		}
		
		.item .metadata a{
			color:#a9d8b0;
			font-weight:normal;
			text-decoration:underline;
			}
		.item .metadata a.alert{
			color:#ca5f52;
			}
		.item .metadata a:hover{
			text-decoration:none;
			}
	.item p.metadata{
		
		padding:0px;
		padding-top:20px;
		}
	.item .verderlezen{
		text-align:right;
		padding-bottom:20px;
		padding-right:20px;
		}
	
		.item .verderlezen a{
			color:#c1eaff;
			font-weight:normal;
			text-decoration:underline;
			}
		
		.item .verderlezen a:hover{
			color:#a9d8b0;
			text-decoration:none;
			}
		.item .datum{
			width:43px;
			height:45px;
			float:left;
			background:url(/images/content_date.gif);
			text-align:center;
			font-size:20px;
			margin-right:9px;
			color:#9e9e9e;
			font-family: Century Gothic, Arial;
			}
		
			.datum span{
				display:block;
				text-align:center;
				font-size:14px;
				color: #ffffff;
				padding:0px 0px 0px 0px;
				margin-bottom:5px;
				text-transform:uppercase;
				font-size:11px;
				font-weight:bold;
				line-height:14px;
				}
.foto{
	
	}
	.foto h2{
		font-size:16px;
		line-height:18px;
		margin-bottom:6px;
		}
	.foto a{
		text-decoration:none;
		}
	.foto .categorie{
		width:206px;
		background: url(/images/item_bg.jpg);
		float:left;
		padding:10px 10px 0px 10px;
		margin: 0px 6px 6px 0px;
		height:128px;
		text-align:left;
		}
		.foto .categorie h2{
			height:20px;
			overflow:hidden;
			}
		.foto .categorie h2 a{
			color: #ea7f72;
			text-decoration:none;
			
			}
		.foto .categorie div {
			height:72px;
			}
		.foto .categorie div p{
			padding-bottom:0px;
			float:left;
			width:144px;
			
			color:#ffffff;
			text-decoration:none;
			}
		.foto .categorie ul{
			margin:0px;
			padding:0px;
			list-style-type:none;
			}
		
		.foto .categorie li{
			background:#c6dee8;
			margin:0px;
			padding:0px;
			list-style-type:none;
			float:left;
			width:45px;
			height:42px;
			overflow:hidden;
			text-align:center;
			border:3px solid #c6dee8;
			margin: 3px 6px 0px 0px;
			}
		
			.foto .categorie ul li img{
				border:0px;
				margin:0px;
				}
		.foto .categorie a.extra{
			display:block;
			float:right;
			}
			.foto .categorie a.extra img{
			border:0;
			}
.footer{
	clear:both;
	background: transparent;
	background:url(/images/kontje.jpg) top left no-repeat;
	height:200px;
	visibility:hidden;
	}




/*========================================
		ToolTips
========================================*/


.tool-tip {
	color: #fff;
	z-index: 13000;
	margin-top:0px;
	padding:6px;
	background:url(/images/tt_bg.png) top left repeat;

	}


.tool-title {
	color:#ff575c;
	margin:0;
	line-height:16px;
	font-size:16px;
	font-family: Century Gothic, Arial;
	text-align:left;
	}
 
.tool-text {
	font-size: 11px;
	}

/*========================================
         Reactie toevoegen form
========================================*/
form{
	margin:0;
	padding:0;
	}
	.left textarea{
		font-family: Arial;
		font-size: 12px;
		color:#555555;
		border:none;
		height:199px;
		width:430px;
		background:white;
	}
	.left .textarea{
		padding:0px 6px 0px 6px;
		background:url(/images/textarea_bg.gif) repeat-y top left;
		}

	.left input.naam{
		padding:6px 6px 0 6px;
		font-family: Arial;
		font-size: 12px;
		color:#555555;
		border:none;
		height:28px;
		width:188px;
		background:transparent url(/images/input_bg.gif) top left no-repeat;
	}

	.left .submit input{
	}
	
	.topmargin{
	margin-top:20px;
	
	}

	.left .captcha{
		border:none;
		font-family: Arial;
		font-size: 12px;
		color:#ffffff;
		height:14px;
		background:transparent;
		border-bottom:1px dashed white;
		width:80px;
		text-align:center;
	}

	.left .groen{
		
		color:#a9d8b0;

	}
	

	.smilies td{
	height:20px;
	width:20px;
	padding-bottom:20px;
	text-align:center;
	}



/* =======================================
		calender
========================================*/
table.calendar {
	font-size:10px;
	line-height:22px;
	margin:0 25px 0px 25px
	}
	table.calendar th{
		font-size:10px;
		font-family:Arial;
		text-align:center;
		font-weight:bold;
		color:#ff565b;
		background:transparent;
		}
	table.calendar td{
		width:30px;
		font-size:10px;
		font-family:tahoma;
		text-align:center;
		color:#555555;
		background: url(/images/sb_agenda_bg.gif) center center no-repeat;
		}
		table.calendar td.day{
			background: url(/images/sb_agenda_bg_day.jpg) center center no-repeat;
			}	

		table.calendar td.evenement{
			background: url(/images/sb_agenda_bg_selected.gif) center center no-repeat;
			}
			table.calendar td.evenement a{
				text-decoration:none;
				color:white;
				}
			table.calendar td.evenement a:hover{
				text-decoration:none;
				color:white;
				}
	table.calendar tr{
		margin:0;
		padding:0;
		}
div.prevnextmonth{
	text-align:right;
	margin-top:10px;
	padding-right:24px;
	}

/*========================================
		Sidebar
========================================*/


#sidebar{
	background: url(/images/sidebar_bg_top.gif) top left no-repeat;
	width:224px;
	padding:10px 0 0 0;
	margin:0;
	float:right;
	text-align:left;

	}
#sidebar_bottom{
	background: url(/images/sidebar_bg_bottom.jpg) bottom left no-repeat;
	padding-bottom:20px;
	
	}
#sidebar h2{
	padding:30px 0px 5px 25px;
	text-align:left;
	color:#fff;
	font-size:14px;
	}
	#sidebar ol{
		list-style:none;
		padding:0px;
		margin:0;
		}
	
		#sidebar ol li{
			margin:0px;
			padding:0px;
			text-decoration:none;
			}
			
			#sidebar ol li a{
				color:#ffffff;
				text-decoration:none;
				}
			#sidebar ol li a:hover{
				text-decoration:none;
				}
				

	#sidebar ol.reacties{
			margin:0 25px;
			font-size:12px;
			color:#FFFFFF;
			width:174px;
				overflow:hidden;
		}
		
		ol.reacties img{
			display:none;
			}
			ol.reacties .bericht a span{
				padding:1px 4px 1px 4px;
				line-height:18px;
				text-decoration:none;
				background-color:#000000;
			}
			ol.reacties .bericht a{
				line-height:18px;
				
				}

	#sidebar ol.headlines{
		margin:0 0 0 21px;
		line-height:17px;
		font-size:11px;
		color:#ffffff;
		}
		
		#sidebar ol.headlines li{
			text-align:left;
			margin:3px;
			overflow:hidden;
			text-decoration:none;
			color:#000;
			}
			
			#sidebar ol.headlines li a{
				text-decoration:none;
				display:block;
				height:17px;
				padding:0 5px 0 5px;
				background:url(/images/sb_headline_bg.jpg) top left no-repeat;
				}
			#sidebar ol.headlines li a:hover{
				text-decoration:none;
				}