html {
    margin: 0;
	padding: 0;
    }
    
body {
	background: url('images/bgpattern01.png') no-repeat fixed left top;
    color: #3f2d12;
    font-family: arial, sans-serif;
	font-size: 78%;
    line-height: 1.5em;
    margin: 0;
	padding: 0
	}
    
h1 {
    border-bottom: 1px solid #3f2d12;
    height: 120px;
    margin: 4% 0 -1px 58%;
    width: 142px;
    }

h2 {
    margin-bottom:30px;
   }

div.subkop {
	    color: #3f2d12;
    font-family: arial, sans-serif;
	font-size: 105%;
    line-height: 1.5em;
    margin: 0;
	padding: 0;
	font-weight:bold;
	}
    
#main {
    background: #fff url('images/bgpattern02.png') no-repeat fixed left top;
    border-top: 1px solid #3f2d12;
    clear: left;
    padding: 1em;
    width: 45%;
    margin-left:12%;
    margin-right:0;
    margin-top:0;
    margin-bottom:10px;
    }
    
p {
    margin: 0.4em 0 1.2em 0;
    text-align: justify;
    text-indent: 1em;
    }
    
p:first-letter {
    font-family: serif;
    font-size: 160%;
    }

#sidebar {
    font-size: 95%;
    left: 60%;
    position: absolute;
    text-align: center;
    width: 142px;
    }
    
#sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    }
    
#sidebar li {
    color:  #fff;
    margin: 0.5em 0 0 0;
    padding: 1px;
    }
    
#sidebar a, #sidebar a:visited, #sidebar a:active {
    background: transparent;
    border: 1px solid #fff;
    color:  #fff;
    display: block;
    }
    
#sidebar a:hover {
    font-size: 110%;
    font-weight: bold;
    text-decoration: none;
    }
    
#sidebar span {
    border: 1px solid #fff;
    display: block;   
    font-size: 110%;
    font-weight: bold;
    }
    
#sidebar span:before, #sidebar span:after {
    content: '\2022'
}

#sidebar li { 
    background: #DA4C1E; 
    }
    
#sidebar li + li { 
    background: #ffc125; 
    }
    
#sidebar li + li + li { 
    background: #99cc32; 
    }
    
#sidebar li + li + li + li { 
    background: #080; 
    }
    
#sidebar li + li + li + li + li { 
    background: #3f2d12; 
    }
    
    #sidebar li + li + li + li + li + li { 
    background: #2BC1D7; 
    }
    
    #sidebar li + li + li + li + li + li + li { 
    background: #CC0EB3; 
    }
    
    #sidebar li + li + li + li + li + li + li + li { 
    background: #f00b0b; 
    }

#sidebar li + li + li + li + li + li + li + li + li { 
    background: #454CDE; 
    }

    

a, a:active, a:link {
    color: #DA4C1E;
    text-decoration: none;
    }

a:hover {
    text-decoration: underline;
    }
    
#sidebar img {
    border: 1px solid #000;
    background: #fff;
    cursor: pointer;
    display: none;
    margin: 10px 0 0 0;
    width: 100%;
    padding: 1px;
    opacity: 1;
    filter: alpha(opacity=100);
    }

#footer {
    border-left:0px solid #3f2d12; border-right:0px solid #3f2d12; border-top:1px solid #3f2d12; border-bottom:1px solid #3f2d12; background:url('images/transparent_bg.png'); position: static; /* is changed to 'fixed' with JS */
    top: 35%;
    width: 100%; padding-left:0; padding-right:0; padding-top:1em; padding-bottom:1em
}

#voet {
    border-top: 1px solid #3f2d12;
    clear: left;
    padding: 1em;
    width: 53%;
    position:absolute
}

address {
    border: none;
    display: block;
    font-size: 0.90em;
    font-style: normal;
    padding: 0;
    text-align: left;
}

#footer img {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 15%;
}

address span {
    font-size: 7px;
}