/************************************************************************************************/
/* template */
/************************************************************************************************/

* 
{ 	
	margin: 0px; 
	padding: 0px;
}

body 
{ 
	font-family: Arial; 
	font-size: 12px; 
	color: #727272;
	background: #dfdfdf;
}

a
{
	color: #572715;
	font-weight: bold;
	text-decoration: none;
}

a:hover { color: #fd0134; }

ul 
{ 
	list-style: none; 
}

div.clear 
{ 
	clear: both; 
	overflow: hidden; 
}

img	{ border: 0px;	  }

.left 	{  float: left;   }
.right 	{  float: right;  }
.center { margin: 0 auto; }

.add { margin-top: 10px; margin-bottom: 10px; }
/************************************************************************************************/
/* fade-box */
/************************************************************************************************/

#fade-box-top
{
	margin:	10px auto 0px; 
	padding: 0px 15px 0 15px;
	height: 19px;
	width: 930px; 
	background: url(images/back_fade_top.jpg) no-repeat;
}

#fade-box
{
	width: 930px; 
	margin:	0px auto 0px; 
	padding: 1px 15px 15px 15px;
	background: url(images/back_fade.jpg) repeat-y;
}

#fade-box-bottom
{
	margin:	0px auto 0px; 
	padding: 0px 15px 0 15px;
	height: 20px;
	width: 930px; 
	background: url(images/back_fade_bottom.jpg) no-repeat;
}

/************************************************************************************************/
/* container */
/************************************************************************************************/

#container
{
	width: 903px; 
	margin:	10px auto 0; 
	padding: 0px;
	background: #ffffff;
}

/************************************************************************************************/
/* header */
/************************************************************************************************/

#header
{
	height: 132px;
	background: url(images/header.jpg);
}

/************************************************************************************************/
/* navigation */
/************************************************************************************************/

#navigation
{
	margin-top: 10px;
	height: 31px;
	width: 100%;
	background: #1d2e4a url(images/menu_back.jpg) repeat-x;
} 

#menu-left { float: left; }
#menu-right { float: right; }
#menu-left li { border-right: 1px solid #ccc; }
#menu-right li { border-left: 1px solid #ccc; }

#navigation li.left-side { 
	height: 31px;
	width: 5px;
	padding: 0px;
	margin: 0px;
	background: url(images/menu_back_left.jpg); 
	border-right: 0px;
}

#navigation li.right-side { 
	height: 31px;
	width: 5px;
	padding: 0px;
	margin: 0px;
	background: url(images/menu_back_right.jpg); 
	border-left: 0px;
}

#navigation ul li
{
	float: left;
	padding: 7px 15px 7px 15px;
	color: #787878;
} 

#navigation ul li a
{
	padding: 1px 1px 1px 1px;
	display: block;
	font-family: Arial; 
	font-size: 12px; 
	font-weight: bold;
	color: #787878;
	text-decoration: none;	
} 

#navigation ul li a:hover
{
	color: #fd0134;

}

/************************************************************************************************/
/* content */
/************************************************************************************************/

#content
{
	margin-top: 10px;
}

h2.soorten
{
	height: 30px;
	width: 207px;
	background: url(images/submenu1.jpg);
}

h2.laatste
{
	height: 30px;
	width: 207px;
	background: url(images/submenu2.jpg);
}

h2.interne
{
	height: 30px;
	width: 207px;
	background: url(images/submenu3.jpg);
}
/************************************************************************************************/
/* content-box-left */
/************************************************************************************************/

#content-box-left
{
	line-height: 17px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 207px;
	background: #ffffff;
}

#content-box-left ul
{
	margin: 0px 5px 0px 5px;
}

#content-box-left li
{
	padding: 4px 8px 4px 8px;
	border-bottom: 1px dotted #ccc;
}

#content-box-left li a
{
	font-family: Arial; 
	font-size: 12px; 
	font-weight: bold;
	color: #787878;
	text-decoration: none;	
} 

#content-box-left li a:hover { color: #fd0134; }

#quick-search 
{
	line-height: 13px;
	font-size: 11px;
	color: #ffffff;
	margin-top: 10px;
	padding: 0px 10px 0 10px;
	height: 95px;
	width: 187px;
	background: url(images/quick_search_back.jpg);
}

#quick-search #search
{
	border: 1px solid #572715;
	padding: 3px;
}

#quick-search #submit
{
	margin-top: 2px;
	vertical-align: top;
}


#search-form
{
	padding: 30px 0px 5px 0px;
}

/************************************************************************************************/
/* content-box-middle */
/************************************************************************************************/

#content-box-middle
{
	float: left;
	margin: 0px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
	width: 458px;
	letter-spacing: 1px;
}

h1
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 24px;
	color: #cc6635;
	letter-spacing: 0px;
}

.post 
{
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.post a
{
	text-decoration: underline;
}

.recept-pic 
{
	float: left;
	padding: 1px;
	margin-right: 10px;
	border: 1px solid #224564;
}

.info
{
	padding: 10px;
}

/************************************************************************************************/
/* content-box-right */
/************************************************************************************************/

#content-box-right
{
	float: left;
	padding: 0px 0px 0px 0px;
	width: 207px;
}

#content-box-right ul
{
	margin: 0px 5px 0px 5px;
}

#content-box-right li
{
	padding: 4px 8px 4px 8px;
	border-bottom: 1px dotted #ccc;
}

#content-box-right li a
{
	font-family: Arial; 
	font-size: 12px; 
	font-weight: bold;
	color: #787878;
	text-decoration: none;	
} 

#content-box-right li a:hover { color: #fd0134; }

/************************************************************************************************/
/* footer */
/************************************************************************************************/

#footer
{
	margin:	0px auto 0; 
	padding: 0px 5px 15px 5px;
	width: 884px; 
	color: #3f4851;
	font-weight: bold;
	font-size: 11px; 
	text-align: right;
}


#footer a
{	
	color: #3f4851;
}

#footer a:hover
{
	text-decoration: underline;
}