@charset "UTF-8";

/* body dimension */
body								{ margin: 0; padding: 0; background: #ffffff; }

/* font */
body								{ font-family: Arial, Geneva, sans-serif; font-size: 12px; color: #000000; line-height: 18px; }

.verzend							{ cursor:pointer; width:81px; height:30px; background:url('../image/verzend.jpg');border:0px; }
/* html */
a,
img									{ border: none; outline: none; }
a									{ text-decoration: underline; color: #000; }
h1, h2, p,.ref						{ margin: 0 0 15px; padding: 0; }
h1,.ref								{ font-size: 18px; color: #e95e27; }
h2									{ font-size: 14px; color: #ffffff; margin: 0 0 5px; }
.content h2							{ font-size: 14px; color: #E95E27; margin: 0 0 5px; }
hr									{ height: 1px; border: none; background: url(../image/dot.png) repeat-x left top transparent; padding: 0; margin: 0 0 15px; }
dd									{ margin: 0; padding: 0; }
td input,
td textarea							{ max-width: 225px; }
fieldset							{ border:0px;}
td input[type=text],
textarea							{ margin: 0; padding: 4px; border: 1px solid #aaa; background: #eee; }

.errorMessage						{ border: 1px solid #FBC2C4; background: #FBE3E4; color: #8A1F11; padding: 10px; margin: 0 0 10px; font-weight: bold; }

td .errors input[type=text],
.errors textarea					{ border: 1px solid #FBC2C4; background: #FBE3E4; }
.content-center h1					{ font-size:16px;}

/* Common classes */
.clear								{ clear: both; height: 0; line-height: 0; visibility: hidden; }
.left								{ float: left; }
.right								{ float: right; }
.hidden								{ display: none; }
.quote								{ font-size: 18px; font-weight: bold; color: #e95e27; }
.image								{ padding: 2px; border: 1px solid #ccc; }
.image.overview						{ margin: 0 5px 0 0; }

/* button class */
.button								{ position: relative; float: left; height: 30px; margin: 0 0 15px; cursor: pointer; }
.button .start						{ position: relative; float: left; width: 15px; height: 30px; background: url(../image/button-base.png) left top no-repeat; }
.button .content					{ position: relative; float: left; padding: 0 15px 0 0; height: 30px; line-height: 30px; font-weight: bold; color: #ffffff; text-transform: uppercase; background: url(../image/button-base.png) right top no-repeat; }
.button	a							{ text-decoration: none; }

/* classes */
.offset								{ position: relative; width: 960px; margin: 0 auto; }
.content-offset						{ position: relative; width: 977px; margin: 0 auto; top: -38px; min-height: 250px; }

.header-wrapper						{ position: relative; }
.header-top							{ height: 84px; background: url(../image/header-fill.jpg) no-repeat center #000000; border-bottom: 5px solid #ed7827;  }
.logo-wrapper						{ position: absolute; left: -8px; top: 0; z-index: 100; }
.header-image						{ position: relative; height: 135px; background: #abd6ff; border-bottom: 10px solid #ed7827; }

.extra-wrapper						{ position: absolute; top: 5px; right: 0; line-height: 23px; color: #fff; text-align: right; width: 280px; }
.extra-wrapper a					{ text-decoration: none; color: #ffffff; }
.call-me							{ height: 22px; width: 100px; padding: 0 4px; margin: 0 0 0 10px; border: none; outline: none; background: url(../image/call-me.png) no-repeat left top; }
.call-me-error						{ height: 22px; width: 100px; padding: 0 4px; margin: 0 0 0 10px; border: none; outline: none; background: url(../image/call-me-error.png) no-repeat left top; }
.submit								{ margin: 0 0 0 5px; padding: 0; height: 22px; width: 79px; border: none; outline: none; background: url(../image/submit.png) no-repeat left top; }
.tell-a-friend						{ float: left; display: block; padding: 0 0 0 20px; background: url(../image/tell-a-friend.png) no-repeat left top; height: 16px; }

.menu-wrapper						{ position: absolute; left: 15px; top: 172px; z-index: 150; }
.menu-wrapper ul					{ margin: 0; padding: 0; list-style-type: none; }
.menu-wrapper ul li					{ float: left; padding: 0 0 0 10px; height: 32px; line-height: 38px; background: url(../image/menu-fill.png) repeat-x left 6px; }
.menu-wrapper ul li.start			{ width: 10px; background: url(../image/menu-start.png) no-repeat left 6px; padding: 0; }
.menu-wrapper ul li.end				{ width: 10px; background: url(../image/menu-end.png) no-repeat left 6px; padding: 0; }
.menu-wrapper ul li.home			{ width: 35px; background: url(../image/home.png) no-repeat left top; padding: 0; }
.menu-wrapper ul li.home a			{ display: block; height: 32px; width: 35px; }
.menu-wrapper ul li.contact			{ width: 78px; background: url(../image/contact.png) no-repeat left top; padding: 0; }
.menu-wrapper ul li.contact a		{ display: block; height: 32px; width: 78px; }
.menu-wrapper ul li a				{ font-weight: bold; color: #000000; text-decoration: none; display: block; height: 32px; padding: 0 10px 0 0; background: url(../image/divider.png) no-repeat right 3px; }
.menu-wrapper ul li.last a			{ background: none; }

.content							{ position: relative; z-index: 160; padding: 18px 18px 0; }
.start-content						{ position: absolute; width: 977px; top: 0; left: 0; height: 200px; z-index: 100; }
.repeat-content						{ position: absolute; width: 977px; top: 200px; left: 0; bottom: 0; z-index: 100; }

.start-content.base					{ background: url(../image/start-content.png) no-repeat left top;  }
.repeat-content.base				{ background: url(../image/repeat-content.png) repeat-y top left; }
.start-content.white				{ background: url(../image/start-content-white.png) no-repeat left top;  }
.repeat-content.white				{ background: url(../image/repeat-content-white.png) repeat-y top left; }
.start-content.fifty				{ background: url(../image/start-content-fifty.png) no-repeat left top;  }
.repeat-content.fifty				{ background: url(../image/repeat-content-fifty.png) repeat-y top left; }

.content-left						{ width: 236px; margin: 0 20px 0 0; }
.content-center						{ width: 384px; margin: 0 20px 0 0; }
.content-right						{ width: 280px; }

.breadcrumbs						{ padding: 0; margin: 5px 0 30px 15px; }
.breadcrumbs li						{ float: left; margin: 0 30px 0 0; font-size: 11px; }
.breadcrumbs li	a					{ text-decoration: none; }
.breadcrumbs li	a:hover				{ text-decoration: underline; }
.breadcrumbs li.active				{ font-weight: bold; }

.referenties						{ margin: 0; padding: 0; list-style-type: none; }
.referenties li						{ padding: 3px 0 8px 10px; background: url(../image/pointer-orange.png) no-repeat left top; }
.referenties li a					{ color: #e95e27; }

.block								{ position: relative; width: 231px; padding: 10px 0; margin: 10px 0 0; }
.block .header						{ position: absolute; width: 231px; height: 10px; background: url(../image/block-header.png) no-repeat left top; top: 0; left: 0; }
.block .content						{ position: relative; padding: 0 25px; background: url(../image/block-content.png) repeat-y left top; }
.block .footer						{ position: absolute; width: 231px; height: 10px; background: url(../image/block-footer.png) no-repeat left top; bottom: 0; left: 0; }

.footer-wrapper						{ position: relative; width: 932px; padding: 20px 0 20px 45px; top: -38px; margin: 0 auto; background: url(../image/footer.png) no-repeat left bottom; min-height: 160px; }
.footer-group						{ float: left; width: 180px; }
.footer-group ul					{ margin: 0; padding: 0; list-style-type: none; }
.footer-group ul li					{ height: 24px; line-height: 24px; padding: 0 0 0 10px; background: url(../image/pointer.png) no-repeat top left; }
.footer-group ul li a				{ color: #ffffff; text-decoration: none; }
.footer-group ul li a:hover			{ text-decoration: underline; }

.footer-group.contact				{ width: 180px; }
.footer-group.contact.small			{ width: 100px; }
.footer-group.contact.big			{ width: 200px; }
.footer-group.contact,
.footer-group.contact a				{ color: #fff; }

.contact-block						{ position: absolute; top: 17px; right: 80px; color: #000000; line-height: 24px; }
.contact-block h2					{ color: #000000; }
.contact-block a					{ color: #000000; }

.contact-block.contact				{ right: 50px; }  

.sub-footer							{ position: relative; text-align: center; top: -30px; }
.sub-footer a						{ color: #e95e27; text-decoration: none; }
.sub-link							{ font-size: 16px; font-weight: bold; text-transform: uppercase; color: #e95e27; }