html, body		            { background: #ebebeb;	}

body 			            { text-align: left;	margin: 0;	padding: 0;	}

a:active, a:focus			{ border: none !important; outline: none !important; }

h1, h2, h3, 
h4, h5, :link, :visited	    { color: #006634; }
.Light :link, 
.Light :visited			    { color: #d1e3da; }



/* ___________________________________________________ jQuery UI _______________ */

.ui-tabs-hide		{	display: none;    }
.ui-tabs-nav		{	list-style: none;	margin: 0;	padding: 0 0 0 8px;	height: 31px;    overflow: hidden;	}
.ui-tabs-nav li		{	display: inline-block;	float: left;	margin: 0 0 0 1px;	min-width: 84px; /* be nice to Opera */	}
.ui-tabs-nav a		{	display: block;	background: #177446;	margin-top: 4px;	padding: 5px 12px 8px 12px;	color: #74AC90;	font-size: 13px; font-weight: bold;    text-decoration: none;    white-space: nowrap; /* required in IE 6 */    }
.ui-tabs-selected a {   color: #fff;	margin-top: 0;    background: #46906B; font-size: 14px;	padding: 7px 12px 7px 14px;	}
.ui-tabs-nav a:hover		{	background: #2E8259;	color: #D1E3DA;	}
.ui-tabs-selected a:hover	{   background: #46906B;	color: #fff;	cursor: default;	}
.ui-tabs-panel		{   height: 1%;    overflow: auto;    padding: 20px;    background: #46906B; /* declare background color for container to avoid distorted fonts in IE while fading */ }
.ui-tabs-nav a:focus, .ui-tabs-nav a:active		{	outline: none !important;	}


#ZoekTabs .ui-tabs-selected a {   color: #fff;	margin-top: 0;    background: #46906B;   background-image:url('/content/_gfx/btn_koop_highlight.gif'); width:92px; font-size: 14px;	padding: 7px 12px 7px 14px;	}
#ZoekTabs .ui-tabs-selected a:hover	{   background: #46906B;	color: #fff;	cursor: default;	background-image:url('/content/_gfx/btn_koop_highlight.gif'); width:92px; }


/* Menu wordt o.a. in de autocomplete gebruikt */
.ui-menu			{	list-style:none;	padding: 0px;	margin: 0;	display:block;	}
.ui-menu .ui-menu	{	margin-top: -3px;	}
.ui-menu .ui-menu-item {	margin:0;	padding: 0;	width: 100%;	background: #eee;	}
.ui-menu .ui-menu-item a {	text-decoration:none;	display:block;		font-size: 92%;	font-weight: bold;	}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {	background: #D1E3DA; margin: 0 !important;	}
.ui-autocomplete-loading { background: white url(/content/_gfx/ajax_indicator.gif) no-repeat 95% 50%; border-style: solid; border-color: #225; }
.ui-autocomplete-input:focus { border: 1px solid #555 !important; }

/* - - - - - - - - - - - - - - - - - - - - - - - - -   jQuery UI   - - - - - - - */

.DarkBackground h1, .DarkBackground h2, .DarkBackground h3, .DarkBackground h4, .DarkBackground h5, 
.DarkBackground p, .DarkBackground :link, .DarkBackground :visited, .DarkBackground li, 
.DarkBackground label       { color: #fff;	}

#headerwrap		            { background: white; height: 84px;	}

#headercontent, 
#footercontent	            { position: relative; width: 985px; margin: 0 auto;	}

#pagewrap		            { width: 985px;	margin: 0 auto;	}

#main-content	            { height: 1%; overflow: auto;	}

.shadow-top		            { background: url(/content/_gfx/shadow-top.gif) no-repeat;	width: 985px;	height: 4px; margin-top: 30px;	}
.shadow-repeat-y            { background: url(/content/_gfx/shadow-repeat-y.gif) repeat-y;	}
.shadow-bottom	            { background: url(/content/_gfx/shadow-bottom.gif) no-repeat;	width: 985px;	height: 4px; margin-bottom: 20px;	}
.rounded-shadow-bottom		{ background: url(/content/_gfx/rounded-shadow-bottom.gif) no-repeat;	width: 985px;	height: 9px; margin-bottom: 20px;	}

#footerwrap					{ margin-bottom: 30px; }

.Page			            { margin: 5px; }

#Logo					{ cursor: pointer; }
.NormalLogo				{ position: absolute;	top: 13px; left: 10px; width: 150px; height: 60px; background: url(/content/_gfx/stienstra-logos.png) no-repeat; text-indent: -5000px; }
.ShadowboxLogo			{ position: fixed;		width: 985px; left: 50%; margin-left: -483px; top: 13px;		z-index: 2000; background-position: 0 -60px; }

.navigation				    { margin-left: -18px !important; width: 710px !important; list-style: none;	background:  url(/content/_gfx/line-grad-vertical.png) no-repeat 0 50%;	}
.navigation li			    { position: relative; display: inline-block; margin: 0; padding: 0;	background: url(/content/_gfx/line-grad-vertical.png) no-repeat 100% 50%;	}
.navigation a			    { display: block; margin: 0px 4px 0 3px; padding: 4px 15px 4px 13px; text-decoration: none;	color: #333;	font-family: verdana;	font-size: 11px;	}
.navigation li ul		    { position: absolute; top: 20px; left: 3px; }
.navigation li ul li	    { background: none;	padding: 0px; }
.navigation li ul li a	    { padding: 3px 14px;	border-top: 1px solid #46906B ; margin: 2px 0 0 0 !important; text-transform: lowercase; }

.vacatures { color: #006634 !important;  background: none !important; margin-left: 78px !important; margin-right: 0 !important }

#footercontent .navigation,	
#footercontent .navigation li.last  { background: none;	}
#footercontent .navigation { margin-left: 15px !important; }


.navigation:hover, 
.navigation:hover li        {	background: none;	}
.navigation a:hover		    {	background: #A2C7B5;	color: #fff;	}
.navigation li.active a     {	background: #006634;	color: #fff;	}
#headercontent .navigation  {	position: absolute;	top: 35px;	left: 300px;	width: 600px;	}
#footercontent .navigation li.active a { background: none; font-weight: bold; color: #333; }
#footercontent .navigation a:hover { background: none; color: #000; text-decoration: underline }

#panel1			            {	margin: 0px 0 0 0;	height: 250px; overflow: hidden; 	}
#panel2			            {	height: 265px;	overflow: hidden;	}

#panel1-content				{ position: relative;	margin: 0 4px; background: #006634; width: 977px; height: 750px;  display: inline-block; }

#WaaromKopen, #WaaromHuren	{ background: #004422;	width: 190px;	float: right;	margin: 0px 0px 0 0;	color: #fff; padding: 10px 10px 10px 15px; height: 265px;	}

.InfoBlock h3	            {	color: #fff;	}
.InfoBlock ul	            {	margin: 0;	padding: 0;		list-style: none;	}
.InfoBlock li	            {	list-style: none;	font-weight: bold;	font-size: 87%;	padding-left: 15px;	background: url(/content/_gfx/bg-li-green.gif) no-repeat 0 4px;	}
.InfoBlock p	            {	margin: 20px 0;	}
.InfoBlock a	            {	color: #fff;	}

#ZoekPaneel					{	position: absolute; z-index: 22; left: 370px;	margin: 0;	width: 380px;	}

.FormRowSmall	            {	float: left;	width: 50px;	height: 50px;	}
.FormRowMedium	            {	float: left;	width: 230px;	height: 50px;	}

label			            {	display: block;	font-size: 92%;	margin: 0 0 2px 2px;	}
.InlineLabel				{	display: inline; }

input#Plaats, 
input#huurplaats, 
input#Straat	            {   width: 180px;  border:1px solid #666;}

select                      {	border:1px solid #666; height:23px; }

input[type=submit]			{	margin: 18px 0 0 0;	}

#ZoekKoopWoningen,
#ZoekHuurWoningen           {	background:url(/content/_gfx/bg_zoek_home.gif) 0 0 no-repeat; width:327px; height:140px; overflow:hidden; }
#ZoekKoopWoningen input[type=image],
#ZoekHuurWoningen input[type=image]    { border:0px; margin-top:18px; }

#ZoekenOverig	            {	position: absolute; z-index: 33; top: 214px; left: 476px;	margin:0;	color: #5fb286;	font-weight: bold; font-size: 88%;	}
#ZoekenOverig .InlineControl{	color: #fff;	display: inline-block;	margin: 0 20px 0 0;	font-weight: normal;	text-decoration: none;	border-bottom: 1px solid #fff;	padding-bottom: 0px;	line-height: 114%;	}

#covers						{	position: absolute; z-index: 1; width: 400px; height: 250px; overflow: hidden; }
#cover1						{	width: 100%; height: 100%; background: url(/content/images/index1.jpg);}
#cover2						{	width: 100%; height: 100%; background: url(/content/images/index2.jpg);}
#cover3						{	width: 100%; height: 100%; background: url(/content/images/index3.jpg); position: relative; }

#cover3 div					{	display: none; position: absolute; bottom: 30px; left: 10px; }
#cover3:hover div			{	display: inline-block; background: rgba(255,255,255, 0.8); width: 300px; padding: 10px; }
#cover3 .bovenkop			{	color: #444;	font-size: 76%;	margin: -3px 0 -6px 0;	}
#cover3 h2					{	line-height: 100%;	margin: 4px 0;	color: #444;	}
#cover3 .price				{	position: absolute;	bottom: 10px;	right: 10px;	font-size: 110%;	margin: -20px 0 0 0;	}
#cover3 ul					{	font-size: 92%;	color: #444;	margin: 3px 0 6px 2px;	}
#cover3 li					{	list-style: disc;	margin-left: 13px;	padding-left: 0px;	}

#HuidigeProjecten		    {	width: 500px;	float: left;	margin: 26px 0 0 30px;	}
#HuidigeProjecten h3	    {	font-size: 140%;	color: #006634;	margin: 0 0 1em 0;	}
#HuidigeProjecten div	    {	float: left;	margin: 0 0 0;	font-size: 92%;	}

#homepageMap				{	margin: 26px 20px 0 30px; }
#homepageMap h3		        {	font-size: 140%;	color: #006634;	margin-bottom: 1em;	}
#OverStienstra		        {	margin: 26px 20px 0 30px;	line-height:20px;}
#OverStienstra h3	        {	font-size: 140%;	color: #006634;	margin-bottom: 1em;	}
#OverStienstra a	        {	color: #006634;	}
#OverStienstra p            {   margin-bottom: 20px;}

#ZoekTabs			        {	position: relative;	margin: 20px 0 10px 0;	padding: 1px 0 0 0;		height: 1%;	overflow: auto;	}

#main-content               {	position: relative;}

#SearchFilterBox	        {	position: relative;	background: #006634;	width: 752px;	margin-left: 4px; color: #fff; }

#SearchFilterBox .toggler	{	position: absolute;	bottom: 10px;	right: 10px;	z-index: 10;	cursor: pointer	}
#SearchFilterBox .resetter	{	position: absolute;	bottom: 10px;	right: 160px;	z-index: 10;	cursor: pointer	}

#SearchFilterBox			{	height: 84px;	}
#SearchFilterBox form div	{	height: 1%;		overflow: auto;		}
#SearchFilterBox div div	{	float: left;	margin: 10px 10px 0 0;	}

#SearchFilterBox div.first	{	margin-left: 20px;	}
#SearchFilterBox div.last	{	margin: 10px 0 0 10px;	}
#SearchFilterBox div.last input[type=submit] { margin: -1px 0 0 0; overflow: hidden;}

#SearchFilterBox input[type=image]{ border:0px; overflow: hidden; }
#SearchFilterBox input:focus { outline: none; border: none; }

#FilterMenu				{	margin-left: 4px; height: 50px;	overflow: visible !important;	background: #eee; border-bottom: 1px solid #ddd;	float: none !important; width: 752px; 	}
#FilterMenu ul			{	height: 100%;	}
#FilterMenu li			{	height: 100%; display: inline-block;	padding: 10px 20px 10px 10px;	float:left;}
#FilterMenu li:hover	{	background: #5D9E7E; color: #fff !important;	}
#FilterMenu li.last		{	padding-bottom: 15px !important;	}
#FilterMenu h4			{	margin: 3px 0 4px 20px;	}
/*
#FilterMenu a			{	color: #006634; text-decoration: none;	cursor: pointer;	display: block;		width: 100%;		background: url(/content/_gfx/icons-simple-default-vertical.gif) no-repeat 0 0;	padding-left:  30px;	}
#FilterMenu li:hover a,
#FilterMenu a:hover     {	color: #fff; }
#FilterMenu .Saved		{	background-position: 0 -442px; }
#FilterMenu .Save		{	background-position: 0 -42px; }
#FilterMenu .Forget		{	background-position: 0 -422px; }
#FilterMenu .SlideUp	{	background-position: 0 -102px; }
#FilterMenu .SlideDown	{	background-position: 0 -122px; }
*/
.filter  { margin-left: 20px; }
.filter a { margin-left: 5px; display: inline-block; width: 16px; height: 16px; text-indent: -10000px; background: #f5f5f5 url(/content/_gfx/icons-simple-default-vertical.gif) no-repeat -508px -422px; }
.filter a:hover { background-color: #994434; background-position: 0px -422px; }

#SideColumnContent	    {	width: 225px;	padding-bottom: 15px;	margin-right: 4px;	}

#MiscActionBox		    {	background: url(/content/_gfx/bg-gradient-grey.png) no-repeat -400px 0px;	height: 1%;		overflow: auto;
						    color: #fff;	padding-left: 15px;	padding-bottom: 15px;	padding-right: 10px;	margin-right: 0px;				}	

#MiscActionBox h3		{	color: #fff;	margin: 1.3em 0 0 0;	}
#MiscActionBox h3.last	{	margin-top: .5em;	}
#MiscActionBox p		{	margin: 4px 0;	}
#MiscActionBox img		{	margin: 5px 0 0 0;	}
#MiscActionBox .ruler	{	margin-right: 6px;	}

.SideColumnPadded		{	margin: 10px 20px 10px 15px;	}

#PageContent			{	margin: 0 230px 0 5px;	padding: 1px 0 1px 0; position: relative	}
#PageContent>h1, 
#PageContent>h2, 
#PageContent>h3	        {	margin: 10px 0 0 20px;	}

#PageContent .Pager		{	margin: 10px; 	}

#overview-items h1, 
#overview-items h2, 
#overview-items h3	    {	margin-left: 20px;	}

#overview .house		{	margin: 1px 20px;	border-top: 1px solid #ccc;	padding: 10px 0;	height: 1%;		overflow: auto;		position: relative;	}

.price					{	font-size: 140%;	font-weight: bold;	color: #444;	margin: 2px 10px 0 0;	}
.price .huurprijs		{	display: block;		}

#overview				{	position: relative;	clear: left;	}
#overview .house img	{	float: left;	margin: 0 30px 0 0; width: 100px; height: 100px; overflow: hidden; background: url(/content/_gfx/stienstra-huis-th.jpg)	}
#overview .house img.Indicate3D { float: right; margin: -25px 20px 10px 10px; width: 31px; height: 26px; background: none; display: inline-block }
#overview .house h2, 
#overview .house h3	    {	margin: 0 0 5px 0;	font-size: 146%; line-height: .8em;	}
#overview .house .Plaats{	font-size: 83%; color: #74AC90; text-decoration: none; line-height: 8px;  margin: 5px; font-weight: bold; }
#overview .house .teaser{	font-weight: normal; font-size: 88%;	margin: 0 120px 4px 0; color: #555; }
#overview .house .OverviewOpenhuis{	font-weight: bold; font-size: 88%;	margin: 0 120px 4px 0; color: #a00; }

#overview .house .properties	{	height: 1%;		overflow: visible	}

#overview .house dl		{	float: left; color: #555;	line-height: 1.17em;	font-size: 88%;		float: left;	width: 120px;	margin: 4px 20px 0 0;	border: 1px solid #ddd;		border-width: 0px 0 0 0; 	}
#overview .house dt		{		font-weight: bold;	width: 100px;  	}
#overview .house dd		{	font-weight: normal;	}

#overview .price		{	float: right;	}

.VerkochtVerhuurdMelding { 
display: block;
position: absolute;
top: 36px;
right: 15px;
font-size: 88%;
color: #444;
padding: 5px;

}

.VerkochtVerhuurdMelding strong {
display: block;
margin: 0 0 -4px 0;
font-size: 120%;
}


#SideColumnContent .house			{	border-top: 1px dotted #666;	margin: 5px 10px 5px 0;	padding: 5px 0 0 0;	font-size: 81%;height: 1%;	overflow: auto;	}
#SideColumnContent .house.first		{	border: none;	}
#SideColumnContent .house img		{	float: left;	margin: 0 5px 0 0;width: 50px; height: 50px; overflow: hidden; background: url(/content/_gfx/stienstra-huis-th-tiny.jpg)	}

#SideColumnContent .house :link,
#SideColumnContent .house :visited { text-decoration: none; }
#SideColumnContent .house p			{	margin: 0;	}
#SideColumnContent .house p :link,
#SideColumnContent .house p :visited { color: #111 !important; }

#SideColumnContent .price { font-size: 88%; }

.QuickSave, .QuickForget{	display: none;	width: 16px;	height: 16px;	overflow: hidden;	text-indent: -300px;	background: #D1E3DA url(/content/_gfx/icons-simple-green.gif) no-repeat -222px -402px;	position: absolute;	top: 40px;	right: 10px;	}
.QuickForget			{	background-position: -2px -442px !important; }
.QuickSave:hover, 
.QuickForget:hover	    {	background-color: #5D9E7E;	}
.house:hover .QuickSave,
.house:hover .QuickForget{	display: block;		}

.Pager a				{	display: inline-block;	color: #999;	font-weight: bold;	font-size: 88%;	margin: 0 0px 0 0px;	background: url(/content/_gfx/line-grad-vertical.png) no-repeat 100% 50%;	padding: .3em .9em;	text-decoration: none;	}
.Pager a:hover, 
.Pager a.active		    {	color: #006634;	}
.Pager a.last			{	background: none;	}

.Sorter					{	margin: 10px 20px 0 0;		}

/* __________________________________ Details view __________ */

#DetailsTitleBox		{ position: relative;	background: #006634;	width: 752px; height: 35px;	margin-left: 4px; color: #fff; padding-top: 40px; }
#DetailsTitleBox h1		{ color: #fff; margin: 0px 0 0 20px; }
.DetailsBack			{ padding-bottom: 2px; text-decoration: none; display: block; border-bottom: 1px solid white; color: #fff; margin: -20px 20px 0 0; cursor: pointer;}
.DetailsPrice .price	{ display: block; margin: 10px 30px 0 0; }
.PriceHuur .price		{ display: inline-block; }

h3.address				{ color: #333 !important; }
h3.address span			{ font-weight: normal !important; }

.DetailsPrice .price .huurprijs { display: inline-block; margin-left: 4px; }

#DetailsTop				{	position: relative;	border: 1px solid #666;	border-width: 1px 0 0 0;	padding: 10px 0px;	margin: 10px 20px;	height: 1%;	overflow: auto;	}

.FrontVisual			{	float: left;	margin-right: 10px;width: 300px; height:300px; overflow: hidden; background: url(/content/_gfx/stienstra-huis-medium-square.jpg)	}

#DetailsTabs					{	width: 400px;	float: right;	}
#DetailsTabs .ui-tabs-panel		{	padding: 0;	background: #fff;	}
#DetailsTabs .ui-tabs-nav		{	border-bottom: 1px solid #999; height:5px; font-size:11px;	}
#DetailsTabs .ui-tabs-nav a		{	background: #eee;	color: #666; border: 1px solid #999;  height:5px;  font-size:11px; padding:10px; padding-top:3px;	}
#DetailsTabs .ui-tabs-selected a{	background: #fff;	color: #333; border: 1px solid #999; height:5px;  font-size:11px; padding:10px;  padding-top:3px;	border-bottom:1px solid #fff;	}
#DetailsTabs h2					{	margin: 2px 0 5px 0; }
#DetailsTabs dl					{	height: 1%;	overflow: auto; }
#DetailsTabs dt					{	float: left; width: 120px; line-height: 1.6em;	}

#tab-kenmerken p				{	margin: .7em 0;	 font-size:11px; }
#tab-kenmerken dt,
#tab-kenmerken dd               { font-size:12px; color:#333; }
#tab-kenmerken img				{	border: 1px solid #888;	}
#tab-omschrijving	ul			{	margin: 3px;	list-style: disk;	}
#tab-omschrijving li			{	list-style: disk;	margin: 2px;	padding-left: 22px;	background: url(/content/_gfx/bg-li-green.gif) 0 5px no-repeat;	}

ul.nicelist						{	margin: 3px;	list-style: disk;	}
.nicelist li						{	list-style: disk;	margin: 2px;	padding-left: 22px;	background: url(/content/_gfx/bg-li-green.gif) 0 5px no-repeat;	}

#tab-googlemap img				{	margin: 10px auto;		}

#DetailsTabs .ui-tabs-nav  { height:20px;  overflow:hidden;}

.ActionButtons li		{	display: block;	background: url(/content/_gfx/bg-actionbutton.png) no-repeat;	margin-bottom: 4px;	}
.ActionButtons a		{	display: block;	padding: 5px 0 6px 30px;	text-decoration: none;	color: #333 !important;font-weight: bold;	font-size: 92%;	cursor: pointer; }
.ActionButtons li.redglow		{ background: url(/content/_gfx/bg-actionbutton-redglow.png) no-repeat;}

.ActionMaakAlert		{ background: url(/content/_gfx/icons-simple-default-vertical.gif) no-repeat -500px 3px; }
.DeleteAlert			{ background: url(/content/_gfx/icons-simple-default-vertical.gif) no-repeat -500px -418px; }
.CloseAlert			    { background: url(/content/_gfx/icons-simple-default-vertical.gif) no-repeat -500px -498px; }
.UpdateAlert			{ background: url(/content/_gfx/icons-simple-default-vertical.gif) no-repeat -500px -38px; }
.ActionPrint			{ background: url(/content/_gfx/icons-simple-default-vertical.gif) no-repeat -500px -18px; }
.ActionSave				{ background: url(/content/_gfx/icons-simple-default-vertical.gif) no-repeat -500px -38px; }
.ActionEmail			{ background: url(/content/_gfx/icons-simple-default-vertical.gif) no-repeat -500px 3px; }
.ActionHouses			{ background: url(/content/_gfx/icons-simple-default-vertical.gif) no-repeat -500px -438px; }
.ActionSavedSearches     	{ background: url(/content/_gfx/icons-simple-default-vertical.gif) no-repeat -500px -38px; }
.DeleteAlert:hover				{ background-position: 8px -418px; }
.CloseAlert:hover				{ background-position: 8px -498px; }
.UpdateAlert:hover				{ background-position: 8px -38px; }
.ActionPrint:hover				{ background-position: 8px -18px; }
.ActionSave:hover				{ background-position: 8px -38px; }
.ActionEmail:hover				{ background-position: 8px 3px; }
.ActionHouses:hover				{ background-position: 8px -438px; }
.ActionSavedSearches:hover		{ background-position: 8px -38px; }
.ActionMaakAlert:hover			{ background-position: 8px 3px; }

#DetailsDescription		{	margin: 0 20px 30px 20px;	}

#ZoekSessie {
height: 90px;
position: relative;
}

.VorigeWoning {
position: absolute;
padding: 4px 32px 2px 2px;
float: left;
}

.VorigeWoning:hover {
background: #ddd;
}

.VorigeWoning img {
padding-left: 32px;
background: url(/content/_gfx/prev.gif) no-repeat 6px 17px;
}

.VolgendeWoning {
padding: 4px 2px 2px 32px;
float: right;
}

.VolgendeWoning img {
padding-right: 32px;
background: url(/content/_gfx/next.gif) no-repeat 60px 17px;
}

.VolgendeWoning:hover {
background: #ddd;
}

#DetailsBottom						{	margin: 10px 20px; }
#DetailsBottom .ui-tabs-panel		{	padding: 0px 0px 10px 0;	overflow: visible;	background: #fff; border: 0px solid #999;	border-width: 1px 0 0 0; 	}
#DetailsBottom .ui-tabs-nav			{		}
#DetailsBottom .ui-tabs-nav a		{	background: #ccc;	color: #666;	}
#DetailsBottom .ui-tabs-selected a	{	background: #eee;	color: #333;	border: 1px solid #999;	border-width: 1px 1px 0px 1px;	}

/* __________________________________ Zoekopdrachten   ______ */

table.StyledTable				{	width: 100%;	}
table.StyledTable th			{	margin: 4px;	border-bottom: 2px solid #aca; border-top: 1px solid #aaa; padding: 4px;	background: #f3f3f3;	font-size: 88%;	}
table.StyledTable th.first		{	border-left: 1px solid #aaa; }
table.StyledTable th.last		{	border-right: 1px solid #aaa; }
table.StyledTable td			{	margin: 4px;	border-bottom: 1px solid #cec; border-right: 1px solid #cec; padding: 4px;	}
table.StyledTable td.first		{	border-left: 1px solid #aaa; }
table.StyledTable td.last		{	border-right: 1px solid #aaa; }
table.StyledTable tr.last td	{	border-bottom: 1px solid #aaa; }

.ButtonSearch				    {	display: block;		width: 16px;	height: 16px;	overflow: hidden;	text-indent: -300px;	background: url(/content/_gfx/icons-simple-green.gif) no-repeat -62px -2px; }
.ButtonRemove				    {	display: block;		width: 16px;	height: 16px;	overflow: hidden;	text-indent: -300px;	background: url(/content/_gfx/icons-simple-green.gif) no-repeat -2px -42px; }
.MaakAlert				        {	display: block;		width: 16px;	height: 16px;	overflow: hidden;	text-indent: -300px;	background: url(/content/_gfx/wa_3.gif) no-repeat; }


/* __________________________________ Algemene elementen ____ */

#ZoekStraat					{	width: 188px; margin-right: 2px; border:1px solid #999;color:#666; font-size:11px;}
.SearchSubmit				{	display:none; width: 20px; margin-left: 1px;	}

/* __________________________________ Messaging system ______ 

#Messages	{	position: absolute;	z-index: 200;	width: 500px;	height: 300px;	background: url(/content/_gfx/bg-messages.png) no-repeat;	left: 50%;	margin-left: -250px;	text-align: center;	color: #fff;	font-size: 300%;		}
.Message	{	position: absolute;	top: 40%;	left: 50%;	width: 200px;	margin-left: -100px;	}

/* __________________________________ Google Maps ___________ */
.gmapsInfobox h3 { margin: 1px 0; }
.gmapsInfobox img { float: right; margin: 0;}
.gmapsInfobox .price { display: block; margin-top: 18px; }

/* __________________________________ General properties ____ */

h1 a, h2 a, h3 a {	text-decoration: none; }

em { font-style: italic }

select, input[type="text"],input[type="password"] { padding: .2em; }

input[type="submit"], input[type="reset"], button { padding: .1em 1.5em; }

.input-tiny		{ width: 50px; }
.input-small	{ width: 100px; }
.input-medium	{ width: 200px; }
.input-large	{ width: 300px; }

.ruler			{ height: 2px;	overflow: hidden; background: url(/content/_gfx/ruler.png);	margin: .6em 0; }

.floatleft		{ float: left; }
.floatright		{ float: right; }
.clear			{ clear: both; }
.clearleft		{ clear: left; }
.clearright		{ clear: right; }
.tide			{ margin: 0 !important;		padding: 0 !important;	}
.NoBleed		{ margin: 20px;	}	
.MarginRight	{ margin-right: 10px; }
.smalltype		{ font-size: 85%; }
.TinyType		{ font-size: 77%; }

.StraatNaam .TinyType		{ color: #555; font-size: 9px; }

#mapwrapper		{ position: relative; margin: 0; }
#mapholder		{ width: 100%; height: 100%; margin: 0; }
#crosshair		{ background: url(/content/_gfx/crosshair.gif) no-repeat; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -9px; }

.SmoothScroll	{ cursor: pointer; }

#Messages { background: #006634; color: #fff; padding: 20px; }

.errorsummary { display: none; }

#DetailsTabs .ui-tabs-hide { display: block !important; position: absolute; left: -10000px; }

/* shadowbox animatie progressbar onderaan scherm */
#outerbar			{	display: none;	width: 100%;	left: 0;	position: fixed;	z-index: 1000;	height: 6px;	bottom: 0px;	overflow: hidden;	padding: 0 0px;	}
#innerbar			{	height: 6px;	margin: 0 0px 0px 0;	border: 0px solid #999;	position: relative;	overflow: hidden;	}
#innerbarcontent	{	display: block;	position: absolute;		height: 200px;	background: rgba(255,255,255,.2);		text-indent: -10000px;	width: 100%;	}

#EmailWoningForm textarea { width: 240px; height: 74px; }

#EmailWoningForm input[type="text"] { width: 240px; }

/* Carousel */

.Project,
.house,
.visual,
#DetailsTop			{	position: relative;		}

span.Overlay		{	
display: inline-block;	
text-indent: -2000px;
position: absolute;
top: 0px;
left: 0px;
width: 100px;
height: 100px;
z-index: 20;	
}

.house .Overlay		{	top: 10px;		}


.Verhuurd			{	background: url(/content/_gfx/overlay-verhuurd.png) no-repeat -55px -30px;		z-index: 51;	}
.Verkocht			{	background: url(/content/_gfx/overlay-verkocht.png) no-repeat -57px -31px;		z-index: 50;	}
.Binnenkort			{   background: url(/content/_gfx/overlay-binnenkort.png) no-repeat -60px -30px;		z-index: 22;	}
.Nieuw				{	background: url(/content/_gfx/overlay-nieuw.png) no-repeat -77px -90px;			z-index: 23;	}
.Prijswijziging		{	background: url(/content/_gfx/overlay-prijswijziging.png) no-repeat -70px -30px;	z-index: 24;	}
.Openhuis 		{	background: url(/content/_gfx/overlay-openhuis.png) no-repeat -70px -45px;	z-index: 25;	}
.Nulprocentob 		{	background: url(/content/_gfx/overlay-nulprocentob.png) no-repeat -67px -26px;	z-index: 25;	}

.house .Overlay.Verhuurd {
right: 0 !important;
top: 10px !important;
text-indent: 0;
}


#DetailsTop .Overlay {	top: 11px;	left: 0px; width: 140px;}

#DetailsTop .Verhuurd			{	background: url(/content/_gfx/overlay-verhuurd.png) no-repeat -65px -77px;		z-index: 51;	}
#DetailsTop .Verkocht			{	background: url(/content/_gfx/overlay-verkocht.png) no-repeat -65px -77px;		z-index: 50;	}
#DetailsTop .Binnenkort			{   background: url(/content/_gfx/overlay-binnenkort.png) no-repeat -65px -77px;		z-index: 22;	}
#DetailsTop .Nieuw				{	background: url(/content/_gfx/overlay-nieuw.png) no-repeat -77px -90px;			z-index: 23;	}
#DetailsTop .Prijswijziging		{	background: url(/content/_gfx/overlay-prijswijziging.png) no-repeat -70px -60px;	z-index: 24;	}
#DetailsTop .Openhuis 		{ width: 299px; height: 299px; background: url(/content/_gfx/overlay-openhuis.png) no-repeat 110px 160px;	z-index: 25;	}
#DetailsTop .Nulprocentob 		{ width: 299px; height: 299px; background: url(/content/_gfx/overlay-nulprocentob.png) no-repeat 126px 170px;	z-index: 25;	}

.Prijswijziging { display: none !important; background-position: -500px -500px; }

.house .prijsmelding,
.DetailsPage .prijsmelding { font-size: 60%; }

#SideColumnContent .prijsmelding { font-size: 88%; }

#ProjectsHolder .price { font-size: 88%; }
#ProjectsHolder .price .huurprijs { font-size: 88%; } 

.jcarousel-item:hover .price { color: #fff; overflow: auto; }

.contactform td { padding: 3px; }

.InschrijfFormulier {  background: #888; color: #fff; padding: 10px 20px; margin: 20px; }
.InschrijfFormulier h3 { margin-top: 4px; color: #fff; }
.InschrijfFormulier a { color: #cfc; }

.OpenhuisMelding { margin: 10px 0; background: #D1E3DA; padding: 20px; border: 1px solid #A2C7B5; }
.OpenhuisMelding h2 { margin: 3px 0 15px 0 !important; }
.OpenhuisMelding p { color: #444; }

.Nulprocentobmelding { margin: 10px 0; background: #C7DEF4; padding: 20px; border: 1px solid #3385d7; }
.Nulprocentobmelding h2 {color: #3385d7; margin: 3px 0 15px 0 !important; }
.Nulprocentobmelding p { color: #333 !important }
.Nulprocentobmelding a  { color: #3385d7 !important; }

#homepage-npob { margin: -10px -11px 0 -30px; background: #C7DEF4; padding: 10px; border: 1px solid #3385d7; border-color: #DAE9F8 #DAE9F8 #DAE9F8 #B5D3F0 ;
color: #334; font-size: 13px; height: 228px; padding-left: 15px;
}
#homepage-npob p,
#homepage-npob a { color: #334 }

#homepage-npob strong { display: block; margin: 0 0 10px 0 }

.OverviewNullprocent { color: #3385d7;font-weight: bold;font-size: 88%;margin: 0 0 4px 0; }


.OpenhuisBlock a { font-weight: bold; }
#floorplanner { display: none; }
#floorplannerholder { height: 500px; }


#floorpicker { width: 100%; border-bottom: 1px solid #eee; padding: 10px 0; margin: 20px 0 0 0; }
#floorpicker strong { display: block; margin: 0 10px 0 0; float: left;padding: 4px 8px;  }
#floorpicker ul,
#floorpicker li { list-style: none; }

#floorpicker li { display: inline-block; margin-right: 2px; }
#floorpicker a { padding: 4px 8px; display: block; background: #eee; font-weight: bold; cursor: pointer }

.Feedback {
background: #418B67;
color: #fff;
font-size: 11pt;
font-weight: bold;
width: 300px;
text-align: center;
padding: 4px 0px;
margin: 10px auto -10px auto;
}

.WoningAlertMenu {

border: 1px solid #666;
border-width: 1px 0;
background: rgba(160,80,80,0.5);
margin: 0px -10px 0px -15px;
padding: 0 10px 5px 14px;
}

h3+ul,
p+ul {
margin-top: 5px;
}

.WoningAlertMenu h3 {
margin-top: 0;
}
/*
.WoningAlertMenu {
background: rgba(250,250,100,0.4);
color: #440;
}
.WoningAlertMenu h3 {
color: #440 !important;
}
*/


 ul.Base { list-style-type: disc !important;  margin: 10px 20px !important; }
 ul.Base li { list-style-type: disc !important; padding: 2px 0 2px 2px !important; }

.OverviewNullprocent,
.Nulprocentobmelding,
#homepage-npob, 
.Nulprocentob				{ display: none !important; }