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

html {
	height:				100%;
	width:				100%;
	}
	
body {
	height:				100%;
	width:				100%;
	font:				0.8em/1.4em "Trebuchet MS", Trebuchet MS, sans serif; 
	background:			#d7ecfb url('../images/layout/bg.jpg') no-repeat top center;

	/*background:*/

	}


/*
*		HEADINGS
*
*
****************************************/

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Trebuchet MS, sans serif;
	}

h1 {
	
	}

h2 {
	font-size:34px;
	color:				#bed64a;  /*93a832;*/
	line-height:30px;
	margin-bottom:6px;
	font-weight:normal;
	letter-spacing:-1px;
	padding-top:4px;
	}

h3 {
	color:#93a832;
	font-weight:bold;
	font-size:120%;
	line-height:24px;
	}

h4 {

	}

h5 {

	}

h6 {

	}

/*
*		RESET STYLES
*
*
****************************************/

strong {
	font-weight:bold;
	}
	
em {
	font-style:italic;
	}

p {
	line-height:24px;
	}

/*
*		GRID
*
*
****************************************/

#top-line {
	display:none;
	
	position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	background:			url('../images/layout/top-line.gif') repeat-x top left;
	height:				8px;
	z-index:			15;
	}

#wrapper {
	position: 			relative;
	width:				100%;
	min-height: 		100%;
	/*background:			url('../images/layout/wrapper-bg.gif') repeat-y top center;*/
	z-index:			10;
	
	}

* html #wrapper {
	height: 			100%;
	}

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

#container {
	padding-bottom:		200px;
	width:				980px;
	margin:				0 auto;
	background:			#fff;
	
	border:1px solid #a0c8e7;
	border-top-width:0px;
	border-bottom-width:0px;
	}

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

#header {
	width:				100%;
	height:				410px;
	
	}

.header-container {
	height:				410px;
	width:				980px;
	margin:				0 auto;
	position:			relative;
	text-align:			left;
	background:			#fff;
	
	border:1px solid #a0c8e7;
	border-top-width:0px;
	border-bottom-width:0px;
	
	}

#logo {
	position:			absolute;
	top:				60px;
	left:				30px;
	z-index:			30;
	}

#top-image {
	position:			absolute;
	top:				10px;
	left:				245px;
	z-index:			29;
	width:				721px;
	height:				332px;
	background:			url('../images/layout/top-image-bg.gif') no-repeat top left;
	}

#top-image .img-holder {
	width:678px;
	height:274px;
	overflow:hidden;
	position:absolute;
	top:29px;
	left:21px;
	}

#slideshow {
	position:			absolute;
	top:29px;
	left:21px;
	z-index:			29;
	width:				721px;
	height:				332px;

	}

#slideshow img {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:678px;
	height:274px;
	}

/*
*		NAVIGATION
*
*
****************************************/

#navigation {
	width:				950px;
	height:				60px;
	background:			url('../images/layout/nav-bg.gif') repeat-x top left; 
	overflow:			hidden;
	position:			absolute;
	top:				345px;
	left:				15px;
	z-index:			31px;
	}
	
#navigation li {
	float:				left;
	}

#navigation li a,
#navigation li a:visited {
	display:			block;
	height:				60px;
	overflow:			hidden;
	padding:			0 10px;
	margin:				0 18px;
	font: 				bold 14px/78px "Trebuchet MS", Trebuchet MS, Arial, Helvetica, sans serif;
	color:				#59298a;
	text-decoration:	none;
	}

#navigation li a:hover,
#navigation li.active a,
#navigation li.active a:visited,
#navigation li.active a:hover {
	text-decoration:	underline;
	color:				#93a832;
	background:			url('../images/layout/nav-ball.gif') no-repeat top center;
	}


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

#columns {
	
	}

#left-column,
#right-column {
	float:				left;
	font-size:90%;
	}
	
#left-column {
	width:				225px;
	text-align:left;
	position:relative;
	padding-bottom:10px;
	padding-right:20px;
	margin-left:5px;
	}
	
#right-column {
	width:				700px;


	text-align:left;
	

	}
	
#full-column {
	padding-bottom:10px;
	padding-right:10px;
	margin-left:5px;
	}

#columns p {
	line-height:20px;
	color:#3069ac;
	padding:5px 3px;
	}

.block {
	background:url('../images/layout/block-bg.gif') repeat-x top left;
	margin-bottom:20px;
	padding:10px;
	color:#3069ac;
	}

#right-column a,
#right-column a:visited {
	color:#59298a;
	text-decoration:underline;
	}

#right-column a:hover {
	text-decoration:none;
	}
	
/*
*		BREADCRUMB
*
*
****************************************/

#breadcrumb {

	margin:0 15px;
	padding:2px 0;
	text-indent:5px;
	line-height:28px;
	color:#333;
	font-size:90%;
	
	border-bottom:			3px double #deeffb;
	border-top:				3px double #deeffb;
	}	

#breadcrumb a,
#breadcrumb a:visited {
	color:					#3069ac;
	padding:0 4px;
	}

#breadcrumb a:hover {
	text-decoration:		none;
	}

#breadcrumb span {
	color:					#555;
	}

#breadcrumb span.separator {
	font-size:				90%;
	padding:				0 6px;
	}

/*
*		ACTIVITY LIST
*
*
****************************************/

#activity-list {
	width:690px;
	margin:10px 3px;
	}
	
#activity-list thead tr,
#activity-list tbody tr {
	height:28px;
	line-height:28px;
	}	

#activity-list thead tr th {
	font-weight:bold;
	color:#bed64a;
	}


#activity-list thead tr th,
#activity-list tbody tr td {
	padding: 0 5px 0 2px;
	}

#activity-list thead tr th.title,
#activity-list tbody tr td.title {
	width:260px;
	}

#activity-list tbody tr td {
	color:#3069ac;
	border-bottom:1px solid #dce4ee;
	}	

#activity-list tbody tr td a,
#activity-list tbody tr td a:visited {
	color:#59298a;
	text-decoration:underline;
	}

#activity-list tbody tr td a:hover {
	color:#451f6c;
	text-decoration:none;
	}

#activity-list tbody tr.month {
	
	font-size:24px;
	padding-top:8px;
	padding-bottom:2px;
	}	

#activity-list tbody tr.month td {
	padding-top:14px;
	color:#93a832;
	font-weight:bold;
	}

#activity-list tbody tr td span.empty {
	color:#777;
	/*font-size:90%;*/
	}

#activity-address-details {
	margin-top:20px;
	}

.activity-address {
	width:170px;
	float:left;
	padding:0 10px;
	}

.activity-gmap {

	background:#fff;
	padding:7px;
	float:left;
	border:1px solid #93a832;
	}


/**
		CALENDER		
************************************/

.date-notice {
	width:100%;
	text-align:center;
	height:85px;
	line-height:85px;
	}

.this-day {
	color:#3069ac;
	font-size:75px;
	}
	
.this-month {
	color:#bed64a;
	font-size:40px;
		
	}

.archive {
	margin-top:4px;
	width:					100%;
	}

.archive caption {
	display:				none;
	text-align:center;
	height:					20px;
	line-height:			20px;


	margin-bottom:			5px;
	font-size:				90%;
	font-weight:			bold;
	}
	
.archive tr th,
.archive tr td {
	text-align:				center;
	width:					32px;
	height:					26px;
	line-height:			26px;
	color:#bed64a;
	}

.archive tr th.weekday {
	color:					#3069ac;
	font-weight:			bold;
	}

.archive tr td.current {
/*	border:					1px solid #dedede;
	background:				#ededed;*/
	width:					30px;
	height:					26px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#3069ac;
	} 
	
.archive tr td.item {
	font-weight:			bold;
	border:					1px solid #dedede;
	background:				url('../images/layout/active-item-bg.gif') no-repeat 50% 50%;
	border:					0;
	
	width:					32px;
	height:					26px;
	} 

.table-links {
	width:					97%;
	margin:					0 5px;
	height:					24px;
	line-height:			24px;
	border-top:				1px solid #ededed;	
	font-size:90%;
	}

.table-links .archive-prev {
	display:				block;
	float:					left;
	width:					90px;
	}

.table-links .archive-next {
	display:				block;
	float:					right;
	width:					90px;
	text-align:				right;
	}

.table-links a, 
.table-links a:visited {
	color:#3069ac;
	}
	
.table-links a:hover {
	color:#3069ac;
	text-decoration:none;
	}

.archive tr td.item a,
.archive tr td.item a:visited {
	font-weight:			bold;
	color:					#333;
	overflow:hidden;
	display:block;
	width:100%;
	height:100%;
	text-indent:-4000px;
	}

.archive tr td.item a.current,
.archive tr td.item a:visited.current,
.archive tr td.current a.current,
.archive tr td.current a:visited.current {
	color:#333;
	text-decoration:none;
	cursor:default;

	}

/*
*		FORM ELEMENTS
*
*
****************************************/

form .form-item {
	margin:					8px 4px 0 4px;
	width:					100%;
	clear:					both;
	margin-bottom:			15px;
	}

form input.text-input, 
form input.date-input, 
form textarea {
	border:					1px solid #bbb;

	font:					normal 13px/18px Arial, Helvetica, sans-serif;
	background:				#fff url('../images/layout/input-bg.gif') repeat-x top left;
	padding:				4px;
	}

form .form-description {
	color:					#777;
	line-height:			20px;
	margin:					2px;
	font-size:				11px;
	}

form .form-item label {
	display:				block;
	font-size:				12px;
	margin-bottom:			4px;
	font-weight:			bold;
	color:					#444;
	}

form .form-item label span.required {
	font-size:				90%;
	font-weight:			bold;
	color:					#900;
	padding:				0 3px;
	}

form .form-item input.text-input {
	color:					#333;
	height:					16px;
	width:					98%;
	}

form .form-item input.date-input {
	height:					16px;
	width:					30px;
	}

form .form-item .textarea-input {
	color:					#333;
	width:					98%;
	}

form .form-item input.file-input {
	border:					1px solid #ccc;
	border-bottom-width:	2px;
	background:				#fff;
	width:					300px;
	}

form .form-item select.select-input {
	border:					1px solid #bbb;

	padding:				3px;
	color:					#333;
	height:					28px;
	width:					207px;
	background: 			#fff url('../images/layout/input-bg.gif') repeat-x top left;
	}

form .form-item .submit-button {
	height:					2.4em;
	padding-bottom:			2px;
	margin-right:			3px;
	font-weight:			bold;
	color:					#333;
	overflow: 				visible;	/* IE fix */
	padding:				0 10px;
	}

form .form-divider {
	float:left;
	width:280px;
	}


/*
*		HOMEPAGE
*
*
****************************************/

.home-left {
	float:left;
	border-right:1px solid #3069ac;
	width:205px;
	margin:0;
	padding-right:10px;
	}
	
.home-right {
	float:left;
	width:250px;
	margin:10px 0 10px 20px;
	color:#3069ac;
	}

	
.home-right h2 {
	padding:30px 0 0 0;
	}


ul#upcoming {
	margin-top:25px;
	margin-bottom:20px;
	}

ul#upcoming li {
	margin-bottom:10px;
	}
	
ul#upcoming li span {
	display:inline-block;
	width:24px;
	height:100%;
	color:#93a832;
	}

ul#upcoming li a,
ul#upcoming li a:visited {
	color:#59298a;
	text-decoration:none;
	}

ul#upcoming li a:hover {
	text-decoration:underline;
	}

/*
*		SECTIONS
*
*
****************************************/

.section {
	margin-top:25px;
	}

.section h3 {
	font-size:200%;
	line-height:22px;
	font-weight:normal;
	}

.section .section-image {
	float:left;
	padding:10px 10px 5px 0;
	}

.section .section-description,
.section .section-description p {
	line-height:24px;
	color:#3069ac;
	}

/**
*			PAGE NAVIGATION
**************************************/
	
#page-navigation {
	width:100%;
	align:right;
	height:24px;
	line-height:22px;
	color:#3069ac;
	padding-bottom:5px;
	border-bottom:1px dotted #3069ac;
	}
								 
#page-navigation .nav-info {
	float:left;
	padding-left:5px;
	width:310px;
	}

#page-navigation .nav-info strong {
	font-weight:bold;
	color:#534193;
	}

#page-navigation #nav-links {
	float:right;
	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:#534193;
	}				
									 
#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 #c0d64f;	
	}

#post-list li.post-item .post-date {
	float:left;
	height:50px;
	width:120px;
	margin-right:5px;

	color:#9b9b8e;
	}


#post-list li.post-item .post-date span.day {
	font-size:420%;
	line-height:40px;
	display:block;
	float:left;
	font-weight:bold;
	color:#3168ab;

	}
	
#post-list li.post-item .post-date span.month {
	font-size:120%;
	display:block;
	font-weight:bold;
	
	float:right;
	color:#cbdd6f;
	padding:0 10px 0 5px;
	margin-right:5px;
	border-right:2px solid #cbdd6f;
	}
	
	
	
	
	
	
	
	
	
#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:120%;
	color:#534193;
	margin:0 0 5px 0;
	line-height:22px;
	font-weight:bold;
	
	}


#post-list li.post-item h3.post-title a,
#post-list li.post-item h3.post-title a:visited {
	color:#534193;
	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:#306aaa;
	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;
}


/**
*			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:10px 0 25px 5px;

	padding:10px;
	height:325px;
	background:url('../images/layout/block-bg.gif') repeat-x top left;
	}
	
	
#guestbook-left {
	float:left;
	width:475px;
	}
	
#guestbook-middle {
	float:left;
	width:75px;
	height:325px;
	background:url('../images/layout/arrow.gif') no-repeat center center;
	}	

#guestbook-right {
	float:left;
	width:340px;
	padding-left:20px;
	}	
	
	
	
	
	
	
	
#guestbook-form .userData {
	width:100%;
	margin-top:10px;
	padding-bottom:5px;
	}
	
#guestbook-form .userMessage {

	}

#guestbook-form .form-spacer {
	margin-bottom:6px;
	}
	
#guestbook-form .form-spacer span.label {
	display:block;
	width:160px;
	float:left;
	height:24px;
	line-height:24px;
	font-weight:bold;
	color:#bed64a;
	}
	
#guestbook-form .form-spacer input.text-input {
	display:block;
	float:left;
	width:165px;
	border:1px solid #a0c8e7;
	padding:4px 3px;
	font:100%/20px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:normal;
	}

#guestbook-form .form-spacer span.explanation {
	margin-left:120px;
	display:block;
	font:90%/18px Verdana, Arial, Helvetica, sans-serif;
	color:#3069ac;
	padding-top:4px;
	padding-right:5px;
	}

#guestbook-form .form-spacer .captcha-img {
	display:block;
	margin:5px 0 10px 160px;
	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 solid #a0c8e7;
	padding:4px 3px;
	font:100%/20px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	width:330px;
	height:160px;
	float:left;	
	clear:left;
	}

#guestbook-form .userMessage .form-spacer #countCharsWrap {
	color:#777;
	display:none;
	top:5px;
	}

#guestbook-form .userMessage .form-spacer #countCharsWrap input {
	font:90%/20px Verdana, Arial, Helvetica, sans-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 Verdana, Arial, Helvetica, sans-serif;
	width:16em;
	color:#333;
	height:2.4em;
	overflow: 				visible;	/* IE fix */
	}

/*
*		FOOTER
*
*
****************************************/

#footer {
	width:				100%;
	height:				200px;
	position: 			absolute;
	z-index:			14;
	bottom: 			0;
	overflow:			hidden;
	background:			url('../images/layout/footer-grass.png') repeat-x -20px bottom;
	}
	
#footer .footer-container {
	position:			absolute;
	top:				0px;
	left:				50%;
	z-index:			13;
	height:				100%;
	width:				980px;
	margin-left:		-490px;
	text-align:			left;
	line-height:		65px;
	color:				#522f61;
	font-size:			11px;
	padding:0 10px;
	background:url('../images/layout/footer-grass.png') repeat-x -20px bottom;
	}


.footer-attributes {

	height:173px;
	position:absolute;
	bottom:40px;
	right:170px;
	}

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

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


.spacer {
	margin:0 auto;
	padding:10px;
	}
	
.clearer {
	width:					100%;
	height:					1px;
	clear:					both;
	}