/*---------------------------- GEDEELTE VOOR BODY, H1 ,... --------------------------------*/
body
	{
	background:#FFF;	
	color: #949393;
	font: 12px/12px arial, helvetica, sans-serif;
	}
	
html, body  /* nodig voor de footer */
	{
	height: 100%;
	}
	

	
p
	{
	color: #949393;
	font: normal 12px/18px arial, helvetica, sans-serif;
	margin: 0 0 15px 0;
	}
	
h1,
div.name
	{
	color: #000;
	font: normal 12px/18px arial, helvetica, sans-serif;
	text-transform: uppercase;	
	}
	
	
h4
	{
		color: #666;
		text-transform: uppercase;
		font-size: 12px;
		margin-bottom: 10px;
		line-height: 18px;
	}
	
h5
	{
		color: #666;
		font-size: 12px;
		margin-bottom: 10px;		
		line-height: 18px;
	}
	
	
a
	{
	color: #949393;
	}
	
p a
	{
	color: #949393;	
	}
	
p a:hover,
p a:focus
	{
	color: #000;	
	text-decoration: underline;
	}
	
p a.orderbutton
	{
	background: #ED1B35;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	margin: 10px 0 0 0;
	text-transform: uppercase;
	width: auto;
	}
	
p a.orderbutton:hover,
p a.orderbutton:focus
	{
	background: #000;
	text-decoration: none;
	}
	
a:hover,
a:focus
	{
	color: #000;
	}
	
ul li, 
ol li
	{
	color: #7d7d7d;
	line-height: 18px;
	}
/*---------------------------- CLEAR  --------------------------------*/
.clear
{
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
}

.clearfix:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.clearfix
{
	display:block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height:1%;
}

/*---------------------------- STRUCTURAL ----------------------------*/
.structural
{
	height:1px;
	left:-9999px;
	position:absolute;
	top:-9999px;
	width:1px;
}

/*---------------------------- HIDDEN ----------------------------*/
.hide
{
    display: none;
    visibility: hidden;
}