body {
	background: #000 url(/images/bg.1.png) fixed repeat-x 0 0px;
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
}

a {
	color: #000000;	
	font-size: 12px; 
}

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

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

a:active {
	text-decoration: none; 
}

a:hover {
	text-decoration: none;
	color: #000000;	
	background: #D6C09B;
}	

p { color: #000000;
	font-size: 12px; 
}

h1 {
	color: #27384B;
	font-size: 16px;
}

h2 {
	font-size: 12px;
	color: #000000;	
}

h3 {
	font-size: 12px;
	color: #000000;
}

h4 { color: #FFFFFF;
	font-size: 12px; 	
}

ul { color: #000000; 
}

li { color: #0099FF; 
     list-style-type: square; 
}

ol { color: #000000;
     list-style-image: url(../gifjes/ani/ok.png); 
}

hr {
border : 1px solid #414141;
height : 1px;
}

div#header {
    background: url(../images/header.1.jpg);
	height: 164px;
	display: block;
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;			
}

div.empty-line-top {
	padding: 0px;
	width: 100%;
	height: 9px;
}

div#container {
    background: #FFFFFF;
	display: block;
	width: 900px;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
	font: normal 11px Geneva, Arial, Helvetica;
	line-height: 20px;
}

/*div#links_container{
background: url(../gifjes/ani/www.jpg)
float: left;
width: 50px;
color: #000;
margin-top:650px; 
margin-left: 10px;
padding-right: 50px; 
padding-left: 15px; 
border-right: 1px solid #27384B;
} */

div#rechts_container{
float: right;
width: 110px;
color: #000;
margin-top:90px; 
margin-left: 10px;
padding-right: 10px; 
padding-left: 10px; 
}

div#content {
	padding-left: 27px;
	padding-right: 20px;
	margin-left: 0px;
	margin-right: 5px;
}

div#content a {
	color: #000000;
}

div#content td {
	font: normal 11px Geneva, Arial, Helvetica, sans-serif;
}

div#footer_container{
clear: both;
height: 25px;
width: 900px;
text-align: center;
}

div#footer {
	color: #000000;
	padding-left:0px;
	padding-right: 0px;
}

div#footeronder {
    background: url(../images/footer.1.png);
	width: 900px;
	height: 120px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
}

div.copyright {
	text-align: center; 
	color: #D6C09B; 
	font-size: 11px; margin-top:45px;
}

/*begin van het slepen met java*/
.drag
{
position: relative;
cursor: move; 
z-index: 100;
}
/*einde van het slepen met java*/

/*begin van het menu*/
.harrystam-headermenu{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #27384B; /*streep aan de onderkant*/
}

.harrystam-headermenu ul{
margin: 0;
padding: 0;
padding-left: 14px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.harrystam-headermenu li{
display: inline;
margin: 0;
}

.harrystam-headermenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 7px; /*padding in elke tab*/
border-right: 1px #27384B; /*rechter streep tussen de tabs*/
color: #FFFFFF;
background: #414141; /*background normaal van de tabs*/
}

.harrystam-headermenu li a:visited{
color: #FFFFFF;
}

.harrystam-headermenu li a:hover, .harrystam-headermenu li.selected a{
color: #000000;
background: #D6C09B;/*achtergrond van de tabs tijdens hover en tijdens "selected" */
}
/*einde van het menu*/

/*begin contact formulier*/
.harrystam-formulier p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.harrystam-formulier label{
font-weight: normal;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.harrystam-formulier input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;    
background-color: #EBEBEB;	
border: 1px solid #27384B;
}

.harrystam-formulier textarea{
width: 400px;
height: 150px;    
background-color: #EBEBEB;	
border: 1px solid #27384B;
}

.harrystam-formuliererror {
border: 1px solid #27384B; 
background-color: #D6C09B; 
font-weight: bold;
font-size: 12px;	
display:block;
float:left;
margin-left:155px;
margin-bottom: 6px;
padding-left: 5px;
padding-right:5px;
}

.harrystam-formulierbutton {
background-color:#414141;
color:#FFFFFF;
font-size:10pt;
border:1px solid #27384B; 
margin-left: 5px;
}
/*eind formulier*/

/*begin foto*/
.harrystam-fotocontainer{
position: relative; /*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.harrystam-foto img{
border: 1px solid #000000;
margin: 0 5px 5px 0;
}

.harrystam-foto:hover{
background-color: transparent;
}

.harrystam-foto:hover img{
border: 1px solid #FFA800;
}

.harrystam-foto span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
visibility: hidden;
color: #000000;
text-decoration: none;
}

.harrystam-foto span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.harrystam-foto:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 285px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*einde foto*/

/* Begin Zoeken */
.highlight { background:  #D6C09B; }
.searchheading { font-family: Verdana, Arial, "Sans Serif"; font-size: 14px; font-weight: bold; color: #27384B;  }
.summary { font-family: Verdana, Arial, "Sans Serif"; font-size: 100%; font-style: italic;  }
.results { font-family: Verdana, Arial, "Sans Serif"; font-size: 100%;  }
.category { font-family: Verdana, Arial, "Sans Serif"; color: #000000;  }
.description { font-family: Verdana, Arial, "Sans Serif"; font-size: 100%; color: #FFFFFF; }
.context { font-family: Verdana, Arial, "Sans Serif"; font-size: 110%; color: #000000; }
.infoline { font-family: Verdana, Arial, "Sans Serif"; font-size: 100%; font-style: normal; color: #414141; }
.result_title { font-family: Verdana, Arial, "Sans Serif"; font-size: 100%; font-weight: bold; color: #FF0000; }
.zoom_searchform { font-family: Verdana, Arial, "Sans Serif"; font-size: 100%; font-weight: bold;  }
.zoom_options { font-family: Verdana, Arial, "Sans Serif"; font-size: 100%;  }
input.zoom_button {  }
input.zoom_searchbox {  }
/* Einde Zoeken */

/* Begin Float */
img.google{
float: right;
}

img.pagerank{
float: right;
}

img.www{
float: right;
}

img.php{
float: right;
}

img.css{
float: right;
}

img.w3C{
float: right;
}

img.privacy{
float: right;
}

img.voorbeeld{
float: left;
padding: 0 5px 0 150px;
}
/* Einde Float */

/* Begin Tabel */
table{
width: 100%;
border: 1px solid #FFFFFF;
}

td{
border: 1px solid #FFFFFF;
}
/* Einde Tabel */

/* Begin Tooltip */
.toolTipHead { 
font-weight : bold;
width : 280px; 
border : 1px solid #333; 
padding : 3px; 
font-size : 12px; 
font-weight : bolder;
color : #FFFFFF; 
background : #414141;

} 
.toolTipBody { 
border-bottom : 1px solid #333; 
border-left : 1px solid #333; 
border-right : 1px solid #333;
width : 280px; 
font-size : 12px; 
padding : 3px; 
color : #000000; 
background : #CCCCCC; 
}
/* Einde Tooltip */

blockquote { 
margin : 15px 525px 0 10px; 
padding-left : 25px; 
border-top : 1px solid #414141;  
border-bottom : 1px solid #414141;   
background : #EEEEEE;
} 

#note { 
margin : 2em 0 0; 
padding : 0.5em 0.5em 0.5em 60px; 
padding-left : 15px; 
background : #C0C0C0; 
border : 1px solid #414141; 
}

#tekstlink { 
margin : 15px 415px 0 0px; 
padding-left : 10px; 
border : 1px solid #414141;  
background : #C0C0C0; 
}

/* Hoverbox */

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 100px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 200px;
}

/* Internet Explorer Fixes */

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}