body {
        background: black;
        font-family: sans-serif;
       }

#container	{
		width: 844px;
		margin-left: auto;
		margin-right: auto;
		
		}

#hoofd		{
		width: 700px;
		float: right;
			}
#header	{
		width: 844px;
		float: right;
		background-image: url('plaatjes/sa_header2.jpg');
		background-repeat: no-repeat;
		height: 178px;
		}
#tekst           {
                width: 668px;
                 float: right;
                margin-left: 0px;
                margin-top: 5px;
		}
#mail           {
                width: 700px;
                 float: right;
                margin-left: 0px;
                margin-top: 5px;
		}

#foto		{
		width: 668px;
		height: 215px;
		float: right;
		left: 0px;
		margin-top: 20px;
		}
		
#kleine_foto	{
		width: 668px;
		float: right;
		}
.foto_klein	{
		margin-top: 25px;
		margin-right: 29px;
		float: left;
		}
.foto_klein1	{
		margin-top: 25px;
		float: left;
		}
#menu		{
		width: 144px;
		float: left;
		padding-top:30px;
		}

p		{
		font-size: 14px;
		color: white;
		}
p.zwart	{
		font-weight: bold;
		color:	black;
		margin-left: 65px;
		}
h1		{
		font-weight: bold;
		font-size: 18px;
		color: orange;
		}
a		{
		color: white;
		}
img 		{
		border: 0px none;
		}
table		{
		color: white;
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		}
td		{
		padding-left: 40px;
		}
th		{
		color: orange;
		text-align: left;
		padding-left: 40px;
		}
ol		{
		color: white;
		font-size: 14px;
		list-style-type: disc;
		}


.thumbnail1      {
                position: relative;
                z-index: 0;
                }

.thumbnail1:hover{
                background-color: transparent;
                z-index: 50;
                }

.thumbnail1 span{ 
                position: absolute;
                background-color: white;
                padding: 5px;
                left: -1000px;
                border: 0px dashed gray;
                visibility: hidden;
                color: black;
                text-decoration: none;
                }

.thumbnail1 span img{ 
                border-width: 0;
                padding: 2px;
                }

.thumbnail1:hover span{ 
                visibility: visible;
			bottom: 134px;
                
                left: 0px; 
                }
.thumbnail2      {
                position: relative;
                z-index: 0;
                }

.thumbnail2:hover{
                background-color: transparent;
                z-index: 50;
                }

.thumbnail2 span{ 
                position: absolute;
                background-color: white;
                padding: 5px;
                left: -1000px;
                border: 0px dashed gray;
                visibility: hidden;
                color: black;
                text-decoration: none;
                }

.thumbnail2 span img{ 
                border-width: 0;
                padding: 2px;
                }

.thumbnail2:hover span{ 
                visibility: visible;
			bottom: 134px;
               
                left: -173px; 
                }
.thumbnail3      {
                position: relative;
                z-index: 0;
                }

.thumbnail3:hover{
                background-color: transparent;
                z-index: 50;
                }

.thumbnail3 span{ 
                position: absolute;
                background-color: white;
                padding: 5px;
                left: -1000px;
                border: 0px dashed gray;
                visibility: hidden;
                color: black;
                text-decoration: none;
                }

.thumbnail3 span img{ 
                border-width: 0;
                padding: 2px;
                }

.thumbnail3:hover span{ 
               visibility: visible;
					bottom: 134px;
               left: -345px; 
                }
.thumbnail4      {
                position: relative;
                z-index: 0;
                }

.thumbnail4:hover{
                background-color: transparent;
                z-index: 50;
                }

.thumbnail4 span{ 
                position: absolute;
                background-color: white;
                padding: 5px;
                left: -1000px;
                border: 0px dashed gray;
                visibility: hidden;
                color: black;
                text-decoration: none;
                }

.thumbnail4 span img{ 
                border-width: 0;
                padding: 2px;
                }

.thumbnail4:hover span{ 
                visibility: visible;
			bottom: 134px;
                
                left: -517px; 
                }
ul		{
		font-size: 14px;
		text-align: left;
		}
ul li.blauw	{
		color: orange;
		list-style-image: url('plaatjes/vlinder_blauw.gif');
		font-weight: bold;
		}
ul li.groen	{
		color: orange;
		list-style-image: url('plaatjes/vlinder_groen.gif');
		font-weight: bold;
		}
ul li.rood	{
		color: orange;
		list-style-image: url('plaatjes/vlinder_rood.gif');
		font-weight: bold;
		}
ul li.paars	{
		color: orange;
		list-style-image: url('plaatjes/vlinder_paars.gif');
		font-weight: bold;
		}
ul li.orange	{
		color: orange;
		}
ul li		{
		color: white;
		list-style: none;
		}
ul li li	{
		color: white;
		list-style-type: disc;
		}
ul li.kop	{
		color: orange;
		list-style: none;
		list-style-image: none;
		}
.footer	{
		margin-top: 20px;
		background-image: url('plaatjes/footer.jpg');
		height: 35px;
		width: 844px;
		}
#comments	{
		width: 300px;
		height: 175px;
		}

.scrollen {
		height: 350px;
		overflow:auto;
		}
.klein		{
		font-size: 10px;
		}