/* paulacss.css  11 Sep 08  ( taken from pamcss.css   8 feb 08) */
/*               30 Nov 08  use overflow-y:scroll to force vert scroll bar in FF3 */

html {overflow-y: scroll;} /* force scroll bar to prevent screen width changing in FF3*/

body {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; background-color: #95ACD5; margin: 0px; padding: 0px;
	  text-align: center;  /* for centering in IE5 */
}
#outerdiv { position:relative; width: 950px; height: 580px; margin-left: auto; margin-right: auto; top: 5px; text-align:left; 
	 		background-color: #FFFFFF; border-width: 0px; border-color: #000000; border-style: solid; 
			z-index: 99; visibility: visible;
}

/* divisions */
#headerdiv { position: absolute; width: 950px; height: 100px; z-index: 90; left:  0px; top: 0px;}

#bkgddiv { position: absolute; width: 950px; height: 500px; z-index: 90; left:  0px; top: 100px;
			background:url(img/bkgd04.jpg);}
#bkgdPage4div { position: absolute; width: 950px; height: 720px; z-index: 90; left:  0px; top: 100px;
			background:url(img/bkgd04.jpg);}

#piccoldiv { position: absolute; width: 360px; height: 500px; z-index: 90; left:  200px; top: 0px; }

#textcolEnglishdiv { position: absolute;  left:  560px; top: 0px; width: 390px; height: 500px; z-index: 90; visibility: hidden;}
#textcolDutchdiv { position: absolute;  left:  560px; top: 0px; width: 390px; height: 500px; z-index: 90; visibility: hidden;}
#textcolGermandiv { position: absolute;  left:  560px; top: 0px; width: 390px; height: 500px; z-index: 90; visibility: hidden;}

#addressdiv { position: absolute; width: 170px; height: 70px; z-index: 94; left: 20px; top: 420px;}

#contactdetailsdiv { position: absolute; width: 440px; height: 100px; z-index: 93; left:  180px; top: 480px;} /* contact page */

/* send button, z must be higher than textdiv */
#senddiv { position: absolute; width: 100px; height: 20px; z-index: 95; left: 405px; top: 420px; text-align: right}

/* flags */
#flag1div { position: absolute; width: 32px; height: 23px; z-index: 95; left: 17px; top: 10px;}
#flag2div { position: absolute; width: 32px; height: 23px; z-index: 95; left: 84px; top: 10px;}
#flag3div { position: absolute; width: 32px; height: 23px; z-index: 95; left: 151px; top: 10px;}

/* menu buttons */
#button1div { position: absolute; width: 180px; height: 42px; z-index: 20; left: 10px; top: 50px;}
#button2div { position: absolute; width: 180px; height: 42px; z-index: 20; left: 10px; top: 101px;}
#button3div { position: absolute; width: 180px; height: 42px; z-index: 20; left: 10px; top: 152px;}
#button4div { position: absolute; width: 180px; height: 42px; z-index: 20; left: 10px; top: 203px;}
#button5div { position: absolute; width: 180px; height: 42px; z-index: 20; left: 10px; top: 254px;}
#button6div { position: absolute; width: 180px; height: 42px; z-index: 20; left: 10px; top: 305px;}
#button7div { position: absolute; width: 180px; height: 42px; z-index: 20; left: 10px; top: 356px;}
/* button text divs need separate IDs because need to identify them in order to change text for languages */
#button1textdiv { position: absolute; width: 160px; height: 30px; z-index: 25; left: 10px; top: 8px;}
#button2textdiv { position: absolute; width: 160px; height: 30px; z-index: 25; left: 10px; top: 8px;}
#button3textdiv { position: absolute; width: 160px; height: 30px; z-index: 25; left: 10px; top: 8px;}
#button4textdiv { position: absolute; width: 160px; height: 30px; z-index: 25; left: 10px; top: 8px;}
#button5textdiv { position: absolute; width: 160px; height: 30px; z-index: 25; left: 10px; top: 8px;}
#button6textdiv { position: absolute; width: 160px; height: 30px; z-index: 25; left: 10px; top: 8px;}
#button7textdiv { position: absolute; width: 160px; height: 30px; z-index: 25; left: 10px; top: 8px;}
/* mask divs overlie button divs (so can keep language text separate from buttons and still get finger cursor), 
   otherwise would need 63 buttons! */
#mask1div { position: absolute; width: 160px; height: 33px; z-index: 30; left: 20px; top: 55px;}
#mask2div { position: absolute; width: 160px; height: 33px; z-index: 30; left: 20px; top: 106px;}
#mask3div { position: absolute; width: 160px; height: 33px; z-index: 30; left: 20px; top: 157px;}
#mask4div { position: absolute; width: 160px; height: 33px; z-index: 30; left: 20px; top: 208px;}
#mask5div { position: absolute; width: 160px; height: 33px; z-index: 30; left: 20px; top: 259px;}
#mask6div { position: absolute; width: 160px; height: 33px; z-index: 30; left: 20px; top: 310px;}
#mask7div { position: absolute; width: 160px; height: 33px; z-index: 30; left: 20px; top: 361px;}

/* text */
.headingclass {
	font-family:  Bookman Old Style, Times New Roman, serif;
	color: #333333;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6em;
	margin: 0px;
	padding: 10px;
}

.textclass { font-family: Bookman Old Style, Times New Roman, serif; color: #000000; font-size: 1.0em; line-height: 1.2em; margin: 0px; padding: 10px;}

/* for enquiry form headers*/
.enqtextclass { font-family: Bookman Old Style, Times New Roman, serif; color: #000000; font-size: 1.0em; margin: 0px; padding: 0px;}

/* for email error text */
.errortextclass { font-family: Courier New, sans-serif; color: #000000; font-size: 0.9em; margin: 0px; padding: 10px;}

.addresstext { color: #333333; font-size: 0.8em; font-weight:bold; line-height: 1.2em; margin: 0px; padding: 0px; }
.greyright { color: #333333; text-align: right; font-size: 0.8em; line-height: 1.2em; margin: 0px; padding: 0px; }
.detailtext { color: #333333; text-align: right; font-size: 0.8em; line-height: 1.4em; margin: 0px; padding: 0px; }

.buttontextclass { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 1.2em; margin: 0px; padding: 0px; text-align:center; }

.sendtextclass { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 0.9em; margin: 0px; padding: 0px;}

/* list in overview page */
ul {list-style-position: inside;}

/* email text boxes, contact page */
.formtext { font-size: 12px; padding: 2px; font-weight: normal; text-align: left; background-color: #F0F0F0; border: none; }
textarea { 	font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px; font-weight: normal; text-align: left; background-color: #F0F0F0; border: none; width: 97%; height: 180px; }

/* link to holiday-rentals, only one */
/* a:link {color: #999999;} */

/* up and down scroller arrows */
#p7sc1Up {position:absolute; left:930px; top:20px; width:18px; height:9px; z-index:103;}
#p7sc1Down {position:absolute; left:930px; top:33px; width:18px; height:9px; z-index:103;}

/* P7 scroller */
#p7scroller1 {position:absolute; width:360px; height:490px; z-index:100; left: 0px; top: 0px; overflow: hidden; clip: rect(0px 360px 490px 0px); visibility: visible;  border: 0px none #000000 }

#p7s1content1 { position: absolute; width: 360px; z-index: 99; left: 0px; top: 0px;}