/* CSS DOC - Belim website 2007		 								*/
/* commonstyle.css													*/


a.klikdoor { display: block; width:320px; height:320px; position:absolute; top:60px; left:254px; z-index:10000;}
a.klikdoor span { display: none;}

#batibouwactie2011 { position:absolute; top:59px; left:396px; width:200px; height:305px; display:block; background: url(../image/batibouwactie-label.png) no-repeat; z-index:10000;}
#batibouwactie2011 span { display:none;}

.elle { position:absolute; top:352px; left:423px; }

#copy { font-size:10px; position: absolute; bottom:-26px; left:16px; color:#454849; }
#copy a { color:#454849; }
#copy a:hover { color:#fff;}

/* 	------------------------------------------------------------	*/
/* 	standard TAGS													*/
/* 	------------------------------------------------------------	*/

body { background: #2d3235 url(../image/backmain-grijs.gif) repeat-x; padding:0; margin:0; color: #485056; font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 { font: bold normal 12px/normal "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin: 0px 0px 6px 0px; text-decoration: none; clear: both; color:#fff; text-transform:uppercase; }
h2 { font: bold normal 11px/normal "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin: 0px 0px 6px 0px; text-decoration: none; clear: both; color:#fff; }
p { padding:0; margin:0; }
a { color:#b6c5cc; outline: none; }
a:hover { color:#fff; text-decoration:none; }
a:active {outline: none;}
.small { font: normal 9px/normal "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin: 0; text-decoration: none; }

/* 	------------------------------------------------------------	*/
/* 	BS (basic structure)											*/
/* 	------------------------------------------------------------	*/

	#cage { position: absolute; top: 50%; left: 50%; width:920px; height:520px; margin-top: -260px; margin-left: -460px; }

/* 	------------------------------------------------------------	*/
/* 	TOP																*/
/* 	------------------------------------------------------------	*/

	#top { width:904px; height:50px; float:left; clear:both; padding: 10px 0px 0px 16px; margin:0; }

/* 	------------------------------------------------------------	*/
/* 	ZONE 1															*/
/* 	------------------------------------------------------------	*/

#zone1 { float:left; width:218px; height:434px; border: 1px solid #454849; font: normal 11px/14px "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 10px 0px 16px 14px; margin: 0px 19px 0px 0px;}
#nav { padding:0; margin:0; width:218px; }
#nav li { list-style: none; margin:0; padding:0; }
#nav li a { text-decoration: none; color:#aeb2b4; display:block; padding: 2px; margin:0; outline: none; width:206px; }
#nav li a.small { text-decoration: none; display:block; padding: 0.20em; font: normal 10px/normal "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;}
#nav li a:hover { text-decoration: none; color:#fff; }
#nav li a:active {outline: none; }
#nav li .none { text-decoration: none; color:#fff; }

.subnav { padding: 0 0 0 8px; margin: 0; }
.subnav li { list-style: none; margin: 0; padding: 0; }
.subnav li a { text-decoration: none; color:#a2bdd0; display:block; padding: 0; }
.subnav li a:hover { text-decoration: none; color:#fff; }
.subnav li a:active {outline: none;}
.subnav li .none { text-decoration: none; color:#fff; padding: 0.25em; }

.lijst {padding: 0; margin: 0;}
.lijst li {list-style: none; margin: 0; padding: 0;}
.lijst li a { text-decoration: none; color:#a2bdd0; display:block; padding: 0.20em; }
.lijst li a:hover { text-decoration: none; color:#fff; }

#specials { position: absolute; top:400px; left:16px; padding: 0; margin: 0; width:200px; }
#specials li { list-style: none; margin: 0; padding: 2px 0px; }
#specials li a { text-decoration: none; color:#aeb2b4; display:block; padding: 0.20em; border-top:1px solid #454849; }
#specials li a:hover { text-decoration: none; color:#fff; } 
#specials li a:active {outline: none;}
#specials li .none { text-decoration: none; color:#fff; border:none; }

/* 	------------------------------------------------------------	*/
/* 	ZONE 2															*/
/* 	------------------------------------------------------------	*/

#zone2 { width:320px; height:460px; float:left; border: 1px solid #fff; padding:0; margin: 0px 19px 0px 0px; background:#fff; font: normal 11px/normal "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;}
#zone2form { width:308px; height:448px; float:left; border: 1px solid #fff; background: #eee url(../image/backform.gif) repeat-x; padding: 6px; margin: 0px 19px 0px 0px; font: normal 11px/normal "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; }
		
.table_reageer { width:100%; border:none; border-collapse:collapse; }
.table_reageer td { padding: 2px 5px; vertical-align:top; }
.formCSS { font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333333; background-color: #fff; border: 0px; text-decoration: none; width: 290px; font-size: 12px; margin:0; padding:2px; }
.formCSSgemeente { font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333333; background-color: #fff; border: 0px; text-decoration: none; width: 194px; margin: 0px 8px 0px 0px; padding:2px; font-size: 12px; }
.formCSSpc { font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333333; background-color: #fff; border: 0px; text-decoration: none; width: 80px; font-size: 12px; margin:0; padding:2px; }

a.verzenden { color:#0e435f; background: #eee url(../image/backformbutton.gif) repeat-x; padding:4px 8px; margin:0; text-decoration:none; line-height: 24px; border: 3px solid #fff; }
a.verzenden:hover { color:#fff; background-color:#0D425E; background-position: -100px 0; text-decoration:none; line-height: 24px; }
a.verzenden:active {outline: none;}

#zone2route { width:664px; height:450px; float:left; border: 1px solid #fff; padding: 10px 0 0 0; margin: 0; background:#fff; text-align:center; vertical-align:middle; }
#zone2sitemap { width:320px; height:460px; float:left; margin: 0px 19px 0px 0px; font: normal 11px/16px "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CED8DD; overflow:hidden; }

/* 	------------------------------------------------------------	*/
/* 	ZONE 2: REFERENTIELIJST											*/
/* 	------------------------------------------------------------	*/

#zone2ref { width:300px; height:460px; float:left; border: 1px solid #fff; padding:0; margin: 0px 19px 0px 0px; background:#fff; font: normal 11px/normal "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; }
#zone2reffoto { width:300px; float:left; border: 1px solid #fff; padding:0; margin: 0px 19px 0px 0px; background:#fff; }

#reftop { background:#41494b; height:24px; padding: 5px 10px 0px 10px; margin: 0px 0px 9px 0px; border: 1px solid #454849; clear:both; }
#reftop .titel  { float: left; }
#reftop .vorigevolgende  { float: right; }


/* 	------------------------------------------------------------	*/
/* 	ZONE 2: TE KOOP													*/
/* 	------------------------------------------------------------	*/

#zone2tekoop { width:540px; float:left; padding:0; margin: 0; border:none; }
.if-tekoop { width:540px; height:460px; border:none; }

/* 	------------------------------------------------------------	*/
/* 	ZONE 2: SLIDESHOW												*/
/* 	------------------------------------------------------------	*/

	#imageSlideshowHolder {
		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 
		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.
		*/
		/* CSS HACK */
		width: 320px;	/* IE 5.x */
		width/* */:/**/320px;	/* Other browsers */
		width: /**/320px;
	
		/* CSS HACK */
		height: 320px;	/* IE 5.x */
		height/* */:/**/320px;	/* Other browsers */
		height: /**/320px;
		
		background-color:#fff;
		/*border:3px solid #317082;*/
		position:relative;	/* Never change this value */
		}
	.imageInGallery{		
		width:320px;
		height:320px;
		background-color:#0e435f;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
		}
	/*#imageSlideshowHolder img {
		position:absolute;
		top: -1px;
		}*/


/* 	------------------------------------------------------------	*/
/* 	ZONE 3															*/
/* 	------------------------------------------------------------	*/

#zone3 { width:320px; height:430px; float:left; font: normal 11px/16px "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CED8DD; overflow:hidden; }
#zone3noscroll { width:320px; height:460px; float:left; font: normal 11px/16px "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CED8DD; }
#zone3scroll { width:320px; height:390px; float:left; font: normal 11px/16px "Lucida Sans Unicode", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CED8DD; overflow:hidden; }

a.leesmeer { color:#fff; background:#41494b; padding: 2px 4px; margin: 0; text-decoration:none; line-height: 24px; }
a.leesmeer:hover { color:#0e435f; background:#fff; padding: 2px 4px; margin: 0; text-decoration:none; line-height: 24px; }
a.leesmeer:active {outline: none;}

.scrolldiv { width:320px; height:20px; float:left; padding: 10px 0px 0px 0px; }

a#scroll_up { background:url(../image/scroll-grijs.gif); background-position: 0px -20px; width:19px; height:20px; padding:0; margin:0; text-decoration:none; display:block; float:left; outline: none; }
a#scroll_down { background:url(../image/scroll-grijs.gif); background-position: 19px -20px; width:19px; height:20px; padding:0; margin:0; text-decoration:none; display:block; float:left; outline: none; }
a#scroll_up:hover {	background-position: 0px 0px; }
a#scroll_down:hover { background-position: 19px 0px; }

a#scroll_up span, a#scroll_down span { display:none; }
a#scroll_up:active, a#scroll_down:active { outline: none; }

/* 	------------------------------------------------------------	*/
/* 	ZONE 3: Fototheek												*/
/* 	------------------------------------------------------------	*/

a.tmb { border: 1px solid #454849; padding: 2px; display: block; float: left; margin: 0px 8px 8px 0px; background-color: #41494b; width: 40px; height: 40px; }
a.tmb:hover {background-color: #fff;}

.fototheek-logobelim { padding:0; margin: 12px 0px 0px 6px; float:left; } 
#zone2 #left { float:right; margin: 26px 0px 0px 0px; }
#zone2 #right { float:right; margin: 26px 10px 0px 2px; }

/* 	------------------------------------------------------------	*/
/* 	ZONE 2/3: Belim in Beeld										*/
/* 	------------------------------------------------------------	*/

a.perstmb { padding: 2px; background-color: #84AAC4; width: 60px; height: 60px; float:left; }
a.perstmb:hover {background-color: #fff;}

.btn-pdf, .btn-pdfH { width:310px; height:60px; border:1px solid #454849; padding:4px; margin: 0px 0px 8px 0px; overflow:hidden; }
.btn-pdf a{ color:#ededed; text-decoration: none; }
.btn-pdf:hover, .btn-pdfH { border-color:#fff; background: #B1C0C9 url(../image/backpdfdownload.gif) repeat-x; cursor:pointer; }
.btn-pdf:hover a, .btn-pdfH a { color:#333; }
.btn-pdf-img { float:left; margin: 0px 10px 0px 0px; }

#enquete { background:#fff url(../image/enquete-ster.jpg) no-repeat left bottom; width:290px; height:290px; border:5px solid #a1cc00; text-align:center; padding: 10px; }
#enquete h2 { color:#a1cc00; font-family: tahoma, Arial, Helvetica, sans-serif; font-size:22px; font-style:normal; font-weight: lighter; }
#enquete p { font: 13px/20px Helvetica, Arial,sans-serif; color:#1e1619; padding: 0 0 10px 0; }
#enquete a img { border:none; }

.inlezen { color: #FFFFFF; padding: 40px 0 0 40px; font-size:12px; }


/* 	------------------------------------------------------------	*/
/* 	ENQUETE															*/
/* 	------------------------------------------------------------	*/
#popup-enquete { position:absolute; left:145px; top:80px; z-index:10; width:540px; height: 400px; background-color:#fff; border:5px solid #a1cc00; display:none; }
#popup-enquete p { font: 12px/17px Helvetica, Arial,sans-serif; color:#1e1619; padding:0 20px; margin-bottom:10px; } 
#popup-enquete ol { font: bold 12px/17px Helvetica, Arial,sans-serif; color:#1e1619; margin-left:15px; } 
#popup-close { position:absolute; right: 0px; top: 0px; }
#popup-enquete h2 { text-indent:-9999px; display:block; width:455px; margin:0; padding:0; }
#popup-enquete h2 { background: url(../image/enquete-titel.gif) no-repeat top center; height:65px; margin-top:10px; }
#popup-enquete img, #popup-enquete a, #popup-enquete a:link, #popup-enquete a:visited { border:none; }
#enquete-ster { position:absolute; right: 0px; bottom: 0px; }
#enquete-start { position:absolute; left: 280px; bottom: 50px; }