@charset "utf-8";
/* CSS Document */

.left{float:left;}
.right{float:right;}

body ,html{
	padding:0px;
	margin:0px;
	background:url(/images/home_body_bg.jpg) #D8DDE9 repeat-x;

}
img{border:none;}

div#container{
	margin:0 auto;
	width:775px;	
}

div#header{
	height:337px;
	width:775px;
	float:left;
}

a#logo{margin:0 190px; padding:0px; float:left; height:80px; display:inline;}
div#adres{
width:775px;
float:left;
text-align:center;
padding:0 0 18px 0;
-padding:0 0 16px 0; /*  ie6 hack */
display:inline;
}

div#login{
float:right;
width:768px;
height:16px;
background:url(/images/login_bg.jpg) no-repeat;
margin:0px 3px 0 4px;
padding:35px 0px 31px 0;
position:relative;
}

div#social-media-buttons{
	width:200px;
	position:absolute;
	display:block;
	left:-5px;
	top:98px;
}

div#facebook_like, div#twitter_tweets, div#google_plus{
	float: left;
	width: 200px;
	margin:6px 0;
}

div#login span{float:right;}

div#menu{
	float:left;
	width:775px;
	height:118px;
	margin:0px;
	padding:0px;
}


div#main{
	width:775px;
	float:left;
	position:relative;
}

ul#main_list{padding:10px 0px 40px 0; margin:0px; float:left; list-style:none; width:775px; background:url(/images/main_list_bg.jpg);}


ul#main_list li#colum_left{width:313px; float:left; padding:0px; margin:0px; min-height:1px; }
ul#main_list li#colum_middle{width:460px; float:left; padding:0px; margin:0px; min-height:1px; background-color:#D9DDE9; }
ul#main_list li#colum_right{width:230px; float:left; padding:0px; margin:0px; min-height:1px; }

ul#main_list li#colum_left p{width:100px; float:left; margin:10px 0 0 0;}
ul#main_list li#colum_left img{ float:left; margin:0 10px 0 0;}



ul.sublist{margin:0px; padding:0px; list-style:none; }
ul.sublist li{padding:0px; margin:0px; float:left; width:100%; ;}
ul.sublist li a{text-indent:10px; background:url(/images/list_triangle.jpg) no-repeat  left 6px; line-height:18px; float:left;}



ul#main_list li#colum_left img{float:left; padding:0 25px 0 0px; margin:0px; } 
ul#main_list li#colum_left p{float:left; padding:0px; margin:0px; width:313px;} 


div#footer{
	width:100%;
	height:87px;
	float:left;
}


table#contactpersonen td{padding:10px 15px; font-size:10px;}
table#contactpersonen img{width:160px;}
table#contactpersonen th{text-align:left; font-size:10px; padding:5px 15px;}




.houseborder{border:1px solid #000000;}


/*  Voor de hoogte en breedte van de buttons */
img.btn_size{width:153px; height:118px;}


/* Onderstaande code voor het mouseover effect bij het menu */

#wonen, #wonen:visited {
	background-image:url(/images/homemenu_wonen.jpg);
}

#werken, #werken:visited {
	background-image:url(/images/homemenu_werken.jpg);
}

#service, #service:visited {
	background-image:url(/images/homemenu_service.jpg);
}

#informatie, #informatie:visited {
	background-image:url(/images/homemenu_informatie.jpg);
}

#contact, #contact:visited {
	background-image:url(/images/homemenu_contact.jpg);
}

.rollover span.alt {
	display:none;
}
.rollover img {
	border:none;
}
.root .rollover img {
	display:block;
}

.rollover {
	background-color:transparent !important; /* needed for Opera5/6 */
	background-repeat:no-repeat;
	background-position:0 0;
}
.rollover:hover, .rollover:focus, .rollover.MMO {
	background-position:0 bottom;
}