/*body			{ margin: 0px auto;}*/
body			{ 
				margin: 0; 
				padding: 0;
				background-image: url(../images/achtergrond.gif); 
				background-repeat: repeat;
				background-position: center top;
				margin:0 auto;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #006ab3;
				line-height: 15px;
				}
				
*{outline: none;}
img {border: 0;}

#container 		{
				position:absolute;
				width:821px;
				left:50%; /* IE centreren*/
				margin-left:-410px; /* IE centreren*/
				margin-top: 0;
				background-color:#ffffff;
				} 
/* top */
#header 		{
				width:821px;
				height:155px;
				top:0px;
				position:absolute;
				text-align: left;
				}
						
#headerlogo		{
				margin: -10px 0px 0px 20px;
				}
				
/* banners */				
#banner01 		{
  						top: 380px;
						left: 40px;
						background-image: url(../images/3stappen.gif);  
						background-repeat: no-repeat;
						background-position: center top;
    					position: absolute;
  						width: 492px;
						height:205px;
  						}
  
#banner-handleiding 	{
  						top: 590px;
						left: 38px;
    					position: absolute;
						 width: 239px;
						height:198px;
  						}
						
#banner-milieu		{
					top: 590px;
					left: 290px;
    				position: absolute;
				 	padding: 30px 0px 0px 15px;
					background-image: url(../images/milieuvriendelijk.gif);
					background-repeat: no-repeat; 
  					width:240px;
					height:96px;  				
					text-align: left;
  					}
				
#banner-radio 		{
					top: 690px;
					left: 290px;
					position: absolute;
					padding: 30px 0px 0px 112px;
					background-image: url(../images/radio.gif);
					background-repeat: no-repeat; 
					width:240px;
					height:96px; 
					text-align: left;
  					}
  					
#banner-instructie 		{
					top: 690px;
					left: 290px;
					position: absolute;
					padding: 30px 0px 0px 15px;
					background-image: url(../images/instructiefilmpjes.gif);
					background-repeat: no-repeat; 
					width:240px;
					height:96px; 
					text-align: left;
  					}  					
				
#banner-pc 		{
  				top: 670px;
				left: 530px;
    			position: absolute;
				width:253px;
				height:94px;
				z-index: 2;

  				}
				
#banner-mac 	{
  				top: 763px;
				left: 530px;
    			position: absolute;
  				}
				
#banner-easypc 		{
  				top: 398px;
				left: 546px;
    			position: absolute;
				width:253px;
				height:94px;
				z-index: 2;

  				}
				
#banner-easymac 	{
  				top: 477px;
				left: 529px;
    			position: absolute;
				z-index: 2;
  				}
				
#banner-plus 		{
  					top: 491px;
					left: 530px;
					position: absolute;
					width:253px;
					height:200px;
					line-height: 20px;
					padding: 52px 0px 0px 48px;
					background-image: url(../images/pluspunten.gif);
					background-repeat: no-repeat;
					margin: 0px 0px 0px 0px;
					text-align: left; 
  					}
				
#banner-betalen 	{
  					top: 793px;
					left: 547px;
    				position: absolute;
  					}									
						
#banner-zoeken 			{
  						top: 797px;
						left: 23px;
    					position: absolute;
						width:529px;
						height:100px;
  						}														
				
/* menu */						
#menu ul 		{
				top:66px;
				width:477px;
				position:absolute;
				left:272px; /* IE */
				margin:0px auto; /* FF */
				text-align: center;
				}

#menu li 		{						
				list-style-type: none;
				_margin:0 0 0 -6px; /* witruimtes verwijderen in IE */
				float: left; /* IE */
				}
			
/* submenu */ 	
#submenu ul		{
				top:105px;
				_top:127px; /* IE fix */
				width:300px;
				position:absolute; /* IE */
				left:0px; 
				}
								
#submenu li 	{
				list-style-type: none;
				float: left; /* IE */
				display: block; /* oude versie FF */
				}
			
/* content */				
#content 		{
				top:122px;
				_top:127px;  /* IE fix */
				width:502px;
				left:282px;
				position:absolute;
				margin:0px auto;
				text-align: left;
				}
				
#home			{
				top:119px; /* 270 - 275 */
				_top:124px; /* IE fix */
				position:absolute; /* IE */
				height: auto;
				left:38px; 
				width: 745px;
					} 
				
#kader 			{
				top:11px;
				width:502px;
				position:absolute;
				margin:0px auto;
				text-align: left;
				background-image: url('../images/kader-achtergrond.gif');
				background-repeat: no-repeat;
				padding: 10px 25px 25px 25px;
				}
				  				
/* sitemap */
#sitemap 			{
	width: 733px;
	_width: 743px;
	height: 250px;
	position:absolute;
	left:-241px;
	border: 0px;
	background: #ececec;
	vertical-align:bottom;
	_margin-bottom:0px;
	margin-top:10px;
	_margin-top:38px;
	padding: 0px 5px 5px 5px;
					}
					
#sitemapbreed 			{
					width: 733px;
					_width: 743px;
					height: 250px;
					position:absolute;
					left:0px;
					border: 0px;
    				background: #ececec;
					vertical-align:bottom;
					_margin-bottom:0px; /* IE fix */
					margin-top:10px;
					_margin-top:18px; /* IE fix */
					padding: 5px 5px 5px 5px;
					}
					
sitemap a 		{ 
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #aaaaaa;
				font-weight: normal; 
				}
			
sitemap a:hover 	{ 
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #5f9dc8;
					text-decoration: none;
					}
					
#footer 			{
					width: 783px;
					position:absolute;
					left:-241px;
					height: 318px;
    				background: #ececec;
					vertical-align:bottom;
					_margin-bottom:0px; /* IE fix */
					margin-top:20px;
					_margin-top:45px; /* IE fix */
					}
						
#footer ul			{
					list-style-type: none;
					display:inline;
					}

.maplijst 			{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #006ab3;
					line-height: 17px;
					text-decoration: none;
					}

.maplijst li		{
					margin-left:0px;
					margin-top:0px;
					margin-bottom:0px;
					}

.maplijst li a		{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #006ab3;
					text-decoration: none;
					margin-left:0px;
					}

.maplijst li a:hover 		{
							text-decoration: underline;
							}

.maplijst ul ul 	{
					margin-top:0px;
					margin-left:0px;
					}
					
.maplijst h1		{
					color: #006ab3;
					font-size: 11px;
					font-weight: bold;
					text-decoration: none;
					margin-bottom:-18px;
					_margin-bottom:0px; /* IE fix */
					margin-top:0px;
					margin-left:0px;
					}					

.maplijst h2		{
					color: #f59703;
					font-size: 11px;
					font-weight: bold;
					margin-bottom:0px;
					margin-top:0px;
					margin-left:0px;
					}
					
.maplijst h2 a		{
					color: #f59703;
					font-size: 11px;
					font-weight: bold;
					margin-bottom:0px;
					margin-top:0px;
					margin-left:0px;
					text-decoration: none;
					}
					
.maplijst h2 a:hover		{
							text-decoration: underline;
							}
							
.maplijst h3		{
					color: #bfc0c0;
					font-size: 11px;
					text-decoration: none;
					margin-bottom:0px;
					margin-top:0px;
					margin-left:0px;
					}

#lijst1				{
					position:absolute;
					left:2px;
					top: 25px;
					}

#lijst2				{
					position:absolute;
					left:190px;
					top: 43px;
					}

#lijst3				{
					position:absolute;
					left:370px;
					top: 25px;
					}

#lijst4				{
					position:absolute;
					left:550px;
					top: 25px;
					}												
/* tekst */
p 			{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #006ab3;
			line-height: 17px;
			margin-top: 0px;
			margin-bottom: 0px;  
			margin-left: 17px; 
			margin-right: 17px;
			text-align:left;
			}
			
H1 			{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold; 
			color: #006ab3;
			line-height: 17px;
			margin-top: 15px; 
			margin-bottom: 15px; 
			margin-left: 17px;
			margin-right: 17px;  
			} 
		
H2 			{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold; 
			color: #006ab3; /* #f29400 = oranje kop */
			line-height: 17px;
			margin-top: 0px; 
			margin-bottom: 0px; 
			margin-left: 17px;
			margin-right: 17px;  
			}
			
H3 			{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold; 
			color: #006ab3; 
			line-height: 17px; 
			} 

H4 			{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #aaaaaa; 
			line-height: 22px;
			font-weight: normal; 
			margin-top: 0px;
			margin-bottom: 0px;  
			margin-left: 17px; 
			margin-right: 17px;
			}
			
H4 a 		{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #aaaaaa;
			font-weight: normal; 
			}
			
H4 a:hover 	{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #5f9dc8;
			text-decoration: none;
			}
			
H5 			{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #aaaaaa; 
			line-height: 22px;
			margin-top: 15px; /* tekstruimte tussen onderkant kop */ 
			margin-bottom: 0px; 
			margin-left: 17px;
			margin-right: 17px; 
			}
			
H5 a 		{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #a1a1a1;			
			font-weight: bold; 
			}
			
H5 a:hover 	{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #5f9dc8;
			font-weight: bold; 
			text-decoration: none;
			}
			
H6 			{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			color: #a1a1a1;
			font-weight: normal;
			margin-left: 17px; 
			margin-top: 17px; 
			}
			
.pluspunten 	{ 
				width:253px;
				height:200px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #006ab3;
				line-height: 20px;
				padding: 27px 0px 0px 48px;
				background-image: url('../images/pluspunten.gif');
				background-repeat: no-repeat;
				margin: 0px 0px 0px 0px;
				text-align: left; 
				}
				
.milieu 	{ 
			width:253px;
			height:96px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #006ab3;
			line-height: 15px;
			padding: 9px 0px 0px 26px;
			background-image: url('../images/milieuvriendelijk.gif');
			background-repeat: no-repeat; 
			}
			
.cursus		{ 
			width:253px;
			height:96px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #006ab3;
			line-height: 15px;
			padding: 9px 0px 0px 108px;
			background-image: url('../images/cursus.gif');
			background-repeat: no-repeat; 
			}
				
.radio	 	{ 
			width:253px;
			height:96px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #006ab3;
			line-height: 15px;
			padding: 9px 0px 0px 122px;
			background-image: url('../images/radio.gif');
			background-repeat: no-repeat; 
			}
			
.homekop 	{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 17px;
			color: #FFFFFF;
			font-weight: bold;
			line-height: 21px;  
			}
			
a	 		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #006ab3;
			text-decoration: none;
			}
			
a:hover 	{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #5f9dc8;
			text-decoration: underline;
			}
						
	
a:active	{ 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px; 
			color: #006ab3;
			text-decoration: none;
			}	
			
/* prijslijst */
#prijslijst			{
					top:120px;
					_top:125px; /* IE fix */
					position:absolute; /* IE */
					height: auto;
					left:38px;
					color: #006ab3;
					width: 745px;
 
					}

#prijskader			{
					padding:0px;
					border:0px solid #777777;
					}

#prijskader hr		{
					background-color: #ee7f00; /* Alle goed werkende browsers */
					color: #ee7f00; /* IE */
					height: 3px;
					width: 98%;
					}

.prijsimg			{
					border:0px;
					text-align:left;
					}

.prijstabel			{
					font-family: Verdana;
					font-size: 11px;
					width: 720px;
					}
					
.prijstabel th		{
					background-color: #006ab3;
					color: #f29400;
					padding: 8px;
					/* vertical-align:top;*/
					/* width:135px; */
					}

.prijstabel tr.titel td		{	
							font-weight: bold;
							background-color: #ffffff;
							color: #006ab3;
							vertical-align:top;
							text-align: left;
							height: 17px;
							}

.prijstabel tr.rij1 td		{	
							background-color: #dee8ff; 
							color: #006ab3;
							}

.prijstabel tr.rij2 td		{
							background-color: #ffffff;
						 	color: #006ab3;
							}

.prijstabel td				{
							padding: 8px;
							color: #006ab3;
							height:30px;
							/* width:150px; */
							vertical-align:top;
							height: 17px;
							}

.prijstabel tr.rij1:hover td		{
							background: #ee7f00;
							color: #ffffff;
							}
.prijslijstpopup			{
							display:none; 
							position:absolute; 
							border:1px solid black; 
							background-color:white; 
							padding:0px;
							z-index: 100;
							}


/* diversen */
a img 			{
				border: 0px none;
				border-collapse: collapse;
				border-spacing: 0px; 
				float: left; /* witruimtes verwijderen*/
				text-decoration: none;
				display: block;
				margin: 0px 0px 0px 0px;
				text-align: left;
				}
				
.product		{
				width:502px;
				height:153px;
				border: 0px;
				padding: 0px 0px 0px 0px;
				text-align: left;
				border-collapse: collapse;
				border-spacing: 0px 0px 0px 0px;
				background-repeat: no-repeat;
				}
				
.product td		{
				vertical-align: bottom;
				}
				
.info			{
				_margin: px 0px 0px -12px; /* IE fix*/
				margin: 15px 0px 0px -1px; 
				}

.detailstop		{
				width:502px;
				border: 0px;
				padding: 0px 0px 0px 0px;
				text-align: left;
				border-collapse: collapse;
				border-spacing: 0px 0px 0px 0px;
				background-image: url('../images/kader-achtergrond.gif');
				background-repeat: no-repeat;
				vertical-align: bottom; 
				}
				
.detailstop td	{
				text-align: left;
				vertical-align: bottom; 
				left: 0px;
				}
												
.detailsmid		{
				width:502px;
				border: 0px;
				text-align: left;
				border-collapse: collapse;
				border-spacing: 0px 0px 0px 0px;
				background-image: url('../images/kader-midden.gif');
				vertical-align: top;
				}
				
.detailsmid td	{
				padding:0px 0px 15px 0px;
				vertical-align:top;
				}
				
.detailsbot		{
				width:502px;
				heigth:29px;
				border: 0px;
				padding: 0px 0px 0px -2px;
				text-align: left;
				border-collapse: collapse;
				border-spacing: 0px 0px 0px 0px;
				background-image: url('../images/kader-bottom.gif');
				background-repeat: no-repeat;				
				}
				
.thumbs			{
				margin: 0px 15px 0px 0px; 
				}
				
.thumbnails		{
				padding:0px 0px 20px 20px;
				vertical-align:bottom;
				background-repeat: no-repeat; 
				text-align: center;
				}
				
.vinkje			{
				margin: 4px 0px 0px 0px;
				background-image: url('../images/vinkje.gif');
				background-repeat: no-repeat; 
				}
				
.button			{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				color: #FFFFFF;
				background-color: #006ab3;
				border: solid 1px #5f9dc8;
				cursor: hand;
				margin-top: 15px;
				}
			
.tableform		{
				border: 0px;
				margin-left: 17px; 
				margin-top: 17px;
				width: 465px;
				}
				
.home			{
				width:745px;
				height:260px;
				border: 0px;
				margin: 0px 0px 0px 0px;
				text-align: left;
				}
				
.home0			{
				width:745px;
				height:260px;
				border: 0px;
				}
				
.home1			{
				width:745px;
				height:260px;
				border: 0px;
				margin: 15px 0px 0px 0px;
				text-align: left;
				border-collapse: collapse;	
				}

				
/*--Main Container--*/
.main_view 			{
					float: left;
					position: relative;
					}
					
/*--Window/Masking Styles--*/
.window 			{
					height:260px;
					width: 740px;
					overflow: hidden;
					position: relative;
					border: 1px solid #e2e2e2;
					}
					
.shadow 			{
					top: 900px; 
					left: 20px;
  					width:740px;
					height:20px;
					background-image: url(../images/shadow.jpg);
					background-repeat: no-repeat; 
					}					
					
.image_reel 		{
					position: absolute;
					top: 0; 
					left: 0;
					}
					
.image_reel img 	{
					float: left;
					}

/*--Paging Styles--*/
.paging 			{
					position: absolute;
					bottom: 233px; 
					right: -7px;
					width: 178px; 
					height:47px;
					z-index: 100; /*--Assures the paging stays on the top layer--*/
					text-align: center;
					line-height: 40px;
					background: url(../images/paging_bg2.png) no-repeat;
					display: none; /*--Hidden by default, will be later shown with jQuery--*/
					}
					
.paging a 			{
					padding: 5px;
					text-decoration: none;
					color: #fff;
					}
					
.paging a.active 	{
					font-weight: bold;
					background: #f29400;
					border: 1px solid #b67206;
					-moz-border-radius: 3px;
					-khtml-border-radius: 3px;
					-webkit-border-radius: 3px;
					}
					
.paging a:hover 	{
					font-weight: bold;
					}