/* CSS Document */

/* fonts */

/*
donker grijs 717074
middel grijs a5a5a9
licht grijs dedee0
donker oranje d4891c
licht oranje e3ac66
*/

body {
	font-size: 11px; /* Resets 1em to 10px */
	/*font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
	font-family:Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color: #717074;
	text-align: left;
	}


/* posotioning */

#container {
	position:absolute;
	top:0px;
	left:0px;
}
#header, #header_bg {
	position:absolute;
	top:0px;
	left:0px;
	height:77px;
	overflow:hidden;
}
#footer, #footer_bg {
	position:absolute;
	top:0px;
	left:0px;
	height:22px;
	overflow:hidden;
}
#header_bg{
	height:75px;
}
#footer_bg{
	height:20px;
}
#header_bg, #footer_bg {
	background-color:#dedee0;
	border-top:1px solid #dedee0;
	border-bottom:1px solid #dedee0;
}
#logo {
	position:absolute;
	top:4px;
	left:10px;
	height:67px;
}
#menu,#menu_footer {
	position:absolute;
	top:1px;
	left:0px;
	height:75px;
	width:360px;
}

#website_by_footer{
	position:absolute;
	top:4px;
	left:10px;
	height:20px;
	width:150px;
	color:#a5a5a9;
}

#menu_footer {
	height:20px;
	width:240px;
}
#menu_tracker {
	position:absolute;
	top:1px;
	left:0px;
	height:75px;
	width:120px;
	background-color:#d4891c;
}
#menu_tracker_footer {
	position:absolute;
	top:1px;
	left:0px;
	height:20px;
	width:110px;
	background-color:#717074;
}
div.navigation,div.navigation_footer{
	position:relative;
	float:left;
	width:120px;
	height:75px;
	overflow:hidden;
	top:50px;
	cursor:pointer;
}
div.navigation_footer{
	height:20px;
	width:120px;
	top:0px;
	text-align:center;
}
#content {
	position:absolute;
	top:0px;
	left:0px;
	height:400px;
	background-color:#FFFFFF;
	overflow:hidden;
	display:none;
}
#inner_content,#header_content {
	position:absolute;
	top:20px;
	left:0px;
	height:380px;
	text-align:justify;
	overflow:hidden;
	display:none;
	border-top:0px solid #dedee0;

}

#inner_content.loading{
	background-image:url(../images/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
}

#header_content {
	height:27px;
	text-align:center;
	overflow:hidden;
	border-top:0px solid #dedee0;
	text-align:left;
	padding-top:3px;
}
#header_left,#header_right{
	position:absolute;
	left:0px;
	height:25px;
	text-align:justify;
	overflow:hidden;
	width:200px;
	color:#717074;
}
#lefter{
	position:absolute;
	left:0px;
	height:350px;
	text-align:justify;
	overflow:hidden;
	border-bottom:1px solid #dedee0;
}
#righter {
	position:absolute;
	left:0px;
	height:350px;
	text-align:justify;
	overflow:hidden;
	border-bottom:1px solid #dedee0;
}

#lefter.loading, #righter.loading{
	background-image:url(../images/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
}

div.listing_row{
	position:relative;
	width:400px;
	height:83px;
	float:left;
	overflow:hidden;
	border-top:1px solid #dedee0;
	padding-top:0px;
	padding-bottom:4px;
	text-align:left;
}
div.div_thumb{
	width:120px;height:80px;overflow:hidden; cursor:pointer;
}

img.thumb{
	text-align:center;
}

table.table_thumb{
	width:80px;
	text-align:center;
}

td.td_thumb{
	padding:3px;
	text-align:center;
	vertical-align:middle;
}

div.see_details{
	position:absolute;
	left:400px;
	top:0px;
	width:99px;
	height:36px;
}
td{
	vertical-align:top;
}
td.td_list_item{
	color:#d4891c;
	font-size:12px;
}
td.td_list_edit{
	width:40px;
}
td.td_list_active{
	width:20px;
}

td.label{
	width: 75px;
	text-align:left;
	font-weight:bold;
}
td.label_wide{
	width: 175px;
	text-align:left;
	font-weight:bold;
}
td.list_label{
	width: 100px;
	text-align:left;
}
td.header{
	color: #d4891c;
	font-size:13px;	
	font-weight:bold;
}
td.sub_header{
	color: #e3ac66;
	font-size:11px;	
	font-weight:bold;
}

a, a:visited{
	color:#d4891c;
	text-decoration:underline;
}
a:hover{
	color:#d4891c;
	text-decoration:none;
}
a.page, a.page:visited{
	color:#d4891c;
	text-decoration:underline;
}
a.page:hover{
	color:#dedee0;
	text-decoration:none;
}

a.page.selected, a.page.selected:visited{
	color:#717074;
	text-decoration:none;
}
a.page.selected:hover{
	color:#dedee0;
	text-decoration:none;
}


a.submenu, a.submenu:visited{
	color:#dedee0;
	text-decoration:none;
}
a.submenu:hover{
	color:#e3ac66;
	text-decoration:none;
}

a.submenu.selected, a.submenu.selected:visited{
	color:#d4891c;
	text-decoration:none;
}
a.submenu.selected:hover{
	color:#d4891c;
	text-decoration:none;
}

#collection_text,#collection_gallery,#collection_reageer,#collection_longtext,#collection_map{
	border-top:1px solid #dedee0;
	width:500px;
	position:absolute;
	left:0px;
	top:0px;
	height:345px;
	overflow:hidden;
	z-index:10;
}

#collection_map{
	border-top:1px solid #dedee0;
	width:450px;
	position:absolute;
	left:25px;
	top:20px;
	height:305px;
	overflow:hidden;
	z-index:10;
}

#scrollcontent{
	width:460px;
	position:absolute;
	left:10px;
	top:150px;
	height:230px;
	overflow:hidden;
	border: 0px solid #a5a5a9;
	
}

#scrollnavigation{
	width:20px;
	position:absolute;
	left:475px;
	top:150px;
	height:50px;
	cursor:pointer;
}
#scrollnavigation_longtext{
	width:20px;
	position:absolute;
	left:265px;
	top:30px;
	height:50px;
	cursor:pointer;
}

#text_scroll1{ 
	position:absolute; top:0px; left:0px; z-index:100; cursor:pointer; width:20px; height:20px;
}

#text_scroll2{
	position:absolute; top:25px; left:0px; z-index:100; cursor:pointer; width:20px; height:20px;
}

#text_block, #text_block_reageer{
	position:absolute; left:10px; top:0px; width:370px; height:175px;
}
#form_block_reageer{
	position:absolute; left:10px; top:135px; width:470px; height:250px;
}
#form_block_reageer.loading{
	background-image:url(../images/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
}

#detail_navigation{
	position:absolute; left:380px; top:0px; width:120px; height:90px; z-index:11;
}

.toggler, .toggled {
	color:#717074;
	margin: 0;
	border-top: 1px solid #a5a5a9;
	font-size: 11px;
	font-weight: normal;
	cursor:pointer;
	width:450px;
	overflow:hidden;
}

.toggled{
	border-top: 0px solid #e3ac66;
	overflow:hidden;
}
.toggler{
	height:15px;
	padding:5px;
}

.togglerHeader{
	width:440px; position:relative; left:0px;top:0px;font-weight:bold; height:14px;
}

div.inside_toggler{
	width:450px; position:relative; left:0px;top:0px; padding:3px;
}

span.ttl{
	color:#d4891c;
	font-size:14px;
}
span.stadvalue{
	color:#a5a5a9;
}
span.verhuurd{
	color:#717074;
}
div.verhuurd{
	position:absolute;
	left:5px;
	top:55px;
	height:17px;
	width:117px;
	background-color:#d4891c;
	color:#dedee0;
	text-align:center;
	padding:0px;
	padding-top:3px;
	font-weight:bold;
}
div.aangekocht{
	position:absolute;
	left:5px;
	top:55px;
	height:17px;
	width:117px;
	background-color:#e3ac66;
	color:#fff;
	text-align:center;
	padding:0px;
	padding-top:3px;
	font-weight:bold;
}
div.verkocht{
	position:absolute;
	left:5px;
	top:55px;
	height:17px;
	width:117px;
	background-color:#d4891c;
	color:#fff;
	text-align:center;
	padding:0px;
	padding-top:3px;
	font-weight:bold;
}

p{
	padding:0px;
	margin:0px;
}

/*
donker grijs 717074
middel grijs a5a5a9
licht grijs dedee0
donker oranje d4891c
licht oranje e3ac66
*/


div.thumbnail{
	position:relative; left:0px; top:0px; width:58px; margin:1px; height:58px; float:left; overflow:hidden; cursor:pointer;
}
#div_thumbs{
	position:absolute; left:381px; top:105px; width:120px; height:250px; z-index:11; overflow:hidden;
}
#div_imageBG{
	position:absolute; left:190px; top:175px; width:0px;height:0px; text-align:center; background-color:#dedee0;
}
#div_image{
	position:absolute; left:00px; top:0px; border:0px solid #333333;
}

.tip{
	position: absolute;
	left:0px;
	top:0px;
	background-color:#FFFFFF;
	width:180px;
	z-index:50;
	height:20px;
	vertical-align:middle;
	overflow:hidden;
} 
.tip_wide{
	position: absolute;
	left:0px;
	top:0px;
	background-color:#FFFFFF;
	width:180px;
	z-index:50;
	height:auto;
	vertical-align:middle;
	overflow:hidden;
	height:20px;
} 
 
.tip-title {
	width:100%;
	height:auto;
	color: #d4891c;
	position: absolute;
	padding:4px;
	left:0px;
	top:0px;
	text-align:left;
	overflow:hidden;
	background-color:#FFFFFF;
	vertical-align:middle;
}

#div_longtext_left{
	position:absolute;
	left:5px;
	top:0px;
	width:240px;
	padding-right:5px;
	border-right:1px solid #dedee0;
	height:350px;
	overflow:hidden;
}
#div_longtext_right{
	position:absolute;
	left:250px;
	top:95px;
	width:234px;
	padding-left:5px;
	height:255px;
	overflow:hidden;
}

input, select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
input.input_text{
	width:200px;
	border:1px solid #a5a5a9;
	padding:2px;
}
textarea.input_text{
	width:300px;
	border:1px solid #a5a5a9;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#error_div{
	width:300px;
	height:15px;
	overflow:hidden;
	color:#d4891c;
	position:absolute;
	padding:5px;
	text-align:left;
}