﻿html
{
    overflow-y:scroll;
    }
body 
{
    margin: 0;
	padding: 0;
    font: 100% Verdana,Tahoma,Arial,sans-serif;
}
#wrap 
{
    margin: 0 auto;
    width:1000px;
    color: #303030;
    border:1px solid #C0C0C0;
}
img
{
    border:none;
}
/*Header*/
#header 
{
    background-color:#FEBE10;
    height:85px;
    margin:0;
    padding:0;
}
.logo
{
    float:left;
    width:175px;
    height:85px;
    text-align:center;
	position: relative;
	z-index: 4;
}
.headerbgnewsticker
{
	background-image:url(/images/headerlijntjes.gif);
	background-repeat:repeat-x;
	float:left;
	height:75px;
	width:361px;
	padding: 0 5px;
}
.newsticker div {
	margin-top: 35px;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
}
.newsticker a
{
	text-decoration:none;
	color: #231F20;
	font-size:70%;
	font-weight:bold;
	padding-right: 30px;
}
.newsitem p {
	margin-top: 15px;
}
.newsitem .imagecontainer, .newsitem .imagecontainer img {
	display: block;
	margin-top: 10px;
	margin-bottom:10px;
}
.newsitem .bijschrift {
	color: #221E1F;
	font-size: 100%;
	font-style: italic;
	line-height: 24px;
}
.headermenu 
{
    background-image:url(/images/headermenubg.gif);
    float:left;
    height:45px;
    width:159px;
    padding:40px 0 0 5px;
	position: relative;
	z-index: 1;
}
.headermenu a {
	color:#231F20;
	font-size:90%;
	text-decoration: none;
}
.headermenu a:hover {
	color: #000000;
	cursor:pointer;
}
.homebutton a
{
    background-image:url(/images/homebuttonzondertekst.gif);
    text-decoration: none;
    font-size:90%;
    color:#231F20;
    float:left;
    height:40px;
    padding-top:40px;
    padding-left:40px;
	position: relative;
    width:90px;
	z-index: 1;
}
.contact
{
    padding-top:40px;
    }
.logosrechtsboven
{
    display:inline;
    margin-left:5px;
    }
.logosrechtsboven img
{
    margin-top:5px;
    margin-right:5px;}
.logoerkend img
{
    margin-bottom:15px;
    }
/*einde header*/
/*kaderboven*/
#kaderboven
{
    margin:0;
    padding:0;
    height:200px;
    background-color:#D7D7D7;
}
.vlaklinksboven
{
    float:left;
    background-image:url(/images/ondergrondvlaklinks.gif);
    background-repeat:repeat-x;
    width:350px;
    height:200px;    
}
.sfeerfotos
{
    background-color:#D7D7D7;
}
.sfeerfotos h2
{
    color:#939598;
    margin:0;
    padding-left:5px;
}
/*Menu*/
#menu {
	position: relative;
}
#menu ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
}
#menu ul ul 
{
	display:none;
	left: 175px;
	right: 0;
	top: auto;
	margin-top: -25px;
}
#menu li 
{
	height:25px;
	margin: 0;
	padding: 0;
	border: 0;
	width: 350px;
	float: left;
}
#menu li a 
{
    height:25px;
    line-height:25px;
    width:145px;
	display: block;
    font-size:70%;
    text-decoration: none;
    text-transform:uppercase;
    padding-left:30px;
    background-image: url('/images/button.gif');
	color: #000;
	letter-spacing: 1px;
}
#menu a:hover {
    font-weight:bold;
    background-position: 0 -25px;
    height:25px;
    line-height:25px;
}
#menu ul li:hover ul
{
    display:block;
}
#menu a.active {
	background-image: url('/images/buttonoranje.gif');
	background-position: 0 -25px;
	font-weight:bold;
	height:25px;
    line-height:25px;
    margin:0;
}
#menu a.WoningOverzicht\.aspx {
	background-image: url('/images/buttonoranje.gif');
	background-position: 0 0;
	font-weight: bold;
}

/*einde menu*/
/*woning vd week*/
.woningvdweek
{
	color: #356;
    float:left;
    width:175px;
	margin-left: 175px;
}
.woningvdweek a
{
    color:#FEBE10;
    font-size:80%;
    text-decoration:none;
    }
.woningvdweek img
{
    border:1px solid #FEBE10;
    width:150px;
    height:100px;
    margin-left:15px;
    text-align:center;
    }
.woningvdweek h1
    {
    font-size:80%;
    font-weight:normal;
    text-align:center;
    margin:6px;
	height: 2.3em;
	line-height: 2.3em;
}
.woningvdweek .bijschrift
{
    font-size:80%;
    display:block;
    margin-left:15px;
}
.woningvdweek .prijs
{
    font-size:80%;
	font-weight: bold;
    display:block;
    margin-left:15px;
}
.oranjebutton
    {
    margin-left:65px;
    width:23px;
    height:24px;
    background-image:url("/images/ButtonPijl-Oranje.gif");
    background-position:0 0px;
    display:block;
    margin-top:-20px;
}
.oranjebutton:hover
    {
    background-image:url("/images/ButtonPijl-Oranje.gif");
    background-position:0 -22px;
    width:23px;
    height:24px;
        }
.woningdetaillink
{
    float:right;
    color:#FEBE10;
    font-size:80%;
    font-weight:bold;
    height:25px;
    width:90px;
    margin-top:10px;
    clear:right;
    }
/*einde woning vd week*/
/*kader onder*/
#kaderonder
{
	background-image: url('/images/basislijn.gif');
	background-position: 175px 0;
	background-repeat: no-repeat;
	position: relative;
    width:1000px;
}
.vlaklinksonder
{
    background-image:url(/images/lijntjelinks.gif);
    background-repeat:repeat-y;
    width:175px;
	position: absolute;
	height: 100%;
	left: 0;
}
.vlaklinksonder img
{
    margin:10px;
    }
/*Content*/
#content
{
    padding:0pt;
    width:650px;
    margin-left:350px;
    }
.MsoNormal
{
    	margin: 1em;
    }
a:hover, input:hover
{
    cursor:pointer;
    text-decoration:none;
    }
.contentbase
{
    display:block;
	color: #000;
	font-size: 70%;
	padding:5px;
	width:540px;
}
.contentbase h1 {
	color: #888;
	font-size: 160%;
	font-weight: bold;
	margin: 0 5px 5px 0;
    padding:5px 0;
}
.contentbase h2 {
	color: #888;
	font-size: 150%;
	font-weight: bold;
	margin: 0 5px 5px 0;
    padding:5px 0;
}
.contentbase h3 
{
    font-size: 130%;
    color: #888;
	font-weight: bold;
	margin: 0 5px 5px 0;
    padding:5px 0;
    }
.contentbase h4 
{
    font-size: 120%;
    color: #888;
	font-weight: bold;
	margin: 0 5px 5px 0;
    padding:5px 0;
    }
.contentbase h5
{
    font-size: 110%;
    color: #888;
	font-weight: bold;
	margin: 0 5px 5px 0;
    padding:5px 0;
    }
.contentbase p 
{
	margin: 0.5em 0;
}
.contentbase a {
	color: #939598;
	text-decoration: underline;
}
.contentbase a:hover {
	text-decoration: none;
	cursor:pointer;
}
.contentbase .bijschrift {
	display: block;
}
.imagecontainer.odd
{
    float: left;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
}
.imagecontainer.even
{
    float: right;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
}
/*einde content*/
/* start elementen onder op de pagina */
.clearer {
	clear: both;
}
#footer {
	background-color:#FEBE10;
	clear:both;
	height:28px;
	color:#231F20;
}
#ondertitel 
{
    float:left;
	font-size: 60%;
	margin: 7px 5px;
}
#ondertitel a {
	color: #000;
	text-decoration:underline;
}
#ondertitel a:hover {
	text-decoration:none;
	cursor:pointer;
}
.poweredby
{
    float:right;
   	font-size: 60%;
	margin: 7px 5px;
}
.poweredby a
{
    color: #231F20;
    }
/* einde elementen onder op de pagina */	

/*start formulier elementen*/
legend
{
    color:#0020B5;
    }
.contactpagina
{
    margin-left:10px;
    }
fieldset li
{
    float:left;
    width:285px;
    }
fieldset.woonwensplaats, fieldset.typewoning, fieldset.soortwoning, fieldset.prijsklasse, fieldset.overig, fieldset.contactformulier{
    border:1px solid #FEBE10;
    width:610px;
    }
fieldset.prijsklasse div.required label
{
    margin:0 5px 0 60px;
    width:150px;
    }
.prijsklasse input
{
     border:1px solid #7B9EBD;
        }
/*contactformulier*/
.contactformulier input
{
    border:1px solid #7B9EBD;
    }
.contactformulier .onderwerp
{
    margin-top:15px;
    }
.contactformulier .geslacht input
{
    border:none;
    width:20px;
    }
.contactformulier .geslacht label
{
    float:none;
    }
.voorkeursdata
{
    font-size:80%;
    margin:6px;
    }
.voorkeursdata label
{
    float:left;
    margin-left:15px;
    width:140px;
    }
.verplichtlegenda 
{
    font-size:80%;
    font-style:italic;
    margin:15px 0pt;
    width:40em;
    }
/*einde contactformulier*/
/*opmaak fieldsets*/
fieldset
{
    font-size:80%;
    padding:10px;
    }
fieldset ul
{
    list-style:none;
    margin:0;
    }
.checkboxlinks
{
    float:left;
    width:257px;
    }
.checkboxrechts
{
    float:left;
    width:257px;
    }    
fieldset.contactformulier textarea
{
    border:1px solid #7B9EBD;
    height:180px;
    width:300px;
    line-height:25px;
    } 
fieldset.contactformulier label
{
    float:left;
    width:128px;
    }
fieldset.woonwensplaats label
{
    float:none;
    }
/*nieuwsbrief */
fieldset.contactformulier .inschrijven label
{
    float:none;
    height:20px;
    line-height:20px;
    width:30em;
    }
fieldset.contactformulier .inschrijven span
{    
    float:left;
} 
fieldset.contactformulier .inschrijven input
{
    border:none;
    }
/*submitbutton*/
.update
{
    display:block;
    clear:both;
    }
.submitbutton {
    margin:5px;
}
.submitbutton:hover, .submitbutton:focus {
    cursor:pointer;
    background-color:#FEBE10;
}
/*einde submitbutton*/

.overig label
{
    margin-left:60px;
    }
.overig div.radio
{
    width:115px;
    }
.overig div.radio label
{
    margin-left:33px;
    width:55px;
    }
div.field label
{
    width:140px;
    }
div.field input
{
    width:250px;
    margin-bottom:2px;
    } 
div.radio
{
    float:left;
    width:300px;
    }
div.radio label
{
    float:left;
    text-align:right;
    width:235px;
    margin-right:2px;
    }
div.radio input
{
    width:15px;
    } 
span.aanhef input
{
    border:none;
    width:20px;
    margin-bottom:2px;
    }
span.aanhef label
{
    float:none;
    }
div.aanhef
{
    margin-bottom:5px;
    margin-left:135px;
    margin-top:10px;
    }
.checkbox
{
    border-color:#7B9EBD;
    width:10px;
    }
.bold
{
    color:Black;
    font-weight:bold;
    }
.validationerror
{
    color:Red;
    font-size:80%;
    clear:both;
    margin:5px;
    }
#content #voorkeursdata
    {
    border:1px solid #FEBE10;
    font-size:80%;
    width:625px;
    height:60px;
    margin-top:15px;
    padding-top:15px;
        }
.bezichtigingvoorkeur
{
    float:left;
    color:#0020B5;
    background-color:#fff;
    clear:right;
    margin-top:-25px;
    margin-left:10px;
    }
#content .woningtekst
{
    color:#0020B5;
    font-size:80%;
    padding:10px;
    }
.woningfoto
{
    margin:10px;
    }
/*einde formulier elementen*/
.uitloggen {
    background-color:#FEBE10;
    font-weight:bold;
    font-size:80%;
    letter-spacing:1px;
    margin:20px 0;
    text-transform:uppercase;
    text-decoration:none;
    }
.uitloggen:hover
{
    background-color:#fff;
    }
