@charset "UTF-8";
/* ///////////////////////////////////////////////////// */

/* Bestandsnaam: print_style.css */
/* Versie: 1.0.0 (15-01-2010) */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */
     
	/* RESET STYLES */

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,
b, u, i, center,
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-size: 100%; vertical-align: baseline; background: transparent;}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
    
/* ///////////////////////////////////////////////////// */
     
	/* ALGEMEEN */
	 
.clr {clear: both;}

.flt_rgt {float: right;}

.flt_lft {float: left;}

.print {display: block !important;}

.no_print {display: none !important;}

.rood {color: #e91112;}

/* ///////////////////////////////////////////////////// */
     
	 /* GLOBALE PAGINA OPMAAK */	

body {padding: 0 0 0 0; margin: 0 0 0 0; width: 100%; height: 100%; background: #FFFFFF; font: normal normal 11px 'Verdana', sans-serif; color: #333; letter-spacing: 0.5pt;}

html {padding: 0 0 0 0; margin: 0 0 0 0; width: 100%; height: 100%;}
	 
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 220px;}

#header-wrap {background: #fff;}

#header {width: 960px; margin: 0 auto; position: absolute;}

#contact_banner {display: none;}

#main-content {width: 960px; margin: 0 auto 10px auto;}

#footer {background: #fff; position: relative; margin-top: -220px; height: 220px; clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

/* ///////////////////////////////////////////////////// */
	
	/* HEADER */	

#header h1 {display: none;}

#header img {}

#header #slogan_text strong {display: none;}


/* ////////////////////////////////////////////////// */
     
	/* HOOFDMENU */ 	 

.sf-menu {list-style: none;	padding: 0; margin: 0; width: 960px; position: absolute; top: 155px; z-index: 200;}

.sf-menu {line-height: 1.0;}

.sf-menu ul {position: absolute; top: -999em; width: 280px; z-index: 300;}

.sf-menu ul li {width: 278px;}

.sf-menu li {float: left; position: relative; margin: 0 4px; padding: 0;}

.sf-menu ul li {margin: 0;}

.sf-menu li a {display: block;	height: 18px; position: relative; padding: 7px 7px; color: #666; text-decoration: none; letter-spacing: 1px; border-bottom: 2px solid #fcfcfc; font: normal 18px 'Arial', sans-serif;}

.sf-menu li.Home {margin: 0;}

.sf-sub-indicator {display: inline-block; width: 8px; height: 14px;	margin: 0 0 0 5px; background: url('/img/jpg-sprite.jpg') no-repeat -18px -116px; text-indent: -100000px;
}

.sf-menu li ul li {padding: 0; margin: 2px 0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0;}

.sf-menu li ul li a {background: #fcfcfc !important; padding: 10px 8px 8px 8px; text-transform: none; border: 0 !important; color: #666 !important; font-size: 12px;}

/* ///////////////////////////////////////////////////// */
	
	/* CONTENT */

#content-field {width: 960px; border: 1px solid #ececec; background: #fff; padding: 1px; margin: 10px 0 0 0;}

#content-field-left {width: 641px; border: 1px solid #ececec; background: #fff; padding: 1px; margin: 10px 0 0 0; float: left;}

#content-field-right {width: 300px; border: 1px solid #ececec; background: #fff; padding: 1px; margin: 10px 0 0 0; float: right;}

.content {background: #fdfdfd url('/img/jpg-sprite.jpg') repeat-x 0 -1034px; margin: 0; padding: 10px; line-height: 20px; position: relative;}

.text p {margin: 0; padding: 8px 0;}

.text h1 {margin: 0 0 5px 0; padding: 0; font: normal 30px 'Arial', sans-serif; color: #e91112;}

.text h2 {margin: 0 0 5px 0; padding: 0; font: normal 28px 'Arial', sans-serif; color: #e91112;}

.text h3 {margin: 0 0 5px 0; padding: 0; font: normal 26px 'Arial', sans-serif; color: #e91112;}

.text h4 {margin: 0 0 5px 0; padding: 0; font: normal 24px 'Arial', sans-serif; color: #e91112;}

.text h5 {margin: 0 0 5px 0; padding: 0; font: normal 22px 'Arial', sans-serif; color: #e91112;}

.text h6 {margin: 0 0 5px 0; padding: 0; font: normal 20px 'Arial', sans-serif; color: #e91112;}

.text hr {color: #ececec; background: #ececec; height: 1px; border: 0; line-height: 1px;}

.text ul {list-style: square; margin: 10px 0 10px 30px; list-style-image: url('/img/bullet.gif');}

#content-field-right ul {list-style: square; margin: 10px 0 10px 20px;  list-style-image: url('/img/bullet.gif');}

.text ul li {padding: 0 0 0 5px;}

.text ol {list-style: decimal; margin: 10px 0 10px 30px;}

.text a {color: #e91112; text-decoration: none;}

#home-left {width: 460px; color: #666; margin: 0; padding: 5px; height: 230px; font: normal 20px 'Arial', sans-serif;}

#home-left h2 {color: #e91112; font-size: 42px; margin: 0; padding: 0;}

#home-right {position: relative;}

#home-right {width: 420px; height: 199px; background: url('/img/png-sprite.png') 0 0; position: absolute; right: 15px; top: 15px; padding: 8px 0 0 23px;}

#home-right .next {display: none;}

#home-right .prev {display: none;}

#home-right .slider-homepage {width: 389px; height: 190px; overflow: hidden;}

#home-right .slider-homepage img {width: 389px; height: 190px; cursor: pointer;}

#home-bottom .text {width: 265px; padding: 0 45px 0 0; margin: 5px 0 0 3px; float: left;}

#home-bottom h3 {color: #666; height: 25px; font: normal 30px 'Arial', sans-serif;}

.iconwerkwijze {margin: 10px 15px 35px 15px; float: left;} 

#banner {color: #666; width: 935px; height: 77px; border: 1px solid #ececec; background: #fefefe url('/img/jpg-sprite.jpg') repeat-x 0 -776px; padding: 48px 0 0 25px; cursor: pointer; position: relative; margin: 10px 0 10px 0; font: normal 31px 'Arial', sans-serif;}

#banner span {display: none;}

.newsitem {margin: 10px 0; padding: 10px; border-bottom: 1px solid #eee;}

.newsitem h3 {margin: 0; padding: 0;}

.newsitem .date {color: #999; font-style: italic; font-size: 10px;}

.homepage-block-left {float: left; color: #666; width: 282px; height: 165px; border: 1px solid #fff; outline: 1px solid #ececec; background: #fdfdfd url('/img/jpg-sprite.jpg') repeat-x 0 -1034px; padding: 15px; position: relative; margin: 0 0 10px 0;}

.homepage-block-middle {float: left; color: #666; width: 281px; height: 165px; border: 1px solid #fff; outline: 1px solid #ececec; background: #fdfdfd url('/img/jpg-sprite.jpg') repeat-x 0 -1034px; padding: 15px; position: relative; margin: 0 10px 10px 10px;}

.homepage-block-right {float: left; color: #666; width: 281px; height: 165px; border: 1px solid #fff; outline: 1px solid #ececec; background: #fdfdfd url('/img/jpg-sprite.jpg') repeat-x 0 -1034px; padding: 15px; position: relative; margin: 0 0 10px 0;}

.homepage-block-left, .homepage-block-middle, .homepage-block-right {line-height: 20px; overflow: hidden;}

.homepage-block-middle a, .homepage-block-right a {position: absolute; left: 15px; bottom: 10px;}

.homepage-block-left ul {margin: 20px 0 0 25px;}

.homepage-block-left li {margin: 10px 0;}

.homepage-block-left a.more-news {position: absolute; left: 17px; bottom: 10px;}

.homepage-block-left h2, .homepage-block-middle h2, .homepage-block-right h2 {margin: 0 0 0 0; padding: 0; font: normal 22px 'Arial', sans-serif; color: #666; letter-spacing: 2px;}

.homepage-block-middle .text, .homepage-block-right .text {line-height: 18px;}

.bkdscan h3 {color: #666 !important; line-height: 30px;}

h3.bkd-title {color: #666 !important;}

.text .content_image img {float: right; margin: 0 0 0 15px; padding: 5px; background: #fff; border: 1px solid #ccc;}

.text .content_image img.portfolio-selection {float: none; display: none; margin: 4px 3px 4px 4px; border: 1px solid #ccc; padding: 0;}

/* ////////////////////////////////////////////////// */
     
	/* PORTFOLIO */ 

.crumbs {margin: 0 0 0 10px;}

.crumbs, .crumbs a {color: #bbb; text-decoration: none; display: inline-block; margin: 0; padding: 0;}

.case {position: relative;	margin: 10px 0 10px 0; width: 300px;}

.case_even {float: left;}

.case_odd {float: right;}

.case .case_img {padding: 4px; border: 1px solid #e2e2e2; width: 290px; height: 212px;}

.case .black_opacity {display: none;}

.caseleft {position: relative;}

.case .more_info {position: absolute; color: #e91112; font-weight: bold; top: 5px; right: 5px; background: #fff; padding: 3px;}

.portfolio-next {display: none;}

.portfolio-prev {display: none;}

.portfolio-album-wrap {float: left; margin: 0 15px 0 5px; padding: 5px; border: 2px solid #e2e2e2; width: 400px; height: 260px; overflow: hidden;}

.portfolio-album a {border: 0; position: relative; background: #fff; color: #666; text-decoration: none; cursor: pointer;}

.portfolio-album img {width: 400px; height: 240px; border: 0;}

span.slide_info {text-align:center;	font-weight: bold; font-size: 12px; display: block; margin: -2px 0 0 0; background: #fff; height: 50px;}

.paging	{text-align: right;	margin: 10px 0 10px 0;}

.paging a {padding: 3px 7px; border: 1px solid #e2e2e2;	background: url('/img/jpg-sprite.jpg') repeat-x 0 -958px; color: #e91112; margin-left: 3px; text-decoration: none; font: bold 10px Arial, Helvetica, sans-serif; letter-spacing: 1px;}

.current_page {padding: 3px 7px; border: 1px solid #bbb;	color: #fff;	background: #e91112; margin-left: 3px; text-decoration: none; font: bold 10px Arial, Helvetica, sans-serif; letter-spacing: 1px;}

.case_detail {margin: 20px 0 0 0; position: relative;}

.case_detail h3 {margin: 0 0 10px 0; font: normal 23px 'Arial', sans-serif; color: #e91112;}

/* ////////////////////////////////////////////////// */

	/* FORMULIER */	

form label {display: inline-block; width: 150px;	vertical-align: top;}

form input, form textarea {border: 1px solid #e2e2e2; padding: 4px 2px; font: normal normal 11px 'Verdana', sans-serif; color: #666; letter-spacing: 1px; width: 300px; vertical-align: top;}

form input:focus, form textarea:focus {border: 1px solid #666;}

form .send_btn {font-size: 0; line-height: 0; text-indent: -10000px; border: 0; cursor: pointer; display: inline-block; color: #e91112; width: 98px; height: 22px; background: url('/img/jpg-sprite.jpg') no-repeat -152px -112px;}

form .required {background: url('/img/jpg-sprite.jpg') no-repeat 0 -139px;}

form .control {position: relative;}

form .control label {vertical-align: top;}

form .control input {width: 100px !important; margin: 0 0 0 16px; position: absolute;}

form input.error, form textarea.error {border: 1px solid #e91112;}

form span.error {display: inline-block;	margin: 0 0 0 20px;	color: #e91112; font-weight: bold;}

form .control span.error {margin: 0 0 0 142px;}

form #cplace {width: 235px;}

form #cpc {width: 50px;	margin: 0 10px 0 0;}

/* ///////////////////////////////////////////////////// */
	
	/* FOOTER */
	
#footer #footermenu {display: none;}

#footermenu li {display: inline;}

#footermenu li a {text-decoration: none; text-transform: lowercase;	color: #999999;	font: normal normal 11px 'Arial', sans-serif; letter-spacing: 1px;	margin: 0 20px 0 0;}

#footer_content {width: 960px; margin: 0 auto; position: relative;}

#quick_contact {position: absolute;	width: 440px; height: 73px;	top: 32px; left: 0;	padding: 20px 0 0 0; font: normal 17px 'Arial', sans-serif; line-height: 30px;}

#quick_contact strong {color: #e91112;}

#quick_contact strong span {color: #666;}

#quick_contact strong span a {color: #666;}

#quick_contact a {color: #FFFFFF; text-decoration: none;}

#quick_contact strong#quick-contact-title {display: block; margin: 0 0 15px 0; color: #e91112; text-transform: uppercase; font: normal 35px 'Arial', sans-serif;}

#footer strong.website-deals {position: absolute; top: 55px; left: 0px; color: #e91112; text-transform: uppercase; font: normal 11px 'Arial', sans-serif;}

#footer strong.services {position: absolute; top: 50px; left: 285px; color: #e91112; text-transform: uppercase; font: normal 11px 'Arial', sans-serif;}

#services {display: none;}

#website_deals {display: none;}

/* ////////////////////////////////////////////////// */

	/* SEOSCAN */	
	
.seoscan {margin: 110px 0 0 0; background: none; border: 0; outline: 0;}
	
.seoscan h2 {color: #333; font-size: 18px; margin: 0; padding: 0;}	

.seoscan #ranking, .seoscan #validate, .seoscan #index, .seoscan #bookmarks {height: 150px; width: 305px; float: left; border: 1px solid #fff; outline: 1px solid #ececec; background: #fdfdfd url('/img/jpg-sprite.jpg') repeat-x 0 -1034px; padding: 10px;}

.seoscan #ranking {margin: 10px 5px 10px 0;}

.seoscan #validate {margin: 10px 5px;}

.seoscan #index {margin: 10px 5px 0 0;}

.seoscan #bookmarks {margin: 10px 0 10px 5px;}

.seoscan #incoming {width: 642px; border: 1px solid #fff; outline: 1px solid #ececec; background: #fdfdfd url('/img/jpg-sprite.jpg') repeat-x 0 -1034px; padding: 10px; margin: 0 0 10px 0;}

.seoscan #robots {page-break-before: always; width: 642px; margin: 0 10px 0 0; border: 1px solid #fff; outline: 1px solid #ececec; background: #fdfdfd url('/img/jpg-sprite.jpg') repeat-x 0 -1034px; padding: 10px;}

.seoscan #whois {margin: 10px 0 0 0; width: 642px; border: 1px solid #fff; outline: 1px solid #ececec; background: #fdfdfd url('/img/jpg-sprite.jpg') repeat-x 0 -1034px; padding: 10px;}

.seoscan #robots h2, .seoscan #whois h2 {margin: 0 0 5px 0;}

.seoscan #general {page-break-before: always; width: 642px; margin: 10px 0 0 0; border: 1px solid #fff; outline: 1px solid #ececec; background: #fdfdfd url('/img/jpg-sprite.jpg') repeat-x 0 -1034px; padding: 10px;}

.seoscan #general h3 {color: #666; font-size: 15px; margin: 15px 0 5px 0; padding: 0; border-bottom: 1px dotted #666; padding: 0 0 2px 0;}

.seoscan #general p {margin: 0; padding: 0;}

.seoscan #spider {width: 642px; margin: 10px 0 0 0; border: 1px solid #fff; outline: 1px solid #ececec; background: #fdfdfd url('/img/jpg-sprite.jpg') repeat-x 0 -1034px; padding: 10px;}

.seoscan #spider h2 {margin: 0 0 5px 0;}

.seoscan #results {page-break-before: always; width: 642px; margin: 10px 0 0 0; border: 1px solid #fff; outline: 1px solid #ececec; background: #fdfdfd url('/img/jpg-sprite.jpg') repeat-x 0 -1034px; padding: 10px;}

.seoscan #results h3 {color: #666; font-size: 15px; margin: 15px 0 5px 0; padding: 0; border-bottom: 1px dotted #666; padding: 0 0 2px 0;}

.seoscan div.scroll	{background: #e9e9e9; padding: 0 10px; border: 1px solid #ccc;}

.seoscan div.scroll p {margin: 0;}

.seoscan .scroll pre h1 {color: #666; font-size: 22px; margin: 0; padding: 0;}

.seoscan .scroll pre h2 {color: #666; font-size: 20px; margin: 0; padding: 0;}

.seoscan .scroll pre h3 {color: #666; font-size: 18px; margin: 0; padding: 0;}

.seoscan .scroll pre h4 {color: #666; font-size: 16px; margin: 0; padding: 0;}

.seoscan .scroll pre h5 {color: #666; font-size: 14px; margin: 0; padding: 0;}

.seoscan .scroll pre h6 {color: #666; font-size: 12px; margin: 0; padding: 0;}

.seoscan .scroll pre a {color: #666; text-decoration: underline;}

.seoscan .scroll pre a:hover {text-decoration: none;}

.seoscan .header1 {padding: 0;}

.seoscan .header2 {padding: 0 0 0 10px;}

.seoscan .header3 {padding: 0 0 0 20px;}

.seoscan .header4 {padding: 0 0 0 30px;}

.seoscan .header5 {padding: 0 0 0 40px;}

.seoscan .header6 {padding: 0 0 0 50px;}

.seoscan .seoerror {color: #f00;}

.seoscan .twice	{width: 100%;}

.no-border-print {border: 0px solid #ececec !important;}