/* Algemeen de tags gekoppeld aan de homepage: index.html

===================================================================================*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;}
ul,li {
	list-style-type:none;}

body {
	font:80%/150% Arial,Helvetica,sans-serif;
	background-color: #F3F3F3;}
	
hr{ height:1px;
	visibility:hidden;
	clear:both;}	

img {margin:0;
	padding:0;
	border:0;}

	
td{ vertical-align:top;
	margin:0;
	padding:0;}	

#wrapper{
	margin:0 auto;
	padding:0;
	width:800px;
	border:1px solid #10A3E9;
	background:#fff;
	text-align:left;}
	
#top{
	margin:0;
	padding:0 0 2px 0;
	width:800px;
	height:5px;
	background:url(../images/kleurbalk.gif) no-repeat #fff;}	
#logo{
	margin:0;
	padding:2px 0;
	height:36px;
	background:url(../images/logo.gif) no-repeat #fff;}
#bluelight{
	margin:0;
	padding:0;
	background:url(../images/bluelight.jpg) repeat-x #10a3e9;
	height:68px;}	
/* lichtblauw in een rij*/	
.bluelight{
	margin:0;
	padding:0;
	background:url(../images/bluelight.jpg) repeat-x #10a3e9;
	height:68px;}		

/*navigatie in de tabel*/
.navigatie{
	border-top:1px solid #005496;
	border-bottom:1px solid #005496;
	background:#005496;
	margin:0;
	padding:0;
	color:#fff;
	font-weight:bold;}
	
.navigatie a{
	color:#fff;
	background:#005496;
	text-decoration:none;
	padding:0 10px;	}
	
.navigatie a:visited{
	color:#fff;
	background:#005496;
	text-decoration:none;
	padding:0 10px;	}	
	
.navigatie a:hover{
	color:#005496;
	background:#fff;
	text-decoration:none;
	padding:5px 10px;	}	
	
/* Fotoblokken
==============================*/
#fotoblok{
	margin:0;
	padding:0;
	width:800px;
	height:140px;}
			
.fotoblokoranje{
	width:240px;
	border:1px solid #FF6600;}
.fototekstoranje{
	background:#ff6600;
	padding:4px 5px;
	color:#fff;
	width:240px;
	text-align:center;
	font-family:Georgia,"Times New Roman", Times, serif;
	font-weight:bold;
	text-transform:uppercase;}	
		
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size:1px;
    line-height:0;}
	
/* De ruimte tussen de plaatjes bovenin = gekleurde rand
============================================================*/
.topplaatjeoranje{
	margin:0;
	padding:0;
	border:1px solid #ff6600;} 
	
.topplaatjeblauw{
	margin:0;
	padding:0;
	border:1px solid #005496;} 	
	
.topplaatjelicht{
	margin:0;
	padding:0;
	border:1px solid #10a3e9;} 	
	
/* Teksten onder de promotabel
=============================================================*/
.promo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#005496;
	margin-bottom:10px;}
.promo p{
	margin:0;
	padding:2px 6px;}		
.promo a{
	text-decoration:underline;
	color:#ff6600;}	

.promo a:visited{
	text-decoration:underline;
	color:#ff6600;}	
.promo a:hover{
	text-decoration:none;
	color:#10a3e9;}	
	
/* Blokken aan de linkerkant
=====================================================================*/
#blokproduct{
	margin:5px 0;
	padding:6px 5px;
	width:230px;
	border:1px solid #10a3e9;
	color:#005496;}
	
#blokproduct ul{
	list-style-type:none;}
	
#blokproduct li{
	background-image: url(../images/arrowproduct.gif);
	background-repeat: no-repeat;
	background-position: -6px 6px;
	margin-left: 5px;
	padding-left: 14px;
	line-height:22px;}
	
#blokproduct li a, a:visited{
	text-decoration:underline;
	color:#10a3e9;}
	
#blokproduct li a:hover{
	text-decoration:none;
	color:#ff6600;}	

#blokproduct h3{
	margin:2px 0;
	padding:0 6px;
	text-transform:uppercase;
	font-size:100%;
	border-bottom:1px solid #10a3e9;}	
	
/* blok voor downloads
==================================================*/
#blokdownload{
	margin:5px 0;
	padding:6px 5px;
	width:230px;
	border:1px solid #666;
	color:#333;
	background:#fff;}
	
#blokdownload ul{
	list-style-type:none;}
	
#blokdownload h3{
	margin:2px 0;
	padding:0 6px;
	color:#005496;
	text-transform:uppercase;
	font-size:100%;
	border-bottom:1px solid #ff6600;}
	
.brochurehead a{
	text-decoration:none;
	color:#005496;}
.brochurehead a:visited{
	text-decoration:none;
	color:#005496;}	
	
.brochurehead a:hover{
	text-decoration:underline;}			
	
#blokdownload li{
	background-image: url(../images/arrowdownload.gif);
	background-repeat: no-repeat;
	background-position: -6px 6px;
	margin-left: 5px;
	padding-left: 14px;}
	
#blokdownload li a, a:visited{
	text-decoration:underline;
	color:#ff6600;
	line-height:24px;}
	
	
#blokdownload li a:hover{
	text-decoration:none;
	color:#333;}		
		
	
	
/* blauwe lijn en oranje lijn
==============================================*/
.lijnblauw{
	margin:0;
	padding:0;
	background:#10a3e9;
	height:1px;
	clear:both;}
	
.lijnoranje{
	margin:0;
	padding:0;
	background:#ff6600;
	height:1px;
	clear:both;}		

/* Maincontent en plaatjes
==========================================================*/		
.content{
	color: #005496;
	line-height:20px;}
	
.content ul{
	margin-left:5px;
	background:url(../images/arrowproduct.gif) no-repeat;}
	
.imgklein{
	float:left;
	margin:4px 0 0 0;
	padding:0 10px 0 0;}	
	
.content h1{
	margin:0 0 6px 0;
	padding:0;
	text-transform:uppercase;
	color:#ff6600;
	font-size:110%;
	font-family:Arial, Helvetica, sans-serif;}	
	
.content h2{
	margin:0 0 3px 0;
	padding:0;
	color:#005496;
	font-size:110%;
	font-family:Arial, Helvetica, sans-serif;}		
	
.content a{
	color:#ff6600;
	text-decoration:underline;}

.content a:visited{
	color:#ff6600;
	text-decoration:underline;}
.content a:hover{
	color:#10a3e9;
	text-decoration:none;}		
	
/* footer
==================================================*/
#footer {
	margin:2px auto;
	padding:4px 20px;
	width:780px;
	font-size:xx-small;
	text-align:right;}
	
#footer a, a:visited{
	color:#333;
	text-decoration:none;}	

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