body, html {
scrollbar-face-color: #335588;
scrollbar-track-color: #446699;
scrollbar-arrow-color: black;
scrollbar-shadow-color: #335588;
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: black;
scrollbar-highlight-color: #335588;
}

body {
 text-align: center;
 margin: 0px; 
 padding: 0px; 
 overflow: hidden; 
 background-color: #003366;
 background-image: url(./bg2.jpg);
 background-position: center;
 background-attachment: fixed;
 font-family: arial, sans-serif;
 font-size: 90%; } 

#headerimg 	{   
 width: 100%; 
 height: 100%;   } 

p 	{  
 text-align: left; 
 margin-left: 15px; 
 margin-right: 8px;   } 

#divoben	{ 
 position: relative; 
 left: 0px; top: 0px; 
 width: 100%; 
 height: 15%; 
 border: 1px solid #224477;
 background-color: #335588;
 background-image: url(./capri-logo.jpg);
 background-position: center;
 background-attachment: fixed;
 text-align: center; 
 overflow: none;   } 

#divunten	{  
 position: relative;  
 width: 100%; 
 height: 85%;  }

#divlinks	{  
 position: absolute; 
 left: 0px; top: 0px;  
 width: 180px; 
 height: 100%; 
 overflow: auto;  } 

#divrechts	{  
 position: absolute; 
 left: 180px; top: 0px; 
 background-color: #4477AA; 
 width: 75%; height: 100%; 
 overflow: auto;  } 



a 		{	font-weight: bold;  background-color: #4477AA;	}

a:link 		{	text-decoration: none; color: #000000; 	}

a:visited 	{	text-decoration: none; color: #002255; 	}

a:hover 	{	text-decoration: underline; color: #AACCEE;	}

a:active 	{	text-decoration: none; color: #CCEEFF;	}






.linkinactive, .linkinactive:link   
 { 
  display: block; 
  color: #000000; 
  width: 135px; 
  border-style: outset; 
  line-height: 18px; 
  padding-left: 5px; 
  margin-bottom: 2px; 
  margin-top: 4px; 
  text-decoration: none; 
  background-color: #336699; 
  font-weight: bold; 
  font-family: arial, verdana, sans-serif; 
  font-size: 10pt; 
  text-decoration: none;
 }


.linkinactive:visited   
 { 
  text-decoration: none; 
  background-color: #336699;
  border-style: outset;
  color: #002255;  
 } 


.linkinactive:hover { 
  text-decoration: none; 
  background-color: #6699CC; 
  border-style: groove;
  color: #AACCEE; 
 } 



.linkinactive:active {   
 border-style: ridge;
 text-decoration: none;
 background-color: #6699CC; 
 color: #CCEEFF;
 } 


.linkactive, .linkactive:hover, .linkactive:visited, .linkactive:link {   
 cursor: default; 
 display: block; 
 width: 135px;   
 font-weight: bold; 
 font-family: arial, verdana, sans-serif; 
 font-size: 10pt; 
 text-decoration: none; 
 line-height: 18px; 
 padding-left: 5px; 
 margin-bottom: 2px; 
 margin-top: 4px;    
 border-style: ridge;
 font-weight: bold; 
 text-decoration: none;   
 background-color: #6699CC; 
 color: #CCEEFF;
 } 


.floatleft { 
 float: left; 
 margin-right: 15px;
 margin-left: 10px;
} 


.floatright { 
 float: right; 
 margin-left: 15px;
 margin-right: 10px; 
} 



a img.bordernone { border: 0px; } 



.leftclear  		{  clear: left;    }
.rightclear  		{  clear: right;   }