@charset "UTF-8";

html, body
{
	font			: 100% Arial, Helvetica, sans-serif;
	background		: #ede2e7;
	margin			: 0; 
	padding			: 0;
	text-align		: center; 
	color			: #000000;
}

img {
	border: none;
}

#container 
{ 
	width				: 900px;  
	background-color	: #e6dbe0;
	margin				: 0 auto; 
	text-align			: center;
	color				: #000;
}

#header { }

#header1
{
	background		: #fff;
	width			: 690px;
	text-align		: right;
	margin-left		: 210px; 
}

#header2
{
	background		: #e80079;
	text-align		: right; 
}

#colleft
{
	float				: left;
	margin				: 0;
	width				: 190px;
	text-align			: left;
	padding				: 0 10px 10px 10px;
	/*border:1px solid blue;*/
}

#colright
{
	float				: right;
	width				: 220px;
	/*border:1px solid green;*/
}

#colright .rotating_gallery{
    margin              : 0px 0px 0px 10px;
}

#colright .rotating_gallery ,#colright .rotating_gallery li {
    list-style          : none;
    padding             : 0px;
    width               : 200px;
    overflow            : hidden;
}

#colright .rotating_gallery li {
	position:relative;
	left:0;
}



#content
{
	text-align			: left;
	margin-left			: 210px;
	padding				: 0 20px 0 20px;
	background-color	: #fff;
	font				: 12px/19px Arial, Helvetica, sans-serif;
	border				: 1px solid #fff;
}
.content_wcol_right
{
	margin-right		: 220px;	
}

#logoHome {
	z-index				: 10; 
	margin-left			: -218px;
	margin-top			: -40px;
}

/* styles */
.clrbg_white {
	background			: #fff;
}

.blockpadding {
	padding				: 12px 0 12px 12px;
}
.blockheading { margin: 10px 0 0 0; }
.blockheading h1  {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	letter-spacing		: 1px;	
	margin				: 0;
}
.blockpadding img{
	border-width: 0px;
	border-style: none;
	margin				: 0 0 -12px -12px;
	padding				: 0;
}
.sidebarBlock {
	color				: #000;
	font				: 12px/19px Arial, Helvetica, sans-serif;
	background-color	: #fff/*fef2f8*/;
	margin-bottom		: 0;
	border-top 			: 1px dotted #f881bf;
}

.contenttext {
	margin-top: 30px;
	color				: #000;
	font				: 12px/19px Arial, Helvetica, sans-serif;
	margin-bottom		: 20px;
}
.extramargin 
{
	margin-left			: 100px;
	margin-right		: 20px;
}

.contenttext h2 {
	text-transform		: uppercase;
	font-size			: 14px;
	font-weight			: bold;
	/*margin				: 0;
	padding				: 0;*/
	color				: #f0027f;
}
.contenttext .image {
	padding-left: 0;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-top: 5px;
	float				: left;
}

.contenttext h3 {
	font-size			: 12px;
	font-weight			: bold;
	margin				: 50px 60px 0 0;
	padding				: 0;
	color				: #f0027f;	
}
.contenttext h4 {
	font-size			: 12px;
	font-weight			: bold;
	/*margin			: 50px 60px 0 0;
	padding				: 0;*/
	color				: #f0027f;	
}

h4.date {
	font-size			: 11px;
	font-weight			: normal;
	font-style			: italic;
	line-height			: 5px;
	color				: #f0027f;	
}

.contentlargeimg
{
	padding				: 0px;
	margin				: 0 0 0 -20px;
}

.backto
{
	margin				: 15px 0 40px 0;	
}

.newsmore { 
	text-align			: right;
	border-bottom		: 1px dotted #f881bf;
}
.newsmore a { 
	color				: #f0027f;
	text-decoration		: none;
}
.newsmore a:hover { 
	text-decoration		: underline;
}

#content h1{
	margin				: 0;
	padding				: 20px 0 0 0;
}

.viewer p
{
	font-style			: italic;
	padding				: 10px 0 0 20px;
	text-align			: left;
}

a 
{
	color				: #000;
	text-decoration		: none;
}
a:hover, .pink:hover, .pink h2:hover
{
	text-decoration		: underline;	
}

a.pink
{
	color				: #f0027f;
	text-decoration		: none;
}
a.ridderBtn
{
	background			: url(../gfx/ridder.jpg) no-repeat top left;
	display				: block;
	width				: 200px;
	height				: 712px;
	margin				: 0 0 0 10px;
}
a.ridderBtn:hover { background: url(../gfx/ridder.jpg) no-repeat right;}

a#woninginfo {
	color: #000; 
	background: url(/img/bg_woninginfo.jpg) #EDE2E7 no-repeat top right;
	height: 20px; 
	width: 408px; 
	padding: 10px; 
	margin: 20px 0pt 0pt; 
	display: block; 
	text-align:left;	
}
a#woninginfo:hover { background: url(/img/bg_woninginfo.jpg) #EDE2E7 no-repeat bottom right; text-decoration: none; color: #E80079; }

/* mapnav start */
#mapnav
{
	float				: right;
	background-color	: #ede2e7;
	padding				: 40px 0 10px 0;
}
#mapnav ul
{
	padding				: 6px 0;
	padding-right		: 20px;
	margin				: 0;
	list-style			: none;
	border-top 			: 1px dotted #f881bf;
}
#mapnav li
{
	padding				: 6px 0 3px 12px;
	margin				: 0;
	font				: 12px/19px Arial, Helvetica, sans-serif;
}
#mapnav li a {
	text-decoration		: none;
	color				: #000;
	padding-left		: 10px;
}
#mapnav li a:hover {
	text-decoration		: underline;	
}
#mapnav li.active a {
	color				: #f0027f;
}
/* mapnav end */

/* mainmenu start */
#mainmenu
{
	height					: 22px;
	margin					: 0;
	background				: #e80079;
	text-align				: left;
}

#mainmenu ul {
	list-style			: none;
	margin				: 0;
	padding				: 0;
	width				: 120px;
	float				: left;
	background			: #e80079;
	height				: 22px;
}

#mainmenu li {
	position			: relative;
	width				: 100px;
	float				: left;
	margin				: 0;
	padding				: 0;
	height				: 22px;
	border-right		: 1px solid #fff;
}

#mainmenu ul ul {
	position			: absolute;
	z-index				: 500;
	margin				: 0px;
	padding				: 0px;
	background			: #e80079;
}

#mainmenu ul ul li {
	width				: 120px;
}

#mainmenu ul ul, #mainmenu ul li:hover ul ul, #mainmenu ul ul li:hover ul ul {
	display				: none;
}

#mainmenu ul li:hover ul, #mainmenu ul ul li:hover ul, #mainmenu ul ul ul li:hover ul {
	display				: block;
}

#mainmenu a {
	margin				: 0;
	padding				: 0;
	display				: block;
	text-decoration		: none;
	color				: #fff;
	display				: block;
	height				: 19px;
	padding				: 3px 0 0 10px;
	font				: 12px Arial, Helvetica, sans-serif;
	font-weight			: bold;
}

#mainmenu li a:hover {
	background			: #f960b0;
}

#mainmenu ul ul a {
	padding				: 3px 0 0 10px;
	font-weight			: normal;
	background			: #e80079;
	border				: none;
}

#mainmenu ul ul a.klein {
	font-size			: 10px;
}


#mainmenu a.active  {
	background-color	: #f960b0;
	color				: #fff;
}

#mainmenu ul li { float: left; width: 100%; }

/* mainmenu end */

/* foto gallery */
#fotogallery
{
	padding				: 10px;
	width				: 530px;
}
#fotogallery ul
{
	list-style			: none;
	margin				: 0;
	padding				: 0;
}
#fotogallery ul li 
{ 
	display				: inline;
	margin				: 0;
}
#fotogallery ul li img 
{ 
	display				: inline;
	border				: 3px solid #3e3e3e;
	margin				: 2px;
}
#fotogallery ul a:hover img
{
	border				: 3px solid #fff;
}
#fotogallery ul a:hover 
{ 
	color				: #fff;
}

#fotogallery h3 
{
	background			: #fff url('../img/arrow-square.gif') no-repeat right -51px;
	padding				: 5px 10px;
	margin				: 0;
	font-weight			: normal;
	font-style			: italic;
	border				: solid 1px #e6dbe0;
	border-bottom		: none;
	cursor				: pointer;
}
#fotogallery h3:hover 
{
	background-color	: #e6dbe0;
}
#fotogallery h3.active 
{
	background-position	: right 5px;
	background-color	: #ede2e7;
}
.photorow
{
	background			: #ede2e7;
	padding				: 10px;
}

/* foto gallery */
.accordion
{
	padding				: 10px;
	width				: 530px;
}
.accordion ul
{
	list-style			: none;
	margin				: 0;
	padding				: 0;
}
.accordion ul li 
{ 
	display				: inline;
	margin				: 0;
}
.accordion ul li img 
{ 
	display				: inline;
	border				: 3px solid #3e3e3e;
	margin				: 2px;
}
.accordion ul a:hover img
{
	border				: 3px solid #fff;
}
.accordion ul a:hover 
{ 
	color				: #fff;
}

.accordion h3 
{
	background			: #fff url('../img/arrow-square.gif') no-repeat right -51px;
	padding				: 5px 10px;
	margin				: 0;
	font-weight			: normal;
	font-style			: italic;
	border				: solid 1px #e6dbe0;
	border-bottom		: none;
	cursor				: pointer;
}
.accordion h3:hover 
{
	background-color	: #e6dbe0;
}
.accordion h3.active 
{
	background-position	: right 5px;
	background-color	: #ede2e7;
}
.photorow
{
	background			: #ede2e7;
	padding				: 0px;
	margin: 0px;
}
#googlemap {
	width: 680px;
	height: 500px;
	margin-left: -20px
}

/* new */
#gallery
{
	padding				: 10px;
	width				: 620px;
}
#gallery ul
{
	list-style			: none;
	margin				: 0;
	padding				: 0;
}
#gallery ul li 
{ 
	display				: inline;
	margin				: 0;
}
#gallery ul li img 
{ 
	display				: inline;
	border				: 3px solid #3e3e3e;
	margin				: 2px;
}
#gallery ul a:hover img
{
	border				: 3px solid #fff;
}
#gallery ul a:hover 
{ 
	color				: #fff;
}

#gallery h3 
{
	background			: #fff url('/img/arrow-square.gif') no-repeat right -51px;
	padding				: 5px 10px;
	margin				: 0;
	font-weight			: normal;
	font-style			: italic;
	border				: solid 1px #e6dbe0;
	border-bottom		: none;
	cursor				: pointer;
}
#gallery h3:hover 
{
	background-color	: #e6dbe0;
}
#gallery h3.active 
{
	background-position	: right 5px;
	background-color	: #ede2e7;
}
.photorow
{
	background			: #ede2e7;
	padding				: 10px;
}


/*
#houses	{
	width				: 700px;
}*/

ul.contentrow {
	margin					: 0 0 0 0;
	padding					: 0;
	list-style				: none;
	display					: inline-block;
}

ul.contentrow li
{
	float					: left;
}
li.col-single
{
	width					: 432px;
}
li.col-double, li.housetitle
{
	width					: 630px;	
}

li.housetitle {
	border-bottom			: 1px solid #ccc;
	font-size				: 14px;
	font-weight				: bold;
	padding-bottom			: 5px;
	color					: #e80079;
}
li.houseimg {
	padding					: 10px 0;
	border-right			: 1px solid #ccc;
	width					: 300px;
}
li.housedetails {
	padding					: 10px 0 0 10px;
	width					: 300px;
	padding					: 10px 0 0 40px;
}
li.housedetails table {
	font-size				: 11px;	
	line-height				: 20px;
}
li.housedetails td.label {
	color					: #666;
	width					: 130px;
	font-weight				: bold;
}
li.housedetails a.moreinfo {
	height					: 18px;
	display					: block;
	padding-right			: 22px;
	margin-top				: 40px;
	color					: #e80079;
	text-decoration			: none;
	font-size				: 12px;
}
li.housedetails a.moreinfo:hover {
	height					: 18px;
	display					: block;
	padding-right			: 22px;
	color					: #f594c7;
}



#HousesSearch { 
	margin-bottom			: 30px;	
}
#HousesSearch select {
	border					: 1px solid #51abc4;
	background-color		: #f2fcfe;
}
#HousesSearch .label {
	font-size				: 12px;
	color					: #666;	
}
#HousesSearch td {
	padding					: 4px 0 2px 0;
}
#HousesSearch #WoningSoort {
	margin-right			: 60px;	
}
#HousesSearch .HousesSearchSubmitNorm {
	border					: none;
	background				: transparent url(../img/btn_forward_dark.gif) no-repeat right -18px;
	height					: 18px;
	margin-left				: 20px;
	padding-right			: 20px;
	color					: #51abc4;
}
#HousesSearch .HousesSearchSubmitHover {
	border					: none;
	background				: transparent url(../img/btn_forward_dark.gif) no-repeat right 0;
	height					: 18px;
	margin-left				: 20px;
	padding-right			: 20px;
	color					: #0070af;
}



#detailshouses { }
#detailshouses #subnav {
	text-align				: right;
	padding-bottom			: 5px;
}
#detailshouses #subnav a {
	text-decoration			: none;
	color					: #51abc4;
	margin-left				: 0px;
}
#detailshouses #subnav a:hover {
	color					: #0070af;
}
#detailshouses div.title { 
	background-color		: #ffffff;
	font-weight				: bold;
	font-size				: 12px;
	padding					: 24px 0 4px 0;
	color					: #e80079;
	width					: 500px;
	position				: relative;
}
#detailshouses .housedetails {
	margin-top				: 20px;
}

#detailshouses .housedetails ul.images {
	list-style				: none;
	padding					: 0;
	position				: relative;
}
#detailshouses .housedetails ul.images li {
	padding					: 0 5px 5px 0;
}
#detailshouses .housedetails table {
	float					: right;
	margin-bottom			: 30px;
}
#detailshouses .housedetails td {
	padding					: 2px;	
}
#detailshouses .housedetails td.label {
	color					: #666;
	width					: 100px;
}
/*#detailshouses .housedetails td.link {
	padding-top				: 20px;	
}
#detailshouses .housedetails td.link a {
	text-decoration			: none;
	color					: #e80079;
	font-weight				: bold;
}
#detailshouses .housedetails td.link a:hover {
	text-decoration			: none;
	color					: #0070af;
}*/
#detailshouses #houseslist {
	height					: 114px;
	overflow-y				: auto;
	overflow-x				: hidden;
	width					: 650px;
	clear					: both;
	position				: relative;
}
#detailshouses #houseslist table {
	font-size				: 11px;	
}
#detailshouses #houseslist table td {
	padding					: 2px 0 2px 14px;
	border-bottom			: 2px solid #FFFFFF;	
}
#detailshouses #houseslist td.tableheader {
	background-color		: #e80079;
	color					: #fff;
	font-weight				: bold;
	padding					: 4px 0 4px 14px;
	width					: 675px;
}
#detailshouses #houseslist .even {
	background-color		: #facce4;
}
#detailshouses #houseslist .odd {
	background-color		: #fde5f1;
}
#housedetailextra {
	margin-top				: 40px;	
	width					: 650px;
	position				: relative;
}
#housedetailextra .nav {
	height					: 22px;
}
#housedetailextra .nav img {
	padding					: 0;
	margin					: 0 1px 0 0;
	cursor					: pointer;	
}
#housedetailextra div.extracontent {
	padding					: 14px 14px 4px 0;
	border-top				: 1px dotted #136789;
	font-size				: 12px;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	width					: 630px;
	
}
#housedetailextra div.extracontent p {
	font-size				: 12px;	
}
#housedetailextra div.extracontent a {
	text-decoration			: none;	
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	line-height				: 18px;
	color					: #000000;	
}
#housedetailextra div.extracontent a:hover {
	color					: #000000;	
}
#housedetailextra div.extracontent td {
	padding					: 4px;	
}