html {overflow-y: scroll;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}

#sticker{
	position:absolute;
	right:0;
	top:0;
	background:#FFA800;
/*	background:url(../images/banner.gif) no-repeat top right;*/
}
body{
	font: normal 0.75em/1.2em Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
	background:#f6f6f6 url(../images/bg.jpg) 0 0 repeat;
	padding:0;
}
#page{
	width:950px;
	margin:auto;
	padding:0 0px;
	text-align:left;
	position:relative;
	
}

* {
	margin: 0;
}
html, body {
	height: 100%;
}
#page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
	height: 60px; /* .push must be the same height as .footer */
}
#footer{height:46px; /** 50 - 2px border */}






#container{}
.container{clear:both; padding: 20px 0px;}

.line{margin:10px 0 0; border-top:solid 2px #4c8fc1; background: url(../images/bg-container.jpg) 0 0 repeat-y; width:100%; height:100%; min-height:280px;}
.flash{background: url(../images/bg-container.jpg) 0 0 repeat-y; width:100%;}
#content{
}

#banner{position:absolute; top:205px; right:0px; padding:20px 15px;}


#footer
{
    border-top: solid 2px #4c8fc1;
    padding:0;
    margin: 10px 0 0;
    width:100%;
	background:#262626 url(../images/bg-footer.jpg) 0 0 repeat-x;
	vertical-align:middle;
	color:#D1D1D1; /* D1D1D1*/
}

/* GENERAL
----------------------------------------------- */

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

img{border-style:none;}

/* HEADER
----------------------------------------------- */
.header
{
	background:#efefef url(../images/bg-header.jpg) 0 0 repeat-y;

	height:184px; /* 154 + 30*/
	width:100%;
	position:relative;
	margin: 0 0 10px 0;
}
.header h1 a,
.header h2 a,
.header h3 a {display:block; color:#ffffff;text-decoration:none;}
.header h1 {padding:20px 0 0; margin:0;text-align:center; font-size:45px;}
.header h2 {padding:5px 0 0;  margin:0;text-align:center; font-size:15px; line-height:20px;}
.header h3 {padding:20px 0 0; margin:0;text-align:center; font-size:20px; line-height:25px;}

.header a:hover{text-decoration:none;}


.header .beta{position:absolute; height:95px; width:123px; right:0px; top:20px; background:url(../images/beta.gif) 0 0 no-repeat;}


.header .menu
{
	position:absolute;
	bottom:0px;
	height:30px;   /* 225 - 2*10 */
	width:100%;
	padding:0;
	margin:0;
	background:#262626 url(../images/bg-footer.gif) 0 0px repeat-x;
	border: solid 1px #626260;
	border-left:none;
	border-right:none;
	color:#ffffff;
	line-height:25px;
	font-size:103%;
}
.header .menu li{display:inline; height:30px; float:left;}
.header .menu li a{color:#ffffff; text-decoration:none; font-weight:normal; text-transform:capitalize; line-height:30px; height:30px; padding:0px 8px; display:block; float:left;}
.header .menu li a.selected,
.header .menu li a:hover{background:#4c8fc1 /*url(../images/arrow.jpg) bottom no-repeat*/; text-decoration:none;}


/* content
----------------------------------------------- */
.container h1, .container h2, .container h3, .container h4 {clear:both;}

.container h1,
.container h1 a{display:block; background:#00469A; color:#ffffff; padding:0 5px; margin:0 0 10px 0; font-size:21px; line-height:31px; font-weight:normal;}

.container h2{display:block; padding:0; margin:0px 0px 10px 0; font-size:21px; line-height:28px; font-weight:normal;}
.container h2 span{border-bottom: solid 1px #fff;}

.container h3{display:block; background:url(../images/meerinfo.jpg) 0 2px no-repeat; padding-left:30px; margin:0px 0px 0px 0; font-size:15px; line-height:20px; font-weight:normal;}
.container h3 span{border-bottom: solid 1px #fff;}

.container h4{display:block; padding:0; margin:0px 20px 10px 0; font-size:13px; line-height:18px; font-weight:bold;}
.container h4 span{border-bottom: solid 1px #fff;}

.container h5{display:block; background:url(../images/meerinfo.jpg) 0 2px no-repeat; padding-left:30px; margin:0px 0px 0px 0; font-size:13px; line-height:15px; font-weight:normal;}
.container h5 span{border-bottom: solid 1px #fff;}


.line-left{border-left:solid 1px #888; margin:0 -1px; display:block; height:260px;}
.line-top{border-top:solid 1px #888; margin:25px 30px 0 0; padding: 20px 0 0; display:block;}


p, #content p
{
    margin:10px 20px 5px 0px;
    line-height:1.4em;
    text-align:justify;
}



.nieuwsbrief{/*padding-left: 55px; background:url(../images/nieuwsbrief.gif) 0 5px no-repeat;*/ text-align:left;}


.container ul{padding:0 20px 10px 20px; margin:0;}
.container ul li{margin:0 0 3px 15px; list-style-image:url(../images/bullet.gif);}

.container ul.inline{padding:0 0 10px 0; margin:0;}
.container ul.inline li{margin:0 5px 0 5px; list-style:none; display:inline;}

.container ul.block{padding:0 0 0 0px; margin:0;}
.container ul.block li{background:url(../images/meerinfo.jpg) 0 2px no-repeat; padding-left:20px; margin:0; list-style:none; display:block;}
.container ul.block li a{margin:0 0 0 0px; padding:3px 10px 8px 10px; list-style:none; display:block;color:#ffffff; text-decoration:none}
.container ul.block li a:hover{text-decoration:underline;}


.container ul.photos{padding:0 0 10px 0; margin:0;}
.container ul.photos li{padding:0; margin:0 10px 10px 10px; list-style:none; display:inline; border:solid 3px #ffa800; background:#eee; display:block; float:left;}


.container table,
.container tr,
.container td
{padding:0; margin:0;}

/*
.photo{height:100px; width:100px; display:block; text-align:center; vertical-align:bottom;}
.photo img{}
*/
/*
#content a {color:#D1D1D1; text-decoration:underline;}
#content a:hover{text-decoration:none;}
*/


/*
	FORM
*/
label {display:inline-block;}



/*
	PAGES
*/
.pagination{clear:both; width:100%; text-align:center; position:relative; padding:20px 0; margin:0;}
.pagination ul li{margin:0 2px; list-style:none; display:inline;}

.pagination a,
.pagination a:hover{color:#ffffff; font-size:11px; font-weight:normal; padding:2px 5px; border:solid 1px #0065dc; background:#0065dc; width:20px; height:20px;
 	-moz-border-radius-bottomleft:0.75em;
	-moz-border-radius-bottomright:0.75em;
	-moz-border-radius-topleft:0.75em;
	-moz-border-radius-topright:0.75em;
	}
/*.pagination a:hover{color:#ffffff; text-decoration:none;font-weight:normal; padding:3px 7px;}*/

.pagination strong,
.pagination strong:hover{color:#ffffff; font-size:13px; padding:5px 9px; margin:0 2px; background:#0065dc; border:solid 1px #0065dc;
 	-moz-border-radius-bottomleft:0.75em;
	-moz-border-radius-bottomright:0.75em;
	-moz-border-radius-topleft:0.75em;
	-moz-border-radius-topright:0.75em;
	}

.pagination span{color:#aaa;}
/*
.pagination .next		{background:#0065dc url(../images/btnnextpage.png) center no-repeat;}
.pagination .next:hover	{background:#0065dc url(../images/btnnextpage_over.png) center no-repeat;}
.pagination .last		{background:#0065dc url(../images/btnlastpage.png) center no-repeat;}
.pagination .last:hover	{background:#0065dc url(../images/btnlastpage_over.png) center no-repeat;}
.pagination .prev		{background:#0065dc url(../images/btnprevpage.png) center no-repeat;}
.pagination .prev:hover	{background:#0065dc url(../images/btnprevpage_over.png) center no-repeat;}
.pagination .first		{background:#0065dc url(../images/btnfirstpage.png) center no-repeat;}
.pagination .first:hover{background:#0065dc url(../images/btnfirstpage_over.png) center no-repeat;}
*/

/*
	SITEMAP
	GRAY:	38363B
	ORANGE:	FFA800
*/

.sitemap{padding-top:10px; list-style:none;}
.sitemap li{
    display:block;
    line-height:20px;
    margin:0;
    height:20px;
    background: url(../images/sitemap.png) -100px 0px no-repeat;
}
.sitemap li a{color:#ffffff; line-height:20px; padding:2px 0px;}
.sitemap li a:hover{text-decoration:underline;}
.sitemap li.lev0F a,
.sitemap li.lev0 a,
.sitemap li.lev0L a
{color:#ffffff; background:#4C8FC1; padding:2px 5px; text-transform:uppercase;}
.sitemap li.lev0F  {background-position: 0px    0px; padding: 0 0 0 15px;}
.sitemap li.lev0   {background-position: 0px -180px; padding: 0 0 0 15px;}
.sitemap li.lev0L  {background-position: 0px -440px; padding: 0 0 0 15px;}
.sitemap li.lev1F  {background-position: 0px    0px; padding: 0 0 0 25px;}
.sitemap li.lev2F  {background-position: 0px  -20px; padding: 0 0 0 35px;}
.sitemap li.lev3F  {background-position: 0px  -40px; padding: 0 0 0 45px;}
.sitemap li.lev1S2 {background-position: 0px  -60px; padding: 0 0 0 25px;}
.sitemap li.levS2  {background-position: 0px  -80px; padding: 0 0 0 25px;}
.sitemap li.lev12S3{background-position: 0px -100px; padding: 0 0 0 35px;}
.sitemap li.levS3  {background-position: 0px -120px; padding: 0 0 0 35px;}
.sitemap li.lev1S3 {background-position: 0px -140px; padding: 0 0 0 35px;}
.sitemap li.lev1   {background-position: 0px -180px; padding: 0 0 0 25px;}
.sitemap li.lev12  {background-position: 0px -200px; padding: 0 0 0 35px;}
.sitemap li.lev2   {background-position: 0px -220px; padding: 0 0 0 35px;}
.sitemap li.lev3   {background-position: 0px -240px; padding: 0 0 0 45px;}
.sitemap li.lev13  {background-position: 0px -260px; padding: 0 0 0 45px;}
.sitemap li.lev23  {background-position: 0px -280px; padding: 0 0 0 45px;}
.sitemap li.lev123 {background-position: 0px -300px; padding: 0 0 0 45px;}
.sitemap li.lev123L{background-position: 0px -320px; padding: 0 0 0 45px;}
.sitemap li.lev13L {background-position: 0px -340px; padding: 0 0 0 45px;}
.sitemap li.lev23L {background-position: 0px -360px; padding: 0 0 0 45px;}
.sitemap li.lev3L  {background-position: 0px -380px; padding: 0 0 0 45px;}
.sitemap li.lev12L {background-position: 0px -400px; padding: 0 0 0 35px;}
.sitemap li.lev2L  {background-position: 0px -420px; padding: 0 0 0 35px;}
.sitemap li.lev1L  {background-position: 0px -440px; padding: 0 0 0 25px;}

/* LINKS
----------------------------------------------- */

#links{}
#links ul{padding:0; margin:0; width: 100%;}
#links li{
	border: 1px solid #999;
	border-width: 1px 0;
	margin: 5px 0 !important;
	padding:0;
	list-style:none !important; 
}
#links li a{
	color: #990000;
	display: block;
	font: bold 120% Arial, Helvetica, sans-serif;
	padding: 5px;
	text-decoration: none;
}
* html #links li a{width: 100%;}
#links li a:hover{background: #ffffcc;}
#links a em{
	color: #333;
	display: block;
	font: normal 85% Verdana, Arial, Helvetica, sans-serif;
	line-height: 125%;
}
#links a span{
	color: #b6b6b6;
	font: normal 70% Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
}


/* Success, notice and error boxes
----------------------------------------------- */

.error,
.notice, 
.success    {padding:5px 5px 5px 25px; margin-bottom:1em; border:2px solid #ddd;}

.error      {background:#FBE3E4 url(../images/icons/error.png) 5px no-repeat; color:#8a1f11; border-color:#FBC2C4;}
.notice     {background:#FFF6BF url(../images/icons/exclamation.png) 5px no-repeat; color:#514721; border-color:#FFD324;}
.success    {background:#E6EFC2 url(../images/icons/success.png) 5px no-repeat; color:#264409; border-color:#C6D880;}
.error a    {color:#8a1f11;}
.notice a   {color:#514721;}
.success a  {color:#264409;}


		
	
/* FOOTER
----------------------------------------------- */
#footer .container{position:relative;}
#footer .information
{
    line-height:40px;
	position:absolute;
	top:0px;
	left:10px;
	font-size:90%;
}
#footer a{color:#ffffff;}

/** LINK WEBS **/
#footer a.webs{line-height:40px;position:absolute;font-size:90%;top:0px; color:#ffffff; text-decoration:none; position:absolute; right:10px;}
#footer a.webs:hover{text-decoration:underline; font-style:normal; font-weight:normal;}



p.latest{background:#4C8FC1; padding:0; margin:0 10px; height:25px; line-height:25px; position:relative;}
p.latest a.city{position:absolute; left:20px; font-size:15px; color:#ffffff;}
p.latest a.price{position:absolute; right:20px; font-size:20px; font-weight:bold; color:#ffffff;}


#photo{height:355px; text-align:center; background:#494949; display:block; overflow:hidden;}
#photo-big{height:355px}

#photo-home{max-height: 220px;  max-width: 290px; overflow: hidden;}

#photos-small{text-align:right; display:block; height:355px}

#photos2{height:355px}


#photos2,
#photos3,
#photos4,
#photos5{display:none}

.photos-link {display:block; background:#4C8FC1; height:25px; line-height:25px; text-align:right; padding-right:10px;}
.photos-link a{cursor:pointer; color:#ffffff; padding:0 2px;}
.photos-link a.selected{text-decoration:underline;}
#photos-small .photo-container{margin:0; padding:0;}
#photos-small .photo-container .photo-link{margin:0 0 8px 5px; width:150px; height:112px; display:block; float:left; text-align:center; background:#494949; overflow:hidden;}
#photos-small .photo-container .photo-link img {height:112px;}
#photos-small .photo-container .photo-link.selected{border:solid 1px red;}
/*#photos #photos-small .photo-link:hover{border:solid 3px red;}*/
/*#photos #photos-small .photo-link:active{border:solid 3px red;}*/




#maps-container{position:relative; height:420px;}

.map, #subgurim_gMap{width:650px; height:400px; border:solid 1px #000; position:absolute; left:0px; top:0px; color:#494949}
.map, #subgurim_gMap h3{color:#494949}
#maps-container #kantoren{position:absolute; left:615px; top:0px;}
#maps-container #kantoren h3{padding-bottom:12px;}
#maps-container #kantoren h3 a{color:#ffffff;}
#maps-container #kantoren h3 a.selected{text-decoration:underline;}

#mapke-container{position:relative; height:260px; overflow:hidden; }

.mapke, #subgurim_gMap{width:420px; height:260px; border:solid 1px #000; position:absolute; left:0px; top:0px; color:#494949}
.mapke, #subgurim_gMap h3{color:#494949}

.personeel{position:relative;}
.personeel .name{font-size:16px; line-height:18px;}
.personeel .tel{background:url(../images/phone.gif) 0 0 no-repeat; padding:0 0 0 40px; height:35px; display:block; line-height:35px; font-size:20px; position:relative; }

.personeel .fotovestiging{width:250px;}
.contact-personeel{display:block; vertical-align:top; width:275px; height:70px; float:left; padding:0 0 5px; position:relative;}
.contact-personeel span{position:absolute; left:120px; top:10px;}




/** FORM ZOEKEN **/
.search select, .search input[type="text"], .search input[type="password"]{width:375px; line-height:20px;}
.search select.medium, .search input[type="text"].medium, .search input[type="password"].medium{width:173px;}
.search select.small, .search input[type="text"].small, .search input[type="password"].small{width:87px;}
.search select.mini, .search input[type="text"].mini, .search input[type="password"].mini{width:75px;}

.search .check{margin:0; padding:0; float:none; padding: 0px;}
.search .check  input{padding: 10px;}
.search .check label{width:150px;}


.search label{width:150px;}
.search p{margin:0px 0; vertical-align:top;}
.search p label{vertical-align:top; }

hr{margin: 5px 0; line-height:1px; background:#ccc;}

.space{display:block; margin:10px 20px 5px 0;}

.btn{background:url(../images/btn.png) 0 0 no-repeat; border:none; height:31px; width:134px; color:#ffffff; cursor:pointer;}
.btn-video{background:url(../images/TV.gif) 0 0 no-repeat; border:none; height:41px; color:#ffffff; cursor:pointer; padding:0 0 0 42px;}
.btn-print{background:url(../images/print.gif) 0 0 no-repeat; border:none; height:19px; color:#ffffff; cursor:pointer; padding:0 0 0 22px;}
.btn-mail{background:url(../images/mail.gif) 0 0 no-repeat; border:none; height:19px; color:#ffffff; cursor:pointer; padding:0 0 0 22px;}



a.item-latest{background:#4C8FC1; display:block; color:#fff; position:relative; height:160px;}
a.item-latest span.photo{width:150px; height:112px; display:block; text-align:center; background:#494949;overflow:hidden;}
a.item-latest span.city{position:absolute; top:118px; left:10px; display:block; font-size:16px;}
a.item-latest span.price{position:absolute; top:135px; left:10px; display:block; font-size:14px;font-weight:bold;}

a.item-search{display:block; color:#ffffff; margin:0 0 10px 0;}
a.item-search:hover{background:#555; text-decoration:none;}
a.item-search span.photo{width:150px; height:112px; display:block; text-align:center; background:#494949;overflow:hidden;}
a.item-search span.city{background:#4C8FC1; padding: 0 0 0 10px; display:block; font-size:16px; line-height:25px}
a.item-search span.price{padding: 0 0 0 10px;  display:block; font-size:14px; line-height:23px; font-weight:bold;}
a.item-search p{border-top: solid 1px #cccccc; margin:0; padding:0 0 0 3px; height:71px; overflow:hidden;}


/**** ITEM ******/
.pricecontainer{position:relative; padding-top:10px; height:50px;}
.pricecontainer .subtitle{}
.pricecontainer .price{display:block; font-size:22px; line-height:30px; font-weight:bold; letter-spacing:0.1em;}
.pricecontainer .btn-video{position:absolute; left:300px; top:10px;}

.mailprintcontainer{position:relative; height:23px;}
.mailprintcontainer .btn-print{position:absolute;}
.mailprintcontainer .btn-mail{position:absolute; left:350px}
.mailprintcontainer #facebook{position:absolute; left:200px;}

.contentcontainer{position:relative; padding-bottom:50px;}
.btnAddress{margin-top:10px; background:url(../images/adres1.gif) 0 0 no-repeat; width:272px; height:31px; line-height:31px; border:none; cursor:pointer; color:#ffffff;}
.btnAddress:hover{margin-top:10px; background:url(../images/adres2.gif) 0 0 no-repeat; cursor:pointer;}
.btnBezoek{margin-top:10px; bottom: 10px; left:250px; background:url(../images/pand1.gif) 0 0 no-repeat; width:272px; height:31px; line-height:31px; border:none; cursor:pointer; color:#ffffff;}
.btnBezoek:hover{margin-top:10px; background:url(../images/pand2.gif) 0 0 no-repeat; cursor:pointer;}

.btnLogin{background:url(../images/login1.gif) 0 0 no-repeat; width:272px; height:31px; line-height:31px; margin:10px 0; border:none; cursor:pointer; color:#ffffff;}
.btnLogin:hover{background:url(../images/login2.gif) 0 0 no-repeat; cursor:pointer;}

.btnGray{margin-top:10px; background:url(../images/gray1.gif) 0 0 no-repeat; width:272px; height:31px; line-height:31px; border:none; cursor:pointer; color:#ffffff;}
.btnGray:hover{margin-top:10px; background:url(../images/gray2.gif) 0 0 no-repeat; cursor:pointer;}


a.meerinfo{background:url(../images/meerinfo.jpg) 0 2px no-repeat; padding-left:20px;color:#ffffff;font-size:14px;}

.itemdetails{position:relative; height:150px; display:block;}
.itemdetails .hide{visibility:hidden;}

.itemdetails .slaapkamers   {position:absolute; top:30px; line-height:55px; border-bottom:solid 1px #ffffff; padding-left:45px; height:40px; width:100px; display:block; background:url(../images/slaapkamer.gif) 10px 15px no-repeat;}
.itemdetails .badkamers     {position:absolute; top:60px; line-height:55px; border-bottom:solid 1px #ffffff; padding-left:45px; height:40px; width:100px; display:block; background:url(../images/badkamer.gif)   10px 15px no-repeat;}
.itemdetails .garages       {position:absolute; top:90px; line-height:55px; border-bottom:solid 1px #ffffff; padding-left:45px; height:40px; width:100px; display:block; background:url(../images/garage.gif)     10px 15px no-repeat;}
.itemdetails .restcontainer {position:absolute; top:54px; left:150px; width:100%;}
.itemdetails .restcontainer .rest{width:320px; border-bottom:solid 1px #ffffff; height:25px; line-height:25px; display:block;}
.itemdetails .restcontainer .rest .title{position:absolute; left:0;}
.itemdetails .restcontainer .rest span{position:absolute; left:150px;}


.btnSnelZoeken{background:url(../images/snelzoek1.gif) 0 0 no-repeat; width:134px; height:31px; line-height:31px; border:none; cursor:pointer; color:#ffffff;}
.btnSnelZoeken:hover{background:url(../images/snelzoek2.gif) 0 0 no-repeat; cursor:pointer;}
.btnUitgebreidZoeken{background:url(../images/uitgebreid1.gif) 0 0 no-repeat; width:149px; height:29px; line-height:31px; border:none; cursor:pointer; color:#ffffff;}
.btnUitgebreidZoeken:hover{background:url(../images/uitgebreid2.gif) 0 0 no-repeat; cursor:pointer;}


.btnJa{background:url(../images/uitgebreid1.gif) 0 0 no-repeat; width:149px; height:29px; line-height:31px; border:none; cursor:pointer; color:#ffffff;}
.btnJa:hover{background:url(../images/uitgebreid2.gif) 0 0 no-repeat; cursor:pointer;}


.btnUitgebreidZoeken{}


/* MODAL POPUP */
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border:solid 1px #494949;
}
.modalPopupBg{background-color:#222222; filter:alpha(opacity=70); opacity:0.7;}
.modalPopup{background-color:#494949; border:solid 1px #6a6a6a; padding:20px 0; width:630px; position:relative;}
.modalPopup .btnClose{position:absolute; top:5px; right:5px; cursor:pointer; border:none;background:none;}


.white .white:hover{color:#ffffff; text-decoration:underline;}
.medewerker{background:url(../images/mail.gif) 110px 10px no-repeat; padding-left:140px; height:40px; }
.medewerker a, .medewerker a:hover{color:#ffffff; text-decoration:underline; }
.medewerker span{text-decoration:none;}



/***************  PAGES  ***************/
.pages{clear:both; width:100%; text-align:left; position:relative; padding:20px 0; margin:0;}
.pages a{text-decoration:none;}
.page,
.page:hover{font-size:12px; font-weight:normal; padding:3px; margin:0 2px; border:solid 1px #ccc; /*background:#eee;*/}
.page:hover{color:#ffffff; background:#4C8FC1; border:solid 1px #4C8FC1;}
.page_selected,
.page_selected:hover{color:#ffffff; font-size:13px; font-weight:bold; padding:8px; margin:0 2px; background:#4C8FC1; border:solid 1px #4C8FC1; }