@charset "UTF-8";
@import url("reset.css");

/* global font setting */
body {
	font: 13px/1.5 Arial, Helvetica, sans-serif;
	color: #535353;
}

p {
	margin-bottom: 10px;
}

ul {
	list-style: disc;
	margin-bottom: 20px;
	margin-left: 12px;
}

ol {
    list-style: decimal;
	margin-bottom: 20px;
	margin-left: 18px;
}

a {
	color: #339900;
}


hr {
	border: none;
	border-bottom: 1px solid #EAECF0;
}

select {
	height: 35px;
}
select {
	-pie-background: #F5F8F4;
}

h1, h2, h3 {
	font-weight: normal;
	color: #339900;
	margin-bottom: 10px;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 21px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 15px;
}

.innerpadding {
	padding: 10px;
}

/* clear fix */
.clear {
	clear: both;
}


/* whole content list style, fixed width, adaptive height, in page center */
div.container_960 {
	width: 940px;
	margin: 0 auto;
	height: auto;
}
/* top logo */
div.logo {
	background: url(../images/logo.png) no-repeat;
	display: block;
	width: 174px;
	height: 172px;
	position: absolute;
	top: 15px;
}
/* top menu */
div.menu_wrap {
	background: url(../images/bck-nav.png) left top no-repeat;
}
/* top header image */
div.header {
	background: url(../images/header-vervolg.png) left top no-repeat;
	height: 144px;
}
/* top header image - homepage */
div.header-home {
	background: url(../images/header-home.png) left top no-repeat;
	height: 240px;
}
/* top breadcrumb */
.breadcrumb {
	padding: 20px 18px 20px 19px;
	background: url(../images/bck-search.png) left top no-repeat;
	margin-bottom: 10px;
	color: #339900;
}

/* left part, main part, right part */
.left, .right {
	width: 220px;
}
.left {
	float: left;
	margin-right: 10px;
}
.right {
	float: right;
	margin-left: 8px;
}
.main {
	width: 480px;
	float: left;
}
.main700 {
	width: 700px;
	float: left;
}

/* footer top text and klanten */
.foot_klanten {
	text-align: center;
}
.foot_klanten img {
	 width: 940px;
	 height: 73px;
}
/* footer */
.footer {
	padding: 10px;
}
/* footer center left text and right form */
.footer1, .footer2 {
	width: 437px;
	margin-left: 10px;
	margin-right: 10px;
	display: inline;
	float: left;
	position: relative;
}
.footer2 label {
	display: inline-block;
	padding: 6px 0;
	width: 150px;
}
input.contact-input, textarea.contact-input {
	border: 1px solid #C5D2C3;
	padding: 5px;
	color: #004A2C;
	font: 13px/1.5 Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 270px;
	background: #F5F8F4;
	float: right;
}
/* footer bottom text and logo */
.end-line {
	background: url(../images/logo-footer.png) bottom center no-repeat;
	text-align: center;
	height: 110px;
}

/* all block with border in no style template */
.border {
	border: 1px solid #FFFFFF;
}

/* round corner */
#attributes_area input, .round_corner_4 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
select, .round_corner_7 {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}
.round_corner_8 {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
.shadow {
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000)";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}