body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
       
        min-width:800px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		position:relative;
		text-decoration:none;
		 color: #1d4b12 ; 
    }
	
    
	
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
		height:160px;
    }

	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:white;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
           	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
		/* border-right:2px solid #1d4b12;*/ /* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
		
	}
	.holygrail .col1 {
        margin:0 195px;  /* 215 */   	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
	
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:175px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:65px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
		
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		text-align:center;
		
    }
    #footer p {
        padding:10px;
        margin:0;
    }
	
	.logo  a:active a:hover a:visited a:link
	{
			text-decoration : none;
			border: none;
	}
	
	#buttons
	{
		position:absolute;
		top:70px;
		left:370px;
		text-decoration:none;
		overflow:hidden;
		min-width: 800px;
		
	}
	.error
	{
		color:red;
	}
	
	#article
	{
	
		width: 100%;

		
	}
	
	#article img
	{
		width: 450px;
	}
	
	#article p
	{
		float:left;
		clear:left;
	}
	
	#article table
	{
		width:100%;
		margin:10px;
		padding:10px;
	}
	
	#article .maintitel
	{
		font-size:18px;
		margin-left: 5px;
		margin-top: 2px;
		color: #1d4b12;
	}
	#article .titel
	{
		font-size:18px;
		margin-left: 15px;
		margin-top: 2px;
		color: #1d4b12;
	}
	
	#article .text
	{
		margin-left: 25px;
	}
	#article .opties img
	{
		height:20px;
		width:20px;
		
	}
	#article .opties 
	{
		/*margin-right: 120px;
		height:20px;
		width:20px;*/
		float:right;
		float:clear;
	}
	
	#article .prijs
	{
		border: solid 1px black;
		left: -20px;
	}
	
	#artikel_1
	{
		height:500px;
	}
	.article_titel
	{
		position:relative;
		font-size:18px;
		margin-left: 15px;
		margin-top: 10px;
		margin-bottom: 10px;
		color: #1d4b12;
	
	}
	.article_sub_title
	{
		font-size:18px;
		color: #1d4b12;
		
	}
	.article_prijs
	{
		position:relative;
		
		width:300px;
		height:80px;
		float:right;
		clear:right;
		right:20px;
		
		
	
	}
	.article_image
	{
		position:relative;
		
		
	
	}
	.article_text
	{
		position:relative;
		
		float:right;
		clear:right;
		right:20px;
		
		width:300px;
		height:80px;
	
	}
	
	
	
	 div.gallery2
	{
		margin:2px;
  		/*text-align:center;*/
	}
	
	div.gallery2 img
  	{
  		/*display:inline; */
  		/* margin:3px; */
  		 border:1px solid #ffffff; 
		width: 180px;
		
  	} 
	
	div.galler2 table
	{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	div.gallery2  a:active, a:link, a:visited
	{
		text-decoration : none;
		font-weight:bold;
		color: #1d4b12     /* #EEE */;
	}
	
	div.gallery2  a:hover
	{
		color: #145704;
		/*  border-bottom: 1px  dotted #145704; */
	}
	
	div.gallery2 a:hover img
  	{
  		 border:1px solid #145704; 
  	} 

	
	#maincontent, #logo
	{
		padding-right:20px;
	 
	}
	
	#mainpage
	{
		/*text-align: center; */
		/*font-size:17px;*/
		font-family: Arial, Helvetica, sans-serif;
		background: /* #838181 */ /* #e8d47c */  #e7d78d  /*#f8f1d0*/;
		border: solid 2px  #cdb134  /*#efe3aa*/;
		color:  /* #EEE */ #1d4b12;
		padding-left:10px;
		margin-left:10px;
		
	
	}
	#mainpage .maintitle
	{
		font-size:18px;
		margin-left: 15px;
		margin-top: 2px;
		color: #1d4b12;
	}
	
/*	#mainpage table
	{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	*/
	
	.centertable 
	{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 75%;
			
	}
	
	.centertext
	{
		text-align: center;
	}
	
	#mainpage img
	{
		border: solid 1px /*#efe3aa*/ #cdb134;
	}
	

	
	.opacityit img
	{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
	}

	.opacityit:hover img
	{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: 0.4;
	}
	
	
	#lang
	{
		display:inline;
		max-width:40px;
		float:right;
		clear:right;
		width:40px;
		position:absolute;
		top:45px;
		right:20px; 
		text-decoration:none;
		overflow:hidden;
		
	}
	

	#frame
	{ 
	
	  width: 200px;
	  font-family: Arial, Helvetica, sans-serif;
	 /* margin-top: 10px;*/
	  margin-left: 0;
	  padding-left: 0;
	  padding-bottom: 3px;
	  margin-bottom: 10px;
	  background: /* #838181 */ /* #e8d47c */  #e7d78d   /* #f8f1d0*/ ;
	  border: solid 2px  #cdb134  /* #efe3aa*/ ;
	  color:  /* #EEE */ #1d4b12;
	}
	
	#frame p
	{
		
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		background: /* #838181 */ /* #e8d47c */   #e7d78d  /* #f8f1d0 */ ;
		color: #1d4b12    /* #EEE  */;
		
	}
	
	#frame label, input
 	{
		margin-left : 10px;
	}
	
	#frame a:active, a:link, a:visited
	{
		text-decoration : none;
		font-weight:bold;
		color: #1d4b12     /* #EEE */;
	}
	
	#frame a:hover
	{
		color: #145704;
		border-bottom: 1px  dotted #145704;
	}
	
	#frame .titeltje
	{
		font-size:18px;
		margin-left: 5px;
		margin-top: 2px;
		color: #1d4b12;
	}
	
	#frame2
	{ 
	
	  
	  font-family: Arial, Helvetica, sans-serif;
	 /* margin-top: 10px;*/
	  margin-left: 0;
	  padding-left: 0;
	  padding-bottom: 3px;
	  margin-bottom: 10px;
	  background: /* #838181 */ /* #e8d47c */  #e7d78d  /*#f8f1d0*/ ;
	  border: solid 2px  #cdb134  /*#efe3aa*/;
	  color:  /* #EEE */ #1d4b12;
	}
	
	#frame2 p
	{
		
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		background: /* #838181 */ /* #e8d47c */   #e7d78d   /* #f8f1d0  */ ;
		color: #1d4b12    /* #EEE  */;
		
	}
	
	#frame2 label, input, textarea, .img
 	{
		margin-left : 10px;
	}
	
	
	

	#frame2 a:active, a:link, a:visited
	{
		text-decoration : none;
		font-weight:bold;
		color: #1d4b12     /* #EEE */;
	}
	
	#frame2 a:hover
	{
		color: #145704;
		border-bottom: 1px  dotted #145704;
	}
	
	#frame2 .titeltje
	{
		font-size:18px;
		margin-left:20px;
		margin-top: 2px;
		color: #1d4b12;
	}
	

	#navcontainer 
	{ 
		width: 200px; 
	}

	#navcontainer ul
	{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	}

	#navcontainer a
	{
	display: block;
	padding: 3px;
	width: 160px;/*#036*/
	background: /* #838181 */  /* #cdab2c */  #d6bd4f ; 
	border-bottom: 1px solid #eee;
	}

	#navcontainer a:link, #navlist a:visited
	{
	color: #EEE;
	text-decoration: none;
	}

	#navcontainer a:hover
	{
	background: #145704;
	color: #fff;
	}

/* tool */
.right
{
float:right;
clear:both;
margin-right:20px;
font-weight:bold;

}

.vorige
{
margin-top:5px;
margin-bottom:10px;
padding-bottom: 10px;
}