/*********************
**    Begin reset 	**
*********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 	{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus 	{outline: 0;}
body 	{line-height: 1; color: black; background: white;}
ol, ul 	{list-style: none;}
table 	{border-collapse: separate; border-spacing: 0;}
caption, th, td 	{text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after 	{content: "";}
blockquote, q 	{quotes: "" "";}


.clear {
	clear: both;
}
img {
	border: 0px;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

/*********************
**    End reset		**
*********************/

a:link				{  color: #3f3f3f; text-decoration: none;}
a:visited			{  color: #3f3f3f; text-decoration: none;}
a:active			{  color: #3f3f3f; text-decoration: none;}
a:hover				{  color: #3f3f3f; text-decoration: underline;}

a:link.menu_link		{  color: #ffffff; text-decoration: none;}
a:visited.menu_link		{  color: #ffffff; text-decoration: none;}
a:active.menu_link		{  color: #ffffff; text-decoration: none;}
a:hover.menu_link		{  color: #ffffff; text-decoration: underline;}

a:link.menu_selected_link		{  color: #ffffff; text-decoration: underline;}
a:visited.menu_selected_link	{  color: #ffffff; text-decoration: underline;}
a:active.menu_selected_link		{  color: #ffffff; text-decoration: underline;}
a:hover.menu_selected_link		{  color: #ffffff; text-decoration: none;}

a:link.meer_info		{  color: #643604; text-decoration: underline;}
a:visited.meer_info		{  color: #643604; text-decoration: underline;}
a:active.meer_info		{  color: #643604; text-decoration: underline;}
a:hover.meer_info		{  color: #643604; text-decoration: none;}


body {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3f3f3f;
	background: url(../images/opmaak/background.jpg) repeat-x  #fcd7b2;
}

/*************************
**        Logo    	    **
*************************/
div#logo {
	margin: auto;
	width: 960px;
	width: 947px !important;
	padding: 15px 0 10px 13px;
}

/*************************
**      Container   	**
*************************/
div#container {
	margin: auto;
	width: 960px;
	text-align: left;	
	background: #ffffff;
	padding: 5px 0 5px 0;
}

/*************************
**      Navigatie   	**
*************************/
div#navigation {
	background: #ffffff;
	height: 33px;
	padding: 0 5px 0 5px;
}

div#menu {
	height: 28px;
	color: #ffffff;
	background: url(../images/opmaak/menu_background.jpg) repeat-x;
}

li.menu {
	float: left;
	height: 28px;
	color: #ffffff;
}

li.menu a {
	float: left;
	height: 28px;
	height: 19px !important;
	display: block;
	padding: 9px 15px 0 15px;
	color: #ffffff;
}

li.menu a:hover {
	background: #643604;
	text-decoration: underline;
}

li.menu_selected {
	float: left;
	height: 28px;
	height: 19px !important;
	display: block;
	padding: 9px 15px 0 15px;
	color: #ffffff;
	background: #643604;
	text-decoration: underline;
}

li.menu_selected a {
	background: #643604;
	text-decoration: underline;
}

li.menu_spacer {
	float: left;
	height: 28px;
	background: url(../images/opmaak/menu_spacer.jpg) no-repeat;
}

/*********************
**    Crumbtrail	**
*********************/
div#crumbtrail {
	height: 22px;
	height: 17px !important;
	padding: 5px 5px 0 15px;
	margin: 0 5px 0 5px;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	font-size: 10px;
}

/*********************
**      Header  	**
*********************/
div#header {
	height: 234px;
	width: 950px;
	margin: 5px 5px 5px 5px;
	background: url(../images/header.jpg) no-repeat;
}

div#header_content {
	padding: 107px 0 0 15px;
	width: 440px;
}	

div#header_title {
	font-size: 24px;
	color: #643604;
	font-weight: bold;
}

div#header_text {
	padding: 5px 0 0 0;
	line-height: 18px;
}

/*********************
**     Content		**
*********************/
div#content {
	margin: 0 0 0 5px;	
}

div#content_left_text {
	float: left;
	width: 648px;
	width: 643px !important;
	padding: 5px 5px 0 0px;
	border-top: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}

div#content_left {
	float: left;
	width: 472px;
	height: 185px;
	border-top: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}

	div#content_left_left {
		float: left; 
		width: 154px; 
		width: 149px !important; 
		height: 180px; 
		border-right: 1px solid #d3d3d3; 
		padding: 5px 5px 0 0;
	}
	
	div#content_left_middle {
		float: left; 
		width: 159px; 
		width: 149px !important; 
		height: 180px; 
		border-right: 1px solid #d3d3d3; 
		padding: 5px 5px 0 5px;
	}
	
	div#content_left_right {
		float: left; 
		width: 157px; 
		width: 147px !important; 
		height: 180px; 
		padding: 5px 5px 0 5px;
	}

div#content_middle {
	float: left;
	padding: 5px 5px 0 5px;
	width: 319px;
	width: 309px!important;
	height: 180px;
	border-top: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}

div.content_right_big {
	float: left;
	padding: 5px 0px 0 5px;
	width: 300px;
	width: 295px !important;
	border-top: 1px solid #d3d3d3;
}

div#content_right {
	float: left;
	padding: 5px 0px 0 5px;
	width: 157px;
	width: 152px !important;
	height: 180px;
	border-top: 1px solid #d3d3d3;
}

div.content_title {
	height: 30px;
	padding: 5px 5px 5px 5px;
	background: url(../images/opmaak/content_backround.jpg) repeat-x;
	font-size: 16px;
	color: #643604;
}

.content_sub_title {
	font-size: 10px; 
	color: #000000; 
	font-weight: bold; 
	line-height: 17px;
}

div.content_text {
	padding: 0px 5px 5px 5px;
	line-height: 16px;
}

div.picture {
	float: left;
	width: 158px;
	height: 125px;
}

div.color_nr {
	padding: 1px 0 0 5px;
}

.production_proces_main {
	float: left; 
	width: 315px;
}

.production_proces_picture {
	float: left;
	width: 150px;
	height: 115px;
}

.production_proces_stappen {
	padding: 2px 2px 0 0; 
	color: #643604; 
	font-weight: bold;
}


/*********************
**      Footer		**
*********************/
div#footer {
	clear: both;
	height: 22px;
	height: 15px !important;
	padding: 7px 15px 0 15px;
	margin: 0 5px 0 5px;
	border-top: 1px solid #d3d3d3;
	font-size: 10px;
}

/*********************
**    formulier		**
*********************/	
label {
	position: absolute; 
	text-align: left;
	padding-top: 5px;
}

input, textarea {
	padding: 3px;
	margin: 3px 3px 3px 140px;
	border: 1px solid #999999;
	font: 11px;
	background: #fff;
}
input.fout, textarea.fout {
	border: 1px solid #FF0000;
}

label.fout {
	color: #FF0000;
}