/* colors:
bg zwart:		#121317
bg grijs 1:		#1F2026
bg paars 1:		#2E242F (30% van bg paars 2 over bg grijs 1)
bg paars 2:		#532D44
txt groen:		#366D6F
txt geel:		#958927
txt grijs:		#b5b6b8 (over paars: #d9d8da)
/* general */

html {
	height: 100%;
	background: #1F2026 url('/img/bg-grijs.gif') left top repeat;
}
body {
	color: #b5b6b8;
	background: url('/img/climber.png') left 150px no-repeat fixed;
	padding: 159px 0 0 0;
	}



/* links */
a {
	color: #958927;
	text-decoration: none;
	}
	#intro a:hover,
	#intro a:focus {
		background-color: #121317;
		border-bottom: 1px solid #366D6F;
		}
	#content a {
		color: #366D6F;
		border-bottom: 1px solid #366D6F;
		}
		#content a:hover {
			}



/* layout containers */
/* grid: 12x column 69px / 11x gutter 12px = 960px */
.container {
	position: relative;
	width: 960px;
	margin: 0 auto 0 auto;
	}

#main {
	border-bottom: 1px solid #366D6F;
	padding-top: 45px;
	}
	#heading {
		padding: 0 0 21px 0;
		font-size: 1.714em; /* 24px */
		text-align: center;
		line-height: 1.0; /* 24px */
		text-shadow: 1px 1px 1px #121317;
		}
		#heading h1 {
			font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Arial Narrow", sans-serif;
			font-weight: 300;
			font-size: 2em; /* 48px */
			margin-bottom: 0.167em; /* 8px */
			}
		#heading .subtitle {
			color: #958927;
			}
			#heading .subtitle p {
				display: inline;
				padding-left: 100px;
				background: url('/img/ornament.gif') left 0.5em no-repeat;
				}
				#heading .subtitle p span {
					padding-right: 100px;
					background: url('/img/ornament.gif') right 0.5em no-repeat;
					}
	#intro {
		background-color: #2E242F;
		background-color: rgba(83,45,68,0.3);
		color: #cbc8cb;
		border-top: 1px solid #532D44;
		border-bottom: 1px solid #532D44;
		padding: 21px 0;
		margin-bottom: 9px;
		}
		#intro .col2 .teaser {
			padding-top: 1.375em; /* 33px */
			font-size: 1.286em; /* 18px */
			line-height: 1; /* 18px */
			}
			.korting {
				font-size: 1.714em; /* 24px */
				line-height: 1.125; /* 27px */
				}
			.col2 img {
				border: 4px solid #3B3743;
				}
		#intro .teaser em {
			color: #fff;
			}
		#intro a {
			font-weight: bold;
			}
	#content {
		padding: 42px 0;
		background-color: #b9b8a9; /*#b5b6b8;*/
		background-color: rgba(225,224,202,0.8);
		border-top: 5px solid rgb(0,0,0);
		border-bottom: 5px solid rgb(0,0,0);
		border-top: 5px solid rgba(0,0,0,0.1);
		border-bottom: 5px solid rgba(0,0,0,0.1);
		margin-bottom: 9px;
		color: #1F2026;
		overflow: hidden;
		}
		#content .article {
			float: left;
			width: 474px;
			padding: 0 0 0 162px;
			}
			.article img,
		    .org {
				margin-left: -81px;
				}
				.article img {
					float: left;
					border: 4px solid #fff;
					margin-right: 12px;
					}
				.spreker {
					clear: both;
					}
				.org {
					font-style: italic;
					}
		#content .aside {
			float: right;
			width: 231px;
			}
			.block {
				padding: 12px 12px 1px 12px;
				/*background-color: #fff;*/
				margin-bottom: 12px;
				}
				.block img {
					border: 4px solid #fff;
					margin-right: 12px;
					float: left;
					}
					.block img.impressie {
						float:none;
						margin-bottom: 10px;
						}
			.attention {
				background-color: #fff;
				text-align: center;
				margin: 12px;
				-box-shadow: 2px 2px 2px #333;
				-moz-box-shadow: 2px 2px 2px #333;
				-o-box-shadow: 2px 2px 2px #333;
				-webkit-box-shadow: 2px 2px 2px #333;
				}


#main ul.blocks {
	font-size: 0.857em;
	line-height: 1.167;
	overflow: hidden;
	margin-bottom: 0;
	list-style-type: none;
	padding-left: 0;
	}
	ul.blocks li {
		position: relative;
		width: 190px;
		overflow: hidden;
		margin-bottom: 7px;
		}
		ul.blocks a {
			display: block;
			padding: 3px 0 0 81px;
			height: 66px;
			overflow: hidden;
			color: #cbc8cb;
			}
		#intro ul.blocks a:hover {
			color: #fff;
			border: none;
			}
	ul.blocks li.odd {
		float: left;
		clear: both;
		}
	ul.blocks li.even {
		float: right;
		}
		ul.blocks em {
			color: #958927;
			font-style: normal;
			font-weight: normal;
			}
		ul.blocks img {
			position: absolute;
			left: 0;
			top: 0;
			width: 61px;
			height: 61px;
			border: 4px solid #3B3743;
			}
			ul.blocks a:hover img {
				border-color: #366D6F;
				}



#masthead {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	color: #366D6F;
	background: url('/img/bg-masthead.gif') left top repeat-x;
	}
	#nav {
		position: absolute;
		right: 0;
		top: 149px;
		padding: 10px;
		background: #121317 url('/img/bg-zwart.gif') left top repeat;
		color: #544E1F;
		}
		#nav a {
			font-size: 1.286em; /* 18px */
			line-height: 1.0; /* 18px */
			}
			#nav a.aanmelden {
				background-color: #544e1f;
				color: #fff;
				padding: 0 .4em .2em .4em;
				}	
				#nav a.aanmelden:hover {
					background-color: #958927;
					}
		#nav a:hover {
			color: #fff;
			}
		#nav strong {
			color: #fff;
			}
	#logo {
		height: 112px;
		padding-top: 47px;
		}
	#tagline {
		position: absolute;
		right: 0;
		top: 72px;
		color: #958927;
		font-size: 1.286em; /* 18px */
		line-height: 1.0; /* 18px */
		text-shadow: 1px 1px 1px #1F2026;
		}
	#sender {
		position: absolute;
		left: 0;
		top: 17px;
		font-size: 0.786em; /* 11px */
		line-height: 1.273; /* 14px */
		}
		#sender a {
			color: #366D6F;
			text-decoration: underline;
			}

.testimonial {
	margin-bottom: 2em;
	text-align: center;
	}
	.testimonial blockquote {
		font-family: Cambria, "Hoefler Text", Utopia, Times, "Times New Roman", serif;
		color: #b9b8a9;
		font-style: italic;
		font-size: 2em;
		text-shadow: 2px 2px 5px black;
		}
		.testimonial blockquote p {
			margin-bottom: 0;
			}
		.testimonial .who-said-it {
			}

#footer {
	position: relative;
	background: #121317 url('/img/bg-zwart.gif') left top repeat;
	}
	#footer .container {
		padding: 42px 0;
		}


/* columns */
.columns {
	overflow: hidden;
	margin: 0 0 0 81px; /* left -(1u+gutter): width=879px */
	}
	.col1 {
		float: left;
		width: 393px;
		padding-right: 46px;
		border-right: 1px solid #532D44;
		}
	.col2 {
		float: right;
		width: 393px;
		}



/* forms */
.formrow {
	overflow: hidden;
	padding-bottom: 7px;
	}
	.formrow .label {
		float: left;
		width: 150px;
		text-align: right;
		}
	.formrow .field {
		float: right;
		width: 231px;
		}
	.formrow input {
		width: 150px;
		border: none;
		padding: 2px;
		background-color: #532D44;
		border-bottom: 1px solid #1F2026;
		color: #fff;
		}
		.formrow input:focus,
	    .formrow button:hover,
	    .formrow button.hover {
			background-color: #1F2026;
			border-color: #532D44;
			}
	.formrow button {
		margin-left: 162px;
		background-color: #366D6F;
		color: #fff;
		border: 3px solid #366D6F;
		font-size: 1.714em;
		cursor: pointer;
		}
	.error {
		background-color: #121317;
		padding: 12px;
		border: 4px solid #958927;
		}