body {
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
color: #333;
background: #CCC url(../images/top_bg.gif) repeat-x;
font: small/1.1 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font:
}

#index {
margin: 0px;
padding: 0px;
}

#wrapper {
width: 760px;
margin-left: auto;
margin-right: auto;
background: #FFF;
border: 0;
padding: 0;
}

#topmenu {
margin: 0px 3px 0 3px;
padding: 20px 0px 0px 0;
height: 50px;
border: 0;
text-align: right;
}

#header {
margin: 0;
padding: 0;
background: #FFF;
border: 0;
}

#logo {
margin: 0px;
padding: 0px 1px 0px 3px;
width: 251px;
background: #FFF;
float: left;
clear: none;
border: 0;
}

#navcontainer
{
margin: 0px;
padding: 0px;
}

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#navcontainer ul li { float: left; }

#navcontainer ul li a
{
text-decoration: none;
background: #143d8c;
font-size: small;
font-weight: bold;
color: #FFF;
float: left;
margin: 0px 3px 0 0;
height: 24px;
width: 98px;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-align: center;
vertical-align: middle;
}

#navcontainer li a:hover
{
background-color: #999;
color: #333;
}

ul#navlist li#active a
{
background: #333;
color: #FFF;
}

#submenu {
margin: 0 3px;
padding: 0;
border: 0;
}

#subnavcontainer ul
{
padding: 0px;
margin: 0;
background-color: #333;
color: White;
float: left;
width: 754px;
font-weight: normal;
font: 11px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

#subnavcontainer ul li { display: inline; }

#subnavcontainer ul li a
{
padding: 0.2em 1em;
background-color: #333;
color: White;
text-decoration: none;
float: left;
border-right: 3px solid #fff;
margin: 0;
font-weight: normal;
font: 11px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

#subnavcontainer ul li a:hover
{
background-color: #999;
color: #333;
}

ul#subnavlist li#active a
{
background: #76A6D3;
color: #FFF;
}

#sfeerbeeld {
padding: 0px;
margin: 0px 3px 0 3px;
background: #76A6D3;
height: 198px;
}

#sfeerbeeld1 {
padding: 0px;
margin: 0px 3px 0 3px;
background: #76A6D3;
height: 198px;
}

#content {
padding: 3px;
margin: 0;
border: 0;
}

#profiel {
margin: 0 3px 0 0;
padding: 6px;
background: #76A6D3;
height: 200px;
width: 238px;
float: left;
border: 0;
}

#product {
margin: 0 3px 0 0;
padding: 6px;
background: #76A6D3;
height: 200px;
width: 237px;
float: left;
border: 0;
}

#nieuwsbrief {
margin: 0;
padding: 6px;
background: #76A6D3;
height: 200px;
width: 237px;
float: left;
border: 0;
}

#main {
margin: 0;
padding: 12px 6px;
background: #76A6D3;
}


#footer {
margin: 3px;
padding: 6px;
background: #99CCFF;
text-align: center;
}

#extra {
background: #FFF;
padding: 6px;
text-align: center;
}

.image-lang {
border: 0;
vertical-align: bottom;
}

.image {
border: 0;
}

.clear {
clear: both;
}

h1, h2, h3, h4, h5, h6, p	{
	margin-top: 0;
	margin-bottom: 2px;
	padding: 0;
	}
	
h1 { 
font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
margin-top: 0px; 
margin-bottom: 0; 
color: #FFF;
font-size: x-large;
}

h2 { 
margin-top: 2px; 
margin-bottom: 2px; 
font-size: large;
color: #444;
}

h3 { 
margin-top: 1px; 
margin-bottom: 1px; 
font-size: medium;
color: #333;
}

h4 { 
margin-top: 2px; 
margin-bottom: 1px; 
font-size: small;
font-weight: normal;
color: #444;
}
 
h5 {  
margin-top: 1px; 
margin-bottom: 1px; 
font-size: small;
font-weight: normal;
color: #333;
}

h6 { 
margin-top: 1px; 
margin-bottom: 1px; 
font-size: xx-small;
font-weight: bold;
color: #000;
}

.klein { 
margin-top: 1px; 
margin-bottom: 1px; 
font-size: x-small;
color: #000;
}

p {  
margin-top: 1px; 
margin-bottom: 4px; 
font-size: 0.95em;
line-height: 1.4;
color: #333;
padding: 0;
}
	
a:link {
color: #111; text-decoration: none; font-weight: bolder; text-decoration: none; 
}

a:visited {
color: #111; text-decoration: none; font-weight: bolder; text-decoration: none;
}

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

a:hover {
text-decoration: underline; background: #FFF;
}

.floatleft
{
float: left;
width: 93px;
margin: 0 3px 3px 0;
padding: 3px;
border: 0;
}

div.floatleft img
{
border: 1px solid #999;
}

.floatleft_gr
{
float: left;
width: 258px;
margin: 0 3px 3px 0;
padding: 3px;
border: 0;
}

div.floatleft_gr img
{
border: 1px solid #999;
}

.floatleft_me
{
float: left;
width: 158px;
margin: 0 3px 3px 0;
padding: 3px;
border: 0;
}

div.floatleft_me img
{
border: 1px solid #999;
}

.floatright_gr
{
float: right;
width: 203px;
margin: 0 0 3px 6px;
padding: 6px;
border: 1px solid #FFF;
background: #FFF;
}

div.floatright_gr img
{
border: 1px solid #999;
}

.newsform {
margin: 0 0 0 10px;
size: 100px;
}

.tabelselect {
border: 1px dotted #333;
}
