html,body{
	margin:0;
	padding:0;
	}
 body{
 	background-image:url(../afbeeldingen/body.jpg);
	background-repeat: repeat-x;
	background-color:#a7c7e1;
	background-position: center top;
	
	text-align:center;
	font-family:Verdana, Arial, Courier;
	font-size:70%;
	}
	
 #container{
 	width:750px;
	margin: 10px auto 0px auto;
	padding:1px; /* ssh, niet aankomen */
	padding-left:37px;
	text-align:center;
	
	background-image:url(../afbeeldingen/header.jpg);
	background-repeat:no-repeat;
	}
 #columns{
 	width:694px;
	margin:auto;
	margin-top:11px;
	
	background-image:url(../afbeeldingen/column.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	}
	
 #columns .c1{
 	float:right;
	width:470px;
	text-align:left;
	padding-bottom:22px;
 	}
 #columns .c2{
	margin-right:499px;
 	text-align:left;
	}
#navimg{	
	background-image:url(../afbeeldingen/nav.jpg);
	background-repeat:no-repeat;
	background-position:1px 0px!important;background-position:0px 0px;
	margin-left:2px;
	height:145px;
 	}		
 #footer{
 	height:47px;
		
	background-image:url(../afbeeldingen/footer.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	color:#555;
	font-size:78%;
	font-family:Helvetica, sans-serif;
	}
	#footer a{ color:#555; text-decoration:none; }
 .clean{
 	background-color:#000000;
 	clear:both;
 	font-size:11px;
	height:14px;
	}
 #topnav{
	margin:108px 50px 0px 50px;
	padding:0;
	text-align:right;
	} 
 #topnav li{
 		display:inline;
		margin-left:10px;
	}
 #topnav a{
 	color:#ccc;
	font-size:80%;
	text-decoration:none;
	padding-left:8px;
	border-left:1px solid #ccc;
	}
	 #topnav a:hover{
 	color:white;
	}
 #columns .c1 h1, #columns .c1 h2, #columns .c1 h3{
 	font-family:Georgia, "Times New Roman", Times, serif;
	}
 .c1 h1{	
	padding:20px 20px 0px 2px;
	font-weight:normal;
	font-size:230%;
	border-bottom:2px solid #f2f2f2;
	margin:0px 3px 13px 0px;
	font-style:italic;
	}
  .c1 h2{	
	padding:3px 20px 0px 2px;
	margin:0;
	font-weight:normal;
	font-size:148.6%;
	}
 p{
 	margin:15px 20px 10px 0px;
	}
 #nav{ 
 	list-style:none;
	margin:0;
	padding:0;
	font-size:110%;
	margin-top:-80px;
	font-weight:bold;
	}
 #nav li{
	padding:0;
	margin-left:10px;
	margin-bottom:8px;
	}	
 #nav a{
 	background-color:#f4ef7c;
	display:block;
	height:auto;
    padding:5px;
	margin:0;
	text-decoration:none;
	color:#4d4c28;
border-bottom:1px solid #e0db73;
font-weight:normal;
font-family:Segoe UI;
	}
 #nav a:hover{
 	background-color:#faf345;
	color:#46a630;
	color: black;
border-bottom:1px solid #d9d46f;
	}
	
	#navbottom{
	color:darkgreen;
	
	}
 .c2 p{
 	margin:13px;
	color:#333;
	}	
	
/* =============== COMMERCE ================ */

.products{
	list-style:none;
	margin-left:10px;
	}
.products li{
	margin:0px 3px 2px 0px;
    padding-bottom:10px;

	}
	
.products img{
	float:left;
	vertical-align:top;
	margin:0 6px;
	}
.products a{
	color:#3333ff;
	font-weight:bold;
	height:200px;
	}
.products .details{
	margin-bottom:10px;
margin-left:90px;
	}

.products hr{border-bottom:1px solid #ccc; color:#D2D2D2;}

.products img{border:1px solid #ccc}

	
.products .details p{
	margin:0;
	padding:0;
	}

.products .description{
	hei-ght:65px;
	margin-right:20px;
margin-left:90px;

	}
	
.products .color{
	color:#2222ff;
	}	
	
/* ============== Product focus ======== */


.product{

	}
	
.product a{
	color:#555566;
	}

.product .strong{
	font-weight:bold;
	}
.product .details p{
	margin:0;
	padding:0;
	margin-bottom:10px;
	}
	
.product .details {
margin-right:250px!important;margin-right:260px;
	}
	
	
.product .description{
	margin-bottom:20px;
	}
.product .details .achter {
	background-image:url(afbeeldingen/zie_achter.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:15px;
	}	
.productright{
	float:right;
	vertical-align:top;
	margin:0 15px;
	width:220px;
	}

	
.product select{
	font-size:95%;
	margin:0;
	border:1px solid #e0e0e0;
	}
.product p.prijs{
	border-top:1px dotted #e0e0e0;
	border-bottom:1px dotted #e0e0e0;
	background-color:#fbfbff;
	}

#add a:hover{
	color:#2222ff;
	}
	
#terug{
	margin-top:10px;}	
/* ============== Product bestel ======== */

#bestel{
	margin-right:15px;
	width:100%;
	font-size:100%;
	}
	
#bestel tbody th{
	background-color:#f2f2f2;
	text-align:center;
	}
#bestel .bottomlist td{
	height:4px;
	background-color:#f2f2f2;
	}
#bestel input{
	font-size:95%;
	margin:0;
	border:1px solid #e0e0e0;
	}	
#bestel .totaal{
	background-color:#f2f2f2;
	padding-right:1px;
	text-align:right;
	color:#3333ff;
	}	
#bestel .alignright{
	text-align:right;
	}
#bestel .aligncenter{
	text-align:center;
	}
#bestel .smlsize{
	width:50px;
	padding:0px 5px;
	}
.clear{clear:both; height:3px;}