﻿html,
body
{
	height:100%;
	margin:0;
	padding:0;
	font-family: "Century Gothic", Arial, Sans-serif;
	font-size:12px;
	color:#54296D;
}
#nonfooter
{
	width:980px;
	min-height:100%;
	margin:0 auto;
	background:url(/images/nonfooter.gif) repeat-y;
}
#header, #header-vervolg
{
	height:267px;
	position:relative;
	background:url(/images/header.jpg) no-repeat;
	z-index:350;
}
#header .slogan, #header-vervolg .slogan
{
	margin:30px 0px 0px 20px;
	float:left;
}
#header .slider
{
	float:right;
	margin:3px 0 0 0;
}
#header .whitepixel
{
	left:245px;
	position:absolute;
	top:125px;
}
#header #menubg .whitepixel
{
	left:0 !important;
	position:absolute;
	top:125px;
	z-index:-1;
}
#header #menubg
{
	width:735px;
	height:125px;
	float:right;
	margin:0 0 0 0;
	background:#54296D;
	position:relative;
}
#header #menubg h1, #header-vervolg .menu-vervolg h1
{
	color:#FFFFFF;
	font-family:'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-size:42px;
	font-weight:normal;
	letter-spacing:2px;
	margin-bottom:12px;
	margin-left:24px;
	margin-top:12px;
}
#header #whiteline {
	border-top:1px solid #FFF;
	width:735px;
}
#header-vervolg #whiteline {
	border-top:1px solid #FFF;
	width:735px;
	height:97px;	
}
#header #last {
	border-right:none;
	widht:205px;
}
#header-vervolg #last {
	border-right:none;
	widht:205px;
}
#header .menuhome {
	width:204px;
	height:62px;
	float:left;
	border-right:1px solid #FFF;
	margin-top:0;
	padding-top:7px;
}
#header-vervolg .menuhome {
	width:204px;
	height:97px;
	float:left;
	border-right:1px solid #FFF;
	margin-top:0;
	padding-top:7px;
}
#content
{
	overflow:hidden;
	position:relative;
}
#content .whitepixel
{
	overflow:hidden;
	position:absolute;
	left:245px;
	top:0;
	z-index:300;
}
.home #content .whitepixel
{
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	z-index:300;
}
#content .tekst-col, .tekst-col
{
	color:#B6A078;
	float:left;
	font-size:13px;
	line-height:1.33;
	margin:0px 10px 0 31px;
	width:204px;
	min-height:1px;
}
.tekst-col p {
	margin:0;
	padding:0;
}
.home .bloemenbuurt {
	left:27px;
	margin:20px 0 0;
	position:absolute;
}
.bloemenbuurt {
	margin:0 0 0 26px;
}
.picmenu-col {
	overflow:hidden;
	position:relative;
	margin-bottom:24px;
	}
#content .menubutton
{
	position:relative;
	text-decoration:none;
	width:366px;
	height:258px;
	margin-bottom:3px;
}
#content .hyacint
{
	display:block;
	float:left;
	background:url(/images/hyacint2.jpg) left top no-repeat;	
}
#content .hyacint:hover
{
	background:url(/images/hyacint2.jpg) left bottom no-repeat;
}
#content .zonneogen
{
	display:block;
	float:right;
	background:url(/images/zonneogen2.jpg) left top no-repeat;
}
#content .zonneogen:hover
{
	background:url(/images/zonneogen2.jpg) left bottom no-repeat;
}
#content .zelfbouwen
{
	display:block;
	float:right;
	background:url(/images/zelfbouwen2.jpg) left top no-repeat;
}
#content .zelfbouwen:hover
{
	background:url(/images/zelfbouwen2.jpg) left bottom no-repeat;
}
#content .anemoon
{
	display:block;
	float:left;
	background:url(/images/anemoon2.jpg) left top no-repeat;
}
#content .anemoon:hover
{
	background:url(/images/anemoon2.jpg) left bottom no-repeat;
}

#content .menubutton .menubutton-readon
{
	position:absolute;
	bottom:0;
	left:0;
	background:url(/images/whitepixel.png);
	font-size:12px;
	padding:2px 10px;
	text-decoration:none;
	color:#54296d;
	font-family: "Century Gothic", Arial;	
}
#content .menubutton .menubutton-readon img
{
	border:none;
}
#content .menubutton .eigenwoning
{
	 font-family: 'Book Antiqua', 'Zapf Calligraphic', 'URW Palladio L', serif;
	 font-size:17px;
	 position:absolute;
	 top:18px;
	 left:8px;
	 font-weight:bold;
	 color:#54296D;
	 letter-spacing:-0.02em;
}
#content .menubutton .verkoopgarantietekst
{
	color:#54296D;
	font-size:17px;
	font-weight:bold;
	left:8px;
	position:absolute;
	top:8px;
	letter-spacing:-0.02em;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

/* vervolg */
#nonfooter-vervolg
{
	width:980px;
	margin:0 auto;
	padding:0px 8px 0px 12px;
	min-height:100%;
}
#header-vervolg
{
	height:264px;
	
}
#header-vervolg .menu-vervolg
{
	background:none repeat scroll 0 0 #54296D;
	float:right;
	height:125px;
	margin:0 0px 0 0;
	width:100%;
}
#content-vervolg
{
	padding:20px 20px 52px 20px;
	font-size:13px; 
	line-height:1.6;
	background:#E9E3D7;
	overflow:hidden;
	margin:0;
}
#content-vervolg h1
{
	color:#46281a;
	margin-top:0;
	font-size:20px;
	color:#54296D;
	font-family:'Palatino Linotype','Book Antiqua',Palatino,serif;
}
#content-vervolg p{
	color:#54296D;
}
#content-vervolg .tekst-col
{
	width:657px;
	float:left;
	margin-right:45px;
}
#content-vervolg .miscol
{
	float:left;
}

#content-vervolg .miscol p a
{
	display:inline;
}
#content-vervolg .miscol a
{
	display:block;
}
#footer
{
	height:62px;
	width:1000px;
	position:relative;
	margin:-62px auto 0 auto;
}
#footer .footerb
{
	position:absolute;
	z-index:200;
	left:50px;
	bottom:5px;
}
#footer #footerinner,
#footer #footerinner-detail
{
	height:64px;
	background:#CCCCCC;
	position:absolute;
	bottom:0;
	left:12px;
	width:930px;
	padding-left:50px;
}
#footer #footerinner h2
{
	margin:0 0 0 70px;
	color:#808080;
	padding:0;
	text-decoration:none;
	font-size:28px;
	line-height:64px;
}
#footer #footerinner-detail h2
{
	margin:0 0 0 0px;
	color:#808080;
	padding:0;
	text-decoration:none;
	font-size:28px;
	line-height:64px;
}
h2
{
	margin:0;
	padding:0;
	font-size:14px;
	text-decoration:underline;
	
}
.zonneogen #content-vervolg,
.anemoon #content-vervolg,
.helleborus #content-vervolg,
.hyacint #content-vervolg,
.vrijekavel #content-vervolg
{
	padding:0 0 10px 0;
	position:relative;
}


.top
{
	height:20px;
	width:860px;
	background:#CCCCCC;
}
.object
{
	text-decoration:none;
	display:block;
	
	overflow:hidden;
	position:relative;
	border-bottom:solid 1px #54296D;
	padding:10px;
}
.object .objimage
{
	float:left;
	margin-right:10px;
}
.object  span
{
	font-size:13px;
}
.object  span.woningtype
{
	display:block;
	font-weight:bold;
}
.object  span.status
{
	display:block;
	margin-top:20px;
}


.object  span.oppervlakte
{
	position:absolute;
	bottom:10px;
}
.object-detail-image
{
	float:left;
	margin-right:25px;
}
.object-detail-type
{
	display:block;
	margin-top:20px;
	font-weight:bold;
	margin-right:5px;
}
.object-detail-prijs
{
	font-weight:bold;
	margin-right:30px;
}
.object-detail-description
{
	clear:both;
	padding:10px 30px 30px 30px;
}
.object-detail-leftcol span, .object-detail-rightcol span
{
	display:block;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	color:#666666;
}
.object-detail-leftcol a, .object-detail-rightcol a {
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
/*
.vrijekavel .object-detail-leftcol
{
	margin-left:430px;
}
*/
.object-detail-leftcol
{
	left:432px;
	position:absolute;
	top:75px;
}
.anemoon .object-detail-leftcol {
	top:95px;
}
.object-detail-rightcol
{
	left:559px;
	position:absolute;
	top:68px;
}
.overbruggingsgarantie-img {
	margin:20px 0;
}
/* Formulieren */
#formhome legend
#formhome .row	{overflow:hidden;}
#formhome .row input
{
	border:1px solid #E4E4E4;
	height:30px;
	line-height:30px;
	padding-left:10px;
	margin-bottom:3px;
	color:#a8a8a8;
	width:255px;
}
#formhome .row input:focus,
#formhome .row textarea:focus
{
	border:1px solid #54296D;
}
#formhome textarea
{
	border:1px solid #E4E4E4;
	height:100px;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:3px;
	color:#a8a8a8;
	width:255px;
}
#formhome div.checkbox input{
	width:20px;
	height:10px;
}

#formhome input.submit
{
	float:left;
	margin-left:212px;
	cursor:pointer;
	border:none;
	-moz-border-radius:5px;
	background:#ECEBE9;
	font-weight:normal;
	padding: 3px 2px;
}
.small-colum .errormsg
{
	color:#f00;
	font-weight:bold;
}
fieldset
{
	border:none;
	padding:0;
	margin:0;
}

/* pdf links */

a.pdf 
{ 
	background:url(/images/pdf_icon.png) no-repeat scroll left center transparent;
	display:block;
	height:20px;
	line-height:20px;
	margin:5px 0px;
	padding-left:25px;
}
a.external {
	background: url(/images/extern.png) no-repeat left center;
	display:block;
	height:20px;
	margin:5px 0px;
	line-height:20px;
	padding-left:25px;
}
.movie
{
	background: url(/images/movie-icon.png) no-repeat left center;
	display:block;
	height:20px;
	margin:5px 0px;
	line-height:20px;
	padding-left:25px;	
}
.noicon
{
	background:none !important;
	padding:0 !important;
	margin:0 !important;
	line-height:normal !important;
	height:auto !important;
}

.vergroot
{
	background:url(/images/whitepixel.png) repeat scroll 0 0 transparent;
	color:#54296D;
	font-size:12px;
	left:242px;
	padding:2px 10px;
	position:absolute;
	text-decoration:none;
	top:392px;
}

.nieuwsDatum {
	width:150px;
	color:#54296D;
	}

/* STYLES DIE DOOR HET SYSTEEM WORDEN GEGENEREERD
====================================================== */
a img
{
	border:none;
}
a
{
	font-size:13px;
	color: #54296d;
	font-family: "Century Gothic", Arial;
}
a:hover
{
	 color: #808080;
}
td
{
	font-size:13px;
	font-family: "Century Gothic", Arial;
}
select
{
    font-size:13px;
    font-family: "Century Gothic", Arial;
}
input
{
    font-size:13px;
	font-family: "Century Gothic", Arial;
}
textarea
{
    font-size:13px;
    font-family: "Century Gothic", Arial;
}
body #fout
{
    font-size:13px;
    color: red
}
body #informatietext
{
    color: #000;
}
body #boginfotitletekst
{
    color: #000;
}
body #titel
{
    color:#54296D;
}
body #highlight
{
    color: #000;
}
body #nieuwsdatum
{
  color:#54296D;
}
body #nieuwsimage
{
	margin:0px 0px 15px 15px;
	float:right;
	border:none;
}
body #selectbox
{
    font-size: 12px;
    font-family: "Century Gothic", Arial;
    background-color: #fff;
    text-decoration: none
}
.printwindow
{
    background-color: #fff;
}
.verkocht
{
    color: #f00;
}
body #huislink
{
    text-decoration: none
}
body #inputdisabled
{
    background-color: #888888
}
body #checkbox
{
    width: 13px
}
body #informatie
{
    font-size:12px;
    color: #000;
}
body #informatietext
{
    font-size:12px;
    color: #000;
}
.homebox
{
    background-color: #fff;
}
body #huizeninformatiekleur
{
    background-color: #000;
}
body #lijntje
{
    background-color: #888;
}
body #homespecialborder
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: white;
}
body #login_box_password_input
{
    width: 98px
}
body #login_box_email_input
{
    width: 98px;
}
body #searchinfotitletekst
{
    color: #000000;
}
.buurtgegevens_header
{
    background-color: #DB001B;
    width:570px;
    color:#fff;
}
.mailhuis_input
{
    width: 200px
}
.loginbox
{
    background-position: left top;
    background-image: url(/images/pic_loginbox.gif);
    background-repeat: no-repeat
}

.hometableborder
{
    BORDER-RIGHT: silver thin double;
   BORDER-TOP: silver thin double;
    BORDER-LEFT: silver thin double;
    BORDER-BOTTOM: silver thin double;
    BACKGROUND-COLOR: #ebebeb
}
#prospectaanbiedertabellijntje1
{
}
#prospectaanbiedertabelborder
{
background-color:#516779;
}
#prospectaanbiedertabelheader
{
	background-color:#E3E8EC;
	font-weight:bolder;
}
#prospectaanbiedertabelrow1
{
	background-color:#BAC7D1;
}
#prospectaanbiedertabelrow2
{
	background-color:#9BAEBD;
}

/* OPEN HUIS
================================================================================================================*/


body#Openhuis
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.OpenHuisMainDiv
{
	position:relative;
	min-height:100%;
}
* html .OpenHuisMainDiv
{
	height:100%;
	text-align:center;
}
.OpenHuisMainDiv div
{
	position:relative;
	padding-bottom:30px;
}
body#Openhuis p
{
	margin:0;
	padding:0;
}
.OpenHuisHeaderText
{

}
body#Openhuis p.OpenHuisTitle
{
	position:relative;
	height:60px;
	line-height:60px;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	color: #fff;
	background: #01678d url(/images/housenet.gif) no-repeat 12px 10px; /*hier kun je een een logo van de betreffende makelaar zetten*/
}
body#Openhuis p.OpenHuisDate
{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#01678d;
	margin-top:12px;
}
body#Openhuis p.OpenHuisTime
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#607998;
}
.OpenHuisMainDiv table
{
	width:96%;
	border-collapse:collapse;
	margin:0 auto;
}
.OpenHuisMainDiv table td
{
	padding-left:6px;
}
.TableWoonplaats
{
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	background:#01678d;
	color:#fff;
}
.TableTitle
{
	font-weight:bold;
	color: #01678d;
}
.TableData
{
color: black;
}
.TableData a
{
color: #01678d;
}
.TableData a:hover
{
color: #f0731f;
}
#footerOH
{
	position:relative;
	height:20px;
	margin-top:-20px;
	background: #01678d url(/images/footer_openhuis.gif) repeat-x 0px;
}

/* END OPEN HUIS
==================================================================================================================*/
/* FANCY INLOG */

#sign_in fieldset {
	float:left;
	border:1px solid;
	padding:0px 10px 10px 10px;
	margin-left:4px;
	}
#sign_in legend {
	font-size:13px;

}	
#sign_in input#mailadres, 
#sign_in input#wachtwoord{
	width:238px;
	margin-bottom:15px;
}
#sign_in input#mailadres {
	background:#ffffff url(/images/user.png) 5px 2px no-repeat;
	padding-left:40px;
	}
#sign_in input#wachtwoord {
	background:#ffffff url(/images/password.png) 10px 2px no-repeat;
	padding-left:40px;
	}

#sign_in input.text {
	color:#333333;
	font-size:1em;
	font-weight:bold;
	height:15px;
	padding:5px 6px;
}

#sign_in label {
	color:#666666;
	display:block;
	float:left;
	font-weight:bold;
	padding:6px 10px 0 0;
	text-align:right;
	width:77px;
}

#sign_in div.knoppen {
	text-align:right;
	float:left;
	width:375px;
}

#sign_in div.knoppen .knop {
	margin-left:5px;
}

.MijnTekstImgLeftTop
{
	margin:25px 15px 15px 0;
}
.MijnTekstImgRightTop
{
	margin:25px 0px 15px 15px;
}
.MijnTekstImgLeftBottom
{
	margin:15px 15px 0px 0px
}
.MijnTekstImgRightBottom
{
	margin:15px 0px 0px 15px;
}
.nieuwsOmschrijving
{
	padding:10px 0px 20px 0px;
}

tr.link_omschrijving {
	display:none;
	visibility:hidden;
	}

body.inschrijven fieldset {
	border:1px solid #999999;
	float:left;
	margin:7px;
	padding:15px;
	width:300px;
}
body.inschrijven fieldset input {
	margin-left:0px !important;
}

span.paars {
	background:none repeat scroll 0 0 #6F3154;
	display:block;
	float:left;
	height:10px;
	margin-right:10px;
	position:relative;
	top:5px;
	width:10px;
	}
	
span.rood {
	background:none repeat scroll 0 0 #E12F2B;
	display:block;
	float:left;
	height:10px;
	margin-right:10px;
	position:relative;
	top:5px;
	width:10px;
	}

