body, body div, body p, body th, body td, body li, body dd    {font-size: x-small; /* false value for WinIE4/5 */voice-family: "\"}\""; /* trick WinIE4/5 into thinking rule is over */voice-family: inherit;   /* recover from trick */font-size: small/* intended value for better browsers */}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd    {font-size:    small/* be nice to Opera */}
body {
margin: 0;
background-color: #EABA6A;
background-image: url(images/wood.jpg);
padding: 0;
}  
body.index #rechter {
background-image: url(images/rechter_1.jpg);
}
html {
height: 100%; margin-bottom: 1px;
}

img, img a, img input {
border : none;
background: none;
}
.error {color:#CC0000;font-size:x-small;}
.input_fout   {border:1px solid #CC0000 !important;}
.text_fout {color: #CC0000 !important;}
/*tekst css*/

abbr, acronym, .help {
color: #000000;
border: none;
text-decoration: none;
background: url(images/line2.gif) repeat-x 100% 100%;
padding-bottom: 1px;
white-space: nowrap;
cursor: help;
}
h1, h2, h3	{
padding : 0.5em 1em 0.5em 0em;
margin : 0;
font-weight : bold;
font-family: Courier, Courier New, mono;
text-transform: uppercase;
}
					
h1	{
font-size : 105%;
margin: 0;
padding: 0;
font-weight: bold;
}
					
h2	{
font-size : 102%;
margin: 0;
padding: 0;
font-weight: normal;
}

h3	{
font-size : 90%;
text-align: right;
font-weight: normal;
margin: 0;
padding: 0;
}				
p	{
font-family: Courier, "Courier New", mono;
margin: 0;
padding: 0;
line-height: 130%;
}

/*links css*/

#linker a:link {
color: #000000;
text-decoration: none;
background: url(images/line.gif) repeat-x 100% 100%;
padding-bottom: 1px;

}

#linker a:visited {
text-decoration: none;
background: url(images/line.gif) repeat-x 100% 100%;
padding-bottom: 1px;

color: #333333;
}
#linker a:hover {
text-decoration: none;
background: url(images/line.gif) repeat-x 100% 100%;
padding-bottom: 1px;

color: #CC0000;
}
#linker a:active {
text-decoration: none;
background: url(images/line.gif) repeat-x 100% 100%;
padding-bottom: 1px;
color: #CC0000;
}

#rechter a:link {
color: #000000;
text-decoration: none;
background: url(images/line.gif) repeat-x 100% 100%;
padding-bottom: 1px;

}

#rechter a:visited {
text-decoration: none;
background: url(images/line.gif) repeat-x 100% 100%;
padding-bottom: 1px;

color: #333333;
}
#rechter a:hover {
text-decoration: none;
background: url(images/line.gif) repeat-x 100% 100%;
padding-bottom: 1px;
color: #CC0000;
}
#rechter a:active {
text-decoration: none;
background: url(images/line.gif) repeat-x 100% 100%;
padding-bottom: 1px;
color: #CC0000;
}
a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
/*div css*/

#horizon   {
text-align: center;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block;
margin: 0;
padding: 0;
}
#horizon2  {
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block;
margin: 0;
padding: 0;
}

#content2 {
font-family: Courier, Courier New, mono;
background-color: #766F40;
margin-left: -416px;
position: absolute;
top: -295px;
left: 50%;
width: 832px;
height: 590px;
visibility: visible;
border: 6px solid #000000;
background-image: url(images/bureau.jpg);
background-repeat: no-repeat;
}
#content {
font-family: Courier, Courier New, mono;
background-color: transparent;
margin-left: -372px;
position: absolute;
top: -209px;
left: 50%;
width: 744px;
height: 418px;
visibility: visible
}
#header    
{
width: 744px;
height: 49px;
overflow: hidden;
text-align:left;
}
#header ul {
margin-left: 19px;
margin-right: 0px;
margin-bottom:0px;
margin-top:13px;
padding: 0;
height: 20px;
width: 744px;
}
#header li {
padding: 0;
list-style-type: none;
float: left;
display: inline;
}
#lijst1 {
margin-right: 55px;
background-image: none;
text-decoration: none;
}
#lijst2 {
margin-right: 47px;
background-image: none;
text-decoration: none;
}
#lijst3 {
margin-right: 42px;
background-image: none;
text-decoration: none;
}
#lijst4 {
margin-right: 46px;
background-image: none;
text-decoration: none;
}
#linker   {
height: 369px;
float: left;
background-image: url(images/linker.jpg);
background-repeat: no-repeat;
width: 222px;
margin: 0;
padding: 0;
text-align: left;
}
#rechter  {
height: 369px;
float: left;
background-image: url(images/rechter.jpg);
background-repeat: no-repeat;
width: 522px;
margin: 0;
padding: 0;
}
#linkertekst	{
height: 244px;
font-family: Courier, "Courier New", mono;
font-size: x-small;
text-align: left;
margin-top: 15px;
margin-right: 21px;
margin-bottom: 41px;
margin-left: 27px;
overflow: hidden;
width: 174px;
voice-family: "\"}\"";
voice-family: inherit;
width: 174px;
height: 244px;
line-height: 130%;
}
#rechtertekst {
font-family: Courier, "Courier New", mono;
font-size: small;
text-align: left;
margin-top: 49px;
margin-right: 27px;
margin-bottom: 41px;
margin-left: 21px;
width: 474px;
height: 279px;
voice-family: "\"}\"";
voice-family: inherit;
width: 474px;
height: 279px;
line-height: 95%;
}
#rechtertekst2 {
font-family: Courier, "Courier New", mono;
font-size: small;
line-height: 120%;
text-align: left;
margin-top: 49px;
margin-right: 27px;
margin-bottom: 0px;
margin-left: 21px;
overflow: hidden;
width: 474px;
height: 80px;
voice-family: "\"}\"";
voice-family: inherit;
width: 474px;
height: 80px;
}
#rechtertekst3 {
font-family: Courier, "Courier New", mono;
font-size: small;
line-height: 120%;
text-align: left;
padding-left: 21px;
padding-right: 27px;
overflow: hidden;
height: 199px;
width: 365px;
float: left;
voice-family: "\"}\"";
voice-family: inherit;
width: 317px;
}	
#zegel {
height: 158px;
width: 147px;
padding: 41px 0 0;
float: left;
margin: 0;
}
.citaat {
text-align: left;
border-top: 1px dashed #000000;
border-right: 0px dashed #000000;
border-bottom: 1px dashed #000000;
border-left: 0px dashed #000000;
padding-top: 5px;
padding-bottom: 5px;
width: 440px;
padding-right: 15px;
voice-family: "\"}\"";
voice-family: inherit;
width: 425px;
}

/*form css*/
							
.input {
font-family: Courier, Courier New, mono;
font-size: 90%;
color: #CC0000;
letter-spacing: 0.1em;
margin-bottom:6px;
padding: 0.2em;
background-color: transparent;
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 1px solid #000000;
border-left: 0px solid #000000;
}
.textarea {
font-family: Courier, Courier New, mono;
font-size: small;
color: #000000;
letter-spacing: 0.1em;
margin-bottom:6px;
padding: 0.2em;
background-color: transparent;
border: 1px solid #000000;
line-height: 145%;
}


/*list css*/

ol	{
list-style : decimal url(none) outside;
padding : 0 0 0 2.2em;


}
ul	{
list-style : url(none) none;
padding : 0.5em 1em 0.5em 0em;
margin : 0;
}
					
li	{
padding : 0;
margin : 0;
text-decoration: none;
}

#divphoto1	{
position : absolute;
top : 89px;
left : 275px;
z-index: 14;
}
#divphoto2	{
position : absolute;
top : 92px;
left : 250px;
z-index: 13;
}
#divphoto3	{
position : absolute;
top : 90px;
left : 300px;
z-index: 12;
}
#divphoto4	{
position : absolute;
top : 70px;
left : 350px;
z-index: 11;
}
#divphoto5	{
position : absolute;
top : 80px;
left : 375px;
z-index: 10;
}
#divphoto6	{
position : absolute;
top : 175px;
left : 400px;
z-index: 9;
}
#divphoto7 {
position : absolute;
top : 85px;
left : 385px;
z-index: 8;
}
#divphoto8 {
position : absolute;
top : 92px;
left : 420px;
z-index: 7;
}
#divphoto9 {
position : absolute;
top : 90px;
left : 425px;
z-index: 6;
}
#divphoto10 {
position : absolute;
top : 89px;
left : 430px;
z-index: 5;
}
#divphoto11 {
position : absolute;
top : 90px;
left : 430px;
z-index: 5;
}
#divphoto12 {
position : absolute;
top : 91px;
left : 425px;
z-index: 5;
}
#profiel1	{
position : absolute;
top : 85px;
left : 260px;
z-index:2;
background-image: url(images/profiel1.jpg);
background-repeat: no-repeat;
padding: 15px;
text-align: left;
width: 413px;
height:292px;
voice-family: "\"}\"";
voice-family: inherit;
width: 383px;
height: 262px;
}
#profiel2	{
position : absolute;
top : 90px;
left : 280px;
z-index:6;
background-image: url(images/profiel2.jpg);
background-repeat: no-repeat;
padding: 15px;
text-align: left;
width: 413px;
height:292px;
voice-family: "\"}\"";
voice-family: inherit;
width: 383px;
height:262px;
}
#profiel3	{
position : absolute;
top : 94px;
left : 265px;
z-index:3;
background-image: url(images/profiel3.jpg);
background-repeat: no-repeat;
padding: 15px;
text-align: left;
width: 413px;
height:292px;
voice-family: "\"}\"";
voice-family: inherit;
width: 383px;
height:262px;
}
#profiel4	{
position : absolute;
top : 96px;
left : 275px;
z-index:4;
background-image: url(images/profiel4.jpg);
background-repeat: no-repeat;
padding: 15px;
text-align: left;
width: 413px;
height:292px;
voice-family: "\"}\"";
voice-family: inherit;
width: 383px;
height:262px;
}
.kolom1	{
width:231px;
height:233px;
text-align: left;
float:left;
padding-right: 15px;
}
.kolom2	{
width:137px;
height:262px;
text-align: right;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
letter-spacing: 0.04em;
color: #333333;
}
.kolom2	img{
border: 1px solid #333333;
padding: 2px;
height: 186px;
width: 127px;
}
.kolom1	ol	{
list-style : decimal inside;
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
color: #333333;
}
.kolom1	ul	{
list-style : none inside;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #333333;
margin: 0px;
}
					
.kolom1	li	{
text-decoration: none;
border: 1px solid #333333;
margin-bottom: 3px;
padding: 0 4px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
}
#postit	{
position : absolute;
top : 100px;
left : 250px;
width:247px;
height:400px;
visibility:hidden;
background-image: url(images/notebook.jpg);
background-repeat: no-repeat;
padding: 15px;
text-align: left;
}
#affiche	{
position : absolute;
top : 100px;
left : 250px;
width:396px;
height:450px;
background-color:#FFFFFF;
visibility:hidden;
border: 5px solid #fff;
padding: 0;
text-align: left;
}
div#hold	{ 
position:relative;
overflow:hidden;
width:455px;
height:279px;
float:left;
}
div#wn	{ 
width:455px; height:279px; 
clip:rect(0px, 455px, 279px, 0px); 
overflow:hidden;	
z-index:1; 
}
div#lyr1 { 
position:absolute; 
left:0;
top:0; 
z-index:1; 
}
table#imgTbl {
width:455px
}
table#imgTbl td {
height:279px;
vertical-align:top;
text-align:center
}
div#scrollbarup {
height: 221px;
vertical-align:top;
text-align: right;
text-decoration: none;
background-image: none;
text-decoration:none;
border:none !important;
}
div#scrollbardown {
height: 58px;
vertical-align:text-bottom;
vertical-align:text-bottom;
text-align: right;
text-decoration: none;
background-image: none;
text-decoration:none;
border:none !important;
}
div#scrollbar {
height: 279px;
width: 19px;
float: left;
}
.knop {
font-family: Courier, "Courier New", mono;
font-size: 95%;
color: #000000;
padding: 0.1em;
background-color: transparent;
border: 1px solid #000000;
}
.close	{
font-family: Courier, "Courier New", mono;
font-size: 85%;
color: #000000;
text-align: right;
}
.close a:link{
color: #000000;
text-decoration: none;
background: url(images/line.gif) repeat-x 100% 100%;
padding-bottom: 1px;
white-space: nowrap;
}
.type {
font-family: Courier, "Courier New", mono;
display: inline;
padding-left: 10px;
}
.type2 {
font-family: Courier, "Courier New", mono;
display: inline;
text-decoration: none;
}
.kolom3 {
text-align: right;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
letter-spacing: 0.04em;
width: 383px;
height:15px;
voice-family: "\"}\"";
voice-family: inherit;
width: 383px;
}
#meta a:link {
color: #000000;
text-decoration: none;
}
#meta a:visited {
text-decoration: none;
color: #000000;
}
#meta a:hover {
text-decoration: none;
background: url(images/line.gif) repeat-x 100% 100%;
padding-bottom: 1px;
white-space: nowrap;color: #000000;
}
#meta a:active {
text-decoration: none;
background: url(images/line.gif) repeat-x 100% 100%;
padding-bottom: 1px;
white-space: nowrap;color: #000000;
}
#meta {
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
color: #000000;
text-align: left;
margin-left: -416px;
position: absolute;
left: 50%;
width: 832px;
visibility: visible;
margin-top: 308px;
padding: 6px;
}
#rechter a.no   {text-decoration:none !important;background:none !important;}