/* 

Theme Name: Charon Uitvaartbegeleiding
Theme Url: http://www.charonuitvaartbegeleiding.nl
Description: Charon bij afscheid
Author: Dutch Design Office
Author Url: www.Dutch-design-office.nl

Version: 1.0

*/

html, body { 
	height			: 100%;
	padding			: 0; 
	margin			: 0; 
	
}

body {
	font-family		: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color			: #000;
	font-size		: 12px;
	line-height 	: 20px;
	background		: #dfdfdf;
}

#wrapper {
		margin			: 0 auto;
		width			: 100%;
		height			: auto;
		min-height		: 727px;
		min-width		: 100%;
		text-align		: center; 
		z-index			: 999; 
}
#wrapper #container {
	margin			: 0 auto;
	padding			: 0;
	width			: 990px;
	height			: auto;
	text-align		: left; 
	
}

	#navigation { 
	float: left;
	margin: 0 auto; 
	padding: 0;
	width: 100%; 
	height: 67px;  
	background: url(images/bg-header.png) repeat-x top left;
	text-align: center;
	}
		#navigation-container {
		padding: 0; 
		width: 990px; 
		height:67px; 
		margin: 0 auto 
		
		} 
	
	#banner { 
	float: left;
	background: #fff url(images/main-banner.jpg) no-repeat top center; 
	width: 100%; 
	height:193px;
	margin: 0 auto; 
	padding: 0; 
	} 
	
	#bg-content {
	background: #eb814f url(images/bg-content-site.jpg) repeat-x top left; 
	float: left; 
	margin: 0 auto; 
	width: 100%; 
	height: auto; 
	padding: 0; 
	} 
	
	#sidebar { 
	float: right; 
	width: 339px; 
	height: auto; 
	margin-top: 30px; 
	padding: 0; 
	}
	
	.sidebar-widget { 
	float: right;
	width: 339px; 
	height: auto; 
	padding-top: 14px;
	background: url(images/sidebar-head.png) no-repeat top;
	margin: 0 auto;	
	}
	
			.sidebar-content{ 
			float: right;
			width: 287px; 
			height: auto; 
			padding: 0 26px 0 26px;
			background: url(images/sidebar-content.png) repeat-y; 
			margin: 0 auto;	
	}
				.sidebar-footer { 
				float: right;
				width: 339px; 
				height: 20px; 
				padding: 0;
				background: url(images/sidebar-footer.png) no-repeat; 
				margin: 0 auto;	
	}
	.sidebar-content h2{ margin-top: 8px; color	: #990000;font-size	: 16px}
	
	#agenda { 
	background: transparent url(images/agenda-nieuws-bg.png) no-repeat;
	float: right; 
	margin: 0 auto;
	padding: 60px 26px 0 26px; 
	width: 287px;
	height: 209px; 
	} 
	
	#agenda ul{line-height: 29px} 
	
	
	#agenda a{ color: #000; text-decoration:none; } 
	#agenda a:hover{ color: #930; text-decoration:underline; } 
	
	#boek { 
	background: transparent url(images/boek-afscheidnemen.png) no-repeat;
	float: right; 
	margin-top: 10px; 
	padding: 165px 0 0 166px; 
	width: 174px;
	height: 51px; 
	} 
	
	#boek a{ color: #fff; text-decoration:none; } 
	#boek a:hover{ color: #F90; text-decoration:underline; } 
	
	#header-charon { 
	float: left; 
	background: transparent url(images/charon-bij-afscheid.png) no-repeat;
	width: 597px; 
	height: 167px; 
	margin: 19px 0 -40px 25px;
	padding: 0; 
	} 
	#header-charon span{ display: none; } 
	
	.nieuws { 
	float: left; 
	background: transparent url(images/header-content.png) no-repeat top ; 
	width:642px;
	height: auto; 
	margin-top: 15px; 
	padding: 0; 
	
	} 
	.single-page-space { height: 16px; width: 642px; margin: 0 auto; } 
	.nieuws .datum-home { float: right; margin-top: 8px } 
	
	
	.nieuws .content { 
	float: left;
	background: url(images/bg-content.png) repeat-y; 
	width:588px;
	height: auto;
	padding: 0 27px 0 27px;
	margin-top: 22px; 
	} 
	.content ul li { margin-left: 15px; list-style-type: disc; }
	.content img { border: 1px solid #E1E1E1; padding: 6px; background: #fff; margin: 6px; } 
	.beveiligd { float: left; color: #999; clear: both; width: 588px; text-align: right; padding-bottom: 1px; border-bottom: 1px solid #CCC; margin-bottom:5px;}

	.nieuws .footer { 
	float: left;
	background: url(images/footer-content.png) no-repeat top; 
	width:642px;
	height: 25px;
	margin: 0 auto; 
	}
	 
	 
	#footer {
	background: #e02d25 url(images/bg-footer.jpg) repeat-x top left; 
	float: left; 
	margin-top: 15px; 
	width: 100%; 
	height: 290px; 
	padding: 0;
	text-align: center;
	} 
	
	#footer-container { 
	width: 990px; 
	height: 290px;
	margin: 0 auto; 
	padding: 0;
	text-align: left;
	} 
		.footer-sidebar { 
		height: 189px; 
		margin: 30px 0 0 0;
		padding: 0; 
		float: left;
		}
		.footer-sidebar li{ display: inline; float: left; width: 200px; margin-left: 27px; border-right: #f8f282 dotted 1px; padding-right: 19px;  } 
		.footer-sidebar li:last-child{ border:none;}
		
		.footer-sidebar .widgettitle { color: #570000; margin: 0 auto; padding: 0; font-weight: 200 } 
		
		#copyright { 
		float: right; 
		width: 400px; 
		height: auto; 
		padding-right: 27px; 
		margin-top: 35px; 
		text-align: right
		} 
		
		#footer-link { 
		float: left; 
		width: 400px; 
		height: auto; 
		padding-left: 27px; 
		margin-top: 35px; 
		}
		
		#footer-link a { color: #999; text-decoration: underline;} 
		#footer-link a:hover { color: #666; text-decoration: none; } 
		
		.footer-sidebar h1 { color: #570000; font-size: 18px; margin: 0 auto; } 
		#footer p{ color: #570000; margin: 3px auto}
		
		.footer-sidebar a { color: #000; text-decoration: underline;}
		.footer-sidebar a:hover { color: #C00; text-decoration: none; } 
		
		.content a { color: #990000; text-decoration: underline;}
		.content a:hover { color:#000; text-decoration: none; } 
		
		#tag_cloud-3 a{ color: #C30; text-decoration: none; } 
		#tag_cloud-3 a:hover{ color: #000; text-decoration: none; } 
		#tag_cloud-3 div { text-align: center} 
		
		
/*Stijlen*/

	h1 { 
	color			: #cc3333;
	font-size		: 16px;
	font-weight: 200;
	font-style: normal; 
	margin			: 0 0 5px 0;
	
	}
	h2 { 
	color			: #990000;
	font-size		: 14px;
	margin			: 5px 0 3px 0;
	font-weight		: normal; 
	
	}
	
	h3 { 
	color			: #fff;
	font-size		: 16px;
	margin			: 0;
	font-weight		: bolder; 
	}
	
	h5 { 
	color			: #990000;
	font-size		: 12px;
	margin			: 2px 0 2px 0;
	font-weight		: normal; 
	
	}
	ul{ margin: 0 auto; padding: 0 ; list-style: none; } 
	ul ul{ margin: 0 0 4px 15px; padding: 0 ; list-style: disc; } 
  	a { 
		color			: #000000;
		text-decoration	: underline;
	}
	a:hover {
		color			: #000;
		text-decoration	: none;
	}
.clear {clear: both;}




	/**SUCKERFISH MENU**/
#suckerfishnav {
    
    font-size:14px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight:normal;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:67px;
    padding:0;
    border:0px solid #aaa;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#570000;
    text-decoration:none;
    padding:0px 10px;
	font-weight: normal;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:200px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #C90;
	text-align: left;
	-moz-opacity:0.90;
    opacity:0.90;
    khtml-opacity:0.90;
	filter:alpha(opacity=90);
    }
#suckerfishnav li li {
    width:200px;
    border-bottom:1px dotted #930;
    font-weight:bold;
	background: #fddea5; 
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
    }
	
	#suckerfishnav li li:last-child {
		border: none;
	}
#suckerfishnav li li a {
    padding:8px 20px;
    width:160px;
    font-size:12px;
    color:#570000;
    }
#suckerfishnav li ul ul {
    margin:-29px 0 0 200px;
    }
#suckerfishnav li li:hover {
    background:#fa8c5c;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#333;
	text-decoration: underline;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#570000;
	
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#fff;
    }


#suckerfishnav .current_page_parent a:after, #suckerfishnav .current_page_parent li a:after, #suckerfishnav .current_page_parent li li a:after, #suckerfishnav .current_page_parent li li li a:after, #suckerfishnav .current_page_parent li li li li a:after {
    content:"";
    }
#suckerfishnav .current_page_parent a:after, #suckerfishnav li .current_page_parent a:after, #suckerfishnav li li .current_page_parent a:after, #suckerfishnav li li li .current_page_parent a:after {
    color:#000000;
    content:"";
    }
#suckerfishnav .current_page_item a:after, #suckerfishnav li .current_page_item a:after, #suckerfishnav li li .current_page_item a:after, #suckerfishnav li li li .current_page_item a:after, #suckerfishnav li li li li .current_page_item a:after {
    color:#000000;
    content:"";
    }