/* CSS Document */
* {
	margin:0px; padding:0px;
}
html, body {
	font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;
	background-color:#ffffff; color:#333333;
}

h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:30px; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; }
a { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#aa303f; border-bottom:1px dotted #aa303f; }
a:hover { color:#000000; border-bottom:1px dotted #333333; }

.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.p25 { padding:25px; }
.p30 { padding:30px; }
.p50 { padding:50px; }

.container {
	width:100%;
	background-color:#e5e5e5;
	display:table;
}

/* top */
.top {
	width:100%; height:60px;
}
.top_block {
	width:190px; height:55px;
	border-top:5px solid #717273;
	margin-left:814px;
	text-align:center;
}
.top_block img, .top_block a {
	margin-top:9px;
	border:0px;
}

.print { display:none; }
.printimgs { display:none; }
.printheader { display:none; }

/* Menu */
.menu {
	width:190px; height:310px;
	background-color:#717273;
	float:right;
}
.menu li a {
	font-family:Arial, Helvetica, sans-serif; font-size:13px;
	color:#FFFFFF;
	width:170px; height:30px; line-height:30px; padding-left:20px;
	float:left; display:block;
	text-decoration:none;
	margin:0px; margin-bottom:0px;
	border-bottom:1px solid #8d8e8f;
}
.menu ul { list-style:none; }

/* home */
.header {
	width:993px; height:310px;
	float:left;
	border-left:11px solid #FFFFFF;
}
.header img {
	width:420px; height:310px;
	float:left;
}

/* Logo */
.logo img {
	width:420px;
	position:absolute; top:371px; left:11px;
}

.kleurbalk {
	width:100%; height:51px;
	background-color:#e5e5e5;
	border-top:1px solid #FFFFFF;
}
.kleurbalk_white {
	width:11px; height:51px;
	float:left; background-color:#FFFFFF;
}

.home_slider {
	width:900px; height:300px;
	background-color:#d7dbd3;
}
.home_hrij {
	width:600px;
	background-color:#CCCCCC;
}

/* home opmaak */
.tekstblock {
	width:332px;/*382*/ height:270px;
	background-color:#d7dbd3; color:#333333;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	padding:25px;
	float:left;
}
.tekstblock h1 {
	padding:15px; padding-left:0px; font-weight:300;
}

.contentheader {
	width:342px; height:270px;
	background-color:#d7dbd3;
	padding:20px;
	float:left; vertical-align:bottom;
}
.contentheader h1 {
	margin-top:230px; text-align:right;
	font-family:Arial, Helvetica, sans-serif; font-size:26px;
	font-weight:400; color:#575757;
}
	
.home {
	width:573px; height:310px;
	background-color:#d7dbd3;
	position:absolute; top:370px; left:431px;
	border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF;
}
.home ul {
	list-style:none;
	padding:0px; margin:0px;
}
.home ul li {
	width:190px; height:310px;
	display:block; float:left;
	border-right:1px solid #FFFFFF;
	background-color:#d7dbd3;
}
.home ul li h2 {
	width:180px; height:51px; line-height:42px;
	background-color:#aa303f; padding-left:10px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px;
	color:#FFFFFF;
}
.home ul li img {	
	width:190px; height:140px;
}
.home p {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:18px;
	padding:15px;
}
.home a img { border:0px; }

/* opactiy */
.home img {
	opacity:0.6; filter:alpha(opacity=60); 
}
.home a { height:310px; display:block; text-decoration:none; border:0px; }
.home a:hover img {
	opacity:1; filter:alpha(opacity=100); 
}

/* Headers */
#header_home, #header_random {
	width:420px; height:310px;
	float:left;
	list-style:none;
}

/* Content */
.content {
	width:523px;
	padding:25px;
	background-color:#d7dbd3;
	position:absolute; top:370px; left:431px;
	border-top:1px solid #FFFFFF;
}

/* Contact */
.contact {
	width:523px; min-height:260px;
	padding:25px;
	background-color:#d7dbd3;
	position:absolute; top:370px; left:431px;
	border-top:1px solid #FFFFFF;
}
.contact input {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
	padding:4px; margin:1px; width:140px;
	border:1px solid #FFFFFF;
}
.contact textarea {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
	padding:4px; margin:1px; width:330px; height:120px;
	border:1px solid #FFFFFF;
}
/* Vraagform */
.vraagform, .vraagform td {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
}

.vraagform input {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
	padding:3px; margin:1px; width:140px;
	background-color:#ebecea;
	border:1px solid #cccccc;
}
.vraagform textarea {
	width:340px; height:130px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
	padding:3px; margin:1px;
	border:1px solid #cccccc; background-color:#ebecea;
}

/* Extramenu */
.extramenu {
	width:190px; height:130px;
	position:absolute; top:470px; left:240px;
	text-align:left;
}
.extramenu img, .extramenu a {
	border:0px; text-decoration:none;
}
.extramenu a {
	font-family:Arial, Helvetica, sans-serif; font-size:14px;
	color:#333333; text-decoration:none; line-height:40px; text-align:left;
}
.extramenu ul {
	margin-top:10px;
}
.extramenu ul li { 
	list-style:none; text-align:left; line-height:40px;
}
.extramenu ul li a {
	line-height:40px; vertical-align:middle;
	border:0px; text-decoration:none; margin-left:15px;
	font-size:12px; color:#333333;
}
.extramenu ul li a:hover {
	color:#aa303f;
}
.extramenu ul li img {
	width:30px;
	padding:2px; margin-left:4px; vertical-align:middle;
	border:0px; text-decoration:none;
}

/* Menu aanbod */
.menuaanbod {
	width:250px; height:200px;
	position:absolute; top:470px; left:170px;
}
.menuaanbod ul li { 
	list-style:none; text-align:right; line-height:40px;
}
.menuaanbod ul li a {
	line-height:40px; vertical-align:middle;
	border:0px; text-decoration:none; padding-left:15px;
	font-size:12px; color:#333333;
}
.menuaanbod ul li a:hover {
	color:#aa303f;
}
.menuaanbod img {
	width:30px;
	padding:2px; margin-left:4px; vertical-align:middle;
	border:0px; text-decoration:none;
}

/* Aanbod */
.aanbod {
	width:573px;
	background-color:#d7dbd3;
	position:absolute; top:370px; left:431px;
	border-top:1px solid #FFFFFF;
}
.aanbod_header {
	width:573px; height:51px;
	background-color:#bcc1b7;
	display:table;
}
.aanbod_footer {
	width:573px; height:41px;
	background-color:#ced3ca;
	float:left; padding-top:10px;
}
.aanbodviewclick {
	width:420px; height:310px;
	z-index:100;
	position:absolute; top:60px; left:11px;
	border:0px; text-decoration:none;
	opacity:20; filter:alpha(opacity=20);
	cursor:pointer; display:table;
}
.aanbod_prijs {
	font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#000000;
	padding:0px; margin:0px;
}
.aanbod_prijs b { font-size:12px; color:#666666; font-weight:normal; }

.aanbod ul { list-style:none; }
.aanbod ul li {
	width:573px; height:170px;
	float:left;
	border-bottom:1px solid #FFFFFF;
	display:block;
}
.aanbod ul li .fotolijst { 
	height:153px; width:210px; border:0px;
	border:1px solid #cbd0c6;
	float:left; margin-right:30px;
	background-position:center center; background-repeat:no-repeat;
}
.aanbod ul li p {
	width:180px; height:100px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
}
.aanbod ul li h2 {
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333333; line-height:20px;
	text-decoration:none; border:0px;
	padding:8px; padding-left:0px;
}
.aanbod ul li a {
	width:553px; height:154px;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666;
	text-decoration:none; border:0px; display:block;
}
.aanbod ul li:hover {
	width:573px; height:170px;
	background-color:#ced3ca;
	display:block;
}
.aanbod .aanbodrijtekst {
	width:270px;
	float:left;
	padding:10px;
}
.aanbod .aanbodrijtekst b {
	display:block;
	margin-bottom:10px;
}

.aanbod .verkocht {
	background-image:url(../img/bg_verkocht.jpg); background-position:right bottom; background-repeat:no-repeat;
}
.aanbod .verkocht:hover {
	background-image:url(../img/bg_verkocht_on.jpg); background-position:right bottom; background-repeat:no-repeat;
}
.aanbod .verkochtov {
	background-image:url(../img/bg_verkochtov.jpg); background-position:right bottom; background-repeat:no-repeat;
}
.aanbod .verkochtov:hover {
	background-image:url(../img/bg_verkochtov_on.jpg); background-position:right bottom; background-repeat:no-repeat;
}
.aanbod .verhuurd {
	background-image:url(../img/bg_verhuurd.jpg); background-position:right bottom; background-repeat:no-repeat;
}
.aanbod .verhuurd:hover {
	background-image:url(../img/bg_verhuurd_on.jpg); background-position:right bottom; background-repeat:no-repeat;
}
.aanbod .inprijsverlaagd {
	background-image:url(../img/bg_inprijsverlaagd.jpg); background-position:right bottom; background-repeat:no-repeat;
}
.aanbod .inprijsverlaagd:hover {
	background-image:url(../img/bg_inprijsverlaagd_on.jpg); background-position:right bottom; background-repeat:no-repeat;
}

.aanbodheader1 {
	width:382px; height:80px;
	padding:0px; padding-top:230px;
	background-color:#d7dbd3; color:#575757;
	text-align:right;
	float:left;
}
.aanbodheader1 h1 {
	font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:400; color:#646566;
	padding:20px; margin-right:10px;
}
.aanbodheader2 {
	width:370px; height:300px;
	padding:0px; padding-top:10px; padding-left:12px;
	background-color:#d7dbd3; color:#333333;
	text-align:left;	float:left;
}
.aanbodheader2 h1 {
	font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#717273;
	padding:0px; margin:0px; float:left;
}
.header .verkocht {
	background-image:url(../img/bg_verkocht_top.jpg); background-position:right top; background-repeat:no-repeat;
}
.header .verkochtov {
	background-image:url(../img/bg_verkochtov_top.jpg); background-position:right top; background-repeat:no-repeat;
}
.header .verhuurd {
	background-image:url(../img/bg_verhuurd_top.jpg); background-position:right top; background-repeat:no-repeat;
}
.header .inprijsverlaagd {
	background-image:url(../img/bg_inprijsverlaagd_top.jpg); background-position:right top; background-repeat:no-repeat;
}

.aanbod_infotabel {
	margin:0px; margin-top:10px; padding:0px;
}
.aanbod_infotabel td {
	padding:4px; margin:4px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	border-bottom:1px solid #c5cbc0;
}

/* Aanbod headernavigatie */
.aanbod_headernav {
	width:573px; height:40px;
	float:left; padding:0px;
	display:block; margin-top:11px;
}
.dropdownmenu {
	margin:0px; padding:0px; vertical-align:top;
}
.dropdownmenu select {
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	border:1px solid #717273; float:left;
	background-color:#ffffff; padding:5px; margin:3px; width:170px;
}
.dropdownmenu td {
	vertical-align:top;
}

.imageview {
	width:420px;
	float:left;
}
.imageview img {
	border:0px; text-decoration:none;
}
#monoSlideshow {
	height: 310px; width:420px;
	float:left; z-index:100;
}
.printimg {
	display:none;
}

/* Navigatie */
.navigatie {
	width:220px;
	margin:0px; padding:10px; padding-top:0px; float:right; text-align:center;
}
.navigatie input {
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	border:1px solid #717273; padding:3px; margin:1px;
	background-color:#ffffff; float:right; height:28px; line-height:20px;
}
.navigatie select {
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	border:1px solid #717273; height:28px; line-height:20px;
	background-color:#ffffff; padding:5px; margin:1px; float:right;
}

/* Validation */
.valid { 
	border:1px solid #93c1de !important;
}
.invalid { 
	border:1px solid #C32525 !important;
}