@import url('css-reset.css');

body {
	background:#f7f0e4;
	font:0.7em/1.4em Georgia, "Times New Roman", Times, serif;
	color:#000;
	}

/**
*			WRAPPER
**************************************/

#wrapper {
	width:980px;
	margin:0 auto;
	position:relative;
	background:url('../images/layout/wrapper-bg.gif') repeat-y top left;
	}


/**
*			CONTAINER
**************************************/

#container {

	}

/**
*			HEADER
**************************************/

#header {
	width:100%;
	height:255px;
	background:url('../images/layout/header-bg.gif') no-repeat top left;
	}

#header h1 {		
	position:relative;
	}

#header h1 a, 
#header h1 a:visited,
#header h1 a:hover {
	position:absolute;
	left:25px;
	top:80px;
	display:block;
	width:383px;
	height:66px;
	}

/**
*			COLUMNS
**************************************/

#content {
	width:980px;
	margin-top:-55px;
	z-index:10;
	}

#left-column,
#right-column {
	float:left;
	margin-left:15px;
	z-index:20;
	}
	
#left-column {
	width:680px;
	float:left;

	}

#left-column-top {
	width:680px;
	height:6px;
	background:url(../images/layout/content-top-bg.gif) no-repeat bottom left;
	}

#left-column-bottom {
	width:680px;
	height:6px;
	background:url(../images/layout/content-bottom-bg.gif) no-repeat top left;
	}

#left-column-content {

	background:#fff;
	}

#right-column {
	left:30px;
	width:250px;
	}

/**
*			MENU
**************************************/

#navigation {
	width:555px;
	height:50px;
	position:absolute;
	top:98px;
	left:422px;
	z-index:200;
	}

#menu {

	}

/* 	TOP  */

#menu li {
	display:block;
	float:left;
	margin-right:5px;
	}
	
#menu li a,
#menu li a:visited {
	display:block;
	width:132px;

	background:url('../images/layout/menu-top-bg.png') no-repeat top left;
	text-align:center;
	line-height:42px;
	color:#30362c;
	text-decoration:none;
	position:relative;
	font-size:130%;
	letter-spacing:-1px;
	font-weight:bold;
	
	}
	
#menu li a.menu-link:hover, 
#menu li.active a.menu-link,
#menu li.active a.menu-link:visited,
#menu li.active a.menu-link:hover {
	text-decoration:underline;
	font-weight:bold;
	/*background:url('../images/layout/menu-top-bg-hover.png') no-repeat top left;*/
	}
	
#menu li.active a.menu-link,
#menu li.active a.menu-link:visited,
#menu li.active a.menu-link:hover {
	color:#990000;
	}

/* 	SUB  */

#menu li ul {
	position:absolute;
	z-index:200;
	top:38px;
	margin-left:4px;
	}

#menu li ul li {
	float:					none;
	margin-right:0;
	
	}

#menu li ul li.top {
	height:8px;
	/*background:url('../images/layout/menu-top-subitem.png') repeat-y top left;*/
	}

#menu li ul li.bottom {
	height:4px;
	width:126px;
	background:url('../images/layout/menu-top-subitem2-bottom.png') no-repeat top left;
	display:block;
	padding:0;
	}

#menu li ul li a,
#menu li ul li a:visited {
	color:#55614e;
	font-size:90%;
	letter-spacing:0;
	text-align:center;
	display:block;
	text-decoration:none;
	line-height:24px;
	width:122px;
	padding:0 2px;
	background:url('../images/layout/menu-top-subitem2.png') repeat-y top left;
	}
	
#menu li ul li a:hover, 
#menu li ul li.active a.sub-link,
#menu li ul li.active a.sub-link:visited,
#menu li ul li.active a.sub-link:hover {
	text-decoration:underline;
	position:relative;
	color:#30362c;

	/*background:#fff;*/
	}

#menu li ul li.active a.sub-link,
#menu li ul li.active a.sub-link:visited,
#menu li ul li.active a.sub-link:hover {
	color:#990000;
	}

/**
		BREADCRUMB	
************************************/

#breadcrumb {
	height:					22px;
	line-height:			20px;
	text-indent:3px;
	color:					#555;
	font-size:				100%;
	margin-left:0;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	
	}
	
#breadcrumb img {
	padding:				0 12px 0 18px;
	}
	
#breadcrumb .breadcrumb-title {
	padding-right:			7px;
	color:					#777;
	}
	
#breadcrumb .separator {
	color:					#777;
	padding:				0 6px;
	}

#breadcrumb a,
#breadcrumb a:visited {
    color:					#222;
    text-decoration:		underline;
    }
    
#breadcrumb a:hover {
    text-decoration:		none;
    }

/**
*			CONTENT
**************************************/

#left-column-content {
	color:	#30362c;
	padding:5px 10px;	
	}
	
#left-column-content h2 {
	font-size:290%;
	letter-spacing:-1px;
	margin:10px 0 10px 0;
	line-height:26px;
	color:#990000;
	font-weight:normal;
	}
	
#left-column-content p {
	line-height:20px;
	margin-bottom:10px;
	padding:0 5px;
	}

#left-column-content em {
	font-style:italic;
	}

#left-column-content strong {
	font-weight:bold;
	}


#left-column-content #page p {
	padding:0 15px 0 10px;
	clear:left;
	margin-left:5px;
	/*border-left:1px dotted #dedede;*/
	}

#left-column-content #page h3 {
	font-size:230%;
	letter-spacing:-1px;
	margin:20px 0 10px 3px;
	line-height:22px;
	color:#990000;
	clear:both;
	font-weight:normal;
	}
	
#left-column-content #page h4 {
	font-size:200%;
	letter-spacing:-1px;
	margin:20px 0 10px 10px;
	line-height:22px;
	color:#678511;
	clear:both;
	font-weight:normal;
	}
	
#left-column-content #page h5 {
	font-size:160%;
	letter-spacing:-1px;
	margin:20px 0 10px 10px;
	line-height:22px;
	color:#222;
	clear:both;
	font-weight:normal;
	}

#left-column-content #page blockquote {
	text-align:center;
	}

#left-column-content #page a, 
#left-column-content #page a:visited {
	color:#990000;
	text-decoration:underline;
	}
	
#left-column-content #page a:hover {
	text-decoration:underline;
	color:#333;
	}
	
#left-column-content #page a:hover img{
	border-bottom:1px solid #fff;
	}


#left-column-content #page ol, 
#left-column-content #page ul {
	margin-left:35px;
	margin:15px 0 0 35px;
	}

#left-column-content #page ol {
	list-style:decimal;
	margin-left:40px;
	}

#left-column-content #page ul {
	list-style:disc;
	}

#left-column-content #page ol li, 
#left-column-content #page ul li {

	padding-bottom:15px;
	}



#left-column-content #page .page-data {

	text-align:right;
	height:24px;
	line-height:24px;
	margin-bottom:10px;	
	margin-top:5px;
	border-top:1px dotted #ccc;
	clear:left;
	font-size:90%;
	color:#777;
	}

#left-column-content #page .page-data strong{
	font-weight:bold;
	color:#333;
	}

#left-column-content #page img {
	padding:2px;
	border:1px dotted #999;
	margin:0 10px 10px 10px;
	}
#left-column-content #page a.page-img-link {

	}

#left-column-content #page a.page-img-link:hover img {
	border:1px dotted #333;
	}
	
	
#post-images #post-images-wrapper img {
	width:80px;
	height:60px;
	border:1px dotted #999;
	padding:2px;
	}


#left-column-content #page table {
	margin:5px 0 5px 5px;
	/*border-right:1px dotted #dedede;*/
	width:90%;
	}

#left-column-content #page table tr{
	font-weight:bold;
	height:					26px;
	}

#left-column-content #page table tr th {
	font-weight:bold;
	line-height:			24px;
	padding:				0 5px 0 5px;
	font-size:90%;
	/*
	border-bottom:			1px dotted #999;
	border-top:			1px dotted #dedede;
	border-left:1px dotted #dedede;
	*/
	}
	
#left-column-content #page table  tr td{
font-size:100%;
	color:#555;
	/*
	border-bottom:			1px dotted #dedede;
	border-left:1px dotted #dedede;
	*/
	height:					24px;
	line-height:			24px;
	padding:				0 5px 0 5px;
	
	
	}

/**
*			SIDEBAR
**************************************/

.sidebar-block {
	margin-bottom:			18px;
	width:250px;
	}

.sidebar-block-top {
	width:250px;
	height:4px;
	background:url(../images/layout/sidebarblock-top-bg.gif) no-repeat bottom left;
	}

.sidebar-block-bottom {
	width:250px;
	height:4px;
	background:url(../images/layout/sidebarblock-bottom-bg.gif) no-repeat top left;
	}

.sidebar-block-content {
	padding:3px 5px;	
	background:#fff;
	}

.sidebar-block .sidebar-block-content h3 {
	font-size:160%;
	letter-spacing:-1px;
	margin:0 0 5px 3px;
	line-height:22px;
	clear:both;
	color:#990000;
	}

.sidebar-block .sidebar-block-content p {

	line-height:22px;
	margin:0 3px;
	color:#333;
	}

.sidebar-block .sidebar-block-content a,
.sidebar-block .sidebar-block-content a:visited {
	color:#990000;
	text-decoration:underline;
	}
	
.sidebar-block .sidebar-block-content a:hover {
	text-decoration:underline;
	color:#333;
	}

/**
*			PAGE NAVIGATION
**************************************/
	
#page-navigation {
	width:100%;
	align:right;
	height:24px;
	line-height:22px;
	color:#777;

	}
								 
#page-navigation .nav-info {
	float:left;
	padding-left:5px;
	width:310px;
	}

#page-navigation .nav-info strong {
	font-weight:bold;
	border-bottom:1px dotted #333;
	color:#444;
	}

#page-navigation #nav-links {
	float:left;
	width:335px;
	text-align:right;
	}
							 
#page-navigation #nav-links a,
#page-navigation #nav-links a:visited {
	display:inline-block;
	margin-left:3px;

	padding:0 3px 1px 3px;
	text-decoration:none;
	color:#000;
	}				
									 
#page-navigation #nav-links a:hover,
#page-navigation #nav-links a.active,
#page-navigation #nav-links a.active:visited,
#page-navigation #nav-links a.active:hover {
	/*border:1px solid #777;*/
	background:#678511;
	text-decoration:none;
	font-weight:normal;
	color:#fff;
	}						 					 

#page-navigation #nav-links a.active,
#page-navigation #nav-links a.active:visited,
#page-navigation #nav-links a.active:hover {
font-weight:bold;
	}

/**
*			POST-LIST
**************************************/									 

#post-list {
	margin-top:20px;
	}
									 
#post-list li.post-item {
	width:100%;
	text-align:left;	
	margin-bottom:15px;	
	border-bottom:1px dotted #ddd;	
	}

#post-list li.post-item .post-date {
	float:left;
	height:40px;
	width:50px;
	margin-right:5px;
	}
	
#post-list li.post-item .post-date p {
	text-align:center;
	width:50px;
	color:#9b9b8e;
	padding-top:0;
	margin:0;
	}

#post-list li.post-item .post-date span.day {
	font-size:240%;
	display:block;
	font-weight:bold;
	color:#333;
	}
	
#post-list li.post-item .post-date span.month {
	font-size:90%;
	display:block;
	color:#333;
	}
	
#post-list li.post-item .post-date span.year {
	font-size:100%;
	display:block;
	color:#777;
	margin-top:-7px;
	}

#post-list li.post-item h3.post-title {
	font-size:240%;
	letter-spacing:-1px;
	margin:0 0 5px 0;
	line-height:26px;
	font-weight:normal;
	
	}


#post-list li.post-item h3.post-title a,
#post-list li.post-item h3.post-title a:visited {
	color:#678511;
	text-decoration:none;
	padding-bottom:2px;
	
	}

#post-list li.post-item h3.post-title a:hover {
	border-bottom:1px dotted #678511;
	color:#333;
	
	}

#post-list li.post-item .post-item-content {
	margin-left:53px;
	color:#333;
	line-height:20px;
	}

#post-list li.post-item .post-item-content a,
#post-list li.post-item .post-item-content a:visited {
	padding-bottom:2px;
	border-bottom:1px dotted #333;	
	font-weight:bold;
	color:#444;
	text-decoration:none;
	}

#post-list li.post-item .post-item-content a:hover {
	border:none;
	}

#post-list li.post-item .post-item-content strong,
#post-list li.post-item .post-item-content b {
	font-weight:bold;
	}
	
#post-list li.post-item .post-item-content em {
font-style:italic;
	}

#post-list li.post-item .post-item-content u {
text-decoration:underline;
	}

#post-list li.post-item .post-item-data {
	margin-left:55px;
	text-align:left;
	height:24px;
	line-height:24px;
	margin-bottom:10px;	
	margin-top:5px;
	border-top:1px dotted #ccc;
	font-size:90%;
	color:#777;
	}


#post-list li.post-item .post-item-data strong{
	font-weight:bold;
	color:#333;
	padding-bottom:2px;
	border-bottom:1px dotted #333;
	}

#post-list li.post-item .post-item-data a,
#post-list li.post-item .post-item-data a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#333;
	padding-bottom:2px;
	border-bottom:1px dotted #333;
	}
	
#post-list li.post-item .post-item-data a:hover {
	color:#990000;
}
/**
*			POST
**************************************/

#post {
	margin-bottom:10px;
	}

#post .post-title {
	color:#990000;
	line-height:32px;
	padding-left:5px;
	margin-right:10px;
	}

#post .post-date {
	float:left;
	height:40px;
	width:40px;
	margin-right:5px;
	}
	
#post .post-date p {
	text-align:center;
	width:36px;
	color:#9b9b8e;
	padding-top:0;
	margin:0;
	}

#post .post-date span.day {
	font-size:240%;
	display:block;
	font-weight:bold;
	color:#333;
	padding-top:3px;
	}

#post .post-date span.year {
	font-size:100%;
	display:block;
	color:#777;
	margin-top:-7px;
	}

#post .post-data {
	width:100%;
	text-align:left;
	height:24px;
	line-height:24px;
	margin-bottom:10px;
	color:#777;
	margin-left:45px;
	font-size:90%;
	}

#post .post-data strong {
	font-weight:bold;
	padding-bottom:2px;
	border-bottom:1px dotted #333;
	color:#333;
	}

#post .post-content {
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
	margin-left:45px;
	}

#post .post-content p {
	margin-bottom:10px;
	line-height:22px;
	clear:left;
	}

#post .post-content h3 {
	font-size:230%;
	letter-spacing:-1px;
	margin:20px 0 10px 3px;
	line-height:22px;
	color:#990000;
	clear:both;
	font-weight:normal;
	}
	
#post .post-content h4 {
	font-size:200%;
	letter-spacing:-1px;
	margin:20px 0 10px 10px;
	line-height:22px;
	color:#678511;
	clear:both;
	font-weight:normal;
	}
	
#post .post-content h5 {
	font-size:160%;
	letter-spacing:-1px;
	margin:20px 0 10px 10px;
	line-height:22px;
	color:#222;
	clear:both;
	font-weight:normal;
	}

#post .post-content blockquote {
	text-align:center;
	}

#post .post-content a, 
#post .post-content a:visited {
	color:#990000;
	text-decoration:none;
	}
	
#post .post-content a:hover {
	text-decoration:underline;
	color:#333;
	}
	
#post .post-content a:hover img{
	border-bottom:1px solid #fff;
	}

#post .post-content ol, 
#post .post-content ul {
	margin-left:35px;
	margin:15px 0 0 35px;
	}

#post .post-content ol {
	list-style:decimal;
	margin-left:40px;
	}

#post .post-content ul {
	list-style:disc;
	}

#post .post-content ol li, 
#post .post-content ul li {
	padding-bottom:15px;
	}

#post-images {
	border-top:1px dotted #ccc;
	margin-top:15px;
	padding-top:5px;
	}

#post-images .post-images-info {
	float:left;
	height:40px;
	width:40px;
	margin-right:5px;
	}
	
#post-images .post-images-info p {
	text-align:center;
	width:36px;
	color:#9b9b8e;
	padding-top:0;
	margin:0;
	}

#post-images .post-images-info span.day {
	font-size:240%;
	display:block;
	font-weight:bold;
	color:#333;
	padding-top:3px;
	}

#post-images #post-images-wrapper {
	margin-left:45px;
	padding-top:6px;
	}

#post-images #post-images-wrapper a, 
#post-images #post-images-wrapper a:visited {
	display:block;
	float:left;
	margin:0 5px 10px 10px;
	}
	
#post-images #post-images-wrapper a:hover img {
	border:1px dotted #333;
	}
	
#post-images #post-images-wrapper img {
	width:80px;
	height:60px;
	border:1px dotted #999;
	padding:2px;
	}

/**
*			GASTENBOEK
**************************************/

#guestbook #post-list li.post-item h3.post-title {
	padding-top:4px;
	color:#678511;
	}

#guestbook #post-list li.post-item h3.post-title span {
	color:#555;
	font-size:60%;
	}

#guestbook #post-list li.post-item h3.post-title em {
	font-style:normal;
	color:#999;
	font-size:60%;
	}
	
#guestbook #post-list li.post-item .post-item-content {
	padding-bottom:15px;
	line-height:20px;
	padding-left:3px;
	}

#guestbook #post-list li.post-item .post-date span.year {
	font-size:100%;
	display:block;
	color:#777;
	margin-top:-7px;
	}
	
#guestbook #post-list li.post-item .post-date span.time {
	font-size:90%;
	color:#222;
	position:relative;
	top:-8px;
	}

#guestbook #post-list li.post-item .post-item-content .post-quote {
	border:1px dotted #999;
	padding:6px 10px;
	margin-bottom:6px;
	margin-right:6px;
	color:#666;
	}

#guestbook-form {
	margin:15px 0 25px 5px;
	border-bottom:1px dotted #999;
	padding-bottom:5px;	
	position:relative;
	height:283px;
	}
	
#guestbook-form .userData {
	width:300px;
	border-right:1px dotted #999;
	left:10px;
	top:0;
	padding-bottom:5px;
	}
	
#guestbook-form .userMessage {
	position:absolute;
	left:310px;
	top:0;
	}

#guestbook-form .form-spacer {
	margin-bottom:6px;
	}
	
#guestbook-form .form-spacer span.label {
	display:block;
	width:120px;
	float:left;
	height:24px;
	line-height:24px;
	font-weight:bold;
	}
	
#guestbook-form .form-spacer input.text-input {
	display:block;
	float:left;
	width:165px;
	border:1px dotted #555;
	padding:4px 3px;
	font:100%/20px Georgia, "Times New Roman", Times, serif;
	color:#444;
	font-weight:bold;
	}

#guestbook-form .form-spacer span.explanation {
	margin-left:120px;
	display:block;
	font:90%/18px Georgia, "Times New Roman", Times, serif;
	color:#999;
	padding-top:4px;
	padding-right:5px;
	}

#guestbook-form .form-spacer .captcha-img {
	display:block;
	margin:5px 0 10px 120px;
	clear:both;
	}
	
#guestbook-form .form-spacer input.captcha-code {
	width:50px;		
	}


#guestbook-form .userMessage .form-spacer span.label {
	width:80px;
	}

#guestbook-form .userMessage .form-spacer textarea {
	border:1px dotted #555;
	padding:4px 3px;
	font:100%/20px Georgia, "Times New Roman", Times, serif;
	color:#666;
	width:330px;
	height:160px;
	float:left;	
	clear:left;
	}

#guestbook-form .userMessage .form-spacer #countCharsWrap {
	color:#777;
	font-size:90%;
	position:absolute;
	right:0;
	top:5px;
	}

#guestbook-form .userMessage .form-spacer #countCharsWrap input {
	font:90%/20px Georgia, "Times New Roman", Times, serif;
	width:20px;
	color:#222;
	border:none;
	}

#guestbook-form .userMessage .form-spacer .smileys-container {
		width:330px;
	height:40px;	
	padding-left:5px;
	margin-top:5px;

	}


#guestbook-form .submit-btn {
	font: bold 110%/22px Georgia, "Times New Roman", Times, serif;
	width:16em;
	color:#333;
	height:2.4em;


	}




/**
*			NOTIFICATIE
**************************************/

#notification {
	font:					normal 100%/22px Verdana, Arial, Helvetica, sans-serif;
	margin:					0 auto 0 auto;
	padding:				2px 10px 4px 10px;
	text-align:center;
	}
	
.secure {
	background: 			#ffffc4;
	/*border:					1px dotted #e4e482;*/
	color:					#46400c;
	}
	
.error {
	background: 			#cd6951;
	color:#fff;
	}
	
.info {
	background: 			#7ab4d5;
	color:					#fff;
	}

/**
*			VRIJWILLIGERS
**************************************/

#vrijwilligers-table {
	margin:5px 0 5px 5px;
	border-right:1px dotted #dedede;
	}

#vrijwilligers-table tr{
	font-weight:bold;
	height:					26px;
	}

#vrijwilligers-table tr th {
	font-weight:bold;
	line-height:			24px;
	padding:				0 5px 0 5px;
	font-size:90%;
	border-bottom:			1px dotted #999;
	border-top:			1px dotted #dedede;
	border-left:1px dotted #dedede;
	
	}
	
#vrijwilligers-table  tr td{
font-size:90%;
	color:#555;
	border-bottom:			1px dotted #dedede;
	height:					24px;
	line-height:			24px;
	padding:				0 5px 0 5px;
	
	border-left:1px dotted #dedede;
	}

/**
*			HISTORIE KAARTEN
**************************************/

#kaarten-table {
	
	border:none;
	}

#kaarten-table tr{
	font-weight:bold;
	height:					26px;
	}

#kaarten-table tr th {
	font-weight:bold;
	line-height:			24px;
	padding:				0 5px 0 5px;
	font-size:90%;
border:none;
	
	}
	
#kaarten-table  tr td{
font-size:90%;
	color:#555;
	border-bottom:			1px dotted #fff;
	height:					24px;
	line-height:			24px;
	padding:				0 5px 0 5px;
	
	border-left:1px dotted #fff;
	}

/**
*			SIDEBAR CALENDER
**************************************/

table.calendar {
border-bottom:1px dotted #ccc;
	width:100%;
	}

table.calendar caption {
	text-align:center;
	color:#678511;
	font-weight:bold;
	font-size:140%;
	height:26px;
	}

table.calendar caption a, 
table.calendar caption a:visited {
	color:#222;
	text-decoration:none;
	}
	
table.calendar caption a:hover {
	color:#555;
	text-decoration:underline;
	}
	
table.calendar tr th {
	font-weight:bold;
	width:24px;
	text-align:center;
	height:18px;
	border-bottom:1px dotted #ccc;
	}

table.calendar tr td {
	width:24px;
	height:22px;
	line-height:20px;
	text-align:center;
	margin:1px;

	}
	
table.calendar tr td.current {
	font-weight:bold;
	color:#990000;
	text-decoration:underline;
	}
	
table.calendar tr td.item {
	background:url('../images/layout/calendar-item.gif') no-repeat 0 1px;
	color:#fff;
	}
	
table.calendar tr td.item a,
table.calendar tr td.item a:visited {
	color:#fff;
	font-weight:bold;
	}

/**
*			BOMEN APPLICATIE
**************************************/

#map {
	width:650px;
	height:365px;
	border:1px solid #ccc;
	margin:10px 0 10px 5px;

	}

#sidebar {
	position:relative;
	margin:0 3px 10px 5px;
	
	}

#percelen-links {

	height:36px;
	line-height:36px;

	margin:10px 3px 0 5px;
	border:1px solid #ccc;
	}

	
#percelen-links a,
#percelen-links a:visited,
#percelen-links span {
	display:block;
	float:left;
	height:36px;
	line-height:36px;
	padding:0 10px;
	position:relative;

	color:#999;
	text-decoration:none;

	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#efefef;	
	
	}


#percelen-links a:hover {
	text-decoration:underline;
	}

#percelen-links span {
	background:#fff;
	color:#222;
	}

	
#percelen-links a.active {
	border-bottom:1px solid #fff;
	background:#fff;
	color:#222;
	}

#perceel1, 
#perceel2,
#perceel3,
#perceel4,
#perceel5,
#perceel6 {
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	position:relative;
	top:-1px;
	min-height:120px;
	}

#sidebar br {
	display:none;		/* Gmap rendering fix */
	}

#sidebar span.item {
	font-size:120%;
	display:block;
	float:left;
	padding:4px 10px;
	cursor:pointer;
	}

.cfix {
	width:				100%;
	height:				auto;
	clear:				both;
	}


/**
*			ALBUMS
**************************************/

#album-list {
	margin:10px 5px;
	}
	
#album-list .album {
	margin-bottom:10px;
	}
	
#album-list .album h3 {
	font-size:220%;
	letter-spacing:-1px;
	margin:10px 0 5px 0;
	line-height:26px;
	color:#678511;
	font-weight:normal;	
	}
	
#album-list .album h3 span {
	color:#333;
	font-size:70%;
	}
	
#album-list .album-images {
	border-top:1px dotted #ccc;
	padding:5px 0;
	}
	
#album-list .album-images a, 
#album-list .album-images a:visited {
	display:block;
	float:left;
	padding:1px;
	margin:5px 15px 0 0;	
	}

#album-list .album-images a img {
	padding:2px;
	border:1px dotted #999;
	width:80px;
	height:60px;
	}

#album-list .album-images a:hover img {
	border:1px dotted #333;
	}


#album-list .album-images a.images-link,
#album-list .album-images a:visited.images-link {
	color:#333;

	font-size:150%;
	width:120px;
	padding:1px;
	line-height:60px;
	margin-right:0px;
	}
	
#album-list .album-images a:hover.images-link {
	text-decoration:none;
	}
		
/**
*			FOOTER
**************************************/

#footer {
	width:					100%;
	height:					20px;
	text-align:				center;
	color:					#56492e;
	font-weight:			normal;
	line-height:			46px;
	background:				url('../images/layout/footer-bg.gif') no-repeat bottom left;
	}

/**
*			OVERIGE
**************************************/

.clearer {
	width:				100%;
	height:				1px;
	clear:				both;
	}

.clear-right {
	clear:right;
	}