/* ////////////////
   Standard Layout:
   //////////////// */

body 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
h1
{
	font-size:18px;
	font-weight:bold;
}
h2
{
	font-size:14px;
	font-weight:bold;
}
h3
{
	font-size:12px;
	font-weight:bold;
	color: #996600;
}
li {
	margin-top: 7px;
	margin-bottom: 7px;
}
a
{
	color: #CC0000;
	text-decoration: underline;
}
a:hover
{
	color: #a99b00;
	text-decoration: underline;
}

/* //////////////
   Custom Layout:
   ////////////// */

body.purple
{
	scrollbar-face-color: #0d0536;
	scrollbar-base-color: #0d0536;
	scrollbar-shadow-color: #0d0536;
	scrollbar-darkshadow-color: #0d0536;
	scrollbar-arrow-color: #FFFF99;
	srollbar-track-color: #0d0536;
	background-color: #200333;
}
body.grey
{
	scrollbar-face-color: #dfdecd;
	scrollbar-base-color: #dfdecd;
	scrollbar-shadow-color: #425378;
	scrollbar-darkshadow-color: #dfdecd;
	scrollbar-arrow-color: #425378;
	srollbar-track-color: #dfdecd;
	background-color: #dfdecd;
}
.smalltext
{
	font-size: 10px;
}
.bottomtext
{
	color: #009900;
	font-size: 10px;
}
.error
{
	color: #FF0000;
}
p.gastenboek
{
	border: 1px dashed #000000;
	padding: 5px;
	background-color: #f8e6be;
}
input.gastenboek
{
	width:200px;
	height:20px;
	background-color: #f8e6be;
	border: 1px solid #000000;
}
textarea.gastenboek
{
	width:250px;
	height:50px;
	background-color:#f8e6be;
	border: 1px solid #000000;
	scrollbar-face-color: #fadf98;
	scrollbar-base-color: #fadf98;
	scrollbar-shadow-color: #fadf98;
	scrollbar-darkshadow-color: #fadf98;
	scrollbar-arrow-color: #000000;
	srollbar-track-color: #fadf98;
}
body.grey .bottomtext
{
	color: #000000;
}
.table_dashed
{
	border: #000000 dashed 1px; 
}

/* ///////
   Cursors:
   /////// */

.cursorsleutel
{
	cursor: url(cursors/key.cur);
}


/* ///////////////////////
   Algemene content layer:
   /////////////////////// */

#content
{
	position:relative;
	width: 750px;
	height: 600px;
	z-index: 1;
	margin-left:auto;
	margin-right:auto;
}

/* ////////////////
   Layers Pagina 1:
   //////////////// */

#page1
{
	position: relative;
	width: 100%;
	height: 600px;
	z-index: 1;
	layer-background-image:  url("page1figs/bg_page1.jpg");
	background-image:  url("page1figs/bg_page1.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	border: 1px none #000000;
}

#page1titel
{
	position:absolute;
	width:450px;
	height:105px;
	z-index:1;
	left: 186px;
	top: 130px;
}
#page1poort
{
	position:absolute; width:282px; height:314px; z-index:2; left: 294px; top: 252px;
}
#page1naamplaatje
{
	position:absolute; width:100px; height:53px; z-index:3; left: 218px; top: 410px;
}
#page1naamplaatje2
{
	position:absolute; width:100px; height:53px; z-index:3; left: 541px; top: 430px;
}

/* ////////////////
   Layers Pagina 2:
   //////////////// */

#page2
{
	position:relative;
	width: 100%;
	height: 600px;
	z-index: 1;
	layer-background-image:  url("page2figs/bg_page2.jpg");
	background-image:  url("page2figs/bg_page2.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	border: 1px none #000000;
	text-align:center;
}

#page2engeltje
{
	position:absolute;
	width:111px;
	height:128px;
	z-index:2;
	left: 168px;
	top: 237px;
}
#page2eenhoorn
{
	position:absolute;
	width:126px;
	height:118px;
	z-index:5;
	left: 201px;
	top: 396px;
}
#page2deur
{
	position:absolute;
	width:60px;
	height:99px;
	z-index:7;
	left: 361px;
	top: 396px;
}
#page2tovenaar
{
	position:absolute;
	width:86px;
	height:131px;
	z-index:10;
	left: 536px;
	top: 410px;
}
#page2paddestoelboek
{
	position:absolute;
	width:69px;
	height:80px;
	z-index:10;
	left: 83px;
	top: 480px;
}
#page2mailbox
{
	position:absolute;
	width:53px;
	height:90px;
	z-index:11;
	left: 461px;
	top: 476px;
}

/* ////////////////
   Layers Pagina 3:
   //////////////// */

#page3
{
	position: relative;
	width: 100%;
	height: 855px;
	z-index: 1;
	layer-background-image:  url("page3figs/bg_page3.jpg");
	background-image:  url("page3figs/bg_page3.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	border: 1px none #000000;
}

#page3titel
{
	position:absolute;
	width:388px;
	height:53px;
	z-index:1;
	left: 171px;
	top: 143px;
}
#page3kaars
{
	position:absolute;
	width:114px;
	height:136px;
	z-index:2;
	left: -5px;
	top: 62px;
	background-image: url(page3figs/kaars.gif);
	layer-background-image: url(page3figs/kaars.gif);
	border: 1px none #000000;
}
#page3content
{
	position:absolute;
	width:460px;
	height:305px;
	z-index:3;
	left: 141px;
	top: 216px;
	overflow: auto;
	text-align: left;
	scrollbar-face-color: #788b92;
	scrollbar-base-color: #788b92;
	scrollbar-shadow-color: #788b92;
	scrollbar-darkshadow-color: #788b92;
	scrollbar-arrow-color: #FFFF99;
	srollbar-track-color: #788b92;
}
#page3home
{
	position:absolute;
	width:206px;
	height:120px;
	z-index:4;
	left: 160px;
	top: 542px;
}

/* ////////////////
   Layers Pagina 4:
   //////////////// */

#page4
{
	position: relative;
	width: 100%;
	height: 700px;
	z-index: 1;
	layer-background-image:  url("page4figs/bg_page4.jpg");
	background-image:  url("page4figs/bg_page4.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	border: 1px none #000000;
}

#page4kaars
{
	position:absolute;
	width:159px;
	height:139px;
	z-index:1;
	left: 293px;
	top: 0px;
	background-image: url(page4figs/kaars.gif);
	layer-background-image: url(page4figs/kaars.gif);
	border: 1px none #000000;
}
#page4home
{
	position:absolute;
	width:206px;
	height:120px;
	z-index:2;
	left: 114px;
	top: 554px;
}
#page4titel
{
	position:absolute; width:303px; height:85px; z-index:3; left: 80px; top: 158px;
}
#page4subtitel
{
	position:absolute;
	width:274px;
	height:49px;
	z-index:3;
	left: 455px;
	top: 173px;
}
#page4content1
{
	position:absolute; width:277px; height:224px; z-index:4; left: 99px; top: 252px; overflow: auto;
	text-align: left;
	scrollbar-face-color: #fadf98;
	scrollbar-base-color: #fadf98;
	scrollbar-shadow-color: #fadf98;
	scrollbar-darkshadow-color: #fadf98;
	scrollbar-arrow-color: #000000;
	srollbar-track-color: #fadf98;
}
#page4content2
{
	position:absolute;
	width:332px;
	height:308px;
	z-index:4;
	left: 399px;
	top: 224px;
	overflow: auto;
	text-align: left;
	scrollbar-face-color: #fadf98;
	scrollbar-base-color: #fadf98;
	scrollbar-shadow-color: #fadf98;
	scrollbar-darkshadow-color: #fadf98;
	scrollbar-arrow-color: #000000;
	srollbar-track-color: #fadf98;
}

/* ////////////////
   Layers Pagina 5:
   //////////////// */

#page5
{
	position: relative;
	width: 100%;
	height: 666px;
	z-index: 1;
	layer-background-image:  url("page5figs/bg_page5.jpg");
	background-image:  url("page5figs/bg_page5.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	border: 1px none #000000;
}

#page5titel
{
	position:absolute; width:271px; height:96px; z-index:1; left: 338px; top: 78px;
}

/* ////////////////
   Layers Pagina 6:
   //////////////// */

#page6
{
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
	border: 1px none #000000;
}

#page6content
{
	position:relative;
	width: 750px;
	height: 700px;
	z-index: 1;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#page6header
{
	position:relative;
	text-align: center;
	width: 750px;
}

#page6sitetitel
{
	position:relative; width:449px; height:44px; z-index:1;
	margin-left: auto; margin-right: auto;
	background-image:url(/page6figs/esotericpainting.gif);
}

#page6titel
{
	position:relative; width:442px; height:51px; z-index:1;
	margin-left: auto; margin-right: auto; margin-top: 20px;
}

#page6schildersezel
{
	position:absolute;
	width:250px;
	height:413px;
	top: 189px;
	left: 180px;
	z-index:1;
	background-image: url(/page6figs/schildersezel.gif);
}

#page6schilderij
{
	position:absolute;
	width:300px;
	height:333px;
	top: 140px;
	left: 154px;
	z-index:2;

}

#page6index
{
	position:absolute;
	width:150px;
	height:450px;
	top: 140px;
	z-index:1;
	text-align: center;
	overflow: auto;
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	scrollbar-face-color: #dfdecd;
	scrollbar-base-color: #dfdecd;
	scrollbar-shadow-color: #425378;
	scrollbar-darkshadow-color: #dfdecd;
	scrollbar-arrow-color: #425378;
	srollbar-track-color: #dfdecd;
}

#page6text
{
	position:absolute;
	width:290px;
	height: 400px;
	top: 140px;
	left: 460px;
	z-index:1;
	text-align:left;
	overflow: auto;
	scrollbar-face-color: #dfdecd;
	scrollbar-base-color: #dfdecd;
	scrollbar-shadow-color: #425378;
	scrollbar-darkshadow-color: #dfdecd;
	scrollbar-arrow-color: #425378;
	srollbar-track-color: #dfdecd;
}

#page6koop
{
	position:absolute;
	width:290px;
	height: 70px;
	top: 560px;
	left: 460px;
	z-index:1;
	text-align:left;
	overflow: auto;
	scrollbar-face-color: #dfdecd;
	scrollbar-base-color: #dfdecd;
	scrollbar-shadow-color: #425378;
	scrollbar-darkshadow-color: #dfdecd;
	scrollbar-arrow-color: #425378;
	srollbar-track-color: #dfdecd;
}

#page6home
{
	position:absolute;
	width:150px;
	height:87px;
	z-index:4;
	left: 245px;
	top: 545px;
}

.hints
{
	background-color: #200333;
	border: 1px solid #000000;
	color: #fce48a;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
}