/* PAGES */
#tab_locatie{
border: 3px solid #6699cc;
}
/* END PAGES */

HTML {
}

HTML,body {
background:#ffffff;
color:#000000;
padding:0;
margin: 0;
background:url(../../img/bg-body2.gif) center repeat-y;
}

body {
text-align:center;
}

HTML,body,p,td,textarea,select,input {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height: normal;
}

p {
color:#000000;
margin:0 0 12px 0;
padding:0;
}

.content {
  width: 580px;
  overflow: hidden;
}

.content p {
line-height:16px;
color:#666666;
}

H1, H2, H3, H4, H5, H6 {
padding:0;
margin:0;
line-height:normal;
}

h1 {
color:#000000;
font-weight:normal;
margin:0 0 6px 0;
font-size:24px;
}

#homeintrotext h1 {
font-size:18px;
}

h2 {
color:#005da4;
font-weight:normal;
margin:6px 0 6px 0;
font-size:18px;
}

.city {
color:#005da4;
font-weight:normal;
margin:6px 0 6px 0;
font-size:16px;
}

h3 {
font-size:11px;
margin:6px 0 0 0;

}

hr {
border:none 0;
border-top:1px solid #cccccc;
height:1px;
margin:5px 0;
padding:0;
}

a {
outline:none;
color: #005da4;
text-decoration: underline;
}

a:hover {
color: #003366;
text-decoration:underline;
}

ul {
padding:0 0 0 15px ;
margin: 0 0 0 0 ;
}

ul li {
}

img {
border: 0;
outline: 0;
}

.bold {
font-weight: bold;
color:#000000;
}

.inleiding {
color:#000000 !important;
}

.back {
background: url(../../img/arrow-content-left.gif) 0 3px no-repeat;
padding-left:10px;
color:#000000;
text-decoration:none;
}

.next {
background: url(../../img/arrow-content-right.gif) right 3px no-repeat;
padding-right:8px;
color:#000000;
text-decoration:none;
}

.red {
color:#cc0000;
}

.blue {
color:#005da4;
}

.caps {
text-transform:uppercase;
}

.more {
background: url(../../img/arrow-content-right.gif) 0 3px no-repeat;
padding-left:10px;
color:#000000;
text-decoration:none;
}

.more:hover {
text-decoration:underline;
color:#000000;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */


/* BUTTON */

.buttonholder {
height:21px;
float:left;
margin-left:7px;
}

.content .buttonholder {
float:right;
margin:10px 0 0 7px;

}

.buttonstart {
float:left;
height:21px;
}

.buttonstart {
background: url(../../img/bg-button-start.gif) no-repeat;
}

.buttoncloser {
float:left;
height:21px;
width: 3px;
}

.buttoncloser {
background:url(../../img/bg-button-end.gif) no-repeat;
}

.buttonstart a {
text-decoration:none;
padding:3px 6px 0 10px;
display:block;
width:auto;
color:#e4e4e4;
}

.buttonstart a:hover {
text-decoration:none;
color:#ffffff;
}

.pagingholder {
}

.pagingholder a {
color:#666666;
text-decoration:none;
}

.pagingholder a:hover {
color:#000000;
}

.paging {
text-align:center;
}

.paging a {
margin:0 5px;
padding: 1px 3px;

}

.paging a:hover {
margin:0 5px;
background:#cccccc;
color:#000000;
}

.paging a.active {
background:#005da4;
color:#ffffff;
}

.pagingholder .left {
float:left;
background: url(../../img/arrow-content-left.gif) 0 3px no-repeat;
padding-left:10px;
}

.pagingholder .right {
float:right;
background: url(../../img/arrow-content-right.gif) right 3px no-repeat;
padding-right:10px;
}



/* New Navigation */
#navigation {
}

#navigation a {
color:#666666;
text-decoration:none;
}

#navigation a:hover {
color:#000000;
}

#navigation .navMiddle {
text-align:center;
float: left;
width: 60%;
}

#navigation .navMiddle a {
margin:0 5px;
padding: 1px 3px;
}

#navigation .navMiddle a:hover {
margin:0 5px;
background:#cccccc;
color:#000000;
}

#navigation .navMiddle a.active {
background:#005da4;
color:#ffffff;
}

#navigation .navLeft {
float:left;
width: 20%;
}

#navigation .navLeft a {
background: url(../../img/arrow-content-left.gif) 0 3px no-repeat;
padding-left:8px;
}

#navigation .navRight {
float:left;
width: 20%;
}

#navigation .navRight a {
  float: right;
  background: url(../../img/arrow-content-right.gif) right 3px no-repeat;
  padding-right:8px;
}
/* End New Navigation */

.columnholder {
}
	.columnholder .col1holder {
	width:280px;
	margin-right:0px;
	float:left;
	}
		.col1 {
		}
	.columnholder .col2holder {
	width:290px;
	float:right;
	margin-left:0px;
	}
		.col2 {
		}


#placeholder {
background:url(../../img/bg-header.gif) repeat-x;
text-align:left;
width:960px;
margin: 0 auto;

}

#headerholder {
height:190px;
background:url(../../img/bg-logo.gif) no-repeat;
padding-left: 200px;
}

	#sliderholder {
	float:left;
	width:400px;
	margin-top:5px;
	}
	
		#slider {
		}
		
		#slider a {
		display:block;
		float:left;
		border:1px solid #ffffff;
		margin: 0 6px;		
		}
		
		#slider a:hover {
		border: 1px solid #66ff66;
		}
		
	#topbarholder {
	height:63px;
	}
	
		#quicksearchholder {
		float:left;
		height:35px;
		width:280px;
		border-left:1px solid #ffffff;
		margin-top:15px;
		color:#ffffff;
		}
		
			#quicksearch {
			padding: 8px 0 0 15px;
			}
			
			#quicksearch p {
			margin: 0 7px 0 0;
			display:inline;
			color:#ffffff;
			}
			
			#quicksearch input {
			width: 170px;
			border:1px solid #999;
			height:16px;
			padding:2px 0 0 3px;
			}	
			
			#quicksearch .quicksearchbutton {
			width:15px;
			height:14px;
			padding:6px 0 0 5px;
			}
			
			#quicksearch .quicksearchbutton img{
			}
			
	#servicesholder {
	height:65px;
	}
	
		#services {
		padding-left:70px;
		}
		
		#services .servicetabholder {
		height:28px;
		float:left;	
		margin-right:3px;	
		}
		
			#services .servicetabstart {
			float:left;
			background: url(../../img/bg-navtab-start.gif) no-repeat;
			height:28px;
			padding: 7px 10px 0 13px;			
			}
			
				#services .servicetabstart a{
				display:block;
				font-size: 14px;
				color:#666666;
				text-decoration:none;
				}
				
				#services .servicetabstart a:hover{
				color:#000000;
				}
			
			#services .servicetabend {
			background: url(../../img/bg-navtab-end.gif) no-repeat;
			float:left;
			height:28px;
			width: 3px;
			}
		
	#payoff {
	padding-left:70px;
	}

#mainholder {
}

#borderholder {
float:left;
width:200px;
margin-right: 70px;
}

	#border {
	}
	
	#menuholder {
	padding-top:37px;
	border-bottom:1px solid #cccccc;
	margin-left:35px;
	}
	
		#menu {
		}
		
		#menu a {
		display:block;
		border-top:1px solid #cccccc;
		line-height:24px;
		font-size:15px;
		text-decoration:none;
		}
    
    #menu .itemAct {
      color: #001133;
    }
		
			#menu .children {
			margin-top:-2px;
			padding-bottom:5px;
			}
			
			#menu .children a {
			color:#666666;
			font-size:12px;
			line-height:17px;
			border: 0px;
			padding-left: 9px;
			}
			
			#menu .children a:hover {
			color: #000000;
			}
			
			#menu .children a.itemAct {
			color:#000000;
			padding-left: 9px;
			background:url(../../img/arrow-menu.gif) 0 5px no-repeat;
			font-weight:bold;
			}
			
	#logosholder {
	}
	
		#logos {
		text-align:center;
		padding: 40px 0;
		}
		
		#logos img {
		padding:10px;
		}

#contentholder {
margin-left:270px;
}

	#main {
  width: 580px;
	padding:30px 90px 50px 0px;
	}
	
	#intropage {
	text-align:center;
	padding-top:60px;
	}
	
	#intropage img {
	vertical-align:top;
	}
	
	#intropage .introimgpadding img {
	padding:30px;
	}
	
	#intropage .funda, #intropage .nvm {
	padding:20px;
	}
	
	#home .content {	
	}
	
	#homeintrotext {
  float:left;
	width:280px;
	/*padding-right:10px;*/
	}	
		
	#spotlightholder {
	background:#f0f0f0;
  width:290px;
	float:right;
	}
	
		#spotlight {
		padding:15px 20px 15px 20px;
		}
		
		#spotlight a {
		border:3px solid #6699cc;
		display:block;
		width:245px;
		height:183px;
		margin: 7px 0;
		}
		
		#spotlight a:hover {
		border: 3px solid #336699;
		}
		
		#spotlight h2{
		font-size:16px;
		line-height:17px;
		}
		
		#spotlight .caps {
		font-size: 13px;
		}
		
		#spotlight p {
		color:#666666;
		margin: 3px 0 0 0;
		}
	
	.contentcolumns {
	margin-top:20px;
	}
	
		.contentcolumns .col1, .contentcolumns .col2 {
		float:left;
		width:290px;
		}
		
		.contentcolumns .col1 {
		margin-right:20px;
		}
		
		.contentcolumns .col2  {	
		}
		
	#mainsearch {
	overflow:hidden;
	margin-top: 8px;
	}
  
    #mainsearch .dyn_srch_colum {
      width: 31%;
      padding: 1px 8px 1px 0px;
     /* margin:0 7px;
      padding: 1px;*/
      float: left;
    }
    
    #mainsearch .dyn_srch_colum .dyn_srch_header {
      font-size: 14px;
      color: #336699;
    }
		
		#mainsearch .dyn_srch_value_normal .dyn_srch_num {
		font-weight: bold;
		font-size: 10px;
		color: #005da4;
		}
		
		#mainsearch .dyn_srch_value_selected .dyn_srch_num {
		font-weight: bold;
		font-size: 10px;
		color: #ffffff;
		}
		
		
		#mainsearch .margin {
		margin-right:18px;
		}
		
		
		#mainsearch .dyn_srch_area {
		height: 120px;
		border: 1px solid #ccc;
		overflow: auto;
		padding: 1px;
		background: #ffffff;
		margin-bottom:10px;
		float:left;
		width:180px;
		}
		
		#mainsearch .dyn_srch_area div {	
		}
		
		#mainsearch .dyn_srch_area div div{
		}
		
		#mainsearch .dyn_srch_area * * a {
		display: block;
		font-weight:normal;
		text-decoration: none;
		padding: 2px 0px;
		}
		
		#mainsearch .dyn_srch_value_normal {
		color: #666;
		margin-top: 1px;
		padding-left: 2px;
		}
		
		#mainsearch .dyn_srch_value_normal:hover {
		background: #e5e5e5;
		}
		
		#mainsearch .dyn_srch_value_selected {
		color: #ffffff;
		background: #005da4;
		margin-top: 1px;
		padding-left: 2px;
		}
		
		#mainsearch .dyn_srch_value_selected:hover {
		color: #ffffff;
		background: #005da4;
		}
		
		#mainsearch .mainsearchplace {
		
		}
		
		#mainsearch .mainsearcharea {
		}
		
		#mainsearch .mainsearchtype {
		
		}
		
		#mainsearch .mainsearchprice {
		}
		
		#mainsearch .mainsearchsubmit {
		margin-top: 15px;
		margin-right: 10px;
		text-align: right;
		}
		
		#mainsearch .mainsearchsubmit .more {
		margin-left: 10px;
		}
    
    #mainsearch .dyn_srch_submit_submit {
      display: none;
    }
    
    #mainsearch .dyn_srch_submit_reset {
      display: none;
    }
		
	#searchresult {
	}		
		
		#searchresult .object {
		height:125px;
		padding:10px;
		margin-bottom:5px;
		}
		
		#searchresult .odd {
		background:#f0f0f0;
		}
		
		#searchresult .even {
		}
    
    #searchresult .odd:hover {
      background-color: #f4f4f4;
      cursor: pointer;
    }
    
    #searchresult .even:hover {
      background-color: #f4f4f4;
      cursor: pointer;
    }
		
		#searchresult .object a {
		border:3px solid #6699cc;
		display:block;
		float:left;
		width:182px;
		height:119px;
		margin-right:10px;
		}
		
		#searchresult .object a:hover {
		border: 3px solid #336699;
		}
		
		#searchresult .object h1{
		}
		
		#searchresult .object h2{
		line-height:18px;
		}
		
		#searchresult .object .caps {
		font-size: 15px;
		}
		
		#searchresult .object p {
		color:#666666;
		margin: 12px 0 12px 0;
		line-height:13px;
		}
    
    #searchresult .specleft {
      float: left;
      width: 180px;
      margin-right: 10px;
    }
    
    #searchresult .specright {
      float: left;
      width: 155px;
    }
		
		#searchresult .sumspecsholder {
		float:left;
		width:165px;
		overflow:hidden;
		white-space:nowrap;
		margin-right:20px;
		}
		
	#searchresult .content {
	}
	
		
	#detail {
	}
	
	
		
		#objectactionsholder {
		float:right;
		width:168px;
		/*height:57px;*/
		background:url(../../img/bg-actions.gif) no-repeat;
    background-color:#014273;
		}
		
		#objectactions {
		padding:7px;
    background:url(../../img/bg-actions-bottom.gif) no-repeat;
    background-position:bottom left;
		}
		
		#objectactions a {
		display:block;
		background:url(../../img/arrow-content-white-right.gif) 0 3px no-repeat;
		padding-left:10px;
		color:#ffffff;
		line-height:14px;
		text-decoration:none;
		white-space:nowrap;
		}
		
		#objectactions a:hover {
		text-decoration:underline;
		}
    
    #gMap1 {
    background-image:url(../../frontend-g4/img/wait.gif);
    background-repeat:no-repeat;
    background-position:center center;
    }
				
		#openhuis {
		margin-bottom:20px;
		}
		
			#openhuis h2 {
			font-size:13px!important;
			}
	
		#detail h2 {
		font-size:24px;
		margin: 12px 0 3px 0;
		}
		
		#detail .price {
		font-size:13px;
		}
	
	#detail .pagenavholder {
	background: url(../../img/bg-pagenavholder.gif) repeat-x;
	height:40px;
	}
		
	#detail .tabholder {
	height:19px;
	float:left;
	margin-right:2px;
	border-bottom:1px solid #cccccc;
	}
	
	#detail .active {
	border-bottom:1px solid #ffffff;
	}

	#detail .tabstart {
	float:left;
	height:19px;
	background:url(../../img/tab-start.gif) no-repeat;
	}

	#detail .tabcloser {
	float:left;
	height:19px;
	width: 5px;
	background:url(../../img/tab-end.gif) no-repeat;	
	}

	#detail .tabstart a {
	text-decoration:none;
	padding:3px 6px 0 10px;
	display:block;
	width:auto;
	color:#777777;
	}
	
	#detail .tabstart a:hover {
	text-decoration:none;
	color:#333333;
	}
	
	#detail .active a {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	}
	
	#detail .content h2 {
	font-size:15px;
	}
	
	#detail .mainimage {
  	cursor: pointer;
	}
	
  #detail .introtext .mainimage {
	  width:240px;
	  height:160px;
    float: left;
    margin:3px 20px 5px 0;
  }
  
	#detail .introtext img {
  	border:3px solid #6699cc;
  	cursor: pointer;
	}
	
	#specsholder {
	line-height:24px;
	margin-bottom: 12px;
	}
	
	#specsholder .left div {
	border-bottom: 1px solid #cccccc;
	}
	
	#specsholder .left {
	float: left;
	width:300px;
	}
	
	#specsholder .right div {
	border-bottom: 1px solid #cccccc;
	}
	
	#specsholder .right {
	
	}
	
  .specsname {
    vertical-align: top;
    width: 120px;
    color: #666666;
    border-bottom: 1px solid #cccccc;
  }
  
  .specsattr {
    vertical-align: top;
    width: 180px;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
  }
  
  #detail .content .introtext {
    min-height:170px;
    height:170px;
  }
    #detail div[class] .introtext {
    height:auto !important;
    }
  
	#detail .omschrijving {
	}
	
		#detail .omschrijving  p{
		line-height:16px;
		}
		
		#detail .omschrijving h2 {
		font-size:18px;
		}
    
  #tabsholder #tab_fotos .mainimage {
    /*width: 450px;*/
    border:3px solid #6699cc;
    float: left;
  }
  
  #tabsholder #tab_fotos .thumbs {
    float: right;
    width:106px;
  }
  
  #tabsholder #tab_fotos .thumbs .thumbsholder {
    height:275px;
    overflow: hidden;
  }
  
  #tabsholder #tab_fotos .thumbs .thumbsholder a img {
    margin-top: 3px;
  }

  #tabsholder #tab_fotos .thumbs .thumbsholder a:hover {
  
  }

/*forms*/
#form1 .addressGroup {
border: 1px solid #6699cc; 
}
#form1 .addressGroup .addressTitle { 
color: #6699cc; 
}
#form1 .addressGroup label.addressLabel {
color:#6699cc;
}
.specialSelect {
border: 1px solid #6699cc; 
}
.textarea {
border: 1px solid #6699cc; 
}

.sortable {
  width: 100%;
}

.sortable th {
  background-color: #005DA4;
}

.sortable th a {
  color: #ffffff;
  text-decoration: none;
}

.sortable .odd {
  background-color: #f4f4f4;
}

.sortable .even {
  background-color: #ffffff;
}

.even td, .odd td {
  border-bottom: 1px solid #CCCCCC;
}

#popupWindow {
  width: 250px;
  height: auto !important;
  text-align: left;
  border: 1px solid #005DA4 !important;
}

  #popupWindow #popupInnerWindow {
    background: white;
    margin: 0px;
  /*  opacity: .5;
    filter: alpha(opacity=50);*/
  }

    #popupInnerWindow #popupHeader {
      background: #f4f4f4;
      border-bottom: 1px solid #C9C9C9;
    }
  
      #popupHeader #popupHeaderTitle {
        line-height: 16px;
        padding: 0px 5px 0px 5px;
        font-weight: bold;
        color:#005DA4 !important;
      }
  
      #popupHeader .closeButton {
        width: 12px;
        height: 12px;
        margin: 2px;
        float: right;
        cursor: pointer;
        background: url('../../../frontend-g4/img/icon_close_white.gif');
      }
  
    #popupInnerWindow .content {
      padding: 5px;
      overflow: auto;
      height: 300px;
      background: white;
    }