@charset "utf-8";
/* Stylesheet for Businessclub  De Heuvelrug, by Media Solutions */

/* 1. Base Elements */
body,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
}

a img {
	border:0;
}

html#start {
	background:#cbc3b4 url(../images/background-index.png) repeat-x;
}

html {
	background:#cbc3b4 url(../images/background.png) repeat-x;
}

body {
	font-family:helvetica, arial, sans-serif;
	font-size:100%; /* 16pt */
}

body#index {
	background:url(../images/background-index.jpg) center 106px no-repeat;
}

ul,
ol {
	margin-left:0;
	padding:0;
	list-style:none;
}

/* 2. Site */
#site {
	position:relative;
	min-height:800px;
	font-size:0.625em; /* 10 / 16 = 0.625 */
}

/* 3. Header */
#header {
	position:relative;
	margin:0 auto;
	width:945px;
	height:165px;
}

	#header h1 {
		margin:0 0 2px;
		padding:9px 0 0 18px;
		width:253px;
		height:95px;
		background:#fff url(../images/logo-shadow.png) right 0 repeat-y;
	}
	
		#header h1 a {
			display:block;
			overflow:hidden;
			padding-top:82px;
			width:210px;
			height:0px;
			background:url(../images/logo.png);
		}
		
	#login {
		position:absolute;
		right:0;
		top:25px;
		width:310px;
	}
	
	.begunstigers {
		overflow:hidden;
	}
	
		.login {
			width:310px;
			float:right;
			overflow:hidden;
		}
	
		.form label,
		.form input.text {
			font-size:1.2em;
			font-weight:400;
		}
	
		.form a,
		.form form {
			clear:right;
			float:right;
		}
		
			.form div {
				position:relative;
			}
		
			#login div {
				float:left;
				margin-right:4px;
				width:131px;
			}
			
			form.begunstigers div,
			form.fotoalbums div {
				float:left;
				margin-right:10px;
			}
			
			.form .submit {
				float:right;
				margin-right:0;
			}
			
			#login .submit {
				width:33px;
			}
	
			.long .submit {
				margin-top:7px;
			}
			
			.form input.text {
				padding-left:8px;
				padding-right:8px;
				border:1px solid #9c9b98;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				width:110px;
				height:23px;
				line-height:23px;
			}
			
			.long input.text {
				width:315px;
			}
			
			.begunstigers input.text {
				width:170px;
			}
			
			form.fotoalbums select {
				width:390px;
			}
			
			.form select {
				padding-left:8px;
				border:1px solid #9c9b98;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				width:190px;
				height:27px;
				line-height:21px;
			}
			
			.form label {
				position:absolute;
				top:7px;
				left:8px;
				cursor:text;
				color:#484848;
				font-family:arial;
			}
			
			.abc {
				margin-top:10px !important;
			}
			
			.abc a {
				display:inline-block;
				margin-left:3px;
				color:#cf0035;
			}
			
		#login ul {
			clear:both;
			float:right;
			overflow:hidden;
			margin:12px 8px 0 0;
			padding:0;
			width:300px;
		}
		
			#login ul a {
				color:#eb8e9a;
				font-size:1.2em;
			}
			
			#login ul a:hover {
				color:#fff;
			}
		
			#login li {
				float:right;
				margin-left:8px;
				padding-left:8px;
				border-left:1px solid #eb8e9a;
			}
			
			#login li.first-child {
				margin-left:0;
				padding-left:0;
				border-left:0;
			}
			
/* 3.1. Menu */
#menu {
	margin:2px 0 0 -1px;
	width:948px;
	height:54px;
	color:#000;
	font-size:1.8em;
	background:url(../images/menu.png) no-repeat;
}

	#menu li {
		float:left;
		margin-left:25px;
		line-height:50px;
	}

	#menu a {
		color:#fff;
	}
	
	#menu a:hover,
	#menu li.active a {
		color:#000;
	}

/* 4. Page */
#page {
	overflow:hidden;
	margin:0 auto 20px;
	width:945px;
}

	h3 {
		margin-bottom:15px;
		padding-bottom:15px;
		border-bottom:1px solid #fff;
		color:#01368b;
		font-size:2em;
		font-weight:400;
	}
	
		h3 a {
			color:#01368b;
		}
	
	p {
		font-size:12px;
		line-height:1.75em;
	}

	#intro {
		/*position:relative;*/
		overflow:hidden;
		margin-bottom:25px;
		width:945px;
		height:72px;
		color:#fff;
	}
	
	#index #intro {
		margin-bottom:34px;
		height:312px;
	}
	
	#intro .images
	{
		height: 260px;
		width: 391px;
		overflow: hidden;
		float: left;
		margin-top: 19px;
	}
		#intro h3,
		#intro h2 {
			margin:0;
			padding:0;
			border:0;
			color:#fff;
			font-size:3.4em;
			font-weight:400;
			line-height:60px;
		}
		
		#index #intro h3,
		#index #intro h2 {
			font-size:3em;
		}
		
		#intro p {
			font-size:1.2em;
			line-height:1.5em;
		}
	
		#intro .images img {
			float:left;
			margin-left: 0px;
		}
		
		#intro div {
			float:right;
			width:500px;
		}
		
	#left {
		float:left;
		width:536px;
	}
		
		#left p {
			margin-top:0;
		}
	
	#right {
		float:right;
		width:335px;
	}
	
/* 4.1. Content */
	.box {
		margin-bottom:20px;
		/*border:1px solid #c4bdb0;
		-webkit-border-radius:6px;
		background:#e8e5df;*/
	}
	
		.box .head {
			width:536px;
			height:9px;
			background:url(../images/box-top.png) no-repeat;
		}
		
		.box .content {
			overflow:hidden;
			padding:10px 25px;
			color:#474747;
			background:url(../images/box-middle.png);
		}
		
		.box .foot {
			width:536px;
			height:9px;
			background:url(../images/box-bottom.png) 0 bottom no-repeat;
		}
		
		.box h3 {
			color:#474747;
			font-weight:700;
		}
		
		.box h3,
		.box .title p,
		.article h3,
		.article p {
			margin:0;
			padding:0;
			border:0;
			color:#474747;
			font-family:helvetica, arial;
			font-size:14px;
			line-height:1.3em !important;
		}
		
		.box .title p,
		.article .title p {
			float:left;
			margin-right:7px;
			padding-right:7px;
			border-right:1px solid #474747;
		}
		
			.box .title a {
				color:#474747;
			}
			
		.article .title dl {
			line-height:21px;
		}
		
			.article .title dt {
				float:left;
				width:60px;
				height:21px;
				font-weight:700;
			}
			
			.article .title dd {
				margin-left:0;
				padding-left:70px;
				height:21px;
			}
			
		.box .parafs p {
			margin:10px 0 0 !important;
			font-size:12px !important;
			line-height:1.75em !important;
		}
		
		.articles {
			margin-bottom:30px;
		}
		
			.article {
				margin:10px 0;
				padding:10px 0 0;
				border-top:1px dashed #fff;
			}
			
			.articles div.first-child {
				border-top:0;
			}
			
			.articles h3 {
				font-weight:700;
			}
			
			.articles h3,
			.articles p {
				font-size:12px !important;
			}
		
	ol {
		font-size:1.2em;
		font-weight:700;
	}
	
		ol a {
			color:#484848;
		}
		
		ol a:hover {
			color:#01368b;
		}
		
		ol a.contact {
			float:right;
			color:#aeadab;
			font-weight:400;
		}
		
		ol a.contact:hover {
			color:#484848;
		}
		
		ol a.bedrijf {
			float:left;
		}
	
		ol li {
			overflow:hidden;
			padding-left:14px;
			border-bottom:1px dashed #fff;
			line-height:2.9em;
			background:url(../images/red-arrow.png) 0 13px no-repeat;
		}
		
		
	.articles .title h3 {color:#bc052b;}
	
	ol.activities {
	}
	
		ol.activities li {
			padding-left:0;
			background:0;
		}
		
		ol.activities li div * {
			font-size:1em !important;
			font-weight:400;
		}
		
		ol.activities li h3 {
			font-weight:700;
		}
		
		ol.activities li a {
			display:block;
			background:url(../images/arrow.gif) right center no-repeat;
		}
		
		ol.activities li a:hover {
			background-image:url(../images/arrow-blue.gif);
		}
		
	ul.pages {
		margin:30px 0;
		width:535px;
		height:22px;
		line-height:22px;
		color:#484848;
		font-size:1.2em;
	}
	
		ul.pages li {
			float:left;
			width:9%;
			height:21px;
		}
		
		ul.pages .middle {
			width:80%;
			text-align:center;
		}
		
			ul.pages .middle a {
				margin:0 3px;
				color:#484848;
			}
			
			ul.pages .middle a:hover,
			ul.pages .active a {
				color:#b74156;
			}
		
		ul.pages .right {
			float:right;
			text-align:right;
		}
		
		ul.pages ul {
			
		}
		
			ul.pages ul li {
				float:left;
			}

/* 4.2. Sidebar */
#right {
	color:#484848;
}

	#right a {
		color:#01368b;
	}

	#right ul {
		margin:0 0 30px;
	}

		#right ul li {
			font-size:1.2em;
			line-height:1.75em;
		}
		
		#right li.space {
			margin-top:20px;
		}
		
	#right h3 {
		clear:both;
	}
	
	#right h4 {
		margin-bottom:35px;
		color:#da1b43;
		font-size:1.2em;
	}
	
	#right h5 {
		font-size:1.2em;
	}
	
	#right .photos {
		
	}
	
	#right p {
		clear:both;
	}
	
		#right .photos a {
			margin:0 20px 10px 0;
			display:inline-block;
			width:87px;
			height:58px;
			border:2px solid #fff;
			text-align:center;
		}
		
		#right .photos a:nth-of-type(3n+3) {
			margin:0 0 10px 0;
		}
		
		#right .photos a.nth-of-type_3n-3 {
			margin:0 0 10px 0;
		}

	.nieuws {
		margin-bottom:60px;
	}
		
		.nieuws h2,
		.nieuws p {
			margin:0;
			font-size:1.2em;
			line-height:1.75em;
		}
		
		#right .nieuws a {
			color:#474747;
		}
		
		.nieuws p a {
			display:block;
		}
		
#right .menu {
	
}

	#right .menu a {
		color:#000;
	}
	
	#right .menu a:hover,
	#right .menu li.active a {
		color:#da1b43;
	}

	#right .menu li {
		border-bottom:1px dashed #fff;
		line-height:2.3em;
	}
	
/* 5. Footer */
#footer {
	padding:32px 0 0;
	width:100%;
	height:153px;
	background:url(../images/footer.png) repeat-x;
}
	
	#footer-info {
		float:left;
		width:660px;
	}

	#footer img {
		float:right;
		border:2px solid #fff;
	}

	#footer h2 {
		margin-bottom:13px;
		padding-bottom:13px;
		width:654px;
		border-bottom:1px solid #424242;
		color:#cbcbcb;
		font-family:Times, "Times New Roman";
		font-size:2em;
		font-weight:400;
	}
	
	#media-solutions {
		color:#7f7f7f;
		font-size:1.1em;
	}
	
	#media-solutions:hover {
		color:#fff;
	}
	
	#footer ul {
		overflow:hidden;
		margin:0 0 10px;
		padding:0;
		font-size:1.1em;
		height:1.5em;
	}
	
	#footer li {
		float:left;
		margin-left:7px;
		padding-left:7px;
		border-left:1px solid #7f7f7f;
	}
	
	#footer ul li:first-child {
		margin-left:0;
		padding-left:0;
		border-left:0;
	}
	
	#footer ul li.first-child {
		margin-left:0;
		padding-left:0;
		border-left:0;
	}
	
	#footer-menu {
		font-size:1.1em;
	}
	
		#footer-menu a {
			color:#646464;
		}
		
		#footer-menu a:hover,
		#footer-menu .active a {
			color:#fff;
		}
		
	#footer-info {
		color:#7f7f7f;
	}

	#inner {
		margin:0 auto;
		width:945px;
		height:145px;
	}

/* 6. Misc. */
a.right {float:right;margin-bottom:20px;}

#left div.photos {
	width:540px;
	height:475px;
}

#fotoalbum #left div.photos {
	height:480px !important;
}

	#left div.photos a {
		color:#c30b31;
	}

	#left div.photos h4 {
		margin-top:10px;
		color:#c30b31;
		font-size:1.2em;
		line-height:1.5em;
	}

	#left div.photos img {
		
	}
	
	#fotoalbum #left div.photos img {
		/*width:150px;*/
		height:99px;
	}

	#left div.photo {
		float:left;
		margin:5px;
		padding:0;
		width:256px;
		height:210px;
		border:0;
		text-align:center;
		background:0;
	}
	
		#left div.photo a.photo {
			display:block;
			width:250px;
			border:3px solid #fff;
		}
		
		#fotoalbum div.photo a.photo {
			width:auto;
		}
	
		#left div.photo h4 {
			text-align:left;
		}
	
	#fotoalbum #left div.photo {
		margin:10px;
		width:156px;
		height:99px;
	}
	
	#left div.photos div.nth-of-type_2n {
		margin-right:0;
	}
	
	#photo-big {border:3px solid #fff;}
	#forward {text-align:center;}
	#forward a {color:#c30b31;font-size:1.2em;text-decoration:underline;}
	
.send {display:inline-block;margin-top:7px;font-weight:700;color:#666;font-size:12px;text-decoration:underline;}
.smoel {float:right;border:2px solid #fff; width: 100px;}
div.contact {overflow:hidden;margin-bottom:20px;font-size:12px;}
div.contact a {color:#01368b;}
div.contact h4,
div.contact p,
div.contact ul {margin:0;line-height:18px;}
div.contact p {margin-top:10px !important;}
div.contact .phone {float:right;}

body.text #left h4 {color:#01368b;font-size:1.2em;}
body.text #left ul {font-size:1.2em;line-height:18px;}
body.text #left ul li {padding-left:20px;background:url(../images/red-arrow.png) 0 5px no-repeat;}

#imac {display:block;margin:20px;}

.begunstigers div.begunstiger {margin-bottom:25px;height:180px;border-bottom:1px solid #fff;}
div.begunstiger a {color:#01368b;}
div.begunstiger ul {font-size:1.2em;line-height:18px;}

div.name {}
div.name h4 {font-size:1.2em;}
div.name h4.name {color:#01368b;}
div.name ul {margin:0;}
ul.contact {float:right;margin:0 100px 0 0;}

p.date {float:right;margin:0;color:#aaa395;font-weight:400;line-height:34px;}
.none {display:none;}
.hidden {visibility:hidden;}
.right {float:right;}
hr.clear {margin:0;padding:0;visibility:hidden;clear:both;}

div.post {float:right;margin-right:120px !important;}
a.back-link {color:#01368b;font-size:1.2em;text-decoration:underline;}
.bottom-link {clear:both;margin-top:10px;padding-top:10px;border-top:1px solid #fff;overflow:hidden;}
.bottom-link .left {float:left;}
.bottom-link .middle {float:left;width:480px;text-align:center;}
.contactpersoon {margin-bottom:50px;}
.add-contact {float:right;margin-right:15px;color:#474747;font-size:12px;text-decoration:underline;}
.remove-contact {color:#da1b43;font-size:12px;text-decoration:underline;}
.blue {color:#01368b;font-size:12px;text-decoration:underline;}
.reageer {float:right;color:#01368b;font-size:12px;font-weight:400;text-decoration:underline;}

#forward-form {margin-top:10px;}
#forward-form .addressed {float:left;}
#forward-form .addressed input {margin-bottom:10px;width:220px;}
#forward-form .message {float:right;}
#forward-form #message-field {padding:6px;width:270px;height:80px;border:1px solid #9c9b98;-webkit-border-radius:3px;-moz-border-radius:3px;font-family:Arial;}
#forward-form .submit {clear:both;margin:10px 0;}

.formulier {width:530px;font-size:10px;}
.formulier label:after {content:":";}
.formulier #city-label {margin-left:8px;}
.formulier dt {float:left;width:130px;line-height:26px;font-size:1.2em;}
.formulier dd {position:static;padding-bottom:5px;min-height:27px;line-height:27px;font-size:1.2em;}
.formulier dd.required {background:url(../images/astrix.png) right 10px no-repeat;}
.formuluer dd.required-lit {background-image:url(../images/astrix-lit.png);}
.formulier input[type="text"] {padding-left:8px;padding-right:8px;width:370px;height:23px;line-height:23px;border:1px solid #9c9b98;-webkit-border-radius:3px;-moz-border-radius:3px;}
.formulier input.text {padding-left:8px;padding-right:8px;width:370px;height:23px;line-height:23px;border:1px solid #9c9b98;-webkit-border-radius:3px;-moz-border-radius:3px;}
.formulier input.postcode {width:100px;}
.formulier input.city {width:200px;}
.formulier input.right {margin-right:11px;}
.formulier textarea {padding-left:6px;padding-right:6px;width:374px;height:330px;line-height:23px;border:1px solid #9c9b98;-webkit-border-radius:3px;-moz-border-radius:3px;font-family:arial;}
.formulier div.antwoord {margin-top:10px;}

a#logout-button {float:right;}
p#logged-in {margin:5px 15px 0 0;float:right;color:#fff;font-weight:700;}
p#logged-in a {float:right;color:#fff;font-weight:700;}
.lists {margin-bottom:30px;}
.lists a {color:#01368b;text-decoration:underline;}
.lists a:hover {color:#da1b43;}
.lists li {border-bottom:0;line-height:22px;background-position:left center;}

#topic {margin-bottom:40px;}
#topic a {color:#01368b;}
#topic h4 {color:#01368b;font-family:Times, "Times New Roman";font-size:14px;}
#topic .opening {margin-bottom:40px;border-bottom:1px dashed #fff;}
#topic #reacties {margin-bottom:40px;}
#topic .reactie {margin-bottom:10px;paddin-bottom:10px;border-bottom:1px dashed #fff;}
#topic #reageer {text-align:right;}
#topic #reageer textarea {margin:0 auto 10px;width:532px;height:100px;}

form.wachtwoord {}
form.wachtwoord .verstuur {margin-top:10px;}
form.wachtwoord .text {width:250px;}

/* Infobox */
#infobox {
	position:fixed;
	top:200px;
	left:50%;
	z-index:101;
	margin-left:-250px;
	width:470px;
	padding:30px;
	font-size:0.625em;
}

	#infobox .top {
		height:17px;
		width:546px;
		background:url(../images/infobox-top.png);
	}
	
	#infobox .content {
		padding:21px 38px;
		width:470px;
		background:url(../images/infobox-middle.png);
	}
	
		#infobox .content .close-button {
			overflow:hidden;
			display:block;
			float:right;
			padding-top:21px;
			width:25px;
			height:0;
			cursor:pointer;
			background:url(../images/infobox_remove.png) 0 0 no-repeat;
		}
	
	#infobox .bottom {
		height:17px;
		width:546px;
		background:url(../images/infobox-bottom.png);
	}

#underlay {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	width:100%;
	background:#000;
	opacity:.8;
	filter:alpha(opacity=80);
}

#contact-form {
	font-size:1.2em;
}

.login .username {width:172px !important;}
.password {width:90px !important;}
#user-field {width:150px !important;}
#password-field {width:68px !important;}