@charset "ISO-8859-1";

#navcontainer ul
{
	padding-left: 20px;
	margin-left: 0;
	background-color: #FFFFFF;
	color: #333333;
	float: left;
	width: 80%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	padding: 0.2em 1em;
	background-color: #FFFFFF;
	color: #666666;
	text-decoration: none;
	float: left;
	border-right: 1px solid #333333;
}

#navcontainer ul li a:hover
{
	background-color: #FFFFFF;
	color: #333333;
}

#navlist li a#current {
	background-color: #FFFFFF;
	color: #0099cc;
}

#mainContent {
	padding: 0 25px 0 25px;
	background: #FFFFFF;
}

.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: 0px;
}

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

#footer a:hover	{
	color: #333333;
	text-decoration: underline;
}
#footer {
	background:#FFFFFF;
	padding-top: 0;
	padding-left: 20px;
	
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0 10px 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #e35c3a;
	font-size: 10px;
	text-align: center;
}


#tekstvak a {
	color: #46849b;
	text-decoration: underline;
}

#tekstvak a:hover	{
	color: #333333;
	text-decoration: underline;
}

#kolom01 #tekstvak a {
	color: #a9a848;
	text-decoration: underline;
}

#kolom01 #tekstvak a:hover	{
	color: #333333;
	text-decoration: underline;
}

#kolom02 #tekstvak a {
	color: #e35c3a;
	text-decoration: underline;
}

#kolom02 #tekstvak a:hover	{
	color: #333333;
	text-decoration: underline;
}

#kolom03 #tekstvak a {
	color: #46849b;
	text-decoration: underline;
}

#kolom03 #tekstvak a:hover	{
	color: #333333;
	text-decoration: underline;
}


#kolom01 {
	float: left;
	height: 240px;
	width: 230px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
	
}

#kolom01 #tekstvak {
	padding: 10px 10px 10px 6px;
	height: 200px;
	width: 222px;
	border: thin solid #a9a848;
}
#kolom02 {
	float: left;
	height: 240px;
	width: 230px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-top: 20px;
}
#kolom02 #tekstvak {
	height: 200px;
	width: 222px;
	border: thin solid #e35c3a;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
	padding-right: 10px;
}

#kolom03 {
	float: left;
	height: 240px;
	width: 330px;
	margin-bottom: 10px;
	margin-top: 20px;
}

#tekstvak {
	height: 100px;
	width: 360px;
	border: thin solid #c7d7d9;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
	padding-right: 10px;
}
#kolom01 #balkje1 {
	background-color: #a9a848;
	height: 25px;
	width: 228px;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	padding-top: 4px;
	border: thin solid #a9a848;
}

#kolom02 #balkje2 {
	background-color: #e35c3a;
	height: 25px;
	width: 228px;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	padding-top: 4px;
	border: thin solid #e35c3a;
}
#kolom03 #balkje3 {
	background-color: #c7d7d9;
	height: 25px;
	width: 366px;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	padding-top: 4px;
	border: thin solid #c7d7d9;
}

#kolom03 img {
	padding-bottom: 7px;
}


#hoofdfoto {
	height: 166px;
	width: 669px;
	float: left;
}

#hoofdtekst {
	float: left;
	height: 164px;
	width: 230px;
	margin-left: 10px;
}

#hoofdtekst #balkje {
	background-color: #46849b;
	height: 25px;
	width: 215px;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	padding-top: 4px;
	border: thin solid #46849b;
}
#hoofdtekst #tekstvak {
	padding: 10px 10px 10px 6px;
	height: 112px;
	width: 209px;
	border: thin solid #46849b;
}

.oranje {
	border: thin solid #e35c3a;
	height: 90px;
}

.oranje_tekst {
	color: #e35c3a;
}
#pallets {
	margin: 0;
	height: 230px;
	width: 910px;
	padding-top: 20px;
	float: left;
	
}
#product_voorbeelden { border: thin solid #e35c3a;}


#pallet {
    margin: 0;
	height: 75px;
	width: 100px;
	display: inline;
}
#voorbeelden {
	float: left;
	height: 240px;
	width:290px;
	margin-bottom: 10px;
	margin-top: 20px;
	
	
}

#voorbeelden2 {
	float: left;
	height: 240px;
	width:300px;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-left: 2px;	

}
#voorbeelden p {
display: block;
padding: 10px;
}
#voorbeelden2 p {
display: block;
padding: 10px;
}
#voorbeelden img {
float: right;
clear: both;
}
#voorbeelden2 img {
float: right;
clear: both;
}

#kolom04 {
	float: left;
	height: 240px;
	width: 330px;
	margin-bottom: 10px;
	margin-top: 20px;
}

#kolom04 #tekstvak {
	height: 70px;
	width: 360px;
	border: thin solid #c7d7d9;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
	padding-right: 10px;
}



#kolom04 #balkje04 {
	background-color: #c7d7d9;
	height: 25px;
	width: 370px;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	padding-top: 4px;
}

#kolom04 img {
	padding-bottom: 7px;
}
#pallets a {
	color: #e35c3a;
	text-decoration: underline;
}

