html
{
	margin: 0;
	padding: 0; 
	height: 100%;
	width: 100%;
}

body
{
	font-family: Arial, Verdana,'Trebuchet Ms';
	font-size: 12px;
	color: #424546;
	height: 100%;
	width: 100%;
	margin: 0;
	line-height: 18px;	
}

body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
}

input[type="text"].error {
    border: 1px solid red;
}

p
{
    padding: 0;
    margin: 0;
}

form
{
	padding: 0;
	margin: 0;
}

img
{
	border: 0;
}

a
{
	color: #ED7A07;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

a:hover
{ 
	color: #ED7A07;
}

.grijs
{
    color: #424546;
}

.oranje
{
    color: #ed7a07;
}

th, td
{
	vertical-align: top;
	text-align: left;
	font-weight: normal;
    font-family: Arial, Verdana,'Trebuchet Ms';
	font-size: 12px;
	color: #424546;
}

th
{
	width: 150px;
}

/*maincontainers*/
#mainContainer{
	min-height: 100%;
	background: url('../images/headerBackgrRep.jpg') repeat-x;
	width: 100%;
}

#container{
	margin: auto;
	width: 1000px;
	min-height:100%;
    padding: 4px 0 0 0;
}


/*end maincontainers*/
/*header*/
#header {
    float: left;
    width: 1000px;
    padding: 0;
    margin: 0;
}

#top{
    float: left;
	width: 1000px;
	height: 70px;
    padding: 0;
    margin: 0;
    position: relative;
	z-index: 40;
}

#logo{
	float: left;
    width: 149px;
    height: 97px;
    padding: 0;
    margin: 0;
}

#quote{
    float: left;
    width: 754px;
    height: 97px;
	padding: 25px 0 0 0;
    margin: 0;
	text-align: center;
	color: #6e7172;
	font-size: 25px;
	font-weight: bold;
	font-style: italic;
}

#topMenu{
	float: left;
    width: 97px;
	padding: 0;
    margin: 0;
}

#menuTop{
	float: right;
    padding: 0px;
    margin: 0;
}

#menuTop ul{
	float: right;
    padding: 0px;
    margin: 0;
    list-style-type: none;
}

#menuTop ul li{
    float: left;
    padding: 0px;
    margin: 0;
}

#menuTop ul li a{
	color: #424546;
	font-weight: bold;
}

#menuTop ul li a:hover, #menuTop ul li .active{
	color: #ed7a07;
	text-decoration: none;
}

#language{
	float: right;
    width: 240px;
    margin: 13px 0 0 0;
    padding: 0;
}

#flags{
    float: right;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#flags li
{
    float: left;
    width: 38px;
    height: 23px;
    padding: 0;
    margin: 0 0 0 6px;
}

#bottom
{
	float: left;
    width: 1000px;
	height: 168px;
	margin: 4px 0 0 0;
    padding: 0;
}

#photo
{
	float: left;
    width: 1000px;
    height: 168px;
    z-index: 1;	
}

#photo ul 
{
	float: left;
    width: 1000px;
    height: 168px;
    margin: 0;
	padding: 0;
	list-style-image:none;
	list-style-type: none;
	z-index: 1;
}

#photo ul li {
    float: left;
    width: 1000px;
    height: 168px;
	margin: 0;
	padding: 0;	
	z-index: 1;
}

#menu{
    width: 1000px;
	height: 30px;
	margin: 127px 0 0 0;
    padding: 0;
	z-index: 20;	
    position: absolute;
    background: url('../images/menuBackground.jpg') repeat-x;
}

#menu ul{
	float: left;
	width: 1000px;
	height: 30px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#menu ul li{
	float: left;
	width: 166px;
	height: 30px;
    padding: 0;
    margin: 0;
    border-right: 1px solid #65d0d8;
}

#menu ul li a{
	color: white;
	display: block;	
	text-align: center;
	font-size: 12px;
	font-weight: bold;
    padding: 6px 0 6px 0;
 	text-decoration: none;
}

#menu ul li a:hover
{
	color: #ed7a07;
}

#menu ul li a.active
{
	color: white;
    background: url('../images/menuBackgroundHover.jpg') repeat-x;
}
/*header*/
/*Content*/
#contentContainer{
	float: left;
	width: 1000px;
	margin: 0 0 30px 0;
	padding-bottom: 80px;
}

#regio
{
    float: left;
    width: 800px;
    height: 20px;
    padding: 25px 0 5px 0;
    margin: 0;
}

#regioRight {
    float: left;
    width: 200px;
    height: 20px;
    padding-top: 25px;
    text-align: right;
    font-weight: bold;
}

#regioRightRest {
    float: right;
    width: 200px;
    height: 20px;
    text-align: right;
    font-weight: bold;
}

#regio ul 
{
    float: left;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#regio ul li
{
    float: left;
    padding: 0;
    margin: 0;
}

#containerHome, #containerLanding
{
    float: left;
    margin: 0;
}

#containerLanding {
    margin: 30px 0 0 0;
}

#contentMiddleHome, #contentMiddleLanding
{
    float: left;
    width: 495px;
    padding: 0;
    margin: 0;
}

.contentBox
{
    float: left;
    width: 495px;
    padding: 0;
    margin: 0;
}

.borderTop{
	border-top: 1px solid #6e7172;
}

.borderRight{
	border-right: 1px solid #6e7172;	
}

.borderBottom{
	border-bottom: 1px solid #424546;
}

    /*left content*/
    .boxTitleHome{
    	float: left;
        width: 203px;
        height: 22px;
        padding: 9px 0 4px 7px;
        margin: 0;
        font-size: 14px;
    	color: white;
    	font-weight: bold;
        background: url('../images/landingTitleRep.png') repeat-x;
    }
    
    #left, #right, #leftLanding, #rightLanding{
    	float: left;
        width: 210px;
        padding: 0;
        margin: 0;
    }
    
    .dottedLineVertical{
    	float: left;
    	width: 1px;
        height: 412px;
        padding: 0;
       	margin: 0 20px;
        background: url('../images/dottedLineVertical.jpg') no-repeat;
    }
    
    .width210{
    	width: 203px;
    }
    
    .width385{
    	width: 385px;
    }
    
    .box{
        float: left;
        width: 210px;
        padding: 0;
        margin: 0 0 10px 0;
    }
    
    .boxTitle{
    	float: left;
        width: 203px;
        height: 22px;
        padding: 10px 0 5px 7px;
    	color: white;
    	font-weight: bold;
        background: url('../images/grayBoxHeaderBackground.jpg') repeat-x;
    }
    
    .boxImage{
    	float: left;
    	border: 1px solid #6e7172;
    	border-top: 0px;
    	padding: 1px;
    	margin: 0;
    	line-height: 0;
    }
    
    .boxContent{
    	float: left;
    	width: 194px;
        min-height: 50px;
    	padding: 7px 7px;
        margin: 0;
    	border: 1px solid #6e7172;
    	border-top: 0px;
    }
    
    .boxContent a, .boxContent a:hover{
    	color: #424546;
        display: block;
    }
    
    #nieuwsHome{
        float: left;
        width: 194px;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    
    #nieuwsHome li{
        float: left;
        width: 180px;
        padding: 0 0 10px 14px;
        margin: 0;
        background: url('../images/newsArrow.png') top left no-repeat;
    }
    
    #nieuwsHome a{
        color: #ed7a07;
    }
    
    #nieuwsHome a:hover, #nieuwsHome a.active{
        text-decoration: underline;
    }
    /*end left content*/
    /*right content*/
    #leegstand{
        float: left;
        width: 206px;
        height: 100px;
        border: 1px solid #6e7172;
        padding: 2px;
    }
    /*end right content*/
    
    /*landing*/
    #landingHeader{
        float: left;
        width: 486px;
        height: 22px;
        padding: 10px 0 5px 7px;
        margin: 25px 0 0 0;
        font-weight: bold;
        color: white;
        background: url("../images/grayBoxHeaderBackground.jpg") repeat-x scroll 0 0 transparent;
    }
    
    #landingNew{
        float: left;
        padding: 0;
        margin: 0;
        width: 492px;        
        list-style-type: none;
        border-top: 1px solid #6E7172;
        border-left: 1px solid #6E7172;
        overflow: hidden;
    }
    
    #landingNew li{
        float: left;
        width: 163px;
        padding: 0px;
        margin: 0;
        border-bottom: 1px solid #6E7172;
        border-right: 1px solid #6E7172;
    }
    
    .landingHouseImage{
        float: left;
        width: 162px;
        height: 124px;
        padding: 1px;
        margin: 0;
        border-bottom: 1px solid #6e7172;
    }
    
    .landingNieuw{
        margin: 1px 0 0 63px;
        padding: 0;
    	position: absolute;
    	z-index: 1;
    }
    
    .landingNieuwLarge{
        margin: 1px 0 0 65px;
    }
    
    .landingDescription 
    {
    	float: left;
        width: 143px;
        height: 50px;
    	padding: 10px;
        margin: 0;
    	line-height: 15px;
        font-size: 11px;
    }
    /*end landing*/
    
    /*home*/
    #homeSearch{
    	float: left;
    	width: 495px;
    	height: 230px;
    	padding: 0;
    	margin: 0;
    }
    
    #homeSearchTab{
    	float: left;
    	width: 495px;
    	height: 30px;
    	padding: 0;
    	margin: 15px 0 0 0;
    	list-style-type: none;
    }
    
    #homeSearchTab li{
    	float: left;
    	width: 123px;
        height: 30px;
    	margin: 0 1px 0 0;
        padding: 0;
    }
    
    #homeSearchTab li a{
   	    float: left;
    	width: 122px;
        color: white;
        font-weight: bold;
        text-align: center;
        padding: 6px 0;
        display: block;
        background: url('../images/tabBlueStretch.jpg') repeat-x;
    }
    
    #homeSearchTab li a.active{
        background: none;
        background-color: #ed7a07;
    }
    
    .homeSearchTable{
    	float: left;
    	width: 458px;
    	padding: 35px 18px 35px 18px;
        margin: 0;
       	background-color: #ed7a07;
    }
    
    .homeSearchTable th{
    	color: white;
        font-weight: bold;
    }

    .buttonBlue{
    	background: url('../images/buttonBlueNew.png') no-repeat;
    	height: 23px;
    	width: 126px;
    	text-align: center;
    	border: 0px;
    	margin: 0;
    	padding: 0;
    	vertical-align: middle;
    	cursor: pointer;
        color: white;
    }

    /*end home*/
    /*aanbod*/
    #aanbod
    {
        float: left;
        width: 998px;
        padding: 0;
        margin: 0 0 0 0;
    }
    
    #aanbodSearchTabs{
    	float: left;
    	width: 998px;
    	padding: 0;
    	margin: 30px 0 0 0;	
    }
    
    #aanbodSearchTabs ul{
    	float: left;
    	width: 658px;
    	padding: 0;
    	margin: 0;	
        list-style-type: none;
    }
    
    #aanbodSearchTabs li{
    	float: left;
    	width: 120px;
        height: 30px;
    	padding: 0;
    	margin: 0 1px 0 0;	
    }
    
    #aanbodSearchTabs li span{
   	    float: left;
    	width: 100px;
        color: white;
        font-weight: bold;
        text-align: left;
        padding: 6px 10px;
        display: block;
        background: url('../images/tabBlueStretch.jpg') repeat-x;
        cursor: pointer;
    }
    
    #aanbodSearchTabs li a.active{
        background: none;
        background-color: #ed7a07;
    }
    
    #aanbodSearchTabs li a{
   	    float: left;
    	width: 100px;
        color: white;
        font-weight: bold;
        text-align: left;
        padding: 6px 10px;
        display: block;
        background: url('../images/tabBlueStretch.jpg') repeat-x;
        cursor: pointer;
    }
    
    #aanbodSearchTabs li span.active{
        background: none;
        background-color: #ed7a07;
    }
    
    #aanbodSearch{
   	    float: left;
    	width: 943px;
    	height: 50px;
    	background-color: #ed7a07;
    	padding: 10px 38px 15px 18px;
    }
    
    #aanbodSearchTable{
        float: left;
        padding: 0;
        margin: 0;
    }
    
    #aanbodSearchTable th{
        color: white;
        font-weight: bold;
        padding: 0 0 3px 0;
    }
    
    #aanbodSearchTable td
    {
        vertical-align: middle;        
    }
    
    .buttonBlueSmall{
    	background: url('../images/buttonBlueSmallNew.png') no-repeat;
    	height: 23px;
    	width: 91px;
    	text-align: center;
    	line-height: 23px;
    	border: 0px;
    	margin: 0 0 0 10px;
    	padding: 0;
        color: white;
    	vertical-align: middle;
    	cursor: pointer;
    }
    
    #grayBox{
        float: left;
        width: 970px;
        height: 29px;
        padding: 8px 10px 0 18px;
        margin: 30px 0 0 0;
        color: white;
        font-weight: bold;
        background: url('../images/grayBoxHeaderBackground.jpg') repeat-x;
    }
    
    #grayBox a{
        color: white;
    }
    
    #grayBoxLeft{
        float:left;
        width: 240px;
        padding: 0;
        margin: 0 15px 0 0;
    }
    
    .left{
        float: left;
    }
    
    .middle
    {
        padding: 2px 5px 0 0;
    }
    
    #grayBoxMiddle{
        float:left;
        width: 240px;
        padding: 0;
        margin: 0;
    }
    
    #grayBoxRight{
        float:left;
        width: 470px;
        padding: 2px 0 0 0;
        margin: 0;
        text-align: right;
    }
    
    #grayBoxRight .active {
        text-decoration: underline;
    }
    
    #aanbodContainer{
        float: left;
        width: 998px;
        padding: 0;
        margin: 0;
    }

    #aanbodList
    {
    	float: left;
    	width: 998px;
    	margin: 0;
    	padding: 0;
        list-style-type: none;
    	border-left: 1px solid #6e7172;
    }
    
    #aanbodList li
    {
    	float: left;
        width: 198px;
        padding: 0;
        margin:;
        border-bottom: 1px solid #6e7172;
    	border-right: 1px solid #6e7172;
    }
    
    .houseImage
    {
        float: left;
        width: 196px;
        height: 148px;
        padding: 1px;
        margin: 0;
        border-bottom: 1px solid #6e7172;
    }
    
    .houseImageLarge
    {
        padding: 1px 1px 1px 2px;
    }
    
    .nieuw
    {
        margin: 1px 0 0 100px;
        padding: 0;
    	position: absolute;
    	z-index: 1;
    }
    
    .nieuwLarge
    {
        margin: 1px 0 0 101px;
    }
    
    .description 
    {
    	float: left;
        width: 178px;
        height: 75px;
    	padding: 10px;
        margin: 0;
    	line-height: 15px;
        background: #eafcfd;
        font-size: 11px;
    }
    
    #previousNextLinks
    {
        float: left;
        width: 998px;
        padding: 0;
        margin: 20px 0 0 0;
        text-align: right;
    }
    
    #previousNextLinks a
    {
        color: #424546;
    }
    
    #previousNextLinks a span.active
    {
        text-decoration: underline;
    }
    
    .contentLeft
    {
        float: left;
        width: 545px;
        padding: 0;
        margin: 0;
    }
    
    #adresBox
    {
        float: left;
        width: 545px;
        height: 150px;
        padding: 0;
        margin: 37px 0 0 0;
        border: 1px solid #424546;
    }
    
    #adresBoxLeft
    {
        float: left;
        width: 198px;
        height: 148px;
        padding: 1px;
        margin: 0;
        border-right: 1px solid #424546;
    }
    
    #adresBoxRight{
        float: left;
        width: 324px;
        height: 130px;
        padding: 10px;
        margin: 0;
        background: #EAFCFD;
    }
    
    #adresBoxRightTop{
        float: left;
        width: 324px;
        height: 50px;
        padding: 0;
        margin: 0;
    }
    
    #adresBoxRightBottom
    {
        float: left;
        width: 324px;
        height: 50px;
        padding: 0;
        margin: 20px 0 0 0;
    }
    
    .leftText
    {
        float: left;
        width: 540px;
        padding: 0;
        margin: 20px 0 0 0;
    }
    
    .leftText a
    {
        color: #424546;
        text-decoration: underline;
    }
    
    .contentRight
    {
        float: left;
        width: 392px;
        padding: 0;
        margin: 0 0 0 20px;
    }
    
    .boxTitleLeft{
        float: left;
    }
    
    .boxTitleRight{
        float: right;
        margin: 0 10px 0 0;
        font-weight: normal;
    }
    
    .boxTitleRight a{
        color: white;
        text-decoration: underline;
    }
    
    .boxContentFotos
    {
        float: left;
    	width: 393px;
    	padding: 1px;
        margin: 0;
    	border: 1px solid #424546;        
    }
    
    .boxContentFotos img
    {
        float: left;
        padding: 0;
        margin: 0;
    }
    
    .boxContentKaart
    {
        float: left;
    	width: 395px;
    	padding: 0;
        margin: 0;
    	border: 1px solid #424546;        
    }
    
    .boxContentKaart .boxMaps
    {
        float: left;
        width: 395px;
        height: 182px;    
    }
    
    .boxContentKaart .boxStreetview
    {
        float: left;
        width: 395px;
        height: 182px;    
    }
    
    .boxContentKaart img
    {
        float: left;
        padding: 0;
        margin: 0;
    }
    
    .leftPictures
    {
        float: left;
        width: 260px;
        padding-right: 0;
    }
    
    #detailFotos {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
    #detailFotos li {
        cursor: pointer;
        float: left;
        margin: 0 5px 10px;
        padding: 0;
    }
    
    .rightPicture
    {
        float: left;
        width: 344px;
    }
    
    .mapView
    {
        float: left;
        width: 998px;
        height: 300px;
        padding: 0;
        margin: 0;
    }
    
    .mapStreetView
    {
        float: left;
        width: 998px;
        height: 300px;
        padding: 0;
        margin: 300px 0 0 0;
    }
    
    .borderOrange
    {
        float: left;
        width: 998px;
        height: 1px;
        padding: 0;
        margin:0;
        background-color: #ed7a07;
    }
    /*end aanbod*/
    /*default*/
    #pageTitle{
        float: left;
        width: 1000px;
        padding: 0;
        margin: 33px 0 20px 0;
    	font-size: 14px;
    	font-weight: bold;
    	color: #424546;
    }
    
    #pageTabs{
    	float: left;
    	width: 1000px;
    	background: url('../images/detailTabBackground.jpg') 0 31px repeat-x;
    }
    
    #contentDefault
    {
        float: left;
        width: 958px;
        padding: 20px;
        margin: 0;
        border: 1px solid #ED7A07;
    }
    
    #contentDefaultLeft
    {
        float: left;
        width: 710px;
        min-height: 412px;
        padding: 0 20px;
        margin: 0;      
        background: url('../images/dottedLineVertical.jpg') top right no-repeat;
    }
    
    #contentImage{
       	float: left;
       	width: 206px;
    	padding: 1px;
    	margin: 0 0 0 20px;
    	border: 1px solid #6e7172;
    }
    
    .submenu, .houseMenu{
    	float: left;
        width: 800px;
        margin: 0;
    	padding: 0;
    	list-style-type: none;
    }
    
    .submenu li, .houseMenu li{
    	float: left;
    	height: 31px;
    	margin-right: 1px;
        width: 165px;
    }
    
    .submenu li a, .houseMenu li a{
    	padding: 7px 10px 8px 10px;
    	height: 17px;
    	cursor: pointer;
    	color: white;
    	font-weight: bold;
        display: block;
     	background: url('../images/detailTabNew.png');
    }
    
    .submenu li a.active, .houseMenu li a.active{
    	color: #424546;
    	background: url('../images/detailTabActiveNew.png');
    }
    /*end default*/
    /*Inschrijven*/
    .inschrijven{
        float: left;
        width: 710px;
        padding: 0;
        margin: 20px 0 0 0;
    }
    
    .col1{
        width: 150px;
    }

    .opmerkingen{
    	font-family: Arial;
    	font-size: 12px;
    	width: 250px;
    	height: 70px;
        border: 1px solid #008C99;
    }

    /*End inschrijven*/
    /*fields*/     
    .field50{
        width: 50px;
        border: 1px solid #008C99;
        font-family: Arial;
    }  
         
    .field75{
        width: 75px;
        border: 1px solid #6e7172;
        font-family: Arial;
    }
    
    .field110{
        width: 110px;
        border: 1px solid #6e7172;
        font-family: Arial;
    }
    
    .field120{
        width: 120px;
        border: 1px solid #6e7172;
        font-family: Arial;
    }
    
    .field130{
        width: 130px;
        border: 1px solid #6e7172;
        font-family: Arial;
    }
    
    .field140{
    	width: 140px;
    	border: 1px solid #6e7172;
        font-family: Arial;
    }
    
    .field150{
    	border: 1px solid #008C99;
    	width: 150px;
        margin: 2px 0;
        font-family: Arial;
    }
    
    .field250{
    	border: 1px solid #008C99;
    	width: 260px;
        margin: 2px 0;
        font-family: Arial;
    }

    .field150:hover, .field150:focus{
    	border: 1px solid #ed7a07;
        font-family: Arial;
    }
    
    .field300{
        width: 300px;
    	border: 1px solid #6e7172;
        font-family: Arial;
    }
    /*end fields*/
/*Footer*/
#footer {
    background: url('../images/backgroundBottom.jpg') bottom repeat-x;
    width: 100%;
    height:42px;/* must match negative margin of #outer */
    clear:both;
}
/*End Footer*/
/*Headlines*/
h1
{
	font-size: 14px;
	font-weight: bold;
	color: #ed7a07;
    /* 424546 */
	padding: 0;
	margin: 0;
}

h2
{
	font-size: 14px;
	font-weight: bold;
	color: #ed7a07;
	padding: 0;
	margin: 0;
}

h3
{
	font-size: 16px;
	font-weight: bold;
	color: #424546;
	padding: 0;
	margin: 0;
}

/*End Headlines*/

.ui-autocomplete {
	max-height: 180px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 170px;
}

#overviewDetailContent
{
	float: left;
	border-left: 1px solid #424546;
	padding: 10px;
	height: 129px;
	line-height: 18px;
}

#overviewDetail
{
	float: left;
	border: 1px solid #424546;
	background: #eafcfd;
	width: 550px;
	height: 149px;
	overflow: hidden;
	margin-top: 18px;
	margin-bottom: 25px;
}

#overviewDetail img
{
	float: left;
	border: 1px solid white;
}

.white
{
	color: white;
}

.orange
{
	color: #ed7a07;
}

.underline
{
	text-decoration: underline;
}

.bold
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}

.fieldBorder
{
	border: 1px solid #6e7172;
}

/* Enquetes */
#contentEnquete {
    float: left;
    margin: 0;
    min-height: 412px;
    padding: 0 20px;
    width: 960px;
}

#enquete {
	float: left;
	width: 960px;
	margin-top: 20px;
}

#enqueteTable td {
	padding: 5px 1px;
    vertical-align: top;
}

.tdTop {
	font-weight: bold;
	text-align: center;
}

.tdCenter {
	text-align: center;
}