body {
	margin: 0;
	padding: 0;
	color: #00619A;
	font-size: 12px;
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
}
#wrap {width: 1140px;margin: 0 auto;}
a {color: #00619A; font-weight: bold;}
a:hover {color: #F9423A;}
a img {border: none;}
hr {width: 100%; border: none; color: #CBE0EB; background-color: #CBE0EB; height: 1px; margin: 40px 0;}
img.left {float: left; margin: 5px 10px 20px 0;}
.red {color: #F9423A;}
.clear {clear: both;}

body {padding-left: 120px; background: #fff url('../img/bg/default.png') no-repeat 0 50px;}
body.home {background: #fff;}
body.productinfo {background: #fff url('../img/bg/productinfo.png') no-repeat 0 50px;}
body.kwaliteitsbeleid {background: #fff url('../img/bg/kwaliteitsbeleid.png') no-repeat 0 50px;}
body.referenties, body.referenties_detail {background: #fff url('../img/bg/referenties.png') no-repeat 0 50px;}
body.orderopvolging {background: #fff url('../img/bg/orderopvolging.png') no-repeat 0 50px;}
body.prijsaanvraag {background: #fff url('../img/bg/prijsaanvraag.png') no-repeat 0 50px;}
body.contact {background: #fff url('../img/bg/contact.png') no-repeat 0 50px;}
body.raamtypes {background: #fff url('../img/bg/raamtypes.png') no-repeat 0 50px;}

/**********************************************************************
/ Header
/**********************************************************************/
header {padding: 35px 0 20px; height: 80px; border-bottom: 1px solid #BFD8E6;}
header #logo {float: left;}
header nav {float: left; margin: 34px 0 0 20px;}
header nav ul {margin: 0; padding: 0; list-style: none;}
header nav ul li {float: left; margin-right: 8px;}
header nav ul li a {color: #00619A; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 15px; padding: 0 5px 43px; letter-spacing: 1px;}
header nav ul li a:hover, header nav ul li a.sel {color: #F9423A; background: transparent url('../img/arrow-up.png') no-repeat bottom center;}
@-moz-document url-prefix() { header nav ul li a {padding-bottom: 42px;} }

/**********************************************************************
/ Section:content
/**********************************************************************/
section#content {padding: 20px 0 70px 360px; min-height: 700px; font-size: 14px;}
section#content h1 {font-size: 36px; text-transform: uppercase; letter-spacing: 2px; margin-top: 20px;}
section#content h2 {font-size: 22px; color: #F9423A; font-weight: normal;}
section#content ul {margin: 0; padding: 0; list-style: none;}
section#content ul li:before { content: "- "; }
section#content div.left {float: left; width: 50%;}
section#content div.right {float: right; width: 50%;}

table.raamtypes {}
table.raamtypes th {text-align: left; font-weight: normal; padding: 0 0 15px 0; vertical-align: bottom; width: 220px; padding: 0 25px 15px 0;}
table.raamtypes td {padding: 0 0 20px 0;}

p.paginering {text-align: right; margin-right: 40px;}
p.paginering a {text-decoration: none;	margin-left: 10px;}
p.paginering a.sel {color: #F9423A;}

ul.projects {margin: 0; padding: 0; list-style: none;}
ul.projects li:before {display: none;}
ul.projects li {width: 348px; float: left; margin: 0 40px 40px 0;}
ul.projects li a {display: block;}

p.descr {margin: 5px 0;}
p.descr span {color: #F9423A; display: inline-block; width: 50px; text-align: right; padding-right: 10px;}
p.descr.refs_detail {margin: 15px 0;}
p.descr.refs_detail span {text-align: left; width: auto; margin-left: 40px;}
p.descr.refs_detail span:first-child {margin-left: 0;}

p.back {margin-top: 0;}
p.back a {text-decoration: none;}
#slides_container {position: relative;}
#slides {display: none;}
ul.slidesjs-pagination {float: right;}
ul.slidesjs-pagination li {float: left; margin: 0 0 10px 10px;}
ul.slidesjs-pagination li:before {display: none;}
ul.slidesjs-pagination li a {text-decoration: none;}
ul.slidesjs-pagination li a.active {color: #F9423A;}

a.slidesjs-previous, a.slidesjs-next {display: block; width: 37px; height: 59px; position: absolute; z-index: 100; top: 50%;}
a.slidesjs-previous {left: 20px; background: transparent url('../img/arrow-prev.png') no-repeat top left;}
a.slidesjs-next {right: 20px; background: transparent url('../img/arrow-next.png') no-repeat top left;}

p.error {color: #F9423A; padding: 10px; border: 1px solid #F9423A;}

#prijsaanvraag fieldset {border: none; padding: 0; margin: 30px 0; width: 100%;}
#prijsaanvraag legend {width: 100%; font-weight: bold; font-style: italic; font-size: 16px; border-bottom: 1px solid #CBE0EB; padding-bottom: 10px; margin-bottom: 20px;}
html.safari legend + * {-webkit-margin-top-collapse: separate; margin-top: 20px;} /*safari bugfix*/
#prijsaanvraag legend span {float: right; font-size: 14px; font-weight: normal;}
#prijsaanvraag hr {margin: 20px 0;}
#prijsaanvraag span.req {float: right;}
#prijsaanvraag label {font-weight: bold;}
#prijsaanvraag input[type="text"], #prijsaanvraag textarea {background-color: #CBE0EB; border: none; padding: 4px;}
#prijsaanvraag input[type="submit"] {background-color: #00619A; color: #fff; padding: 6px 12px; font-size: 13px; text-transform: uppercase; cursor: pointer; border: none; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; letter-spacing: 1px;}

#prijsaanvraag div.upload {margin: 20px 0;}
#prijsaanvraag div.upload label {display: block; float: left; width: 135px; padding-right: 10px; text-align: right;}
#prijsaanvraag div.upload em {display: block; margin-left: 145px; font-size: 12px;}
#prijsaanvraag p.note {margin-left: 20px; font-size: 13px;}
#prijsaanvraag div.note {font-size: 13px;}
#prijsaanvraag textarea#afmetingen_ruw {margin-left: 20px; width: 400px;}
#prijsaanvraag input.datepicker {float: left;}
#prijsaanvraag img.ui-datepicker-trigger {float: left; margin-left: 2px; cursor: pointer;}

#prijsaanvraag fieldset.default {}
#prijsaanvraag fieldset.default label, label.default {display: block; float: left; width: 135px; padding-right: 15px; text-align: right;}
#prijsaanvraag fieldset.default input[type="text"], input.default {width: 260px; margin-bottom: 10px;}
#prijsaanvraag fieldset.default select {width: 268px;}
#prijsaanvraag fieldset.default textarea {width: 260px;}

/**********************************************************************
/ Footer
/**********************************************************************/
footer {border-top: 1px solid #BFD8E6;}


/**********************************************************************
/ Home
/**********************************************************************/
body.home {padding: 0; height: 100%;}
body.home #wrap {width: 100%;}
body.home #wrap .inner {width: 1140px; margin: 0 auto;}
body.home #wrap header, body.home #wrap footer {width: 100%; background: #fff; position: absolute;}
body.home #wrap header {top: 0;}
body.home #wrap footer {bottom: 0;}
body.home #wrap section#content {padding: 0; padding-top: 135px; min-height: 460px;}
body.home #wrap section#content .inner {}
body.home #wrap section#content .inner div {float: left; width: 369px; height: 369px; margin-right: 15px; text-align: center;}
body.home #wrap section#content .inner div h2, body.home #wrap section#content .inner div p {color: #fff;}
body.home #wrap section#content .inner div h2 {margin: 140px 0 30px; text-transform: uppercase; letter-spacing: 2px;}
body.home #wrap section#content .inner div p {font-size: 18px; font-weight: normal;}
body.home #wrap section#content .inner div a {display: block; text-decoration: none;}
body.home #wrap section#content .inner div.blue {background: transparent url('../img/ruit_blauw.png') no-repeat center center;}
body.home #wrap section#content .inner div.red {background: transparent url('../img/ruit_rood.png') no-repeat center center;}
body.home #wrap section#content .inner div.white {margin-right: 0; background: transparent url('../img/ruit_wit.png') no-repeat center center;}
body.home #wrap section#content .inner div.white h2 {color: #F9423A;}
body.home #wrap section#content .inner div.white p {color: #00619A;}

/**********************************************************************
/ Mobile
/**********************************************************************/
html.mobile section#content {padding-right: 50px;}