html {
height: 100%;
}

body { 
background-color: #FFFFFF; 
margin-left: 0px; 
margin-right: 0px;
margin-top: 0px; 
margin-bottom: 0px; 
height: 100%;
}


/* Table style */

.tablehoofd {
position: relative;
border-collapse: collapse;
width: 100%;
height: 100%;
}

.tdheader {
border-collapse: collapse;
text-align: center;
vertical-align: bottom;
padding-bottom: 8px;
padding-left: 125px;
background-color: #FFFFFF;
background-image: url(./images/top2.jpg);
width: 100%;
height: 100px;
}

.tdleft {
border-collapse: collapse;
border-top: 2px solid #3c5aa9;
border-bottom: 2px solid #3c5aa9;
background-position: right;
background-repeat: no-repeat;
padding-top: 0px;
padding-bottom: 0px;
height: 250px;
width: 300px;
}

.tdmiddle {
border-collapse: collapse;
border-top: 2px solid #3c5aa9;
border-bottom: 2px solid #3c5aa9;
vertical-align: top;
text-align: justify; 
padding-top: 0px;
padding-left: 15px;
padding-right: 0px;
padding-bottom: 0px;
height: 250px;
width: 525px;
}

.tdright {
border-collapse: collapse;
border-top: 2px solid #3c5aa9;
border-bottom: 2px solid #3c5aa9;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
height: 250px;
}

.tdbottom {
border-collapse: collapse;
background-color: #FFFFFF;
background-image: url(./images/bottom.jpg);
vertical-align: top;
text-align: right;
padding-right: 30px;
padding-top: 0px;
width: 100%;
height: 100%;
}


/* menu */

.menu {
font-family: trebuchet MS,sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF; 
}

/* lightbox */

#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}

#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}	

#lightboxCaption{ 
float: right; 
}

#keyboardMsg{ 
float: right;  
}

#lightbox img{ 
border: none; 
clear: both;
}

#overlay img{ 
border: none; 
}

/* lightboxoverlay */

#overlay{ 
background-image: url(./images/overlay.png); 
}

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/overlay.png", sizingMethod="scale");
	}

/* lighboxBox */

.thumbnail{
padding: 0px;
border: 1px solid #ddd;
float: left;
margin-right: 4px;
margin-bottom: 15px;
}	


/* Fonts */

.navigate {
font-family: trebuchet MS,sans-serif;
font-size: 40px;
font-weight: bold;
color: #FFFFFF; 
border-bottom: 2px solid #3c5aa9;
}

.content {
font-family: trebuchet MS,sans-serif;
font-size: 11px;
color: #710000; 
}

.webdesign {
font-family: trebuchet MS,sans-serif;
font-size: 11px;
color: #FFFFFF; 
font-weight: bold;
}

.contact {
font-family: trebuchet MS,sans-serif;
font-size: 11px;
font-weight: bold;
color: #710000; 
}

h2 {
font-family: trebuchet MS,sans-serif;
font-size: 20px;
font-weight: bold;
color: #FF0000; 
}


/* link */

a img{ 
border: none;
}

a:link { 
color: #FFFFFF; 
text-decoration: none; 
border-width: 0px 0px 0px 0px; 
border-style: dotted; 
border-color: #A200FF;
}

a:visited { 
color: #FFFFFF; 
text-decoration: none; 
border-width: 0px 0px 0px 0px; 
border-style: dotted; 
border-color: #A200FF;
}

a:hover {
color: #FF0000; 
text-decoration: none; 
border-width: 0px 0px 0px 0px; 
border-style: dotted; 
border-color: #AAAAAA;
}   

a:active {
color: #FF0000; 
text-decoration: none; 
border-width: 0px 0px 0px 0px; 
border-style: dotted; 
border-color: #FF0000;
} 


/* contactform style */

.texta { 
font-size: 10px; 
color: #3c5aa9;
background-color: #DDDDDD; 
border: 1px solid #666666; 
}

input.button { 
background-color: #DDDDDD; 
font-size: 10px; 
font-family: trebuchet MS,sans-serif;
color: #710000; 
font-weight: bold;
margin-top: 3px;
}