/*Products Pagina*/
#col-top{
	position: relative; clear: both;
	width: 700px; min-height: 130px;
	margin: 0px 0px 10px 0px;
}

#heading{
	position: relative; float: left;
	width: 300px; height: auto; max-height: 600px;
	margin: 0px 30px 0px 0px;
}

#products{
	position: relative; float: left;
	width: 370px; height: auto; max-height: 600px;
	margin: 0px 0px 0px 0px;
}

span.foto1{ position: relative; float: left; width: 192px; } 
span.foto2{ position: relative; float: left; width: 176px; } 
span.space{ margin:0px 18px 0px 0px; }

/*Bottom*/
#col-bottom{
	position: relative; clear: both;
	width: 700px; height: auto;
}

#col-bottom{
	position: relative; clear: both;
	width: 680px; height: auto;
}

/*Opsomming*/
ul.products{
	position: relative; clear: both;
	width: 680px; height: auto;
	margin: 0px 0px 0px 0px; padding: 10px;
	background: #f4f4f4; border: solid 1px #eaeaea;
	 -webkit-border-radius: 8px; -moz-border-radius: 8px;
	 color: #68696b;	 
}

ul.products li{
	margin: 0px 0px 5px 18px; padding: 0; list-style-image:url(../afbeeldingen/vinkje.png); color: #68696b
}

/*Projecten*/

.header-left {float: left;}
.header-right {float: right;}

.table {
	position: relative; clear: both;
	width: 680px; min-height: 250px; height: auto;
	margin: 0px 0px 0px 0px; padding: 10px;
	background: #f4f4f4; border: solid 1px #eaeaea;
	 -webkit-border-radius: 8px; -moz-border-radius: 8px;
	 color: #68696b;	 
}
.table ul.left {
	float:left; width: 100px;
	margin:0; padding:0;
	font-weight: bold;
	background:#fff;
	 -webkit-border-radius: 8px; -moz-border-radius: 8px;
}

.table ul.right {
	float:left; width: 580px;
	margin:0; padding:0;
	background: #ffff;
}

.table ul li{list-style:none; padding:3px 10px;}
.table ul li.even{}
.table ul li.even-x{margin: 0px 0px 15px 0px;}
.table ul li.odd{}
.table ul li.odd-x{margin: 0px 0px 15px 0px;}
/* Foto's */

.thumb-foto {
	float: left;
	margin: 54px 10px 0px 0px;
}
.thumb-foto:hover {
	/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}
#projects{
	position: relative; float: right;
	width: 350px; height: 150px;
	margin: 0px 0px 20px 0px; padding: 0px;	 
}

.overzicht-vlak {
	float: left;
	width: 160px;
	margin: 0px 18px 15px 0px;
}
.overzicht-vlak.last{
	margin: 0px 0px 15px 0px;
}
.overzicht-vlak img {
	border: 1px solid #cdcdcd;
}
	
.overzicht-vlak img:hover {
	/* for IE */
  	filter:alpha(opacity=80);
  	/* CSS3 standard */
  	opacity:0.8;
}
.overzicht-vlak p {
	text-align: center;
	font-size: 14px;
	margin: 5px 0px 0px 0px;
}



.volgend-project {
	font-size:11px; float:right;
}
.vorig-project {
	font-size:11px; float:left;
}
.overzicht {
	width: 200px;
	font-size:11px;
	margin: 0 auto;
	text-align: center;
}