body
{
	font-size: 12px;
    color: #333333;
    font-family: Trebuchet MS;
    background-color: #fff;
    font-size:14px;
}
html,
body
{
	width:100%;
	height:100%;
	margin:0px;
}
img
{
    border:none;
}
/* WEBSITE LAYOUT
===========================================*/


p.margin
{
    margin-top:20px;
    margin-bottom:40px;
}


#achtergrond
{
    width:100%;
    height:100%;
    background:url(/images/background.gif) repeat-y center;
    position:relative;
    float:left;
}

#sitebody
{
    width:984px;
    min-height:100%;
    background:url(/images/background.gif) repeat-y center;
    margin:0 auto;
    overflow:hidden;
    z-index:555;
}

#sitetop
{
    width:984px;
    height:70px;
    background:url(/images/sitetop.gif) no-repeat center;
}

#sitetop-text
{
    font-size:17px;
    font-weight:bold;
    margin-left:220px;
    padding-top:30px;
}

#sitecontent
{
	position: relative;
    width:950px;
    margin:0 auto;
    clear:both;
	z-index: 500;
}

#menu
{
    position:relative;
    float:left;
    width:200px;
    font-size:14px;
    font-weight:bold;
    z-index:555;
}

#menu a
{
    text-decoration:none;
    color:#1b1b1b;
    z-index:555;
}

#menu a:hover
{
    text-decoration:none;
    color:#999;
    z-index:555;
}

#menu ul
{
    list-style-image:url(/images/listimage.gif);
    z-index:555;
}
#menu li
{
    border-top:dotted 1px #999999;
    width:100px;
    line-height:22px;
    z-index:555;
}

#menu li.menuitem1
{
    border-top:none;
    z-index:555;
}

#menu ul#menu-vervolg li
{
    width:140px;
    z-index:555;
}

#topmenu
{
    list-style:none;
    float:right;
    margin-right:95px;
}

#topmenu li
{
    float:left;
    margin-right:5px;
}

#topmenu a
{
    color:#1b1b1b;
}

#topmenu a:hover
{
    color:#999;
}

#content
{
    position:relative;
    float:left;
    width:630px;
    margin-bottom:10px;
    z-index:1;
}

body.bog #content
{
    width:700px;
}

#content iframe body
{
    background:#e5e5e5;
}

#sitefooter
{
    position:relative;
    width:820px;
    height:50px;
    background:none;
    border-top:dotted 1px black;
    margin-left: 80px;
    float:left;
    margin-top:10px;
    font-size:14px;
    font-weight:bold;
}

/* MENU HOME
================================================*/

.ideaalwonen,
.architectuur,
.makelaardij
{
    width:100%;
    height:75px;
    border-bottom:solid 1px #000;
    margin-bottom:10px;
    position:relative;
}
.ideaalwonen img,
.architectuur img,
.makelaardij img
{
	position:absolute;
	border:none;
}
.ideaalwonen
{
	background:url(/images/ideaalwonen1.gif) no-repeat left top;
}
div.ideaalwonen:hover
{
	background:url(/images/ideaalwonen1.gif) no-repeat left bottom;
}	
.ideaalwonen img.logolink {
	width:165px;
	height:56px;
	left:0px;
	top:0px;
}
.architectuur img.logolink {
	width:165px;
	height:56px;
	left:0px;
	top:0px;
}
.makelaardij img.logolink {
	width:200px;
	height:56px;
	left:0px;
	top:0px;
}
.ideaalwonen img.evenvoorstellen
{
	left:212px;
	top:16px;
}
.ideaalwonen img.search
{
	left:314px;
	top:16px;
}
.ideaalwonen img.projectontwikkeling
{
	left:417px;
	top:16px;
}
.ideaalwonen img.documentatieaanvraag
{
	left:212px;
	top:33px;
}

.ideaalwonen img.kavels
{
	left:347px;
	top:33px;
	width:37px;
}
.ideaalwonen img.financiering
{
	left:397px;
	top:33px;
}
.ideaalwonen img.contact
{
	left:474px;
	top:33px;
}
.architectuur
{
	background:url(/images/architectuur1.gif) no-repeat left top;
}
div.architectuur:hover
{
	background:url(/images/architectuur1.gif) no-repeat left bottom;
}
.architectuur img.evenvoorstellen
{
	left:212px;
	top:16px;
}
.architectuur img.search
{
	left:314px;
	top:16px;
}
.architectuur .appartementen
{
	left:414px;
	top:16px;
}
.architectuur img.bedrijfsgebouwen
{
	left:212px;
	top:33px;
}
.architectuur img.verbouwingen
{
	left:320px;
	top:33px;
}
.architectuur img.ontwerp
{
	left:408px;
	top:33px;
}
.architectuur img.contact
{
	left:544px;
	top:33px;
}

.makelaardij
{
	background:url(/images/makelaardij1.gif) no-repeat left top;
}
div.makelaardij:hover,
.makelaardijhover
{
	background:url(/images/makelaardij1.gif) no-repeat left bottom;
}
.makelaardij img.evenvoorstellen
{
	left:212px;
	top:10px;
}
.makelaardij img.search
{
	left:314px;
	top:10px;
}
.makelaardij img.bog
{
	left:405px;
	top:10px;
}
.makelaardij img.aankoopmakelaar
{
	left:485px;
	top:10px;
}
.makelaardij img.safesell
{
	left:212px;
	top:27px;
}
.makelaardij img.financiering
{
	left:271px;
	top:27px;
}
.makelaardij img.inschrijving
{
	left:348px;
	top:27px;
}
.makelaardij img.waardebepaling
{
	left:212px;
	top:44px;
}
.makelaardij img.taxaties
{
	left:345px;
	top:44px;
}
.makelaardij img.contact
{
	left:402px;
	top:44px;
}

/* EINDE MENU HOME
===============================================*/
/*
#ideaalwonen #logo,
#architectuur #logo
{
    position:relative;
    float:left;
    margin-right:40px;
}

#makelaardij #logo
{
    position:relative;
    float:left;
    margin-right:5px;
}

#ideaalwonen #zin,
#architectuur #zin
{
    position:relative;
    float:left;
}

#makelaardij #zin
{
    position:relative;
    float:left;
}
*/
#specials-container
{
    width:824px;
    clear:both;
    position:relative;
    margin:0 auto;
}

#special-content
{
    padding:10px;
}
#zoekscherm
{
    position:relative;
    float:left;
    width:218px;
    height:182px;
    background:url(/images/special-achtergrond.jpg) no-repeat center;
    margin-right:85px;
}

#zoekscherm #special-content
{
    font-size:12px;
}

#nieuwbouwscherm
{
    position:relative;
    float:left;
    width:218px;
    height:182px;
    background:url(/images/special-achtergrond.jpg) no-repeat center;
    margin-right:85px;
}

#nieuwsscherm
{
    position:relative;
    float:left;
    width:218px;
    height:182px;
    background:url(/images/special-achtergrond.jpg) no-repeat center;

}

#fotodiv
{
    position:relative;
    margin-bottom:10px;
    width:630px;
    height:300px;
    text-align:right;
}

#flashdiv
{
    position:relative;
    margin-bottom:10px;
    width:630px;
    height:300px;
    text-align:right;
}

#fotodiv img
{
    position:relative;
    float:right;
}

#container
{
    position:relative;
    float:left;
    width:240px;
}

#logo-vervolg
{
    position:relative;
    float:left;
    width:240px;
    text-align:center;
    margin-top:80px;
}

#wierden
{
    margin-bottom:20px;
    float:left;
    position:relative;
    margin-right:30px;
    width:183px;
}

#hengelo
{
    margin-bottom:20px;
    float:left;
    position:relative;
    width:187px;
}

#kop
{
    margin-bottom:10px;
}
#kop h1
{
  font-size:16px;
	margin:8px 0 0;
	padding:0;
}

a
{
    font-size: 13px;
    color: #000000;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}
a:hover
{
    font-size: 13px;
    color: #f00;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}
td
{
   font-size: 13px;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}
select
{
    font-size: 13px;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}
input
{
    font-size: 13px;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}
textarea
{
    font-size: 13px;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}
body #fout
{
    font-size: 13px;
    color: red
}
body #informatietext
{
    color: #000000
}
body #boginfotitletekst
{
    color: #000000
}
body #titel
{
    color: #000000
}
body #login
{
    background-image: url(/images/pic_loginbox.gif);
    background-repeat: no-repeat;
    background-color: #ffffff
}
.header
{
}
body #highlight
{
    color: #0000ff
}
body #nieuwsdatum
{
    color: #000000
}
body #nieuwsimage
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid
}
body #selectbox
{
    font-size: 13px;
    font-family: 'lucida console', terminal, 'courier new', courier, mono;
    background-color: #fff;
    text-decoration: none
}
.printwindow
{
    background-color: #ffffff
}
.verkocht
{
    color: #ff0000
}
body #huislink
{
    text-decoration: none
}
body #inputdisabled
{
    background-color: #888888
}
body #checkbox
{
    width: 13px
}
body #informatie
{
    font-size: 13px;
    color: black
}
body #informatietext
{
    font-size: 13px;
    color: #000000
}
.homebox
{
    background-color: #ffffff
}
body #huizeninformatiekleur
{
    background-color: #000000
}
body #lijntje
{
    background-color: #888888
}
body #login_box
{
    background-image: url(/images/pic_loginbox.gif);
    width: 120px;
    background-repeat: no-repeat;
    height: 196px;
    background-color: #ffffff
}
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: #333;
    color:#fff;
}

.buurtgegevens_header b a
{
    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;
}

/*
DETAIL FOTO POPUP
*******************************************************
*/
#detailpaginaimagepopup img
{
	margin-right:2px;
}
#detailpaginaimagepopup
{
	margin-bottom:4px;
}


/*
LINK FOTO STYLE
**********************************************************
*/

img.linkimage
{
	float:left;
	margin-right:8px;
}

/* OPEN HUIS
===================================================*/
/* OPEN HUIS */

#Openhuis 
{
    background:#ffffff;
    margin:0px;
    padding:0px;
}

p
{
	margin:6px 0 0 0;
	padding:0;
}

.OpenHuisHeaderText
{
	text-align:left;
	margin-bottom:10px;
}
#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;
}
.OpenHuisMainDiv table
{
	width:96%;
	border-collapse:collapse;
	margin:0 auto;
}
.OpenHuisMainDiv table td
{
	padding-left:6px;
}

p.OpenHuisTitle
{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	color:#000;
	background:url(/images/weghorst-wolkje.jpg) no-repeat center top;
	margin:0;
	padding:60px 0;
	height:50px;
	margin-bottom:-30px;
}
.TableEmptySpace
{

}

.TableWoonplaats
{
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	background:#E1E1E1;
	border:solid 1px #939393;
}

.TableTitle
{
	font-weight:bold;
}

.TableData
{
}
.OpenHuisDate
{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#000;
	z-index:555;
	border-top:solid 2px #000;
	background:#F9E924;
	margin-top:30px;
}

.OpenHuisTime
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#000;
	border-bottom:solid 2px #000;
	background:#F9E924;
	margin-top:-5px;
}
#footer
{
	position:relative;
	height:20px;
	margin-top:-20px;
	background:#FFD70E;
}

/* END OPEN HUIS
===================================================*/
#menu
{
    position:relative;
    float:left;
    width:200px;
    font-size:14px;
    font-weight:bold;
    z-index:555;

}

#nav a
{
    text-decoration:none;
    color:#1b1b1b;
    z-index:555;
}

#menu a:hover
{
    text-decoration:none;
    color:#999;
    z-index:555;
}

#menu ul
{
    list-style-image:url(/images/listimage.gif);
    z-index:555;
}

#menu li
{
    border-top:dotted 1px #999999;
    width:100px;
    line-height:22px;
    z-index:555;

}

#menu li.menuitem1
{
    border-top:none;
    z-index:555;
}

#menu ul#menu-vervolg li
{
    width:140px;
    z-index:555;

}



/* DROPWDOWNMENU
===================================================*/


#nav, #nav ul, #nav ul ul{
padding: 0;
margin-left: 30px;
list-style: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
}

#nav li
{
 width:130px;     
}


#nav ul
{
position: absolute;
width: 100px;
left: -1000px;
margin: -22px 0 0 95px;
font-size: 100%;
}

* html #nav ul{
margin: -23px 0 0 95px;
}

#nav li li{
width: 100px;
}

#nav ul ul{
width: 140px;
margin: 22px 0 0 100px;
font-size: 100%;
}

* html #nav ul ul{
margin: -23px 0 0 100px;
}

#nav li li li{
width: 140px;
}

#nav ul li
{
 margin-left:40px;
 list-style-image:none;
 list-style:none;
 text-decoration: none;
 text-align:left;
 position:relative;
 z-index:5;
 background:#cccccc;
 padding-left:10px;
 padding-right:10px;
}


ul#nav ul li a
{
 text-align:left;


}


ul#nav ul li a:hover
{
 text-align:left;
 color:#999;
}






#nav li:hover ul, #nav li.ie_does_hover ul{
left: auto;
}

#nav li:hover ul ul, #nav li.ie_does_hover ul ul{
left: -1000px;
}

#nav ul li:hover ul, #nav ul li.ie_does_hover ul{
left: auto;
}

#nav a {
display: block;
text-decoration: none;
}

#nav a:link, #nav a:visited
{
text-decoration: none;

}

#nav a:hover, #nav a:active
{
text-decoration: none;
}

#huisdetail {
	position:relative;
	width:630px;
	margin:0;
	font:normal 10px/16px Verdana, sans-serif;
	text-align:center;
	}
#huisdetail div {
	position:relative;
	width:400px;
	margin:0 auto;
	text-align:left;
	}
#huisdetail img.fotodetail {
	display:block;
	margin-bottom:0;
	border:solid 1px #000;
	}
#huisdetail h2, #huisdetail h3 {
	font-weight:bold;
	color:#060;
	font-size:11px;
	margin:8px 0 8px;
	padding:0;
	line-height:1;
	}
#huisdetail h3 {
	font-size:10px;
	float:left;
	margin:0 8px 0 0;
	line-height:1.2;
	}
#huisdetail h2.arch, #huisdetail h3.arch {
	color:#5187A1;
	}
#huisdetail p {
	margin:0 0 8px;
	padding:0;
	line-height:1.2;
	}
#huisdetail p.aside {
	font-size:9px;
	color:#666;
	font-style:italic;
	}
#huisdetail table {
	margin:8px 0 0;
	padding:0;
	}
