html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
a, abbr, address, del, em, img, ins, small, strong, tt, ul, ol, li, dl, dt, dd, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	background: transparent;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
}
ul {
	margin: 0px 0px 24px 0px;
	padding: 0px;
	list-style: none;
}
ul li {
	padding-left: 36px;
	background: url(../images/template/li.gif) 13px 9px no-repeat;
}
ol li {
	list-style: inside;
}
:focus {
	outline: none;
}
h1 {
	width: auto; height: 40px;
	margin-bottom: 25px;
	line-height: 40px;
	font-size: 28px;
	font-weight: normal;
	color: #bd002c;
}
h2 {
	width: auto; height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #bd002c;
}
p {
	margin: 0px 0px 24px 0px;
	line-height: 24px;
	font-style: normal;
}
a {
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.no_margin {
	margin: 0px !important;
}
.tekstimg {
	margin: 16px 0px 23px 0px;
}
html, body {
	height: 100%;
}
body {
	background: url(../images/template/bg_body.gif) left top repeat-x #1e1e1e;
}

/* ALGEMEEN, HOME */

#container {
	min-height: 100%;
	height: auto !important; 
	height: 100%; 
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	background: url(../images/template/bg_container.jpg) center top no-repeat;
}
#site {
	width: 940px; height: auto;
	position: relative;
	margin: 0 auto;
}
#site:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
#header {
	width: 940px; height: 162px;
	position: relative;
}
#logo {
	width: 372px; height: 48px;
	position: absolute;
	left: 2px; top: 94px;
}
#main {
	width: 940px; height: auto;
	position: relative;
}
#left {
	width: 371px; height: auto;
	position: relative;
	float: left;
}
#left_top {
	width: 371px; height: 310px;
	position: relative;
	background: url(../images/template/bg_menu.gif) left bottom no-repeat #bd002c;
}
#menu {
	width: 251px; height: 246px;
	position: relative;
	float: left;
	padding: 46px 0px 0px 28px;
}
#menu a {
	width: 223px; height: 34px;
	position: relative;
	float: left;
	display: block;
}
#menu a.btn_home {
	background: url(../images/template/menu.gif) 0px 0px no-repeat;
}
#menu a.btn_home.active {
	background: url(../images/template/menu.gif) -223px 0px no-repeat;
}
#menu a.btn_bedrijfsprofiel {
	background: url(../images/template/menu.gif) 0px -34px no-repeat;
}
#menu a.btn_bedrijfsprofiel.active {
	background: url(../images/template/menu.gif) -223px -34px no-repeat;
}
#menu a.btn_verwerkingsruimte {
	background: url(../images/template/menu.gif) 0px -68px no-repeat;
}
#menu a.btn_verwerkingsruimte.active {
	background: url(../images/template/menu.gif) -223px -68px no-repeat;
}
#menu a.btn_assortiment {
	background: url(../images/template/menu.gif) 0px -102px no-repeat;
}
#menu a.btn_assortiment.active {
	background: url(../images/template/menu.gif) -223px -102px no-repeat;
}
#menu a.btn_kwaliteit {
	background: url(../images/template/menu.gif) 0px -136px no-repeat;
}
#menu a.btn_kwaliteit.active {
	background: url(../images/template/menu.gif) -223px -136px no-repeat;
}
#menu a.btn_contact {
	background: url(../images/template/menu.gif) 0px -170px no-repeat;
}
#menu a.btn_contact.active {
	background: url(../images/template/menu.gif) -223px -170px no-repeat;
}
#photo {
	width: 92px; height: 292px;
	position: relative;
	float: left;
}
#adres {
	width: 310px; height: auto;
	position: relative;
	padding: 35px 0px 0px 61px;
}
#adres span.media {
	width: 43px; height: 24px;
	position: relative;
	float: left;
	display: block;
	color: #bd002c;
}
#adres a {
	text-decoration: none;
}
#adres a:hover {
	text-decoration: underline;
}
#right {
	width: 569px; height: auto;
	position: relative;
	float: left;
}
#content {
	width: 460px; height: auto;
	position: relative;
	padding: 52px 44px 29px 65px;
}
#content:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
#footer {
	width: 477px; height: 24px;
	position: relative;
	padding: 14px 0px 14px 92px;
	font-size: 11px;
	color: #474747;
	background: url(../images/template/line_footer.gif) left top no-repeat;
}
#footer a {
	text-decoration: none;
	font-size: 11px;
	color: #474747;
}
#footer a:hover {
	text-decoration: underline;
}

/* SLIDE FOTOS */

#fotos {
	width: 450px; height: 374px;
	position: relative;
	margin-bottom: 38px;
}
#fotos #mainfoto {
	width: 450px; height: 300px;
	position: relative;
	margin-bottom: 7px;
}
#fotos #overlay_normal {
	width: 450px; height: 300px;
	position: absolute;
	left: 0px; top: 0px;
	background: url(../images/template/overlay_normal.png) left top no-repeat;
}
#fotos #thumbs {
	width: 450px; height: 67px;
	position: relative;
}
#fotos #thumbs .thumb {
	width: 100px; height: 67px;
	position: relative;
	float: left;
	margin-right: 17px;
}
#fotos #thumbs .thumb.third {
	margin-right: 16px;
}
#fotos #thumbs .overlay_thumb {
	width: 100px; height: 67px;
	position: absolute;
	left: 0px; top: 0px;
	cursor: pointer;
	background: url(../images/template/overlay_thumb.png) left top no-repeat;
}

/* CONTACT */

#googlemaps {
	width: 450px; height: 250px;
	position: relative;
	float: left;
	margin-bottom: 72px;
}
#form {
	width: auto; height: auto;
	position: relative;
	float: left;
}
#contactformulier {
	width: auto; height: auto;
	position: relative;
	float: left;
	padding-bottom: 25px;
}
.field {
	width: 382px; height: 25px;
	position: relative;
	float: left;
	margin-bottom: 15px;
}
.field label {
	width: 382px; height: 25px;
	position: relative;
	float: left;
	line-height: 25px;
	cursor: pointer;
	background: url(../images/template/input.gif) 157px 0px no-repeat;
}
.field label input {
	width: 205px; height: 21px;
	position: absolute;
	left: 167px; top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: none;
	background: none;
}
.field_textarea {
	width: 382px; height: 164px;
	position: relative;
	float: left;
	margin-bottom: 25px;
}
.field_textarea label {
	width: 382px; height: 164px;
	position: relative;
	float: left;
	line-height: 25px;
	cursor: pointer;
	background: url(../images/template/textarea.gif) 157px 0px no-repeat;
}
.field_textarea textarea {
	width: 213px; height: 152px;
	position: absolute;
	left: 167px; top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	overflow: auto;
	border: none;
	background: none;
}
span.label {
	width: 157px; height: 25px;
	position: relative;
	float: left;
}
.radio {
	width: 225px; height: 25px;
	position: relative;
	float: left;
}
.radio span {
	width: 31px; height: 25px;
	position: relative;
	float: left;
	display: block;
	cursor: pointer;
	line-height: 26px;
	margin-right: 15px;
	padding-left: 22px;
	background: url(../images/template/radiobuttons.gif) 0px -25px no-repeat;
}
.radio span.checked {
	background: url(../images/template/radiobuttons.gif) 0px 0px no-repeat;
}
.radio span input {
	display: none;
}
.field_button {
	width: 225px; height: 32px;
	position: relative;
	float: left;
	padding-left: 157px;
	background: url(../images/template/btn_versturen.gif) 157px 0px no-repeat;
}
.field_button input {
	width: 81px; height: 32px;
	position: relative;
	cursor: pointer;
	border: none;
	background: none;
}
label.error {
	width: 215px; height: 25px;
	position: relative;
	float: left;
	padding-left: 167px;
	line-height: 15px;
	display: block;
	font-size: 11px;
	font-style: italic;
	color: #ffffff;
	background: none;
}
.melding {
	width: auto; height: auto;
	position: relative;
	display: none;
}
