*{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
body{
	/*background-color:#2D4F20;*/
	background-image: url(../images/bgBody.jpg);
	background-repeat:repeat;
}
div {
	text-align:left;
	vertical-align:top;
}
td{
	text-align:left;
	vertical-align:top;
}
h1{
	font-family:Helvetica, Verdana, Arial;
	font-weight:normal;
}
a{
	color:#842022;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/* fix for safari */
body:first-of-type a.pageNext {border:none;background: url(../images/pager.jpg) no-repeat 64px 3px;padding-right:10px;}
.pager {text-align:right;}
.pager a {border-right:1px solid #666666;padding:2px 6px;}
.pager a.pagePrev {border:none;background: url(../images/pager.jpg) no-repeat -5px 3px;padding-left:10px;}
.pager a.pageNext {border:none;background: url(../images/pager.jpg) no-repeat 61px 3px;padding-right:10px;}
.pager a.active {color:#000000;}
.pager a.active:hover {text-decoration:none;}



.gotoBK {margin-left:370px;position:absolute;top:227px;}

hr{
	height:1px;
	color:#990000;
	margin-top:5px;
	margin-bottom:5px;
	
}
.grijs{
	color:#666666;
}
.clear{
	clear:both;
}
#outerHolder {
	width:944px;
	margin:0px auto;
}
#holder{
	width:920px;
	margin:0px auto;
	height:100%;
	border:#002800 1px solid;
	background-color:#FFFFFF;
}
td#leftShadow {
	width:12px;
	background: url(../images/table_bg_left.jpg) left repeat-y;
}
td#rightShadow {
	width:12px;
	background: url(../images/table_bg_right.jpg) left repeat-y;
}
	
/*---Menu---*/
/*#menuHolder {
	width:800px;
	vertical-align:top;
	font-weight:bold;
	border-right:#002800 1px solid;
	background:#FF0000 url("/includes/images/bg_grijswit.jpg") bottom repeat-x;
}*/
ul#leftMenu {
	list-style-type:none;
	width:920px;
	float:left;
	background-color:#CCCCCC;
	border-top:#002800 1px solid;
	border-bottom:#002800 1px solid;
}
ul#leftMenu li {
	float:left;
}
ul#leftMenu li a {
	font-weight:bold;
	padding:9px;
	font-size:13px;
	display:block;
	width:auto;
	color:#333333;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	cursor:pointer;
}

ul#leftMenu li a:hover{
	color:#FFFFFF;
	background:url("/includes/images/bg_menuover.jpg") top left repeat-x;
	text-decoration:none;
	border-right: 1px solid #002800;
	border-left: 1px solid #002800;
}


ul#leftMenu li ul li{
	background:url("/includes/images/bg_menusub.jpg") top left repeat-x;
}
ul#leftMenu li ul li:hover{
	background:url("/includes/images/bg_menusubover.jpg") top left repeat-x;
}
/*---Header---*/
#holder2{
	width:920px;
	vertical-align:top;
}
#header {
	height:170px;
	background:#376027 top no-repeat;
	margin:0px;
	padding:0px;
}
#header .title{
	margin-top:130px;
	height:40px;
	border-top:#002800 1px solid;
	background:url("/includes/images/bg_title.png") no-repeat;
}
#header .title h1{
	margin-top:1px;
	margin-left:20px;
	font-size:30px;
	font-weight:normal;
	color:#FFFFFF;
}
/*---Content---*/
#content{
	margin:10px;
	margin-top: 45px;
}
#content .left{
	float:left;
	width:629px;
	padding-left:10px;
	padding-right:10px;
}

#content .left p {margin-bottom:15px;}

#content .left h1{
	margin-bottom:6px;
	font-size:18px;
	color:#990000;
}
#content .left .pad_rig{
	padding-right:4px;
}
#content .left .pad_bot{
	padding-bottom:2px;
}

#content .left select{
	width:262px;
	/*border:#990000 1px solid;*/
}
#content .left table{
	padding:2px;
	margin: 2px;
}
#content li {
	list-style-position:inside;
}
#content {
	/* background:url(/includes/images/bgStripe.jpg) no-repeat 679px 0; */
}

#rightBlock h1 {
	margin-bottom:10px;	
	margin-top:10px;	
	color:#990000;
	color:#376027;
}
#rightBlock {
	float:right;
	width:240px;
	background:#FFF url("/includes/images/bg_grijswit.jpg") bottom repeat-x;
}
#rightBlock h1{
	font-size:22px;
	margin:0px;
	padding:0px;
	color:#376027;
	margin-top:6px;
	margin-bottom:10px;
}
#rightBlock input.text{
	border:#999 1px solid;
	font-size:12px;
	padding:2px;
}
#rightBlock .topLogin {
	margin:20px 0 0 10px;
}
#rightBlock .topLogin h1 {
	margin-bottom:6px;	
}
#rightBlock .topLogin a {
	color:#333;
	font-size:12px;
}
#rightBlock div.login {
	background:#DDD;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:10px;
	margin-bottom:20px;
	margin-top:3px;
}
#rightBlock h1.spotlight {
	
	margin:10px 0px 22px 10px;
}
 
#rightBlock div.spotlight {
	border-top:1px solid #aaa;
	background:#DDD;
	border-bottom:1px solid #aaa;
	padding:10px;
	padding-bottom:20px;
	/*margin-right:20px;*/
}

#rightBlock div.spotlight ul, #rightBlock div.spotlight ul li {
	list-style-type: none; 
	list-style-position:outside;
	padding-left:0px;
	margin-left:0px;
}

#rightBlock div.spotlight ul li a { cursor: pointer; }

#rightBlock div.register {
	margin-top:30px;
	background:#DDD;
	border:1px solid #aaa;
	border-width:1px 0 1px 0;
	cursor:pointer;
}
#rightBlock div.register h1 {
	font-size:18px;
	padding:1px 10px 0px 10px;
	margin:10px 0 10px 0;
}



/*	
*/

input.text {
	border:1px solid #ccc;
	height: 20px;
	width: 200px;
	margin-bottom:5px;
	color: #222;
}

input.textLong {
	border:1px solid #ccc;
	margin-bottom:5px;
	width:99%;
	height:20px;
}

.alert {
	background:#FFE6E6;
	border:#CCC 1px solid;
}
	
select {
	margin-bottom:5px;
}

/*---sIFR---*/
.sIFR-flash{
	visibility:visible !important;
	margin:0;
}
	
.sIFR-replaced{
	visibility:visible !important;
}
	
span.sIFR-alternate{
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
}	
a img {
	border:0px;
	margin:0px 0px -2px 0px;
}
#footer {
	/*background-color:#CCCCCC;*/
	/*border-top: #002800 1px solid;*/
	width:920px;
	/*border-top: #CCC 1px solid;*/
	color:#fff;
	text-align: center;
	font-size: 10px;
	padding: 7px 0 10px 0;
	width:
	
}
#footer a {
	color: #FFF;
	font-size:10px;
	padding: 0 15px;
	font-weight:bold;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
	font-size:10px;
	padding: 0 15px;
}
	
.tableList td {
	border-bottom: #ccc dotted 1px;
}



/*/////////////////////*/

#content .left h1, #content h1 {
	margin-bottom:6px;
	font-size:22px;
}

#content {
	padding-left:10px;
	margin:0px;
	padding-bottom:20px;
}

#content .left {
}


#content .left h1, #content h1 {
	margin-bottom:10px;	
	margin-top:20px;	
	color: #376027;
}


#newsBlock {
	float:left;	
}

#calendarBlock {
	float:right;
}

div.thumbnail {
	background:#EEEEEE none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	color:#AAAAAA;
	cursor:pointer;
	float:left;
	margin-bottom:20px;
	margin-right:10px;
	text-align:center;
	width:80px;
}

#calendarBlock div.thumbnail, #kalenderlijst div.thumbnail {
	width:85px;
	height:85px;
	padding-top:4px;
	background: transparent url(/includes/images/date_bg.jpg) no-repeat 0 0;
	border:none;
}

dl, dt, dd {
	padding:0px;
	margin:0px;
}

span.day {
	font-size:30px;
	color:#000;
	line-height:45px;
}
span.dag {
	font-size:10px;
	line-height:2.5;
	color:#FFF;
}
span.month {
	font-size:11px;
	color:#AAA;
	line-height:23px;
}
span.year {
	font-size:11px;
	color:#AAA;
	line-height:23px;
}

#itemList dl.newsitem {
	width:530px;
}

dl.newsitem {
	float:left;
	display:block;
	width:220px;
	/* width:530px; */
}
dl.calendaritem {
	float:left;
	display:block;
	width:220px;
	/* width:530px; */
}
#calendarBlock dl.newsitem {
	width:200px;
}


.fotoalbum a:hover {
	color:#990000;
	text-decoration:none;
}
.fotoalbum:hover {
	background-color: #FFFFFF;
	cursor: pointer;
}
.fotoalbum {
	border: 1px solid #EFEFEF;
	background-color: #EFEFEF;
}

dd.date {
	color:#555;
	font-size:12px;
	padding:0 0 0px 0px;
	border-bottom:1px solid #ccc;
}
dd.datecalendar {
	color:#555;
	font-size:12px;
	padding:9px 0px 0px 0px;
	border-bottom:1px solid #ccc;
}
dd.datefotoalbum {
	color:#555;
	font-size:12px;
	border-bottom:1px solid #ccc;
	margin:13px 0 0 3px;
	height:35px;
}

.newsitem {
	margin-bottom:2px;
	padding-bottom:3px;
}

.calendaritem dd.date {
	border-bottom:1px solid #BBB;
}
dt {
	padding:4px 0 2px 0px;
	cursor:pointer;
}
.calendaritem dt {
	margin-bottom:7px;
	padding:1px 0 2px 0px;
}

.calendaritem dt a:hover {
	color:#376027;
	text-decoration:none;
}

.newsitem a:hover {
	color:#990000;
	text-decoration:none;
}
.nieuws:hover {
	background-color: #FFFFFF;
	cursor: pointer;
}
.nieuws {
	border: 1px solid #EFEFEF;
	padding: 2% 3%;
	background-color: #EFEFEF;
}

dt.calendar a {
	color:#333;
	font-weight:normal;
}

dt a {
	color:#333;
	font-weight:bold;
}
dd.readMore {
	float:right;
	padding-right:10px;
	background:url("/includes/images/arrow-grey.jpg") right no-repeat;
	cursor:pointer;
}
dd.readMoreNews {
	padding-right:10px;
	background:url("/includes/images/arrow-grey.jpg") no-repeat;
	cursor:pointer;
}
dd.readMore a {
	color:#333;
	font-size:11px;
}
dd.readMoreNews a {
	color:#333;
	font-size:11px;
} 
#content .left dl.calendaritem {
	margin-bottom:20px;
}

#gallery div.thumbnail { 
	/* width:120px;  */
	padding:10px 5px; 
} 

/*---Loginbox---*/

#btnClose {
	cursor:pointer;
}

#loginBox {
	min-width:500px;
}
#loginBox .logo {
	float:left;
}
#loginBox .close {
	float:right;
}
#loginBox #leftCol {
	width:59%;
	background:#fff;
	cursor:default;
	float:left;
	border-right:1px solid #ccc;
}
#loginBox #rightCol {
	float:right;
	width:40%;
}

#loginBox #oneCol {
	width:100%;
}

#loginBox #lightboxTable tr {
	height:20px;
}

#loginBox #rightCol span, #loginBox #rightCol input.text {
	float:left;
}	
#loginBox #rightCol span {
	width:100px;
}

.content {
	padding:10px;
}
div.ruler {
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
}

ul#accordion, ul#accordion li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul#accordion li {
	margin-left:10px;		
}
ul#accordion li .header, a.readmore {
	background:url(/includes/images/arrow.gif) no-repeat left;
	padding-left:10px;
	cursor:pointer;
}

#currentFiles {overflow:visible;}
#currentFiles .galleryImage {padding:5px; border:1px solid #cccccc; width:100px;margin:10px;float:left;}
#currentFiles .galleryImageOptions {padding-top:10px;text-align:right;}

/* hack for Safari/Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.homeAddMore {margin-top:5px;}
}

form textarea {
	background-color:#FFFFFF;
	border:1px solid #DBDBDB;
	height:120px;
	margin:0;
	padding:3px;
	width:98%;
}
form {
	margin:0 0 37px;
	padding:0;
	width:100%;
}

/* BORRELKRING LAYOUT */

/* general*/
#newsBlocks { padding-left:10px;margin-bottom:20px;}	
.leftBar { width:400px; float:left; }
.rightBar { width:480px; float:left;margin-left:20px; margin-bottom:20px; }

/* links */	
.homeAddMore { font-size: 14px;float:right; }
.homeAddMoreRight { font-size: 14px;float:right; margin-right:32px; margin-top:-33px; }
.borrelLink { text-decoration:none; color:#555; }
.readMoreNews { background-image:none; }
.homeOptions {float:right; margin-top:2px; margin-right:40px;}
.homeOptionsNoMargin {float:right; margin-top:2px;margin-right:13px;}

/* common styles */
.calendar, .news, .gallery { background-color:#EFEFEF; border:1px solid #EFEFEF; padding:10px 0px; }
.calendar:hover, .news:hover, .gallery:hover { background-color: #FFFFFF; cursor: pointer; }

div.thumbnailCalendar, div.thumbnailGallery {	float:left;	margin:0px 34px 10px 23px; width:35px; height:39px; text-align:center;	background-image: url(/includes/images/bg_ical.png);	color:#AAA;	cursor:pointer;}
div.thumbnailGallery { background-image: url(/includes/images/bg_photoalbum.png); margin:4px 40px 3px 24px; }

/* styles per block */
.calendar .calendarItem { width:361px; height:35px; }
.calendarDescription { border-bottom:1px solid #ccc; margin-left:90px; }
.calendar .day { font-size:15px; line-height:40px; }

.thumbnailNews {margin-left:10px;float:left;}
.newsDescription {border-bottom: 1px solid #ccc;}
.news .newsItem {margin-left:100px;width:261px;}
.newsComments { float:left; height:10px; }

.gallery .galleryDescription {border-bottom:1px solid #ccc;margin:0px 28px 0px 90px;}

/* table for displaying members */
.tableMembers td { padding:7px; }
.tableMembers tr.even {background-color: #EFEFEF;}
.tableMembers tr:hover {cursor:pointer;background-color:#ddd;}
.tableMembers tr.coordinator td { background-color: #FFFBE6; }
#mapScreen { height:375px; }

ul.nav { list-style: none; margin:0; }
ul.nav li { margin-right:3px;display: block; float:left; padding:10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;background-color: #EFEFEF; }
ul.nav li.active { background-color: #FFFFFF; }
ul.nav li:hover { background-color: #e2e2e2; }