@charset "UTF-8";
/* CSS Document */

/*  
Theme Name: Chardon
Theme URI: http://www.gyzerwebdesign.nl
Description: Theme voor chardonfolk.nl
Version: 1.0
Author: Gyzer Webdesign
Author URI: http://www.gyzerwebdesign.nl/

*/

body{
	margin:					0;
	padding:				0;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	background-image:		url(images/background.jpg);
	background-repeat:		repeat-x;
	background-attachment:	fixed;
	color:					#fff;
}

	img, div{
		border:				0;
	}

	html, body, #wrapper {
		height: 			100%;
	}

	body > #wrapper {
		height: 			auto; 
		min-height: 		100%;
	}

/* WRAP */

#wrapper{
}

#cleardiv{
	padding-bottom: 	30px;
} 

	.cleardiv{
		clear:				both;
	} 

#footer {
	position: 			relative;
	margin-top: 		-30px;
	height: 			30px;
	clear:				both;
	line-height:		30px;
	font-size:			11px;
} 

	#footer .center{
		width:				900px;
		margin: 			0 auto;
	}
	
		#footer .center .margin{
			margin-left:		175px;
		}
	
		#footer .center a{
			color:			#fff;
		}
		
/* CONTENT */

#content_wrapper{
	width:				900px;
	margin-right:		auto;
	margin-left:		auto;
}

	#content_wrapper #left_wrapper{
		float:				left;
		width:				155px;
		margin-right:		20px;
		margin-top:			21px;
		margin-bottom:		3r0px;
	}
		
		#left_wrapper .logo{
			width:				155px;
			height:				205px;
			margin-bottom:		10px;
		}
		
		#left_wrapper .news{
			width:				155px;
			background:			#363636;
			height:				465px;
			background-image:	url(images/bg_news.jpg);
		}
		
			#left_wrapper .news ul{
				list-style:			none;
				widows:				155px;
			}
			
				#left_wrapper .news ul li{
					width:			145px;
					padding:		10px 5px 5px 5px;
					height:			140px;
					position:		relative;
				}
				
					#left_wrapper .news ul li h3{
						color:				#946f90;
						margin:				0 0 5px 0;
					}
				
					#left_wrapper .news ul li .look{
						font-size:			9px;
						position:			absolute;
						bottom:				0;
					}
			
			
	
	#content_wrapper #right_wrapper{
		float:				left;
		width:				725px;
		margin-top:			21px;
	}
	
		#right_wrapper #header_wrapper{
			width:				725px;
			height:				205px;
			margin-bottom:		10px;
		}
		
			#right_wrapper #header_wrapper .menu{
				height:				31px;
				width:				725px;
				background:			url(images/bg_menu.jpg);
				background-repeat:	repeat-x;
				line-height:		31px;
			}
			
				#right_wrapper #header_wrapper .menu ul{
					list-style:			none;
					float:				left;
					margin-left:		20px;
				}
				
					#right_wrapper #header_wrapper .menu ul li{
						list-style:			none;
						float:				left;
						margin-right:		45px;
					}
					
						#right_wrapper #header_wrapper .menu ul li.current_page_item a{
							text-decoration:	underline;
						}
					
					#right_wrapper #header_wrapper .menu ul li a{
						color:				#fff;
						text-decoration:	none;
					}
					
						#right_wrapper #header_wrapper .menu ul li a:hover{
							color:				#fff;
							text-decoration:	underline;
						}
			
			#right_wrapper #header_wrapper .photo{
				height:				174px;
				width:				725px;
				z-index:			1;
				position:			relative;
				background:			#363636;
				overflow:			hidden;
			}
			
				#right_wrapper #header_wrapper .photo img {
					position:absolute;
					top:0;
					left:0;
					z-index:8;
					opacity:0.0;
				}
				
					#right_wrapper #header_wrapper .photo img.active {
						z-index:10;
						opacity:1.0;
					}
					
					#right_wrapper #header_wrapper .photo img.last-active {
						z-index:9;
					}
			
		#right_wrapper #content{
			width:				565px;
			background:			#363636;
			padding:			15px 10px 10px 150px;
			line-height:		16px;
			position:			relative;
		}
	
	/* CONTACT */
	
	#content #contact{
		width:				500px;
	}
	
		#content #contact tr{
		}
		
			#content #contact tr td{
			}
			
			#content #contact tr td.submit input{
				margin:			1px 0 12px 0;
				border:			1px #918f90 solid;
				padding:		5px;
				width:			70px;
			}
			
			#content #contact tr td input{
				margin:			1px 0 12px 0;
				border:			1px #918f90 solid;
				padding:		5px;
				width:			350px;
			}
			
			#content #contact tr td textarea{
				margin:			1px 0 12px 0;
				border:			1px #918f90 solid;
				padding:		5px;
				width:			350px;
			}
		
/* STYLING */

h3, h3 strong{
	margin:				0 0 8px 0;
	font-size:			16px;
	font-weight:		normal;
}

table{
	margin:				0;
	border:				0;
}

a{
	color:				#fff;
	text-decoration:	underline;
}

a:hover{
	color:				#fff;
	text-decoration:	none;
}