/* STYLES */

h1 {
	font-size: 20px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #a1815d;
	margin-bottom: 15px;
	border-bottom: 1px solid #A1815D;
	background:white;
	width:637px;
	line-height: 24px;
	
}

h2 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #3B7AC2;
	line-height: 18px;
}

	/* GLOBAL */
	#reisleiders h2,	
	#blogs h2, 
	#tweets h2 {
		border-bottom: 1px solid #6295ce;
		margin-bottom: 10px;
	}
	
		#blogs h2 {
			color: #A1815D;
			border-bottom: 1px solid #A1815D;
		}
		
		#tweets h2, #reisleiders h2 {
			color: #294b8b;
			border-bottom: 1px solid #6295ce;
		}

h3 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

table {
	border-collapse: collapse;
}

th {
	text-align: left;
	vertical-align: top;
}

td {
	padding-right: 15px;
	vertical-align: top;
}

blockquote {
	border: 1px solid #999;
	background: #eee;
	padding: 10px 15px 10px 15px;
	font-style: italic;
}

#content ul,
#content ol {
list-style-position: inside;
}

a, a: visited {
	color: #3b7ac2;
}

a.readmore,
a.showmore,
a.back {
	border:1px solid #3b7ac2;
	padding:2px 5px;
	text-decoration: none;
	float: right;
	color: #3b7ac2;
	margin:10px 0; 
}

	a.back {
		float:left;
	}
	
a.readmore:hover,
a.showmore:hover,
a.back:hover {
	text-decoration: underline;
}

/* Uitlijning Afbeeldingen */

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 5px;
}

/* Uitlijning Tekst */

div.left {
  text-align: left;
}

div.center {
  text-align: center;
}

div.right {
  text-align: right;
}	

/* ---------- BASIC FORMS * ---------- */	
.formtable td {
	padding-bottom: 5px;
}

	.formtable label {
		padding-right: 5px;
	}
	
	.formtable th {
		font-weight: bold;
		width: 150px;
	}
	
	/* TUSSENKOP */
	.formtable h2 {
		padding-top: 10px;
	}
	
	
	/* TEXTINPUT / TEXTAREA / FILE */
	.forminputtext,
	.formtextarea,
	.DataBoundFile {
		font-size: 12px;
		border: 1px solid #3b7ac2;
		padding: 2px;
	}
	
		.forminputtext:focus, .formtextarea:focus {
			background: white;
		}

	.forminputtext {
		width: 197px;
	}
	
		.forminputtextshort {
			width: 100px;
		}
		
		.forminputtextlong {
			width: 300px;
		}
	
	.formtextarea {
		width: 300px;
		height: 100px;
	}
	
	
	/* CHECKBOX / RADIO BUTTONS */
	
	.formmultiradio,
	.formmulticheckbox {
		line-height: 20px;
	}
	
	.formradio, 
	.formcheckbox {
		vertical-align: middle;
	}
	
	.formmulticheckbox label,
	.formmultiradio label {
		padding-left: 5px;
	}
	
	/* SELECT */
	
	select {
		font-size: 12px;
		border: 1px solid #ccc;
		background: #fafafa;
		font-size: 12px;
	}
	
		select option {
			padding-right: 10px;
		}
		
	
	/* SUBMIT */
	
	.formsubmitbutton {
		padding: 2px 6px;
		cursor: pointer;
		margin-top: 10px;
	}
	
	
	/* FORM ERRORS */
	
	div#melding {
		margin: 10px 0px;
	}
	
	div.melding_fout	{
		padding: 4px;
		font-weight: bold;
		color: red;
		border: 2px solid red;
	}

	div.melding_waarschuwing {
		padding: 4px;
		font-weight: bold;
		color: orange;
		border: 2px solid orange;
	}
	
	div.melding_mededeling {
		padding: 4px;
		font-weight: bold;
		color: green;
		border: 2px solid green;
	}

	.formtable td .Error {
		border-bottom: 1px dashed red;
	}
	
	label.validatieerror {
		display: block;
		color: red;
	}


/********************************************************* Leden */

div.avatar {
	width: 65px;
	height: 65px;
	margin-bottom: 10px;
}

div.avatar.none {
	background-image: url('/images/leden/avatars/none.jpg');
}


/* ---------- SITENODE COMMENTS ---------- */
#sitenodecomments {
	/*width: 100%;*/
	float: left;
	margin-bottom: 10px;
	width: 621px;
	margin-left: 178px;
}

	#sitenodecomments h2,
	#sitenodecomments h2.commentform {
	border-bottom: 1px solid #A1815D;
	padding-bottom: 1px;
	padding-top:3px;
	margin-bottom:10px;
	}
	
		#sitenodecomments h2.commentform {
			border-bottom: 1px solid #3b7ac2;
		}
	
	#sitenodecomments h2 a,
	#sitenodecomments h2.commentform span {
	color:white;
	background: #A1815D;
	padding:5px 10px;
	line-height:25px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;

	}
	
		#sitenodecomments h2.commentform span {
			background: #3b7ac2;
		}
	
	.comments {
		margin-top: 15px;
		width: 100%;
		margin-bottom: 10px;
	}
	
		.comments p {
			padding-left:10px;
			
		}
	
	.melding_mededeling {
		border: none;
	}

		.comment {
			margin-bottom: 10px;
			/* background: url('/images/forum-bg-td.gif') repeat-x left bottom; */
			padding: 4px 10px 8px 10px;
			border-bottom: 1px solid #A1815D;
		}
			
			.comment:last-child {
				border-bottom: none;
			}

			.comment .avatar	{
				float: left;
				margin-left: -10px;	
			}

			#content .comment .avatar img {
				border: 1px solid #cacaca;
			}

			.comment .name,
			.comment .date,
			.comment .text {
				margin-left:75px;
			}

			.comment .text {
				margin-bottom: 10px;
				padding-left: 0px;
			}

			.comment .name {
				font-weight: bold;
				margin-top: -4px;
			}

				.comment .name a,
				.comment .name a:visited {
					text-decoration: none;
					text-transform: capitalize;
				}

			.commentcontent {
				display: table;
				min-height: 70px;
			}

			.commentfooter .date {
				float: left;
				color: #999;
			}
			
				.actions {
					height: 16px;
					line-height: 16px;
					margin-bottom: 3px;
					margin-right: -10px;
				}

					#content .actions img {
						border: none;
						background: none;
					}

						.actions .notok, .actions .edit {
							float: right;
						}

	
	/* COMMENTSFORM */
	#commentform {
		width:100%;
		padding: 10px;
	}
	
		.commenttable {
			width: 100%;
		}
	
		#commentform td {
			padding-bottom: 10px;
		}

		#commentform label {
			width: 175px;
			font-weight: bold;
		}
		
		#content #commentform img {
			border: 1px solid #3b7ac2;
			padding: 0px;
			background: white;
			margin-bottom: 1px;
			margin-right: 1px;
		}
		
		#commentform textarea {
			width: 400px;
			height: 150px;
		}		
		
		.captchaimage {
			padding-bottom: 10px;
		}



/* ---------- SITEMAP ---------- */
#content .sitemap ul {
	margin-bottom: 5px;
	list-style-position: inside;
}

	#content .sitemap ul li a,
	#content .sitemap ul li a:visited {
		color: #3b7ac2;
	}

	#content .sitemap ul ul {
		font-size: 11px;
	}

	
/* ----- LEDENOVERZICHT ----- */
.ledenboek {
	margin-top: 15px;
}

	.lid {
		width: 170px;
		height: 110px;	
		margin-right: 10px;
		margin-bottom: 10px;
		float: left;
	}
	
		.lid h2 {
			padding-bottom: 0px;
		}
		
			.lid h2 a,
			.lid h2 a:visited {
				text-decoration: none;
			}
			
/* ------------- TAGS ----------- */
ol.tagcloud {
	list-style: none;
	width: 200px;
}

	ol.tagcloud li.tag {
		display: inline;
	}
	
/* ----- OverviewTable v2.0 ----- */

table.overviewtable {
	width: 100%;
}

tr.pagerRow td {
	text-align: right;
}
	span.pageSelection a,
	span.pageSelection a:visited {
		margin-left: 2px;
		padding: 0px 4px;
	}
	
	span.pageSelection .active a,
	span.pageSelection .active a:visited {
		font-weight: bold;
		text-decoration: none;
	}


/* PAGINATION */
	
.pageable {
	clear: both;
	text-align: right;
	margin-bottom: 20px;
}

	ul.pages {
		list-style: none;
	}
	
		ul.pages li {
			display:inline;
		}

			ul.pages li a {
				padding:2px 2px;
				color: #A1815D;
				text-decoration: underline;
			}

			ul.pages li a:hover,
			ul.pages li.selected a {
				text-decoration: none; 
			}
			
				ul.pages li.selected a {
					font-weight: bold;
				}
			
/* REISLEIDERS */

.reisleider {
	border-bottom: 1px solid #6295ce;
	padding-bottom: 0px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

.reisleiders .reisleider{
	width: 305px;
	min-height: 175px;
}

	.reisleiders .reisleider:nth-child(2n) {
		margin-left:10px;
	}
	
	.reisleider h3 {
		color: #3b7ac2;
		font-size: 16px; 	
	}
	
	.reisleider img.accountimage {
		float: right;
		margin-left:10px;
		margin-bottom:5px;
		border: 1px solid #F1F1F1;
		padding: 2px;
	}
	
	.reisleider .content {
		padding-bottom: 10px;
	}
	
	.reisleider p.omschrijving {
		min-height: 98px;
		height: auto;
	}
	
		#reisleiderDetail .reisleider {
			margin-bottom: 20px;
		}
		
		#reisleiderDetail p.omschrijving {
			padding-bottom: 20px;
		}
	
	.reisleiders .reisleider .content {
		float: left;
	}
	
/* SOCIAL MEDIA REISLEIDERS */
	
	#socialmedia {
		clear: both;
		float: left;
		width: 100%;
	}
	
		#socialmedia #tweets {
			width: auto;
			display: block;
		}
	
	#reisleiderDetail {
		margin-bottom: 20px;
	}
	
	.tabcontainer .blog h2 {
		border-bottom: none !important;
	}