/***********************************************//* HTML tag styles *//***********************************************/
body{font-family: Arial,sans-serif; color: #FFFFFF; font-size: 10px; line-height: 18px; margin: 0px; padding: 0px; background-color: #000000; } 
headings{font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin: 0px; padding: 0px; background-color: #000000; }
#toplevel { position: relative; width: 1000px; margin: 0 auto; /* to centre compliant browsers */ text-align: left; /* to reset text alignment to default */ vertical-align: top; background: url(gfx/back.jpg); }

/******* hyperlink and anchor tag styles *******/
a:link, a:visited{color: #FFFFFF; text-decoration: none;} 
a:hover{color: #7f7f7f; text-decoration: none;}
a.speciaal:link, a.speciaal:visited{color: #FFFFFF; font-weight: bold; text-decoration: none;} a.speciaal:hover{}

/************** header tag styles **************/
h1 { color: #FFFFFF; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 18px; font-weight: bold; }
h2 { color: #FFFFFF; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 12px; font-weight: bold; }
h3 { color: #80b8f7; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 16px; font-weight: bold; }

/***********************************************//* Layout Divs *//***********************************************/
#intro { position:absolute; top: 0px; left: 0px; width: 1000px; padding: 0px 0px 0px 0px; font-size: 11px; color: #272727; font-family: Arial, Helvetica, sans-serif; line-height: 14px; z-index: 0; height: 650px; }
#muziek { position:absolute; top: 655px; left: 0px; width: 155px; padding: 0px 0px 0px 0px; font-size: 11px; color: #272727; font-family: Arial, Helvetica, sans-serif; line-height: 14px; z-index: 1; height: 20px; }
#button_home { position:absolute; top: 12px; left: 200px; width: 493px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #9c9a9b; line-height: 22px; z-index: 2; height: 20px; }
#feature_penthouses { position:absolute; top: 180px; left: 45px; width: 300px; padding: 20px 600px 0px 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; z-index: 3; background: url(gfx/back_penthouses.jpg); height: 410px; }
#feature_saffier { position:absolute; top: 180px; left: 45px; width: 300px; padding: 20px 600px 0px 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; z-index: 3; background: url(gfx/back_saffier.jpg); height: 410px; }
#feature_saffierde { position:absolute; top: 180px; left: 45px; width: 300px; padding: 20px 600px 0px 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; z-index: 3; background: url(gfx/back_saffierde.jpg); height: 410px; }
#feature_smaragd { position:absolute; top: 180px; left: 45px; width: 300px; padding: 20px 600px 0px 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; z-index: 3; background: url(gfx/back_smaragd.jpg); height: 410px; }
#feature_smaragdde { position:absolute; top: 180px; left: 45px; width: 300px; padding: 20px 600px 0px 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; z-index: 3; background: url(gfx/back_smaragdde.jpg); height: 410px; }
#feature_robijn { position:absolute; top: 180px; left: 45px; width: 300px; padding: 20px 600px 0px 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; z-index: 3; background: url(gfx/back_robijn.jpg); height: 410px; }
#feature_robijnde { position:absolute; top: 180px; left: 45px; width: 300px; padding: 20px 600px 0px 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; z-index: 3; background: url(gfx/back_robijnde.jpg); height: 410px; }
#feature_prijslijst { position:absolute; top: 180px; left: 45px; width: 300px; padding: 20px 600px 0px 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; z-index: 3; background: url(gfx/back_prijslijst.jpg); height: 410px; }
#feature_prijslijstde { position:absolute; top: 180px; left: 45px; width: 300px; padding: 20px 600px 0px 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; z-index: 3; background: url(gfx/back_prijslijstde.jpg); height: 410px; }
#feature_omgeving { position:absolute; top: 180px; left: 45px; width: 300px; padding: 20px 600px 0px 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; z-index: 3; background: url(gfx/back_omgeving.jpg); height: 410px; }
#feature_locatie { position:absolute; top: 180px; left: 45px; width: 300px; padding: 20px 600px 0px 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; z-index: 3; background: url(gfx/back_locatie.jpg); height: 410px; }
#feature_contact { position:absolute; top: 180px; left: 45px; width: 890px; padding: 20px 10px 0px 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; z-index: 3; background: url(gfx/back_contact.jpg); height: 410px; }
#tekst_home { position:absolute; top: 65px; left: 400px; width: 510px; padding: 0px 0px 0px 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 4; height: 50px; }
#makelaar { position:absolute; top: 434px; left: 691px; width: 210px; padding: 0px 0px 0px 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; z-index: 5; background-color: #000000; height: 60px; }
#logo { position:absolute; top: 50px; left: 45px; width: 325px; padding: 0px 0px 0px 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; z-index: 6; background-color: #000000; height: 52px; }
#slideshow { position:absolute; top: 180px; left: 45px; width: 910px; padding: 0px 0px 0px 0px; font-size: 11px; color: #272727; font-family: Arial, Helvetica, sans-serif; line-height: 14px; z-index: 7; }
#copy { position:absolute; top: 625px; left: 45px; width: 300px; padding: 0px 0px 0px 0px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #7f7f7f; line-height: 22px; z-index: 8; height: 25px; }
#vlaggen { position:absolute; top: 630px; left: 900px; width: 100px; padding: 0px 0px 0px 0px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #7f7f7f; line-height: 22px; z-index: 9; height: 20px; }
#logo_heddes { position:absolute; top: 140px; left: 842px; width: 113px; padding: 0px 0px 0px 0px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #7f7f7f; line-height: 22px; z-index: 10; height: 31px; }
#links { position:absolute; top: 200px; left: 400px; width: 300px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; line-height: 24px; z-index: 11; height: 400px; }
#maps { position:absolute; top: 378px; left: 57px; width: 301px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; line-height: 24px; z-index: 12; height: 220px; }
#menu {
	list-style: none;
 padding: 0; margin: 0; width: 950px;
 height: 290px; no-repeat;
 position: relative;
}

#menu span { display: none;
 position: absolute;
}

#menu a { display: block; text-indent: -900%; position: absolute; outline: none;
}

#menu a:hover {
	background-position: left bottom;
}

#menu a:hover span{ display: block;
}

#menu .site { width: 105px; height: 35px;
 background: url(gfx/button_site1.jpg) no-repeat; left: 895px; top: 650px;
}

#menu .site span { width: 105px;
 height: 35px; background: url(gfx/button_site2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menu .home { width: 41px; height: 25px; background: url(gfx/button_home.jpg) no-repeat;
 left: 45px; top: 140px;
}

#menu .home span { width: 41px;
 height: 25px;
 background: url(gfx/button_home2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu .penthouses { width: 83px; height: 25px;
 background: url(gfx/button_penthouses.jpg) no-repeat; left: 136px; top: 140px;
}

#menu .penthouses span { width: 83px;
 height: 25px; background: url(gfx/button_penthouses2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menu .locatie { width: 50px; height: 25px; background: url(gfx/button_locatie.jpg) no-repeat;
 left: 269px; top: 140px;
}

#menu .locatie span { width: 50px;
 height: 25px;
 background: url(gfx/button_locatie2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu .omgeving {
 width: 71px; height: 25px; background: url(gfx/button_omgeving.jpg) no-repeat;
 left: 369px; top: 140px;
}

#menu .omgeving span { width: 71px; height: 25px; background: url(gfx/button_omgeving2.jpg) no-repeat; left: 0px; top: 0px;
}

#menu .downloads { width: 113px; height: 25px; background: url(gfx/button_verkoopstukken.jpg) no-repeat;
 left: 490px; top: 140px;
}

#menu .downloads span { width: 113px;
 height: 25px;
 background: url(gfx/button_verkoopstukken2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu .contact { width: 54px; height: 25px; background: url(gfx/button_contact.jpg) no-repeat;
 left: 653px; top: 140px;
}

#menu .contact span { width: 54px;
 height: 25px;
 background: url(gfx/button_contact2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu .home2 { width: 41px; height: 25px; background: url(gfx/button_home2.jpg) no-repeat;
 left: 45px; top: 140px;
}

#menu .home2 span { width: 41px;
 height: 25px;
 background: url(gfx/button_home2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu .penthouses2 { width: 83px; height: 25px;
 background: url(gfx/button_penthouses2.jpg) no-repeat; left: 136px; top: 140px;
}

#menu .penthouses2 span { width: 83px;
 height: 25px; background: url(gfx/button_penthouses2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menu .locatie2 { width: 50px; height: 25px; background: url(gfx/button_locatie2.jpg) no-repeat;
 left: 269px; top: 140px;
}

#menu .locatie2 span { width: 50px;
 height: 25px;
 background: url(gfx/button_locatie2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu .omgeving2 {
 width: 71px; height: 25px; background: url(gfx/button_omgeving2.jpg) no-repeat;
 left: 369px; top: 140px;
}

#menu .omgeving2 span { width: 71px; height: 25px; background: url(gfx/button_omgeving2.jpg) no-repeat; left: 0px; top: 0px;
}

#menu .downloads2 { width: 113px; height: 25px; background: url(gfx/button_verkoopstukken2.jpg) no-repeat;
 left: 490px; top: 140px;
}

#menu .downloads2 span { width: 113px;
 height: 25px;
 background: url(gfx/button_verkoopstukken2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu .contact2 { width: 54px; height: 25px; background: url(gfx/button_contact2.jpg) no-repeat;
 left: 653px; top: 140px;
}

#menu .contact2 span { width: 54px;
 height: 25px;
 background: url(gfx/button_contact2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menude {
	list-style: none;
 padding: 0; margin: 0; width: 950px;
 height: 290px; no-repeat;
 position: relative;
}

#menude span { display: none;
 position: absolute;
}

#menude a { display: block; text-indent: -900%; position: absolute; outline: none;
}

#menude a:hover {
	background-position: left bottom;
}

#menude a:hover span{ display: block;
}

#menude .site { width: 105px; height: 35px;
 background: url(gfx/button_site1.jpg) no-repeat; left: 895px; top: 650px;
}

#menude .site span { width: 105px;
 height: 35px; background: url(gfx/button_site2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menude .home { width: 41px; height: 25px; background: url(gfx/button_home.jpg) no-repeat;
 left: 45px; top: 140px;
}

#menude .home span { width: 41px;
 height: 25px;
 background: url(gfx/button_home2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menude .penthouses { width: 83px; height: 25px;
 background: url(gfx/button_penthouses.jpg) no-repeat; left: 136px; top: 140px;
}

#menude .penthouses span { width: 83px;
 height: 25px; background: url(gfx/button_penthouses2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menude .ort { width: 21px; height: 25px; background: url(gfx/button_ort.jpg) no-repeat;
 left: 269px; top: 140px;
}

#menude .ort span { width: 21px;
 height: 25px;
 background: url(gfx/button_ort2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menude .umgebung {
 width: 76px; height: 25px; background: url(gfx/button_umgebung.jpg) no-repeat;
 left: 340px; top: 140px;
}

#menude .umgebung span { width: 76px; height: 25px; background: url(gfx/button_umgebung2.jpg) no-repeat; left: 0px; top: 0px;
}

#menude .downloads { width: 138px; height: 25px; background: url(gfx/button_verkaufsunterlagen.jpg) no-repeat;
 left: 466px; top: 140px;
}

#menude .downloads span { width: 138px;
 height: 25px;
 background: url(gfx/button_verkaufsunterlagen2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menude .kontakt { width: 54px; height: 25px; background: url(gfx/button_kontakt.jpg) no-repeat;
 left: 654px; top: 140px;
}

#menude .kontakt span { width: 54px;
 height: 25px;
 background: url(gfx/button_kontakt2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menude .home2 { width: 41px; height: 25px; background: url(gfx/button_home2.jpg) no-repeat;
 left: 45px; top: 140px;
}

#menude .home2 span { width: 41px;
 height: 25px;
 background: url(gfx/button_home2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menude .penthouses2 { width: 83px; height: 25px;
 background: url(gfx/button_penthouses2.jpg) no-repeat; left: 136px; top: 140px;
}

#menude .penthouses2 span { width: 83px;
 height: 25px; background: url(gfx/button_penthouses2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menude .ort2 { width: 21px; height: 25px; background: url(gfx/button_ort2.jpg) no-repeat;
 left: 269px; top: 140px;
}

#menude .ort2 span { width: 21px;
 height: 25px;
 background: url(gfx/button_ort2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menude .umgebung2 {
 width: 76px; height: 25px; background: url(gfx/button_umgebung2.jpg) no-repeat;
 left: 340px; top: 140px;
}

#menude .umgebung2 span { width: 76px; height: 25px; background: url(gfx/button_umgebung2.jpg) no-repeat; left: 0px; top: 0px;
}

#menude .downloads2 { width: 138px; height: 25px; background: url(gfx/button_verkaufsunterlagen2.jpg) no-repeat;
 left: 466px; top: 140px;
}

#menude .downloads2 span { width: 138px;
 height: 25px;
 background: url(gfx/button_verkaufsunterlagen2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menude .kontakt2 { width: 54px; height: 25px; background: url(gfx/button_kontakt2.jpg) no-repeat;
 left: 654px; top: 140px;
}

#menude .kontakt2 span { width: 54px;
 height: 25px;
 background: url(gfx/button_kontakt2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }


#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }


#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; }

#imageContainer> #hoverNav{ left: 0;}

#hoverNav a{ outline: none;}


#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:link, #prevLink:visited:link { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:link, #nextLink:visited:link { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }


#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	


#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/************** feature styles *****************/
#feature { position:absolute; top: 120px; left: 235px; width: 625px; padding: 20px 125px 0px 15px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #363636; line-height: 16px; background-image: url("gfx/backdown2.jpg"); height: 1120px; }
#feature2 { position:absolute; top: 120px; left: 235px; width: 715px; padding: 20px 35px 0px 15px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #363636; line-height: 16px; background-image: url("gfx/backdown2.jpg"); height: 1120px; }
#feature h1 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; }
#feature h3 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #071358; }
#feature h4 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; border-bottom-style: dotted; border-bottom-color: #666666; border-bottom-width: 1px; }
#feature h5 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#feature h6 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; border-top-color: #999999; border-top-width: 1px; border-top-style: dotted; }

/************** pageName styles ****************/
#pageName { padding: 0px 0px 14px 10px; margin: 0px; border-bottom: 1px solid #ccd2d2; }
#pageName h2 { font: bold 175% Arial,sans-serif; color: #000000; margin:0px; padding-top: 0px; }

/************ sideMenuHeader styles **************/
#sideMenuHeader{ border-bottom-style: dotted; font-size: 16px; color: #000099; border-bottom-width: 2px; font-family: Arial, Helvetica, sans-serif; border-bottom-color: #CCCCCC; text-align: right; display: block; font-weight: bold; padding: 5px 0px 5px 0px; }
#sideSubMenuHeader { font-size: 12px; color: #000099; border-bottom-width: 1px; border-bottom-style: dotted; font-family: Arial, Helvetica, sans-serif; border-bottom-color: #CCCCCC; text-align: right; display: block; font-weight: bold; padding: 5px 0px 5px 0px; line-height: 14px; }