@charset "UTF-8";
@import "reset.css";
@import "advisor.css";
@import "profiel.css";
@import "searchresults.css";
@import "beheer.css";


/* GLOBAL */

html { 
	overflow: -moz-scrollbars-vertical;  
	
}

body { 
	font-family: georgia;
	color: #333;
	height: 100%; 
	background: #eeeeec url(/website/files/picture/layout/bodybg.jpg) top repeat-x; 
}
	
#container { 
	margin: 0 auto; 
	width: 965px; 
	text-align: left; 
}

#header, #content { 
	position: relative; 
	margin:0 auto;
}

.insideFullWidth, .insideFooter {
	margin: 0 auto;
	width: 990px;
	height: 100%;
}

.clear_both 	{ clear: both; }
.clear_left		{ clear: left; }
.clear_right	{ clear: right;}


/* HEADER */

#header {
	background: #fff repeat; 
	height: 94px;
	min-height: 94px;
	position: relative;
}

.logo { 
	width:274px; 
	height:48px; 
	min-height:48px; 
	padding: 30px 0 0 0;
	margin:0 0 0 -5px;
}

/* menu */

.topMenu {
	float: right;
	margin: -50px 3px 0 0;
	font-size: 11px;
}

	.topMenu ul li {
		display: inline;
	}
	
		.topMenu ul li a {
			color: #333;
		}

#upperMenu {
	float: left;
	margin: 15px 0 0 535px;
}

	#upperMenu ul {
	
	}
	
	#upperMenu ul li {
		display: inline;
		float: left;
		position: absolute;
	}
	
	
	#upperMenu ul li#first {
		background: url(/website/files/picture/layout/menubg.jpg) no-repeat;
		width: 122px;
		height: 33px;
		margin: -30px 0 0 0;
		padding: 3px 0 0 0;
	}
	
	#upperMenu ul li#first.active {
		background: url(/website/files/picture/layout/activemenubg.jpg) no-repeat;
	}
	
		#upperMenu ul li#first a {
			font-family: arial;
			font-size: 12px;
			color: #fff;
			font-weight: bold;
			padding: 9px 15px 10px 12px;
		}
	
	#upperMenu ul li#second {
		background: url(/website/files/picture/layout/menubg.jpg) no-repeat;
		width: 122px;
		height: 33px;
		margin: -30px 0 0 130px;
		padding: 3px 0 0 0;
	}
	
	#upperMenu ul li#second.active {
		background: url(/website/files/picture/layout/activemenubg.jpg) no-repeat;
	}
	
		#upperMenu ul li#second a {
			font-family: arial;
			font-size: 12px;
			color: #fff;
			font-weight: bold;
			padding: 9px 20px 10px 20px;
		}

#lowerMenu {
	background: url(/website/files/picture/layout/menu.jpg) repeat-x; 
	width: 100%;
	height: 33px;
	min-height: 33px;
	margin: 1px 0 0 0;
	float: left;
	position: relative;
	overflow: hidden;
}

	#lowerMenu ul {
		margin: 0 0 0 -5px;
		padding: 5px 0 0 0;
		width: 965px;
		height: 33px;
	}
	
	#lowerMenu ul li {
		display: inline;
		padding: 0 25px 0 25px;
		border-right: 1px solid #b08f6c;
		float: left;
	}
	
	#lowerMenu ul li.last {
		border-right: none;
	}

		#lowerMenu ul li a {
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #fff;
		}
		
	#lowerMenu ul li input {
		background: #fff url(/website/files/picture/layout/search.jpg) left no-repeat;
		height: 28px;
		width: 178px;
		border: none;
		float: left;
		margin: 0 0 0 0;
	}
		
/* CONTENT */

#content {
	margin: 30px 0 0 0;
	
}

#contentLeft {
	width: 650px;
	display: inline;
	float: left;
	margin: 0;
}

#contentLeftWhite {
	width: 610px;
	min-height: 786px;
	_height: 786px;
	float: left;
	margin: 25px 0 0 0;
	padding: 20px 20px 0 20px;
	background: #fff;
}

#contentTop {
	background: #fff;
	width: 630px;
	height: 260px;
	margin: 25px 0 0 0;
	padding: 20px 0 0 20px;
	position: relative;
}

	#contentTopLeft {
		width: 450px;
		float: left;
	}
	
	#contentTopSearch select#select_type, #contentTopSearch select#select_about {
		width: 200px;
	}
	
	#contentTopRight {
		float: left;
	}
	
	#contentTopSearch {
		margin: 25px 0 0 0;
	}

#contentBottomLeft {
	background: #fff;
	width: 271px;
	height: 405px;
	margin: 20px 0 0 0;
	padding: 20px 20px 0 20px;
	float: left;
}

	#contentBottomLeft dl {
		width: 270px;
		height: 80px;
	}
	
	#contentBottomLeft dl dt {
		float: left;
		width: 80px;
	}
	
	#contentBottomLeft dl dt img {
		width: 50px;
		height: 50px;
		padding: 3px;
		border: 1px solid #d9d9d9;
	}
	
	#contentBottomLeft dl dd {
		float: left;
		width: 180px;
		height: 15px;
		margin: 0;
		padding: 0;
	}
		
		#contentBottomLeft dl dd p {
			margin: -3px 0 0 0;
		}
	
	#contentBottomLeft dl.send {
		float: left;
		height: 20px;
	}
	
	#contentBottomLeft dl.send a {
		color: #58b3c3;
		font-family: arial;
		font-size: 11px;
		font-weight: bold;
	}
	
	#contentBottomLeft dl.send dt {
		width: 100px;
	}
	
	#contentBottomLeft dl.send dt a {
		background: url(/website/files/picture/content/send.gif) no-repeat;
		padding: 0 0 3px 30px;
	}
	
	#contentBottomLeft dl.send dd {
		width: 100px;
	}
	
	#contentBottomLeft dl.send dd a {
		background: url(/website/files/picture/content/comment.gif) no-repeat;
		padding: 0 0 5px 30px;
	}
	
	#contentBottomLeft p {
		float: left;
		margin: 10px 0 0 0;
		padding: 0 0 10px 0;
	}
	
	#contentBottomLeft h4 a {
		color: #9a5425;
}

#contentBottomRight {
	background: #fff;
	width: 278px;
	height: 405px;
	margin: 20px 0 0 20px;
	padding: 20px 20px 0 20px;
	float: left;
}

	#contentBottomRight dl {
		margin: 0 0 30px 0;
	}
	
	#contentBottomRight dl dt {
		background: url(/website/files/picture/content/calendar.jpg) no-repeat; 
		width: 36px;
		height: 41px;
		float: left;
	}
	
	#contentBottomRight dl dt span.day, #contentRightTop dl dt span.day {
		font-family: arial;
		font-weight: bold;
		font-size: 12px;
		color: #333;
		text-transform: uppercase;
		float: left;
		margin: 20px 0 0 0;
		width: 36px;
		text-align: center;
	}
	
	#contentBottomRight dl dt span.month, #contentRightTop dl dt span.month {
		font-family: arial;
		font-weight: bold;
		font-size: 11px;
		color: #fff;
		text-transform: uppercase;
		margin: -33px 0 0 0;
		float: left;
		padding: 0;
		height: 17px;
		width: 36px;
		text-align: center;
	}
	
	#contentBottomRight dl dd {
		margin: 0 0 0 50px;
		width: 213px;
	}
	
	#contentBottomRight dl dd.title a {
		font-weight: bold;
		color: #9A5425;
	}
	
	
	#contentBottomRight dl dd a {
		color: #58B4C3;
	}

#contentRight {
	background: #fff;
	width: 248px;
	min-height: 707px;
	_height: 707px;
	margin: 25px 0 0 25px;
	padding: 20px 20px 0 20px;
	float: left;
}

	#contentRight dl.columnsRight {
		height: 90px;
		margin: 0;
		padding: 0;
	}
	
	#contentRight dl.columnsRight dt {
	width: 60px;
	height: 60px;
	float: left;
	}
	
	#contentRight dl.columnsRight dd {
	float:left;
	font-family:georgia;
	font-size:11px;
	margin:0 0 0 15px;
	width:160px;
	}

	#contentRight dl, #contentRightAlt dl {
		margin: 0 0 10px 0;
		float: left;
		width: 260px;
	}

	#contentRight dl dt, #contentRightAlt dl dt {
		float: left;
	}
	
	#contentRight dl dt img, #contentRightAlt dl dt img {
		padding: 3px;
		border: 1px solid #d2d2d1;
	}
	
	#contentRight dl dd.name, #contentRightAlt dl dd.name {
		font-family: georgia;
		font-weight: bold;
		font-size: 11px;
		color: #9a5425;
		width: 160px;
		float: left;
		margin: 5px 0 0 15px;
	}
	
	#contentRight dl dd.name a, #contentRightAlt dl dd.name a {
		color: #9a5425;
	}
	
	#contentRight dl dd.company, #contentRightAlt dl dd.company {
		font-family: georgia;
		font-size: 11px;
		color: #333;
		width: 150px;
		float: left;
		margin: 0 0 0 15px;
	}
	
	#contentRight dl dd.company a, #contentRightAlt dl dd.company a {
		color: #333;
	}
	
	#contentRightTop dl {
		margin: 0 0 30px 0;
	}
	
	#contentRightTop dl dt {
		background: url(/website/files/picture/content/calendar.jpg) no-repeat; 
		width: 36px;
		height: 41px;
		float: left;
	}
	
	#contentRightTop dl dd {
		margin: 0 0 0 60px;
		width: 190px;
	}
	
	#contentRightBottom dl.blog {
		width: 270px;
	}
	
	#contentRightBottom dl.blog dt {
		float: left;
		width: 70px;
	}
	
	#contentRightBottom dl.blog dd {
		width: 260px;
	}
	
	#contentRightBottom dl.send a {
		color: #58b3c3;
		font-family: arial;
		font-size: 11px;
		font-weight: bold;
	}
	
	#contentRightBottom dl.send dt {
		width: 100px;
		margin: 10px 0 0 0;
	}
	
	#contentRightBottom dl.send dt a {
		background: url(/website/files/picture/content/send.gif) no-repeat;
		padding: 0 0 3px 30px;
	}
	
	#contentRightBottom dl.send dd {
		width: 100px;
		float: left;
		margin: 10px 0 0 0;
	}
	
	#contentRightBottom dl.send dd a {
		background: url(/website/files/picture/content/comment.gif) no-repeat;
		padding: 0 0 5px 30px;
	}
	
#contentRight dl.news {
	width: 270px;
}
	
#contentRight dl.news dt {
	background: url(/website/files/picture/content/calendar.jpg) no-repeat; 
	width: 36px;
	height: 41px;
}

#contentRight dl.news dd.title a {
	font-weight: bold;
	font-size: 11px;
	color: #9A5425;
}

#contentRight dl.news dt span.day {
		font-family: arial;
		font-weight: bold;
		font-size: 12px;
		color: #333;
		text-transform: uppercase;
		float: left;
		margin: 20px 0 0 0;
		width: 36px;
		text-align: center;
	}
	
	#contentRight dl.news dt span.month {
		font-family: arial;
		font-weight: bold;
		font-size: 11px;
		color: #fff;
		text-transform: uppercase;
		margin: -33px 0 0 0;
		float: left;
		padding: 0;
		height: 17px;
		width: 36px;
		text-align: center;
	}
	
	#contentRight dl.news dd {
		margin: 0 0 0 50px;
		width: 213px;
		
	}
	
	#contentRight dl.news dd a {
		color: #333;
	}
	
.news {
	margin: 30px 0 0 0;
}

	.news a, .news a:hover {
		color: #5CB5C7;
		text-decoration: none;
	}
	
.column img {
	float: left;
	padding: 5px;
	margin: 0 5px 0 0;
	border: 1px solid #d8d8d9;
}

.column p.columntext {
	margin: 20px 0 0 0;
}

.column p.views {
	font-weight: bold;
	margin: 10px 0 0 0;
}

	.column p.views span {
		color: #9A5425;
	}
	
.column a {
	color: #58B4C3;
	font-size: 11px;
}
	
/* FOOTER */

#footer {
	width: 100%;
	background: #323030;
}

	.insideFooter {
		padding: 30px 0 0 0;
		background: #323030;
		min-height: 200px;
	}
	
	.insideFooter div.first {
		width: 300px;
		float: left;
		margin: 0 0 0 15px;
	}
	
	.insideFooter div.second {
		width: 310px;
		float: left;
		margin: 0 0 0 30px;
	}
	
		.insideFooter dl {
			width: 310px;
			height: 160px;
			float: left;
			padding: 10px 0 0 0;
		}
		
		.insideFooter dl dt {
			float: left;
			width: 75px;
			height: 85px;
			padding: 5px 0 5px 0;
		}
		
		.insideFooter dl dt img {
			width: 75px;
			height: 75px;
		}
		
		.insideFooter dl dd {
			width: 225px;
			float: right;
			color: #dbdad8;
			font-size: 11px;
			padding: 5px 0 0 5px;
		}
		
		.insideFooter dl dd.name {
			width: 225px;
			float: right;
			font-size: 12px;
			font-weight: bold;
			padding: 5px 0 0 5px;
		}
			
			.insideFooter dd.name a {
				color: #58B3C3;
			}
	
	.insideFooter div.third {
		width: 280px;
		height: 120px;
		float: left;
		margin: 0 0 0 30px;
	}

	.insideFooter h3 {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		border-bottom: 1px solid #7b7a7a;
		padding: 0 0 5px 0;
	}
	
	.insideFooter p {
		float: left;
		color: #dbdad8;
		padding: 10px 0 0 0;
	}

/* FORMS */

table {
	font-family: georgia;
	font-size: 12px;
	color: #9a5425;
}

	table input {
		width: 200px;
		height: 22px;
		font-family: arial;
		padding: 5px 0 0 5px;
	}
	
	table textarea {
		padding: 5px 0 5px 5px;
		font-family: arial;
	}

input.findAdvisor {
	width: 100px;
	height: 26px;
	background: #323030;
	border: none;
	font-family: georgia;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	color: #fff;
	margin: 0 0 0 15px;
	padding: 0;
	cursor: pointer;
}

/* TEXT */

h2 {
	font-family: arial;
	font-weight: bold;
	color: #58b3c3;
	border-bottom: 1px dotted #adadad;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
}

h3 {
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
	color: #58b3c3;
	border-bottom: 1px solid #d7d7d6;
	padding: 0 0 8px 0;
	margin: 0 0 10px 0;
}

h4 {
color:#9A5425;
font-family:georgia;
font-size:12px;
margin:10px 0 0;
}

p {
	font-family: Georgia;
	font-size: 11px;
	color: #333;
	line-height: 16px;
}

#clear {
	clear: both;
	height: 30px;
}

table.basis {
	margin: 0 0 0 0;
	width: 550px;
}

table.basis td {
	padding: 5px 10px 0 0;
	vertical-align: middle;
	
}

table.basis td.left {
	width: 150px;
}

table.basis span {
	font-family: arial;
	font-weight: bold;
	font-size: 16px;
	color: #58B3C3;
	padding: 0 0 5px 0;
}

table a {
	color: #58B4C3;
}

input.small {
	width: 20px;
}

form label.test {
	height: 20px;
	
}

dl.columns {
	width: 610px;
	height: 150px;
	float: left;
}

dl.columns  img {
	float: left;
}

dl.columns dd {
	float: left;
	padding: 0 0 0 5px;
}
dl.columns dd.text {
	float: left;
	margin: 30px 0 0 0;
	width: 400px;
}

a.sent {
	color: #58B4C3;
	font-size: 11px;
}

p.heading {
font-family: arial;
	font-weight: bold;
	font-size: 16px;
	color: #58b3c3;
	border-bottom: 1px dotted #adadad;
	padding: 0 0 8px 0;
}

a {
	color: #58B3C3;
	font-size: 11px;
}