/* --> Includes CSS
******************************************************************************/
@import url(content.css);



/* --> [General] body
******************************************************************************/

html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font: normal 12px/16px Arial, Arial, Tahoma, sans-serif;
	color: #737373;
	background-color: #D9D7D5;
}

table {
	font: normal 12px/16px Arial, Verdana, Tahoma, sans-serif;
	color: #737373;
}

hr {
	height: 1px;
	color: #e3e3e3;
	background-color: #e3e3e3;
	border: 0;
}

a {
	color: #CC0842;
	text-decoration: none;
	cursor: pointer;
}

a:hover	{
	color: #CC0842;
	text-decoration: underline;
}

img, a {
	border:none;
}

.clear {
	height: 0;
	line-height: 0;
	clear: both;
}

/* --> [General] Page layout
******************************************************************************/

#site-container {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
}

#site-container .leftcolumn {
	padding: 0px;
	margin: 0px;
	width: 50%;
	background: url(../../img/bg_column_left.gif) repeat-y top right;
}

#site-container .midcolumn {
	padding: 0px;
	margin: 0px;
	width: 1000px;
	vertical-align: top;
}

#site-container .midcolumn .canvas {
	padding: 0px;
	margin: 0px;
	position: relative;
}

#site-container .nrcolumn .canvas {
	position: static;
}

#site-container .rightcolumn {
	padding: 0px;
	margin: 0px;
	width: 50%;
	background: url(../../img/bg_column_right.gif) repeat-y top left;
}



/* --> [General] Top
******************************************************************************/

#top-container {
	padding: 0px;
	margin: 0px;
	width: 1000px;
	height: 137px;
	background-color: #CC0842;
	position: relative;
}

#top-container .logo-weijman {
	padding: 0px;
	margin: 0px;
	top: 42px;
	left: 50px;
	width: 197px;
	height: 30px;
	position: absolute;
	background: url(../../img/logo_weijman.gif) no-repeat 0px 0px;
}

#top-container .logo-vastgoed {
	padding: 0px;
	margin: 0px;
	top: 25px;
	right: 47px;
	width: 65px;
	height: 65px;
	position: absolute;
	background: url(../../img/logo_vastgoed.gif) no-repeat 0px 0px;
}

 .menu {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 111px;
	left: 23px;
	z-index: 99;
}


/* --> [Splash] content
******************************************************************************/

#splash-content-container {
	padding: 0px;
	margin: 0px;
	background-color: #CC0842;
}

/* --> [INFO!]
	Omdat ie 6.0 problemen heeft met links over png en hiervoor een hack geschreven is
	zodat alle links in de canvas container "position relative" hebben en een "z-index" van 1
	kan de onderstaande "menu-container" niet absolute gepositioneerd worden ten opzichte van
	en relative container. Vandaar dat de container abosolute gepositioneerd is ten opzichte van
	de browser en daar de center van. [IE yeah!]
*/

#splash-content-container .menu-container {
	padding: 0px;
	margin: 0px 0px 0px 46px;
	position: absolute;
	width: 908px;
	height: 239px;
	top: 407px; /*407px;*/
	/*left: middle;*/
	z-index: 0;
	background: url(../../img/bg_sp_menu.png) no-repeat !important;
	background: none;
}

#splash-content-container .menu-container .canvas {
	width: 908px;
	height: 239px;
}

#splash-content-container .menu-container .canvas #credits {
	padding: 0px;
	margin: 15px 0px 0px 15px;
}


/* --> [Splash] quicklinks menu
******************************************************************************/

#sp-quicklinks {
	padding: 0px;
	margin: 46px 0px 0px 5px;
	width: 898px;
}

#sp-quicklinks th {
	padding: 0px;
	margin: 0px;
	height: 36px;
	background: url(../../img/bg_sp_quickmenu_column.gif) repeat-y top right;
}

#sp-quicklinks th.last {
	padding: 0px;
	margin: 0px;
	height: 36px;
	background-image: none;
}

#sp-quicklinks td {
	height: 156px;
	vertical-align: top;
}

#sp-quicklinks .column1 {
	padding: 0px;
	margin: 0px;
	width: 25%;
	background: url(../../img/bg_sp_quickmenu_column.gif) repeat-y top right;
}

#sp-quicklinks .column2 {
	padding: 0px;
	margin: 0px;
	width: 25%;
	background: url(../../img/bg_sp_quickmenu_column.gif) repeat-y top right;
}

#sp-quicklinks .column3 {
	padding: 0px;
	margin: 0px;
	width: 25%;
	background: url(../../img/bg_sp_quickmenu_column.gif) repeat-y top right;
}

#sp-quicklinks .column4 {
	padding: 0px;
	margin: 0px;
	width: 25%;
}

#sp-quicklinks td ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#sp-quicklinks td li {
	margin: 0px;
	padding: 8px 0px 7px 0px;
}


#sp-quicklinks .column1 p {
	margin: 50px 0 0 20px;
	line-height: 24px;
}

#sp-quicklinks .column1 li.odd {
	background: #F7F7F7 url(../../img/bg_sp_quickmenu_column.gif) repeat-y top right;
}

#sp-quicklinks .column1 li {
	background: #fff url(../../img/bg_sp_quickmenu_column.gif) repeat-y top right;
}

#sp-quicklinks .column1 li a {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	color: #737373;
	background: url(../../img/icon_sp_quickmenu.gif) no-repeat 12px 5px;
	display: block;
}

#sp-quicklinks .column1 li a:hover {
	color: #CC0842;
	background: url(../../img/icon_sp_quickmenu_omo.gif) no-repeat 12px 5px;
}

#sp-quicklinks .column10 p {
	margin: 34px 0 0 20px;
	line-height: 15px;
}

#sp-quicklinks .column10 {
	background: url("../../img/bg_sp_quickmenu_column.gif") repeat-y scroll right top transparent;
}

#sp-quicklinks .column10 a {
	margin: 0px;
	padding: 7px 0px 0px 0px;
	color: #CC0842;
	display: block;
}

#sp-quicklinks .column10 a:hover {
	color: #CC0842;
}

#sp-quicklinks .column4 li.odd {
	background-color: #F7F7F7;
}

#sp-quicklinks .column4 li.even {
	background-color: #fff;
}

#sp-quicklinks .column4 li a {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	color: #737373;
	background: url(../../img/icon_sp_quickmenu.gif) no-repeat 12px 5px;
	display: block;
}

#sp-quicklinks .column4 li a:hover {
	color: #CC0842;
	background: url(../../img/icon_sp_quickmenu_omo.gif) no-repeat 12px 5px;
}

#sp-quicklinks .column4 dl,
#sp-quicklinks .column4 dt,
#sp-quicklinks .column4 dd {
	margin: 0;
	padding: 0;
}

#sp-quicklinks .column4 dl {
	margin: 20px 0 0 20px;
}

#sp-quicklinks .column4 dl dt {
	font-weight: bold;
}

#sp-quicklinks .column4 dl.floating dt {
	width: 60px;
	float: left;
}

#sp-quicklinks .column4 dl.floating dd {
	float: left;
}



/* --> [Splash] werken bij
******************************************************************************/

#sp-quicklinks #werken-bij {
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	font-size: 10px;
	background: #FDFCFC url(../../img/bg_sp_quickmenu_columnmid.gif) repeat-x left bottom;	
}

#sp-quicklinks #werken-bij .photo {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 95px;
	float: left;
}

#sp-quicklinks #werken-bij .photo img {
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 0px;
}

#sp-quicklinks #werken-bij .content {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 120px;
	float: left;
	font-weight: bold;
}

#sp-quicklinks #werken-bij .button {
	margin: 0px 0px 0px 10px;
	padding: 15px 0px 0px 0px;
	clear: both;
}


/* --> [Splash] service onderhoud
******************************************************************************/

#sp-quicklinks #service {
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	font-size: 12px;
	background: #FDFCFC url(../../img/bg_sp_quickmenu_columnmid.gif) repeat-x left bottom;	
}

#sp-quicklinks #service .content {
	margin: 0;
	padding: 45px 20px 0 15px;
	float: left;
}

#sp-quicklinks #service .button {
	margin: 0px 0px 0px 10px;
	padding: 44px 0px 0px 0px;
	clear: both;
}


/* --> [Splash] actuele projecten
******************************************************************************/

#sp-quicklinks #actuele-projecten {
	margin: 0px 2px 0px 0px;
	padding: 0px;
	height: 100%;
	background: #FDFCFC url(../../img/bg_sp_quickmenu_columnmid.gif) repeat-x left bottom;	
}

#sp-quicklinks #actuele-projecten .name {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 18px;
	font-size: 10px;
	font-weight: bold;
}

#sp-quicklinks #actuele-projecten .photo-container {
	margin: 0px 0px 0px 18px;
	padding: 18px 0px 0px 0px;
	position: relative;
}

#sp-quicklinks #actuele-projecten .photo-container .photo {
	width: 150px;
	height: 57px;
	overflow: hidden;
	position: relative;
}

#sp-quicklinks #actuele-projecten .photo-container .photo a {
	margin: 0;
	padding: 0;
	width: 150px;
	height: 55px;
	display: block;
	border: 1px solid #f1eeea;
}

#sp-quicklinks #actuele-projecten .photo-container .b-up {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	position: absolute;
	left: 165px;
	top: 13px;
}

#sp-quicklinks #actuele-projecten .photo-container .b-down {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	position: absolute;
	left: 165px;
	top: 35px;
}

#sp-quicklinks #actuele-projecten .button {
	margin: 0px 0px 0px 0px;
	padding: 19px 0px 0px 10px;
}


/* --> [Achterliggend] content
******************************************************************************/

#wb-content-container {
	margin: 0px;
	padding: 0px;
}

#wb-content-container .photo {
	margin: 0px;
	padding: 0px;
}

#wb-content-container .left-column {
	margin: 0px;
	padding: 0px;
	width: 370px;
	float: left;
}

#wb-content-container .left-column .canvas {
	margin: 0px;
	padding: 0px;
}

#wb-content-container .right-column {
	margin: 0px;
	padding: 0px;
	width: 630px;
	float: left;
}

#wb-content-container .right-column .canvas {
	margin: 0px;
	padding: 42px 25px 30px 0px;
}


/* --> [Achterliggend] menu-bewoners
******************************************************************************/

#menu-bewoners {
	margin: 0px 0px 0px 48px;
	padding: 0px;
	width: 265px;
}

#menu-bewoners .header {
	margin: 0px;
	padding: 0px;
	height: 30px;
	background: url(../../img/title_menu_bewoners.gif) no-repeat 28px 0px;
}

#menu-bewoners .top {
	margin: 0px;
	padding: 0px;
	height: 41px;
	background: url(../../img/bg_menu_bewoners_top.gif) no-repeat;
}

#menu-bewoners .content {
	margin: 0px;
	padding: 0px;
	background: url(../../img/bg_menu_button.gif) repeat-y;
}

#menu-bewoners ul {
	margin: 0px;
	padding: 0px 4px 0px 4px;
	list-style: none;
}

#menu-bewoners li.odd {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	background-color: #F9F8F7;
}

#menu-bewoners li.odd a {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	color: #737373;
	background: url(../../img/icon_sp_quickmenu.gif) no-repeat 12px 5px;
	display: block;
}

#menu-bewoners li.odd a:hover {
	color: #CC0842;
	background: url(../../img/icon_sp_quickmenu_omo.gif) no-repeat 12px 5px;
}

#menu-bewoners li.even {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	background-color: #fff;
}

#menu-bewoners li.even a {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	color: #737373;
	background: url(../../img/icon_sp_quickmenu.gif) no-repeat 12px 5px;
	display: block;
}

#menu-bewoners li.even a:hover {
	color: #CC0842;
	background: url(../../img/icon_sp_quickmenu_omo.gif) no-repeat 12px 5px;
}

#menu-bewoners .bottom {
	margin: 0px;
	padding: 0px;
	height: 183px;
	background: url(../../img/bg_menu_bewoners_bottom.gif) no-repeat;
}


/* --> [Achterliggend] menu-opdrachtgevers
******************************************************************************/

#menu-opdrachtgevers {
	margin: 0px 0px 0px 48px;
	padding: 0px;
	width: 265px;
}

.photo .top {
	margin: 0px 0px 0px 0px;
	padding: 85px 0px 0px 52px;
	width: 257px;
	height: 68px;
}

#menu-opdrachtgevers .content {
	margin: 0px;
	padding: 0px;
	background: url(../../img/bg_menu_button.gif) repeat-y;
}

#menu-opdrachtgevers ul {
	margin: 0px;
	padding: 0px 4px 0px 4px;
	list-style: none;
}

#menu-opdrachtgevers li.odd {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	background-color: #F9F8F7;
}

#menu-opdrachtgevers li.odd a {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	color: #737373;
	background: url(../../img/icon_sp_quickmenu.gif) no-repeat 12px 5px;
	display: block;
}

#menu-opdrachtgevers li.odd a:hover {
	color: #CC0842;
	background: url(../../img/icon_sp_quickmenu_omo.gif) no-repeat 12px 5px;
}

#menu-opdrachtgevers li.even {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	background-color: #fff;
}

#menu-opdrachtgevers li.even a {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	color: #737373;
	background: url(../../img/icon_sp_quickmenu.gif) no-repeat 12px 5px;
	display: block;
}

#menu-opdrachtgevers li.even a:hover {
	color: #CC0842;
	background: url(../../img/icon_sp_quickmenu_omo.gif) no-repeat 12px 5px;
}

#menu-opdrachtgevers .bottom {
	margin: 0px;
	padding: 0px 0px 17px 0px;
	height: 11px;
	background: #E2E0DF url(../../img/bg_menu_opdrachtgevers_bottom.gif) no-repeat;
}


/* --> [Achterliggend] Banier
******************************************************************************/

#wb-banier {
	width: 155px;
	height: 124px;
	position: absolute;
	/*
	right: 10px;
	top: 110px;
	*/
	right: 0;
	top: 125px;
	z-index: 99999;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/banier_wb.png', sizingMethod='crop');*/
}

html>body #wb-banier {
	width: 155px;
	height: 124px;
	background: url(../../img/banier_wb.png) no-repeat;
}






/* --> Forms
******************************************************************************/

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
}

input.input_txt, textarea.input_ta {
	font: normal 12px/16px Arial, Arial, Tahoma, sans-serif;
	color: #737373;
}

textarea.input_ta {
	
}

#form-container {
	margin: 0;
	padding: 0;
}

#form-container br {
	clear: left;
}

#form-container .form-text, .form-radio, .form-checkbox {
	margin: 0 10px 0 0;
	padding: 6px 0 0 0;
	width: 190px;
	color: #6b6a6c;
	float: left;
	display: block;
}

.form-asterik {
	margin: 0;
	padding: 0 0 0 10px;
	color: #cf1013;
	font-size: 12px;
}

.form-input {
	margin: 6px 0px 4px 0px;
	padding: 0;
	float: left;
}

.form-input input {
	float: left;
}

.form-input span {
	padding: 0 0 0 5px;
	float: left;
}

/* --> textfields */

.form-textfield-small {
	margin: 0;
	padding: 1px 2px;
	width: 75px;
	font: 11px Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color: #CC0842;
	background-color: #F5F1EB;
	border: 1px solid #D2CCC4;
}

.form-textfield-medium {
	margin:  0px 0px 0px 0px;
	padding: 1px 2px;
	width: 150px;
	font: 11px Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color: #CC0842;
	background-color: #F5F1EB;
	border: 1px solid #D2CCC4;
}

.form-textfield-large {
	margin:  0px 0px 0px 0px;
	padding: 1px 2px;
	width: 200px;
	font: 11px Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color: #CC0842;
	background-color: #F5F1EB;
	border: 1px solid #D2CCC4;
}

.form-textarea textarea {
	margin: 10px 0px 0px 0px;
	padding: 1px 2px;
	width: 300px;
	height: 100px;
	color: #CC0842;
	background-color: #F5F1EB;
	border: 1px solid #D2CCC4;
	font: 11px/18px Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

.form-input select {
	margin: 0;
	padding: 1px 2px;
	color: #CC0842;
	background-color: #F5F1EB;
	border: 1px solid #D2CCC4;
	font: 11px/18px Arial, Helvetica, Verdana, Tahoma, sans-serif;
}


/* --> button */

.form-buttons {
	margin: 10px 0 0 200px;
	padding: 0px;
}

.form-button {
	margin: 10px 0 0 0;
	padding: 0;
	height: 22px;
	font: bold 11px Arial, Verdana, Tahoma, sans-serif;
	color: #fff;
	background-color: #D2CCC4;
	border: none;
}

.form-button-hover {
	margin: 10px 0 0 0;
	padding: 0;
	height: 22px;
	font: bold 11px Arial, Verdana, Tahoma, sans-serif;
	color: #fff;
	background-color: #CC0842;
	border: none;
}

/* --> Projectinfo
******************************************************************************/

.projectinfo {
	margin: -100px 0 0 380px;
	width: 200px;
	z-index: 3;
	position: absolute;
}

.projectinfo span {
	bottom: 23px;
	left: 5px;
	z-index: 2;
	position: relative;
}

.bottom-footer a {
	margin: 0px;
	padding: 20px;
	color: #fff;
}

/* --> actuele projecten - [Top]
******************************************************************************/

#project-actual  h3 {
	margin: 0 0 10px 5px;
	color: #747273;
	font-size: 15px;
}

#project-actual .top {
	text-align: justify;
}

#project-actual .top p {
	margin: 0;
	padding: 0;
}

#project-actual .top p.opdrachtgever {
	float: left;
	width: 380px;
}

#project-actual .top p.plaats {
	margin: 0 0 18px 0;
}

#project-actual .top strong {
	color: #c70740;
}

#project-actual .top  .details {
	margin: 0 0 5px 0;
	background-color: #d9d8d6;
	padding: 20px;
}

#project-actual .top #bezoekersinfo {
	margin: 0 0 25px 0;
}

#project-actual .top #bezoekersinfo img {
	float: left;
}

/* --> actuele projecten - [Bottom]
******************************************************************************/

#project-actual .bottom {
	padding: 10px 0 30px 0;
	text-align: justify;
	float: left;
	width: 100%;
}

#project-actual .bottom .details {
	background-color: #f0eceb;
	padding: 20px 20px 20px 20px;
	margin: 0 0 25px 0;
}

#project-actual .bottom .details img {
	border: solid 0px #dcd8d9;
}

/* --> [home] bottom
******************************************************************************/
.bottom-footer {
	margin: 0px;
	padding: 20px;
	background-color: #cc0842;
	text-align: right;
}

.bottom-footer a {
	margin: 0px;
	padding: 20px;
	color: #fff;
}color: #fff;
}