#content {
	_height: 10px;
}

#content .left {
	width: 250px;
	float: left;
	_position: relative;
	padding-top: 27px;
}

#content .left h1 {
	font-size: 11px;
	color: #BBBBBB;
	margin: 0 0 10px 33px;
	letter-spacing: 1px;
}

#content div.leftNavigation {
	position: relative; 
	background-image: url(/inc/img/subnav_border_left.jpg); 
	background-repeat:repeat-y; 
	margin-left: 1px; 
	_float: left;	
}
#content div.leftNavigation div.top {
	position: absolute; 
	z-index: 0; 
	top: 0px; 
	left: 0px; 
	width: 249px; 
	height:20px; 
	background: url(/inc/img/subnav_top.jpg);	
}
#content div.leftNavigation div.menuContent {
	position: relative; 
	z-index: 10; 
	padding: 8px 0px; 
	left: 3px;	
}
#content div.leftNavigation div.bottom {
	position: absolute; 
	z-index: 0; 
	bottom: 0px; 
	left: 0px; 
	width: 249px; 
	height:20px; 
	background: url(/inc/img/subnav_bottom.jpg);
}
#content div.leftNavigation ul {
	position: relative;
}

#content div.leftNavigation ul, #content div.leftNavigation li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content div.leftNavigation li {
	width: 246px;
	border-top: 1px solid #d6d6d6;
}

#content div.leftNavigation li.first {
	border-top: none;
}

#content div.leftNavigation li ul {
	display: none;
	border-top: 1px solid #d6d6d6;
}
#content div.leftNavigation li.current ul {
	display: block;	
}

#content div.leftNavigation li.firstSubnav, #content div.leftNavigation li.firstSubnav-selected {
	background-image: url(/inc/img/subnav_top.jpg);
	background-repeat: no-repeat;
	width: 249px;
	height: 33px;
	padding-top: 6px;
	border-top: none;
}

#content div.leftNavigation li.lastSubnav, #content div.leftNavigation li.lastSubnav-selected {
	/*background-image: url(/inc/img/subnav_bottom.jpg);*/
	background-repeat: no-repeat;
	width: 249px;
	height: 33px;
	/*padding-bottom: 9px;*/
}

#content div.leftNavigation li.singleSubnav, #content div.leftNavigation li.singleSubnav-selected {
	background-image: url(/inc/img/subnav_single.jpg);
	background-repeat: no-repeat;
	width: 249px;
	height: 41px;
	padding-top: 4px;
}

#content div.leftNavigation li a {
	display: block;
	/*width: 200px;*/
	margin-left: 1px;
	padding: 10px 10px 10px 33px;
	font-size: 11px;
	color: #3d3a3a;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
#content div.leftNavigation li ul li a {
	padding: 10px 10px 10px 50px;
	text-transform: none;
}
#content div.leftNavigation li ul li ul li a {
	padding: 10px 10px 10px 70px;
	text-transform: none;
}
#content div.leftNavigation li a:hover, 
#content div.leftNavigation li.current a, 
#content div.leftNavigation li.current a:hover {
	/*background-color: #dceff9;*/
	background-image: url(/inc/img/subnav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 13px;
	color: #51AEE0;
}
#content div.leftNavigation li.current li.current a,
#content div.leftNavigation li.current ul li a:hover {
	/*background-color: #dceff9;*/
	background-image: url(/inc/img/subnav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 30px;
	color: #51AEE0;
}

#content div.leftNavigation li.current li.current li.current a,
#content div.leftNavigation li.current ul li ul li a:hover {
	/*background-color: #dceff9;*/
	background-image: url(/inc/img/subnav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 50px;
	color: #51AEE0;
}

#content div.leftNavigation li.current li a {
	background-image: none;
	color: #3d3a3a;
}

#content div.leftNavigation li.current li.current li a {
	background-image: none;
	color: #3d3a3a;
}

#content div.left div.photoAlbum {
	width: 242px;
	height: 255px;
	position: relative;
	top: 50px;
}

#content div.left div.photoAlbumOverlay {
	width: 242px;
	height: 255px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(/inc/img/bg_photoalbum.png);
}

#content div.left div.photoAlbumNumbers {
	width: 242px;
	text-align: center;
	word-spacing: 5px;
}

#content div.left div.photoAlbumNumbers a {
	font-weight: bold;
	font-size: 10px;
}

#content .middle img {
	margin: 0 10px 0 0;
}

#content .middle {
	width: 442px;
	float: left;
	_position: relative;
	padding: 20px;
	color: #957156;
	border-left: 1px solid #c1c1c2;
	border-right: 1px solid #c1c1c2;
}

#content .middle h1 {
	margin: 0 0 10px 0;
	color: #564C3A;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 24px;
}

#content .middle h2 {
	margin: 0 0 10px 0;
	color: #564C3A;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 20px;
}

#content .middle h3 {
	margin: 0 0 10px 0;
	color: #564C3A;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 13px;
}

#content .middle p {
	margin: 0 0 15px 0;
	line-height: 19px;
}

#content .middle li {
	line-height: 19px;
}

#content .right {
	width: 253px;
	_width: 250px;
	float: left;
	position: relative;
}
#content .rightLoggedIn {
	background-image: url(/inc/img/bg_loggedin.png);
	width: 243px;
	height: 108px;
	position: relative;
	left: 5px;
	top: -5px;
}
#content .rightLoggedInContent {
	width: 193px;
	height: 68px;
	padding: 20px 25px;	
	position: absolute;
	top: 0px;
	left: 5px;
	color: #000;
}
#content .rightLoggedInContent h1 {
	margin: 0 0 10px 0;
	color: #564c3a;
	font-size: 12px;
	letter-spacing: 1px;	
}
#content .rightLoggedInContent a {
	color: #564c3a;
}
#content .rightLoggedInContent a:hover {
	color: #FFF;
}

#content .rightCalendarContainer {
	position: relative;	
}
#content .rightCalendar {
	background-image: url(/inc/img/bg_homepage_calendar.png);
	width: 248px;
	height: 247px;
	position: relative;
	left: 5px;
	top: -5px;
}

#content .rightCalendarContent {
	width: 198px;
	height: 207px;
	padding: 20px 25px;	
	position: absolute;
	top: 0px;
	left: 5px;
}

#content .rightCalendarContent h1 {
	margin: 0 0 10px 0;
	color: #564c3a;
	font-size: 15px;
	letter-spacing: 1px;	
}

#content .rightCalendarContent h2 {
	margin: 0 0 5px 0;
	color: #957156;
	font-size: 12px;
	letter-spacing: 1px;	
}

#content .rightCalendarContent p {
	margin: 0 0 15px 0;
	color: #957156;
	line-height: 18px;	
}

#content .rightCalendarContent a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

#content .rightBanners {
	position: relative;
	left: 8px;
	top: -5px;
}

#content .rightBanners img {
	margin-bottom: 3px;
}

/* inlog */
#content .inlogBlock {
	width: 242px;
	height: 135px;
	background-image: url(/inc/img/homepage_blok_2.jpg);
	position: relative;
	left: 8px;
	margin-bottom: 12px;
}

#content .inlogBlock form.frm_login {
	position: relative;
	margin: 0;
	padding: 0;
	left: 22px;
	top: 24px;
}

#content .inlogBlock input.frm_input {
	width: 141px;
	border: 0;
	background-color: #FFFFFF;
	color: #957156;
	margin-bottom: 10px;
	font-size: 10px;
	letter-spacing: 1px; 
}

#content .inlogBlock a.frm_button {
	position: relative;
	display: block;
	width: 41px;
	height: 41px;
	float: right;
	right: 43px;
	top: -28px;
}

/* fotoalbum */
.photoAlbum {
	margin-bottom: 12px;	
}
.photoAlbum div.photoHolder {
	border: 1px solid #C1C1C2;
	padding: 10px;
}
.photoAlbum div.photoInfo {
	margin: 5px 0px;
	text-align: center;
}
.photoAlbum div.photoThumbHolder {
	border: 1px solid #C1C1C2;
	padding: 10px;
}
.photoAlbum div.photoThumbHolder img.thumb {
	margin: 0px 7px !important;	
}
.photoAlbum div.photoPages {
	text-align: center;
	word-spacing: 5px;
	margin-top: 10px;
}

.photoAlbum div.photoPages {
	font-weight: bold;
	font-size: 10px;
}
.photoAlbum div.photoPages span.pageLink {
	cursor: pointer;
}
.photoAlbum div.photoPages span.pageLink.selected {
	cursor: auto;
}

#content .photoInfo {
	height: 15px;
	margin-bottom: 5px;
}



/* fotoalbum 
#content #photoStrip {
	border: 1px solid #C1C1C2;
	padding-left: 5px;
	padding-top: 5px;
}

#content .photoHolder {
	border: 1px solid #C1C1C2;
	padding: 10px;
}

#content .textHolder {
	height: 15px;
	margin-bottom: 5px;
}
*/
#content a {
	color: #564c3a;
	text-decoration: none;
}

#content a:hover {
	color: #51aee0;
	text-decoration: underline;
}





/* ---------------------------------------------------- private message --------------------------------------------------------- */

#privatemessage {
	background-image: url(/inc/img/privatemessage_bg.png);
	height: 260px;
	width: 500px;
	border: 5px solid #FFFFFF;
	padding: 20px;
}

#privatemessage h1{
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 15px;
}

#privatemessage textarea {
	width: 340px;
	height: 120px;
	background: url("/inc/img/input_bg.jpg") repeat scroll 0 0 #FBFAF8;
	border-color: #BBBBBB #EEEEEE #EEEEEE #BBBBBB;
	border-style: solid;
	border-width: 1px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 2px;
	position: static;
	overflow: auto;
}

/* ---------------------------------------------------- Blog -------------------------------------------------------------------- */
#blogcomment {
	margin-bottom: 20px;
	position: relative;
}
#blogcomment .author_container {
	height: 20px;	
}

#blogcomment .author{
	float: left;
	padding: 0 20px 5px 0;
	background-position: right bottom;
	background-image: url(/inc/img/blog_comment.gif);
	background-repeat: no-repeat;
}
#blogcomment .comment_shadow {
	background-position: bottom;
	background-image: url(/inc/img/blog_comment_shadow.gif);
	background-repeat: repeat-x;
	padding-bottom: 2px;
}

#blogcomment .comment{
	border:1px solid #BCBCBC;
	padding: 6px 8px 6px 8px;
	margin-top: -1px;
}

#blogcomment .comment img{
	margin: 0px;
}

#blogcomment .datetime{
	font-size: 90%;
	color: #BCBCBC;
	margin: 5px 0 0 10px;
}

#blogcomment .datetime a{
	color: #51AEE0;
}

#blogpost input.textbox, textarea.textarea{
	width: 300px;
}

/* ------------------------------------------------------- calendar ----------------------------------------------------------------- */
/*#calendar div {
	padding: 0;
}

#calendar h1 {
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	height: 20px;
	padding: 3px 0 0 0;
}

#calendar p {
	margin: 10px 0 10px 0;
	padding: 0;
}

#calendar a:hover {
	color: #FFFFFF;
}*/

#calendar {
	width: 218px;
	min-height: 185px;
	background-image: url(/inc/img/subnav_border_left.jpg);
	background-repeat: repeat-y;
	background-position: left;
	/* background-image: url(/inc/img/calendar_bg.png); */
	color: #0E1655;
	/* margin-top: 20px;
	margin-left: 1px; */
	_padding: 0 15px 0 18px;
	padding: 0 13px 0 18px;
}

#calendarContainer {
	width: 222px;
	margin: 10px auto;
}
#calendarHeader a {
	display: block;
	height: 16px;
	padding-top: 3px;
	text-decoration: none;
	text-align: center;
	color: #141c59;
}
#calendarBack {
	float: left;
	width: 18px;
}
#calendarForward {
	float: left;
	width: 16px;
}

#calendarMonthName {
	display: block;
	float: left;
	width: 180px;
	height: 17px;
	padding-top: 3px;
	text-align: center;
	font-weight: bold;
}

#content .left div#calendarDaynames ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: inside;
	left:0;
}

#content .left div#calendarDaynames li {
	display: block;
	float: left;
	width: 30px;
	height: 19px;
	margin: 0px 1px 0px 0px;
	background: none;
	background-color:#6a5d4a;
	color: #FFFFFF;
	text-align: center;
	padding-top: 4px;
}

/*
#content .middle .aanmelden_nl {
	background-image: url(/inc/img/aanmelden.png);
	width: 116px;
	height: 31px;
}
#content .middle .aanmelden_nl:hover{
	background-image: url(/inc/img/aanmelden_hover.png);
}
#content .middle .aanmelden_en {
background-image: url(/inc/img/btn_signup.png);
width: 116px;
height: 31px;
}
*/
/*
#content .middle .aanmelden_en:hover{
	background-image: url(/inc/img/aanmelden_hover.png);
}
*/
.BTNaanmelden_nl {
	background-image: url(/inc/img/aanmelden.png);
	width: 116px;
	height: 31px;
}
.BTNaanmelden_nl:hover {
	background-image: url(/inc/img/aanmelden_hover.png);
	width: 116px;
	height: 31px;
}
.BTNaanmelden_en {
	background-image: url(/inc/img/btn_signup.png);
	width: 116px;
	height: 31px;
}
.BTNaanmelden_en:hover {
	background-image: url(/inc/img/btn_signup.png);
	width: 116px;
	height: 31px;
}
.BTNaanmelden_nl a, .BTNaanmelden_en a {
	height: 31px;
	display: block;
}


.calendarOffDays {
	display: block;
	float: left;
	width: 30px;
	height: 19px;
	margin: 1px 1px 0px 0px;
	background-color:#d9da58;
	opacity: .50;
	filter: alpha(opacity=50);
	text-align: center;
	padding-top: 4px;
}

.calendarOnDays {
	display: block;
	float: left;
	width: 30px;
	height: 18px;
	margin: 1px 1px 0px 0px;
	background-color: #eae6df;
	color: #141c59;
	text-align: center;
	padding-top: 5px;
	text-decoration: none;
}

#calendarDays a:hover {
	text-decoration: none;
	color: #141c59;
}

#content .left .calendarActiveDays {
	display: block;
	float: left;
	width: 30px;
	height: 18px;
	margin: 1px 1px 0px 0px;
	text-align: center;
	padding-top: 5px;
	text-decoration: none;
	background-color: #5bbce7;
	color: #FFFFFF;
	font-weight: bold;
}

#content .left .calendarActiveDays:hover {
	background-color: #ffffff;
	color: #5bbce7;
}

#content .left .calendarActiveDaysBack {
	display: block;
	float: left;
	width: 30px;
	height: 18px;
	margin: 1px 1px 0px 0px;
	text-align: center;
	padding-top: 5px;
	text-decoration: none;
	background-color: #99dcfa;
	color: #FFFFFF;
	font-weight: bold;
}

#content .left .calendarActiveDaysBack:hover {
	background-color: #ffffff;
	color: #5bbce7;
}

#content .left .calendarActiveDaysToday {
	display: block;
	float: left;
	width: 30px;
	height: 18px;
	margin: 1px 1px 0px 0px;
	text-align: center;
	padding-top: 5px;
	text-decoration: none;
	background-color: #2b88b2;
	color: #FFFFFF;
	font-weight: bold;
}

#content .left .calendarActiveDaysToday:hover {
	background-color: #ffffff;
	color: #5bbce7;
}

#content .left .calendarActiveDaysSelected {
	display: block;
	float: left;
	width: 30px;
	height: 18px;
	margin: 1px 1px 0px 0px;
	text-align: center;
	padding-top: 5px;
	text-decoration: none;
	background-color: #ffffff;
	color: #5bbce7;
	font-weight: bold;
}


/*
 *  LAYOUT PAGE_FULLWIDTH
 */
.page-fullwidth #content {
/*padding-top: 20px;*/
}
	.page-fullwidth #content .middle {
	width: 100%;
	float: none;
	padding: 20px 0 20px 0;
	border: none;
	}

/* Corners */
.box-inner {
width: 973px;
height: 540px;
float: left;
}
	.box-top {
	height:7px;
	background:url('/inc/img/shadow_border_t_repeat.png') repeat-x 0 0;
	margin:0 16px 0 16px;
	position: relative;
	z-index: 10;
	}
	.box-bottom {
	height:7px;
	background:url('/inc/img/shadow_border_b_repeat.png') repeat-x 0 0;
	margin:0 16px 0 16px;
	position: relative;
	clear: left;
	}
	.box-left {
	width: 7px;
	height: 522px;
	margin: 9px 0 9px 0;
	background: url('/inc/img/shadow_border_l_repeat.png') repeat-y 0 0;
	float: left;
	}
	.box-right {
	width: 7px;
	height: 522px;
	margin: 9px 0 9px 0;
	background: url('/inc/img/shadow_border_r_repeat.png') repeat-y 0 0;
	float: left;
	}
	
	.corner-wrp {
	position: relative;
	}
		.top-left,
		.top-right,
		.bottom-left,
		.bottom-right {
		width: 16px;
		height: 16px;
		position: absolute;
		background-image: url('/inc/img/shadow_border_corners_sprite.png');
		}
		.top-left {
		top: 0;
		left: -16px;
		background-position: top left;
		}
		.top-right {
		top: 0;
		right: -16px;
		background-position: top right;
		}
		.bottom-left {
		bottom: 0;
		left: -16px;
		background-position: bottom left;
		}
		.bottom-right {
		bottom: 0;
		right: -16px;
		background-position: bottom right;
		}

/* Tooltip */
#tip {
display: inline;
height: 16px;
text-decoration: none;
text-indent: -9999em;
width: 16px;
}
.tooltip_wrapper {
position: relative;
display: inline-block;
}
	.tooltip_wrapper .tooltip {
	visibility: hidden;
	z-index: 999;
	}
	.tooltip_wrapper:hover .tooltip {
	visibility: visible;
	text-decoration: none !important;
	}

.tooltip {
display: inline-block;
position: absolute;
}
	.tooltip .tooltip_text {
	border-left: 1px solid #A8A8A8;
	border-top: 1px solid #A8A8A8;
	border-right: 1px solid #A8A8A8;
	padding: 1px 5px;
	background-color: #fff;
	}
	.tooltip .tooltip_footer {
	height: 5px;
	/*background: url(/inc/img/bg_tooltip.png) no-repeat bottom left;*/
	}

/* Ouderendag plugin */
#map_canvas {
width: 543px;
height: 540px;
float: left;
}

#message {
width: 321px;
height: 109px;
padding: 10px 20px 30px 20px;
background: url('/inc/img/bg_maps_info.png') no-repeat 0 0;
overflow: hidden;
position: absolute;
}
	.item_overlay {
	display: none;
	}
	#message .close {
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer;
	}
	#message .subscribe-btn {
	right: 15px;
	bottom: 33px;
	}

.institutions-filter {
width: 429px;
height: 540px;
border-right: 1px solid #CCC;
float: left;
}
	form#filter {
	height: 66px;
	padding: 10px 10px 10px 20px;
	color: #333333;
	background: url('/inc/img/bg_form_ouderendag.jpg') repeat-x 0 0;
	position: relative;
	}
		#filter_zipcode_label {
		font-weight: bold;
		margin: 0 10px 0 0;
		}
		.filter_submit {
		width: 68px;
		height: 31px;
		background: url('/inc/img/search.png') no-repeat 0 0;
		display: block;
		position: absolute;
		top: 25px;
		right: 25px;
		}
		.note {
		display: block;
		font-style: italic;
		font-size: 10px;
		color: #666;
		}
	
	.institutions-list-wrp {
	height: 454px;
	overflow: auto;
	}
		.institutions-list,
		.institutions-filter ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
			.institutions-list li {
			padding: 15px 10px 10px 75px;
			border-top: 1px solid #CCC;
			background: url('/inc/img/maps_icon_blue.png') no-repeat 20px 15px;
			position: relative;
			}
				.volunteers {
				width: 167px;
				height: 22px;
				padding: 2px 10px 0 10px;
				color: #FFF;
				font-weight: bold;
				background: url('/inc/img/bg_volunteers_ouderendag.jpg') no-repeat 0 0;
				line-height: 19px;
				}
				.distance {
				width: 60px;
				height: 25px;
				font-size: 16px;
				text-align: right;
				color: #564C3A;
				position: absolute;
				top: 15px;
				right: 15px;
				}
				.subscribe-btn {
				width: 116px;
				height: 31px;
				position: absolute;
				right: 10px;
				bottom: 8px;
				}
			
			.institutions-filter ul li {
			margin-bottom: 8px;
			}
	
	.institutions-filter .textbox {
	width: 60px;
	}

form fieldset {
margin: 0 0 20px 0;
padding: 0;
border: none;
}

form legend {
display: none;
}

input.checkbox {
margin: 0 5px 0 0;
}

input.finput_invalid {
border: 1px solid #C00;
}
label.finput_invalid {
color: #C00;
}

form dl {
margin: 0;
float: left;
}
	form dt,
	form dd {
	margin: 0 0 8px 0;
	float: left;
	}
		form dt {
		width: 136px;
		padding: 2px;
		clear: left;
		}
		form dd {
		width: 302px;
		}

.group_subscription th {
text-align: left;
}

.group_subscription .textbox {
width: 155px;
}