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

img {
	border:0 none;
	}

#topnav {
	background-color:white;
	float:left;
	text-align:right;
	width:100%;
	color:#7E7E7E;
	}
#topnav a, #topnav a:visited {
	color:#7E7E7E;
	text-decoration:none;
	}
#header {
	margin-top:10px;
	}

#page_margins {
	width:1024px;
	height: 775px;
	padding:0px 10px 0px 10px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	}
#page {
	width:1024px;
	float:left;
	background-color:#ffffff;
	padding:0px 10px 0px 10px;
	}
#main_lite {
	float:left;
	background-color:white;
	padding-top:10px;
	}
#nav_main {
	width:100%;
	background-color:#77A1CF;
	float:left;
	width:100%;
	border-bottom:2px solid #3C71AA;
	}
#nav_main ul, #nav_main ul li {
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
	}
#nav_main a, #nav_main a:visited {
	display:block;
	float:right;
	padding:5px 15px 5px 15px;
	text-decoration:none;
	color:white;
	}
#nav_main a:hover {
	background-color:#3C71AA;
	color:white;
	}
select, input {
	font-size:12px;
	border:1px solid #E3E3E3;
	}
#col1, #col2, #col3 {float:left;}
#col1 {
	width: 414px;
	float:left;
	height: 705px;
	overflow: hidden;
}

#logo {
	float: left;
	clear: both;
	height: 44px;
	
}
#logo #LogoTitle h2 {
font-family: "letter Gothic Std", Verdana, Courier;
	font-weight: bold;
	text-transform: uppercase;
	color: #93aca5;
	text-decoration: none;
	height: 27px;
	width: 243px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #93aca5;
	text-align: left;
	vertical-align: bottom;
	font-size: 18px;
	margin-top: 10px;
	background: none;
	border-left: none;
	
}


	
#col1 ul {
	margin:0px;
	padding:0px;
	
	}
#col1 li {
	list-style-image:url(images/nav_arrow.gif);
	padding:5px 0px 5px 0px;
	}
#col1 li:hover {list-style-image:url(images/nav_arrow_over.gif);}
#col1 li a, #col1 li a:visited {
	color:#050505;
	text-decoration:none;
	font-size: 13px;
	}
#col2 {
	width:510px;
	height: 705px;
	float:left;
	
	border-left:0px;
	border-bottom:0px;
	}
#col2_content {
	width: 510px;
	height: 705px;
}
#col3 {
	position: absolute;
	visibility: visible;
	z-index: 100;
	height: 38px;
	width: 650px;
	margin-left:0;
	top: 225px;	
	background-image: url(http://estherdegroot.nl/images/listing_photos/balk.png);
	}
#col3 input {width:95px;}
#col1 h2, #col3 h2 {
	width:91%;
	display:block;
	padding-left:0px;
	background-color:#F3F3F3;
	margin:0px;
	font-size:18px;
	margin-bottom:8px;
	font-style: normal;
	font-weight: 100;
	}
#rss a ,#rss a:visited {
	font-size:10px;
	text-decoration:none;
	}
#rss img {
	padding-top:3px;
	padding-right:3px;
	}
.featured_listings {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
.featured_listings img {
	padding:2px;
	border:1px solid #cccccc;
	}

#footer {
	float:left;
	width:100%;
	padding:15px 0px 15px 0px;
	text-align:center;
	margin-top:10px;
	}
.search_result_table {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:10px;
	padding:5px 0px 5px 0px;
	}

/* *** This is internal css for Open-Realty */
.field_caption {font-weight:bold;}
.searchpage_field_caption {
	font-weight:bold;
	text-align:right;
	}
.searchpage_field_caption_row {
	font-weight:bold;
	text-align:right;
	}
.lat_long_header {font-size:12px;}
.view_image {text-align:center;}
.image_caption {
	font-size:16px;
	font-weight:bold;
	}
.view_user {padding-left:5px;}
.view_user_user_name {
	font-size:14px;
	font-weight:bold;
	}
.view_user_user_images {float:left;}
.view_user_user_info {
	float:left;
	padding-left:10px;
	}
.view_user_user_hitcount {clear:both;}
.view_user_user_box {}
.no_results {
	color:red;
	margin-top:10px;
	}

/* *** Generated by www.csscreator.com *** */
/* THIS IS SECTION IS FOR VERTICAL MENU */
.search_results {width:100%;}
.result_row_0 {background-color:#f8f8f8;}
.result_row_1 {background-color:#FFFFFF;}
.view_users {width:100%;}
.logo h1 {
	font-size:30px;
	color:#333333;
	vertical-align:text-bottom;
	margin:0px;
	margin-top:10px;
	font-weight:normal;
	}
.clr {clear:both;}
.content {position:relative;}

/* printer styles */
@media print {
	/* hide the left column when printing */
	#leftcol {display:none;}
	#outer {border-left:0;}
	}

/* THIS CONTROLS THE TABLES DISPLAYED BY PAGES GENERATED BY THE PAGE EDITOR */
table.page_display {border:3px;}
td.page_display {
	width:100%;
	vertical-align:top;
	}

/* THIS CONTROLS THE TABLES DISPLAYED IN THE ADMIN */
table.admin_main {
	border:3px;
	width:100%;
	}
td.admin_main {
	width:100%;
	vertical-align:top;
	}

/* THIS CONTROLS THE ROW colorS */
td.row1_0 {background-color:#FFFFFF;}
td.row2_0 {background-color:#C2C2C2;}
td.row3_0 {background-color:#FFFFFF;}
.adminListingLeft_0 {
	color:#FFFFFF;
	background-color:transparent;
	}

/* LISTING BROWSE PAGE NAVIGATION WIDGET 'next_prev()'display stuff */
.browse_tool_table {
	background-color:#FFFFFF;
	width:100%;
	font-size:11px;
	text-decoration:none;
	color:black;
	}
.browse_tool {
	background-color:#FFFFFF;
	font-size:9px;
	text-decoration:none;
	color:black;
	}
.browse_tool_num {color:#336699;}
.browse_tool_button A {
	background-color:#FFFFFF;
	font-size:9px;
	line-height:10px;
	text-align:center;
	border-color:#000000;
	border-style:outset;
	border-width:1px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	width:55px;
	height:18px;
	display:block;
	padding:3px;
	}
.browse_tool_button A:visited {color:#000000;}
.browse_tool_button A:hover {
	color:#CCCCCC;
	border-style:inset;
	width:55px;
	height:18px;
	}
.browse_tool_ghost {
	font-size:9px;
	line-height:10px;
	color:#aaaaaa;
	text-decoration:none;
	}
.browse_tool_curpage {
	background-color:#f8f8f8;
	color:#CCCCCC;
	width:24px;
	height:20px;
	display:block;
	text-align:center;
	}
.bt_pages {
	font-family:verdana, arial, Helvetica, sans-serif;
	background-color:#D1DEE9;
	text-decoration:none;
	font-size:9px;
	vertical-align:middle;
	color:#000000;
	padding:0px;
	}
bt_pages_ghost {
	color:#aaaaaa;
	text-decoration:none;
	}
a.bt_pages {
	color:#000000;
	width:24px;
	height:20px;
	display:block;
	text-align:center;
	}
a.bt_pages:visited {color:#000000;}
a.bt_pages:hover {
	color:#FFFFFF;
	background:#132975;
	}

/* LISTING PAGE DETAILS 'listing_next_prev' */
.next_prev_listing {
	margin:2em 0 2em 3em;
	border:1px solid #a9a9a9;
	width:40em;
	text-align:center;
	}
.next_prev_listing ul {margin:1.5em auto;}
.next_prev_listing li {
	display:inline;
	padding:.5em 1em;
	list-style-type:none;
	}
.count, .listing_xy {
	width:100%;
	background-color:#dcdcdc;
	clear:both;
	padding:.5em 0;
	}

/* css for tabbed pages */
.dynamic-tab-pane-control.tab-pane {
	position:relative;
	width:100%; /* width needed weird IE bug */
	margin-right:-2px; /* to make room for the shadow */
	}
.dynamic-tab-pane-control .tab-row .tab {
	width:70px;
	height:16px;
	background-image:url("{template_url}/images/tab.png");
	position:relative;
	top:0;
	display:inline;
	float:left;
	overflow:hidden;
	cursor:Default;
	margin:1px -1px 1px 2px;
	padding:2px 0px 0px 0px;
	border:0;
	z-index:1;
	font:11px Tahoma;
	white-space:nowrap;
	text-align:center;
	}
.dynamic-tab-pane-control .tab-row .tab.selected {
	width:74px !important;
	height:18px !important;
	background-image:url("{template_url}/images/tab.active.png") !important;
	background-repeat:no-repeat;
	border-bottom-width:0;
	z-index:3;
	padding:2px 0 0px 0;
	margin:1px -3px -3px 0px;
	top:-2px;
	font:11px Tahoma;
	}
.dynamic-tab-pane-control .tab-row .tab a {
	font:11px Tahoma;
	color:black;
	text-decoration:none;
	cursor:default;
	}
.dynamic-tab-pane-control .tab-row .tab.hover {
	font:11px Tahoma;
	width:70px;
	height:16px;
	background-image:url("{template_url}/images/tab.hover.png");
	background-repeat:no-repeat;
	}
.dynamic-tab-pane-control .tab-page {
	clear:both;
	border:1px solid rgb(145, 155, 156);
	background:#ffffff;
	z-index:2;
	position:relative;
	top:-2px;
	font:11px Tahoma;
	color:black;
	padding:10px;
	}
.dynamic-tab-pane-control .tab-row {
	z-index:1;
	white-space:nowrap;
	}

/* setting for the size of the main image at mainjavacolumn, mainjavarows, slideshow and tabbed */
img#SLIDESIMG, img#main {
	margin-top:10px;
	width:auto;
	height:auto;
	}


/*EDG INSTELLINGEN*/
	
* {
	font: normal "Letter Gothic Std", Courier;
}
body,
html {
	margin:0px;
	padding:0px;
	color:#050505;
	background:#fff;
}

#wrapper {
	width:1024px;
	background:#fff;
	height: 768px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#container {
	overflow:hidden;
	background:#fff;
	height: auto;
	width: auto;
	margin-top: 32px;
	margin-right: 31px;
	margin-bottom: 31px;
	margin-left: 42px;
	float: left;
	clear: both;
}

h1 {
margin:0;
}

h2 {
	margin:0;
}

#LeftSide {
	width:410px;
	height:705px;
	background:#fff;
	float: left;
	clear: left;
}


#RightSide {
	width:505px;
	height:705px;
	background:#fff;
	float: left;
	clear: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #93aca5;
	padding-left: 25px;
}

#wrapper #container #LeftSide #navigation {
	clear: both;
	float: left;
	width: 322px;
	height: 87px;
	margin-top: 21px;
}
#col3 #title {
font-family: "letter Gothic Std", Verdana, Courier;
	font-size: 15px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	z-index: 120;
	text-align:right;
	padding-right:20px;	
	padding-top: 10px;
	
		
}
#thumbs{
	width: 394px;
	height:auto;
	margin-top:45px;
	
	
	
}
#thumbs b{
	
	overflow: hidden;
	font-weight:normal;
	text-align: right;
}
#thumbs A:hover{

}
#subtitle {
	clear: both;
	float: right;
	margin-top: 140px;
	padding-top:10px;
font-family: "letter Gothic Std", Verdana, Courier;
	background-image: url(http://estherdegroot.nl/images/listing_photos/balk.png);
	background-repeat: repeat;
	height: 22px;
	width: auto;
	font-size: 11px;
	text-align: right;
	padding-right:30px;
	padding-left: 20px;
	color:#050505;
}
#content {
	clear: both;
	float: right;
	height: auto;
	width: 233px;
font-family: "letter Gothic Std", Verdana, Courier;
	font-size: 11px;
	padding-top:20px;
	padding-right:30px;
	text-align: justify;
	
}

#border-bot-col1 {
	background-attachment: fixed;
	background-color: #93aca5;
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
	height: 1px;
	width: 384px;
	top: 723px;
}
#footer p {
margin:0;
}
#wrapper #container #LeftSide #empty {
	clear: left;
	float: left;
	height: 64px;
	width: 322px;
}
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 

/*core classes*/ 
.stripViewer { 
position: relative; 
overflow: hidden; 
border: 5px solid #ff0000; 
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li { 
float:left; 
} 
.stripTransmitter {
	overflow: auto;
	width: 1%;
	position: absolute;
} 
.stripTransmitter ul {
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
	clear: both;
	float: left;
} 
.stripTransmitter ul li{
	width: 20px;
	float:left;
	clear: both;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 0;
	position: relative;
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #ff0000; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #ff0000; 
} 

/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 { 
font: normal 10px Verdana; 
margin: 0; 
padding: 6px 2px; 
border: 0; 
} 
#menu {
	width: auto;
	float:right;
	margin-top: 12px;
	margin-right:30px;
	
	height: auto;
	color:#050505;
	text-align: left;
	font-size: 13pt;
font-family: "letter Gothic Std", Verdana, Courier;

}
/* */
#menu1 {
	width: 245px;

	margin-top: 10px;
	float: left;
	height: 100px;

	color:#050505;
	text-align: left;
	font-size: 13pt;
font-family: "letter Gothic Std", Verdana, Courier;
		
}
#menu1 li a.active {
	color: #050505;
	text-decoration: line-through;
}
#menu1-bottom {
	background-attachment: fixed;
	background-color: #93aca5;
	background-repeat: no-repeat;
	background-position: left;
	position: absolute;
	height: 1px;
	width: 140px;
	top: 190px;
	z-index:100;
	
}

#menu1 ul,#menu1 li {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu1 ul {
	width: 150px;
	background: #fff;
	list-style-type: none;
}

#menu1 li {
	position: relative;
	padding: 0px;
	z-index: 9;
}

#menu1 li.folder_{
	color: #050505;
}	
#menu1 li.folder_:hover {
	color: #050505;
	text-decoration: line-through;
}

#menu1 li.folder_.current {
	color: #050505;
	text-decoration: line-through;
}
		
#menu1 li.folder_ ul {
	position: absolute;
	display: none;
	left: 130px;
	top: 0px;
}
			
#menu1 li.folder_>ul {
	left: 140px;
}
		
#menu1 ul.level_1 li.folder_:hover ul.level_2 {
	display: block;
	width: 200px;
	
}

#menu1 a {
	padding: 0px;
	text-decoration: none;
	width: 100%; /* IE */
}

#menu1 li>a { 
	width: auto;
}

#menu1 li a.submenu_ {
	font: 12px "letter Gothic Std", Verdana, Courier;
	display: inline-block;
	float: left;
	padding-top: 3px;
	padding-left: 7px;
	color: #050505;
}

#menu1 li a.submenu_:hover {
	color: #93aca5;
	text-decoration: none;
	
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #menu1 li.submenu_ { 
	width: 202px;
}
/* End hide from IE5/mac */



/* */
#menu ul,#menu li {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu ul {
	width: auto;
	background: #fff;
	list-style-type: none;
}

#menu li {
	position: relative;
	padding: 0px;
	z-index: 9;

}

#menu li.folder{
	color: #050505;
	height:115px;
	margin-right:30px;	
	width: auto;
	padding-bottom:8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #93aca5;
	
}	
#menu li.folder:hover {
	color: #050505;
	text-decoration: line-through;
}

#menu li.folder.current {
	color: #050505;
	text-decoration: line-through;
}
		
#menu li.folder ul {
	width: auto;
	
}
			
#menu li.folder>ul {
	width: auto;
}
		
#menu ul.level1 li.folder:hover ul.level2 {
	display: block;
	width:auto;
	
}

#menu a {
	
	text-decoration: none;
	width: 100%; /* IE */
}

#menu li>a { 
	width: auto;
}

#menu li a.submenu {
	font: 12px "letter Gothic Std", Verdana, Courier;
	display: inline-block;
	float: right;
	margin-top:25px;
	padding-left:10px;
	padding-bottom:8px;
	color: #050505;
	filter: Alpha(Opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
	background-image: url(http://estherdegroot.nl/images/listing_photos/thumbhover.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#menu li a.submenu:hover {
	
	filter: Alpha(Opacity=100);
	-moz-opacity:1;
	opacity:1;
	
 }
 #menu li a.submenu:visited{
	
	
 }
 #menu li a.submenu:current {
	background-image: url(http://estherdegroot.nl/images/listing_photos/thumbhover.png);
	background-repeat: no-repeat;
	background-position: right top;
	filter: Alpha(Opacity=100);
	-moz-opacity:1;
	opacity:1;
}
 
 #menu li a.submenu:active {
	background-image: url(http://estherdegroot.nl/images/listing_photos/thumbhover.png);
	background-repeat: no-repeat;
	background-position: right top;
	filter: Alpha(Opacity=100);
	-moz-opacity:1;
	opacity:1;
	
 }
#menu .active {
	font: 12px "letter Gothic Std", Verdana, Courier;
	display: inline-block;
	float: right;
	margin-top:25px;
	padding-left:10px;
	padding-bottom:8px;
	color: #050505;
	filter: Alpha(Opacity=100);
	-moz-opacity:1;
	opacity:1;
	background-image: url(http://estherdegroot.nl/images/listing_photos/thumbhover.png);
	background-repeat: no-repeat;
	background-position: right top;
 }


/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #menu li.submenu { 
	width: auto;
}
/* End hide from IE5/mac */


#menu #link {
    font: 11pt "letter Gothic Std", Verdana, Courier;
	padding: 0px 0px 0px 20px;
	margin-top: 15px;
}

#gallNavigation{
	height: 64px;
	width: 86px;
	float: right;
	text-align: right;
}
#gallNavigation ul, #gallNavigation li, #gallNavigation li a{
	margin: 0px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	text-decoration: none;
	font-size: 10pt;
font-family: "letter Gothic Std", Verdana, Courier;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: right;
	padding-right: 4px;
	padding-left: 4px;
	color: #050505;
}