/* Waeterzicht CSS */

body {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	color: #393939;
	line-height: 18px;
	background: #433d3e url('../images/bgsite.gif') center top repeat-y;
	text-align:center;
}
h1 {
	color: #0a0909;
	font-size: 19px;
	line-height: 1.5em;
	padding: 0 0 20px 0;
	margin: 0;
	font-weight: normal;
}
h2 {
	color: #0a0909;
	font-size: 19px;
	line-height: 1.2em;
	padding: 0 0 5px 0;
	margin: 0 0 2px 0;
	font-weight: normal;
	background: url('../images/bg-h2.gif') bottom left repeat-x;
}
h3 {
	color: #b1b3b4;
	line-height: 1.5em;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-weight: normal;
	font-size: 23px;
	background: url('../images/bg-h3.gif') bottom left repeat-x;
}
#container {
	position: relative;
	margin: 0 auto;
	width: 930px;
	z-index: 1;
	text-align: left;
	overflow: hidden;
}
#container a, #container a:visited {
	text-decoration: none;
	color: #008bc9;
	font-weight: bold;
}
#container a:hover {
	text-decoration: underline;
	color: #008bc9;
	font-weight: bold;
}
#container-content {
	width: 888px;
	padding: 0 21px;
	margin: 0;
}
#content {
	width: 811px;
	margin-left: 21px;
	padding: 29px 35px 40px 42px;
	background: url('../images/bgcontent.png') top left no-repeat;
}
#container .vervolg {
	margin-top: 40px;
}
#contentblock-container {
	width: 100%;
	overflow: hidden;
}
#contentblock-left {
	float: left;
	width: 378px;
	margin-right: 55px;
	margin-bottom:55px;
}
#contentblock-right {
	float: left;
	width: 378px;
	margin-bottom:55px;
}
#projectblock-left {
	float: left;
	width: 350px;
	margin-right: 55px;
	margin-bottom:55px;
}
#projectblock-right {
	float: left;
	width: 400px;
	margin-bottom:55px;
}
#but-kijkopkaart a, #but-kijkopkaart a:visited {
	display: block;
	text-decoration: none;
	width: 387px;
	background-color: #008bc9;
	color: #fff;
	padding: 5px 10px;
	font-size: 19px;
	margin: 20px 0;
	font-weight: normal;
}
#but-kijkopkaart a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #8c8c8c;
	font-weight: normal;
}
.date {
	color: #9c9e9f;
	font-size: 11px;
	padding-bottom: 7px;
}
#slidercontainer {
	height: 253px;
	width: 888px;
	overflow: hidden;
	padding-left: 21px;
}
#header-container {
	height: 116px;
	background: #908e8f url('../images/bgheader.png') top left repeat-y;
	width: 888px;
	margin-left: 21px;
}
#logo-trans {
	position: absolute;
	top: 12px;
	left: 48px;
	width: 107px;
	height: 172px;
	z-index: 11;
}
#logo-vervolg-trans {
	position: absolute;
	top: 284px;
	left: 48px;
	width: 107px;
	height: 172px;
	z-index: 11;
}
.panel-left-left {
	float: left;
}
.panel-left-right {
	float: right;
	margin-right: 40px;
}
.panel-left {
	float: left;
	width: 394px;
	padding: 50px 17px 17px 42px;
	font-size: 12px;
}
.panel-right {
	float: left;
	width: 405px;
	padding: 0px 17px 17px 10px;
	font-size: 12px;
}
.project-thumbs {
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
}
.project-thumb {
	width: 77px;
	float: left;
}
#footer {
	text-align: left;
	width: 100%;
	background: url('../images/bg-h2.gif') top left repeat-x;
	margin-top: 50px;
	padding-top: 5px;
	color: #008bc9;
}
#content .right {
	text-align: right;
}
table.project {
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 15px;
	background: url('../images/bg-projectable.gif') bottom left repeat-x;
}

table.project tr td{
	vertical-align:top;
}

table.projectmore {
	font-weight: bold;
	font-size: 13px;
	padding: 15px 0 10px 0;
}
table.projectmore .arrow, table.project td.arrow {
	font-size: 18px;
	width: 20px;
	vertical-align: top;
}
table.projectmore td.grey {
	width: 100px;
	color: #8c8c8c;
	vertical-align: top;
}
/* menu */

#menu {
	height: 25px;
	float: left;
	width: 881px;
	margin: 25px 0 0 0;
	text-align: right;
}
#menu ul, #submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu li, #submenu li {
	display:inline;
}
#menu li a:link, #menu li a:visited {
	line-height: 20px;
	text-decoration: none;
	font-size: 16px;
	color: #0a0909;
	display: block;
	margin: 0 7px 0 7px;
	padding-bottom: 5px;
	float: right;
	font-weight: normal;
}
#menu li a:hover, #container #header-container #menu li a.current {
	background: url('../images/bg-menuitem.gif') bottom left repeat-x;
	text-decoration: none;
	color: #fff;
}
#submenu {
	height: 31px;
	width: 100%;
	margin-bottom: 40px;
	background: url('../images/bg-submenu.gif') top left repeat-x;
}
#submenu li a:link, #submenu li a:visited {
	line-height: 20px;
	text-decoration: none;
	font-size: 16px;
	color: #008bc9;
	display: block;
	margin: 5px 7px 0 7px;
	padding-bottom: 5px;
	float: left;
	font-weight: normal;
}
#submenu li a:hover, #container #content #submenu li a.current {
	background: url('../images/bg-menuitem.gif') bottom left repeat-x;
	text-decoration: none;
	color: #0a0909;
}
/* simple gallery */

#image {
	border:0;
	height:238px;
	width:435px;
	float: left;
}
.thumb {
	float:left;
	margin-right:10px;
}
/* formulier */

.send-btn {
	width: 100px;
	height: 24px;
	margin: 0;
	border: 0;
	background: url('../images/button_inschrijven.png') top left no-repeat;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	outline: none;
	overflow: hidden;
}
input.field {
	width: 285px;
	font-size: 11px;
	height: 16px;
	padding-left: 3px;
	border: 1px solid #008bc9;
}
input.field-small {
	line-height: 16px;
	width: 157px;
	font-size: 11px;
	height: 16px;
	padding-left: 3px;
	border: 1px solid #008bc9;
	border: 1px solid #008bc9;
	font-size: 9px;
	color: gray;
	float: left;
}
input.field-mini {
	width: 54px;
	height: 16px;
	padding-left: 3px;
	line-height: 16px;
	border: 1px solid #008bc9;
	font-size: 9px;
	color: gray;
	float: left;
	margin-left: 4px;
}
span.grey {
	color:#BFBDBD;
}
span.bold {
	font-weight: bold;
}

#contentblock-container .aanbod-blok{
	display:block;
	float:left;
	width:180px;
	height:180px;
	padding:10px;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:10px;
	background: url('../images/bg-h2.gif') bottom left repeat-x;
}

#contentblock-container .aanbod-blok span{
	color: #393939;
}

#contentblock-container .aanbod-blok:hover{
	background-color: #C2C1C1;
	color:#fff;
	text-decoration: none;
}

#contentblock-container div.terugnaarvastgoed {
	overflow:hidden;
	width:805px;
	padding: 5px 0 0 0;
	margin: 0 0 2px 0;
	font-weight: normal;
	background: url('../images/bg-h2.gif') repeat-x;
}

#contentblock-container div.terugnaarvastgoed  a{
	font-weight:normal;
}