body {
width:800px;
margin-right:auto;
margin-left:auto;
margin-top:30px;
background-color:#000000;
font-family: sans-serif, Verdana, Arial, Helvetica ;
font-size:12px;
color:#000;
text-align: center;

scrollbar-base-color: #666;
scrollbar-arrow-color: #000;
scrollbar-3dlight-color: #333;
scrollbar-darkshadow-color: #000;
scrollbar-face-color: #C49A10;
scrollbar-highlight-color: #ccc;
scrollbar-track-color: #666;

}

a.link:link {color:#9D7600;font-weight:bold;}
a.link:visited {color: #9D7600;font-weight:bold;}
a.link:hover {text-decoration: none; color: #5C3B06;font-weight:bold;}
a.link:active {color: #5C3B06;text-decoration: none; font-weight:bold;}


a.linkdark:link {color:#CC0000;font-weight:bold;}
a.linkdark:visited {color: #CC0000;font-weight:bold;}
a.linkdark:hover {text-decoration: none; color: #FFCC00;font-weight:bold;}
a.linkdark:active {color: #FFCC00;text-decoration: none; font-weight:bold;}


h1 {
font-size:18px;
color:#5C3B06;
margin-top:20px;
margin-bottom:20px;
margin-left:20px;
font-weight: bold;

      }


 
/* ----- HEADER ----- */
 
#header {
width:800px;
height:50px;
background-color:#000000;
}
 
 
 
/* ----- MAIN CONTENT ----- */
 
 
#content { 
position: absolute;
width:800px;
background-color:#C49A10;
background-image:url(/images/new_home.jpg);
background-repeat: no-repeat;
margin-top:0px;
margin-right:auto;
margin-left:auto;
min-height:600px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:600px; /* for IE5.x and IE6 */
background-color: #FFFFFF;
}

#noscript {
z-index: 999; 
display:block;
top: 52px;
width: 698px; 
height: 498px; 
position: relative;
margin-right:auto;
margin-left:auto;
padding-left: 5px;
background-color:#ccc;
color: #FC3E1A;
text-align: left;
border:2px solid #000;
overflow: auto;
}


body.js-enabled #noscript { 
display: none; 
}

#music {
display:block;
top: 100px;
width: 400px;
height: 60px;
position: relative;
margin-right:auto;
margin-left:auto;

}


#contentvuur { 
position: absolute;
width:800px;
background-color:#C49A10;
background-image:url(/images/kader-vuur.jpg);
background-repeat: no-repeat;
margin-top: 0px; 
margin-right:auto;
margin-left:auto;
min-height:600px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:600px; /* for IE5.x and IE6 */
background-color: #000;
}


#contentaarde { 
position: absolute;
width:800px;
background-color:#C49A10;
background-image:url(/images/kader-aarde.jpg);
background-repeat: no-repeat;
margin-top: 0px; 
margin-right:auto;
margin-left:auto;
min-height:600px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:600px; /* for IE5.x and IE6 */
background-color: #FFFFFF;
}


#contentmetaal { 
position: absolute;
width:800px;
background-color:#C49A10;
background-image:url(/images/kader-metaal.jpg);
background-repeat: no-repeat;
margin-top: 0px; 
margin-right:auto;
margin-left:auto;
min-height:600px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:600px; /* for IE5.x and IE6 */
background-color: #000;
}


#contentwater { 
position: absolute;
width:800px;
background-color:#C49A10;
background-image:url(/images/kader-water.jpg);
background-repeat: no-repeat;
margin-top: 0px; 
margin-right:auto;
margin-left:auto;
min-height:600px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:600px; /* for IE5.x and IE6 */
background-color: #000;
}

#contenthout { 
position: absolute;
width:800px;
background-color:#C49A10;
background-image:url(/images/kader-hout.jpg);
background-repeat: no-repeat;
margin-top: 0px; 
margin-right:auto;
margin-left:auto;
min-height:600px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:600px; /* for IE5.x and IE6 */
background-color: #000;
}


#contentintro { 
position: absolute;
width:800px;
background-color:#C49A10;
background-image:url(/images/intro.jpg);
background-repeat: no-repeat;
margin-top: 0px; 
margin-right:auto;
margin-left:auto;
min-height:600px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:600px; /* for IE5.x and IE6 */
background-color: #FFFFFF;
}


p.president24 {  
font-family: "president"; 
src: url(http://www.fengshui-agentschap.be/fonts/PRESDNTN.TTF) format("truetype"); 
font-size: 24pt;
color: #000000;
font-weight: bold;
margin-top:0;
margin-bottom:0;
}

p.president16 {  
font-family: "president"; 
src: url(http://www.fengshui-agentschap.be/fonts/PRESDNTN.TTF) format("truetype"); 
font-size: 16pt;
font-weight: bold;
color: #000000;
margin-top:0;
margin-bottom:0;
text-align:left;
}


p.edwardian36{  
font-family: "Edwardian Script ITC"; 
src: url(http://www.fengshui-agentschap.be/fonts/EDWARDIAN.TTF) format("truetype"); 
font-size: 36pt;
color: #000000;
font-weight: bold;
margin-top:0;
margin-bottom:0;
}

p.edwardian24 {  
font-family: "Edwardian Script ITC"; 
src: url(http://www.fengshui-agentschap.be/fonts/EDWARDIAN.TTF) format("truetype"); 
font-size: 24pt;
font-weight: bold;
color: #000000;
margin-top:0;
margin-bottom:0;
text-align:left;
}
div.hyperlink{ 
position:relative;
cursor: pointer;/* modern browsers */ 
cursor: hand; /* IE 5.0 */ 
} 



#intro { 
z-index : 1;
position: relative;
font-family: "Edwardian Script ITC"; 
src: url(http://www.fengshui-agentschap.be/fonts/EDWARDIAN.TTF) format("truetype"); 
font-size: 48pt;
font-weight: lighter;
margin-top:0;
margin-bottom:0;
margin-right:auto;
margin-left:auto;
top: 102px;
width: 696px; 
height: 420px; 
display: block;
}

.fadeElem{height:100px;display:block;position:relative; color: #D5B232;} 
.fadeLink{height:80px; width: 200px; margin-right:auto; margin-left:auto; display:block; position:relative; margin-top:200px; color: #000;} 
.fadeLink:hover{color: #ccc ;cursor: pointer;/* modern browsers */ cursor: hand; /* IE 5.0 */ } 



#loading { 
z-index : 1 ;
font-family: Tahoma, Verdana, Arial, Helvetica ;
font-size:14px;
color:#000;
position: relative;
margin-right:auto;
margin-left:auto;
top: 274px;
width: 50px; 
height: 50px; 
display: block;
background-color:#fff;
background-image: url(/images/loading.gif); 
background-repeat:no-repeat;
background-position:center; 
border:1px solid #000;

}


#delayDIV { 
z-index : 1 ;
font-family: Tahoma, Verdana, Arial, Helvetica ;
font-size:14px;
color:#000;
text-align:left;
position: relative;
margin-right:auto;
margin-left:auto;
top: 42px;
width: 696px; 
height: 496px; 
display: none; 
background-image:url(/images/white80.png); 
padding:10px;
border:1px solid #ccc;
outline:1px solid #333;
overflow:auto;
}

#nodelayDIV { 
z-index : 1 ;
font-family: Tahoma, Verdana, Arial, Helvetica ;
font-size:14px;
color:#000;
text-align:left;
position: relative;
margin-right:auto;
margin-left:auto;
top: 42px;
width: 696px; 
height: 496px; 
display: block; 
background-image:url(/images/white80.png); 
padding:10px;
border:1px solid #ccc;
outline:1px solid #333;
overflow:auto;
}

.right100img {
float:right;
background:#C49A10;
padding:3px;
border: solid 1px #000;
margin-right: 100px;
}

.rightimg {
float:right;
padding:3px;
border: solid 1px #000;
margin-left: 10px;
}

.centerimg {
margin-right:auto;
margin-left:auto;
margin-top: 10px;
margin-bottom: 10px;
display:block;
padding:3px;
border: solid 1px #000;
}

.leftimg {
float:left;
padding:3px;
border: solid 1px #000;
margin-right: 10px;
}

.thumbimg {
height: 10%;
width: 10%;
padding: 3px;
border: none;
}


.thumbimg:hover {
height: 11%;
width: 11%;
}

#vuur {
float: left;
background:#fff;
outline:2px solid #906809;
margin-top:239px;
width: 161px; 
height: 95px; 
opacity: 0.25;
filter: alpha(opacity=25);
-moz-opacity: 0.25;
}

 
#hout {
float: left;
position: relative;
background:#fff;
outline:2px solid #906809;
margin-top:239px;
width: 161px; 
height: 95px; 
opacity: 0.25;
filter: alpha(opacity=25);
-moz-opacity: 0.25;
}
 
#aarde {
float: left; 
position: relative;
background:#fff;
outline:2px solid #906809;
margin-top:239px;
width: 152px; 
height: 95px; 
opacity: 0.25;
filter: alpha(opacity=25);
-moz-opacity: 0.25;
}

#water {
float: left;
position: relative;
background:#fff;
outline:2px solid #906809;
margin-top:239px;
width: 161px; 
height: 95px; 
opacity: 0.25;
filter: alpha(opacity=25);
-moz-opacity: 0.25;
}

#metaal {
float: left; 
position: relative;
background:#fff;
outline:2px solid #906809;
margin-left:6px;
margin-top:239px;
width: 159px; 
height: 95px; 
background: #fff;
opacity: 0.25;
filter: alpha(opacity=25);
-moz-opacity: 0.25;
}



#vuur:hover,
#hout:hover,
#aarde:hover,
#water:hover,
#metaal:hover {
opacity: 0.70;
filter: alpha(opacity=70);
-moz-opacity: 0.70;
}

#element {
background:#fff;
padding:3px;
border:1px solid #333;
outline:2px solid #906809;
margin:1px;
margin-right:auto;
margin-left:auto;
margin-top:60px;
width: 600px; 
height: 400px; 
opacity: 0.25;
filter: alpha(opacity=25);
-moz-opacity: 0.25;
}


#error { 
z-index : 1 ;
font-family: Tahoma, Verdana, Arial, Helvetica ;
font-size:14px;
color:#000;
text-align:left;
position: relative;
margin-right:auto;
margin-left:auto;
top: 42px;
width: 696px; 
height: 496px; 
display: block; 
background-image:url(/images/white80.png); 
padding:10px;
border:1px solid #ccc;
outline:1px solid #333;
overflow:auto;
}


/* ----- Menu ----- */

a, a:visited, a:hover, a:active, a:focus {direction:ltr; outline:0; z-index:2}
#nav {background:#000; height:28px; font:normal 12px/28px arial, verdana, sans-serif; width:696px; margin-top:-30px; margin-right:auto; margin-left:auto; border:1px solid #666;}
#nav ul {margin:0; padding:0; list-style:none; display:inline-block;}
#nav .menu .level1-li {float:left; display:inline; width:116px; margin-top:-32000px;}
#nav .menu a {display:block; width:116px; text-decoration:none; text-align:center; color:#BD9412;}
#nav .menu a.level1-a {position:relative; float:left; display:inline; margin-right:-115px; margin-top:32000px;}
#nav .menu .sub {background:#999; float:left; margin-top:-28px; padding-top:28px; margin-bottom:-32000px;}
#nav .menu .sub a {background:#999; position:relative; margin-right:-1px; color:#333; }
#nav .menu a:hover,
#nav .menu a:focus,
#nav .menu a:active {background:#C49A10; color:#000; margin-right:0; }
#nav .menu .sub:hover {background:#666; float:left; margin-top:-28px; padding-top:28px; margin-bottom:-32000px;}


 
/* ----- FOOTER ----- */
 
 
#footer { 
width:696px;
height:20px;
margin-top:601px;
margin-right:auto; 
margin-left:auto;
background-color:#000000;
border:1px solid #C49A10;
color: #666;
text-align: center;
font-size:11px;
line-height: 20px;

}

a.linkfooter:link {
color: #FFCC00;

}

a.linkfooter:visited, a.linkfooter:active, a.linkfooter:focus{
text-decoration:none;
color: #FFCC00;
}

a.linkfooter:hover {
text-decoration:none;
color: #9D7600;