h1, p, body, html {
	margin:0;
	padding:0;}

/*Just visual styles*/
body {
	background:#FFFFFF;	
	}
	
img {
	border: 0px;
	}
	


h3 {
	font: bold 15px/16px verdana;
	color: #333333;	
	text-align: left;	
	display: inline;	
	}
	
h4 {
	font: bold 16px verdana;
	padding: 25px 0px 25px 0px;
	color: #009900;	
	text-align: left;	
	display: inline;
	}

h5 {
	font: bold 11px verdana;	
	color: #333333;	
	text-align: left;	
	display: inline;
	}
	
h6 {
	font: bold 16px verdana;	
	color: #CC0000;	
	text-align: left;	
	display: inline;
	}


/*Our full length header.
We align the text center so it shows up in the middle.
If you prefer you could right or left align it.*/	
#headerbg {
	background:#FFFFFF;
	text-align:center;
	padding:0px;
	background: #FFFFFF url(../IMG/top-bg-align.jpg) top repeat-x; 
	}

/*Center Content*/	
#container {
	position:relative;
	margin:0 auto;
	width:1012px;
	}

/*Full width footer*/
#footer {
	background:#FFFFFF;
	padding:0px;
	text-align:center;
	background: transparent url(../IMG/bottom-bg-align.jpg) top repeat-x; 
	}

/*These are just styles used for the example for the content.	
.left {
	float:left;
	width:231px;
	background:#ccff66;
	margin-left:29px;
	}

.right {
	float:left;
	width:710px;
	clear:right;
	background:#66ff33;
	}

.left p, .right p {
	padding:10px;
	}

If you are going to use floats then you will NEED to clear the
footer so it doesn't bunch the content up*/
.clear {clear:both;}


#maintop{
	margin: 0px auto; 
	width: 1012px;    
	height:100%;      
	               
	text-align: left; 
	} 
  
#top {
	position:relative;
	width: 1012px;
	background: transparent url(../IMG/top-bg.jpg) top no-repeat; 
 	height: 211px;	 	
 	}

#topmenu {
 	position:relative;
 	top:0px;
 	left:875px;
 	width: 100px; 
	}

#image {
 	position:relative;
 	top:-5px;
 	left:260px;
 	width: 715px; 
	}	
	

#menu {
 	position:relative;
 	top:-5px;
 	left:260px;
 	width: 780px;  	 
	}
	
#menucontent {
 	float:left;
 	margin-top:8px; 	 
	}
#menuimg {
 	float:left; 	 
	}

#middle {
 	position:static; 		
 	width: 1012px;
 		
}

/* ........................................... */	
	table.main-middle
{
  background: #FFFFFF url(../IMG/submenu-bg-align.jpg) left repeat-y;

	width: 954px;	
	height: 100%;
	

	text-align: center; 
	vertical-align: top;
	
	margin: 0px auto;	
}

table.sub-main-middle
{
	background: transparent url(../IMG/submenu-bg.jpg) left bottom no-repeat;
	
	width: 954px;
	height: 100%;
	
	text-align: center;
	vertical-align: top;		
		
	margin: 0px auto;	
}

table.submenu
{
	background: transparent;
	
	width: 229px;
	

	margin: 0px auto;
	vertical-align: top;		
	text-align: center;	
}

/* ........................................... */

td.submenu
{
	width: 229px;
	height:350px;
	vertical-align: top;
		
}

td.submenucontent
{
	text-align: left;
	vertical-align: top;
	margin: 0px auto;
	display: inline;		
}

td.submenutext
{
	font: bold 12px/16px verdana;
	color: #666666;
	height:20px;
	text-align: left;
	padding: 0px 0px 0px 30px;
}

td.banner
{
	text-align: left;
	vertical-align: top;
	
	padding: 3px 0px 0px 10px;
	margin: 0px auto;
}

td.content
{
	vertical-align: top;
	text-align: left;	
	padding: 10px 10px 20px 10px;
	margin: 0px auto;
	
	font: 11px/16px verdana;
	font-weight:normal;
	font-style:normal;
	color: #333333;
	
}

td.content-failure
{
	text-align: left;
	vertical-align: top;

	font: bold 12px/16px verdana;
	color: #ff0000;
	
	padding: 10px 10px 20px 10px;
	margin: 0px auto;
}

td.content-success
{
	text-align: left;
	vertical-align: top;

	font: bold 12px/16px verdana;
	color: #339933;
	
	padding: 10px 10px 20px 10px;
	margin: 0px auto;
}

/* ........................................... */

img.submenu-strip
{
	padding: 0px 0px 0px 0px;
	margin: 0px auto;	
	display: inline;
}

/* ........................................... */

#mainfooter{
	margin: 0px auto; 
	width: 1012px;    
	height:100%;      
               
	text-align: left; 
	} 
	
#bottom {
 	position:relative;
 	clear:both;
 	width:1012px; 	

 	background: transparent url(../IMG/bottom-bg.jpg) bottom no-repeat;
 
 	height: 95px;
	}


#logo {
	position:absolute;
 	top:-165px;
 	left:55px;
 	width:231px;  	
	}

#bottommenu {
 	position:relative;
	top:-55px;
 	left:40px;
 	width:200px;
 	text-align:center; 
	}

#copyright {
 	position:relative;
	top:-55px;
 	left:255px;
 	width:710px;  	 

	font: 11px arial;
	color: #666666;
	
	text-align: left;	
	padding: 10px;
	}

#merken {                  
	position: relative;	                   
	top: -20px;        
	left: 510px;
	width: 550px;
	
	} 

/* ........................................... */	
	
	a.menubottom
{
	font: 11px arial;
	color: #666666;
	
	text-decoration: underline;
}

a.menubottom:hover
{
	text-decoration: none;
}

a.privacy
{
	font: 11px arial;
	color: #666666;
	
	text-decoration: underline;
}

a.privacy:hover
{
	text-decoration: none;
}

a.mainmenu                           
{                                
	font: bold 12px verdana;       
	color: #FFFFFF;    
	                               
	text-decoration: none;
	padding: 0px 8px 0px 8px;	   
}                                
                                 
a.mainmenu:hover                     
{                                
	text-decoration: underline;	   
}                            

a.submenu
{
	font: bold 10px verdana;
	color: #666666;
	
	text-decoration: underline;
	
	padding: 10px 0px 0px 0px	
}

a.submenu:hover
{
	text-decoration: none;	
}

a.sitemap
{
	font: bold 11px verdana;
	color: #5e67a2;
	
	text-decoration: none;
}

a.sitemap:hover
{
	font: bold 11px verdana;
	color: #7281BC;
	
	text-decoration: underline;
}

ul
{
	list-style-position: outside;

}

li
{
	list-style-image: url(../IMG/li-knop.gif);		
}

/* ...................formulier........................ */

td.key
{
		font: 12px/16px tahoma;
    color: #333333;    
    
    width: 100px;
}

td.value
{
  	text-align: left;
  	width: 100%;
}

input.submit
{
	font: 12px/16px tahoma;
	color: #333333;
  background: #fbfbfb;
  width: 150px;
  border: 1px solid #333333;
  
  margin: 0px 208px 0px 0px;  
}

input.text
{
	font: 12px/16px tahoma;
	color: #333333;
	width: 300px;
	border: 1px solid #333333;
	
	margin: 0px 0px 0px 80px;
}

textarea.text
{
	font: 12px/16px tahoma;
	color: #333333;
	width: 300px;
	border: 1px solid #333333;
	
	margin: 0px 0px 0px 115px;
}

textarea.text2
{
	font: 12px/16px tahoma;
	color: #333333;
	width: 300px;
	border: 1px solid #333333;
	
	margin: 0px 0px 0px 128px;
}

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:300px;
	margin:-180px 0 0 -250px;
	border:2px solid #CBDC8E;
	background:#FFFFFF;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#ffffff;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
select{width:350px;}


/* ........................................... */