@charset "utf-8";
/* CSS Document */


#plugin-examples .suffix_1 {padding-right: 30px;}
div.overlay {position: absolute; top: 0; right: 0; left: 0; bottom: 0;background-color: #000;opacity: 0.75; filter: alpha(opacity=75);}
div.modal {position: fixed; top: 100px; left: 50%; z-index: 50;width: 250px;padding: 20px; margin: 0 0 0 -125px;font-size: 24px; line-height: 30px; text-align: center;background-color: #fff;border: 5px solid #333;}


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;}

.clear { clear:both }
.left { float:left }
.right { float:right }

body { background-color:#1F1F1F; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; }

a:link, a:visited, a:active { color:#e76600; text-decoration:underline; }
a:hover { color:#e76600; }

div#mkb { position:absolute; top:55px; right:0; outline:none; }

div#headerwrap { height:305px; background:url(../images/header.jpg) repeat-x bottom #000000; }
div#header { width: 777px; margin: 0 auto; color:#FFFFFF; padding-top:22px; }

div#contentwrap { background-color:#FFFFFF; padding-bottom:20px;}
div#content { width:777px; margin: 0 auto; padding-top:25px;  }

div#footerwrap { height:105px; background: url(../images/footer.jpg) repeat-x #1F1F1F; }
div#footer { width: 777px; margin: 0 auto; color:#FFFFFF; }

h1#home { display:none }
ul#nav { list-style:none; padding-left:7px; padding-top:20px; width:184px; font-size:22px; float:left; }
ul#nav li span { display:block; line-height:22px; }
ul#nav li span a { cursor:pointer; color:#FFFFFF; text-decoration:none; width:178px; }
ul#nav li span a:hover { background-color:#FFFFFF; background-image:url(../images/nixel.gif); background-repeat:repeat; color:#e76600; }
.blok { background-color:#FFFFFF; width:178px; height:21px; }
.current{ color:#e76600; }
ul#nav li { display:block; line-height:14px; font-size:11px; }
ul#nav li a { cursor:pointer; color:#999999; text-decoration:none }
ul#nav li a:hover { color:#ffffff; }
ul#nav li a.active { color:#ffffff; }

div#focus { float:right; width:577px; background:url(../images/case.jpg) no-repeat right 190px; }
div#focus img { border:1px solid #303030; }
div#focus p { margin-left:0px; margin-top:11px; font-size:10px; margin-right:100px;}
div#focus a { text-decoration:underline; color:#e76600; }
div#focuserror { float:right; width:577px;  }
div#focuserror img { border:0px solid #303030; }
div#focuserror p { margin-left:0px; margin-top:11px; font-size:10px; margin-right:100px;}
div#focuserror a { text-decoration:underline; color:#e76600; }

div#tab { float:left; width:64px; height:20px; background-color:#FFFFFF; text-align:center; padding-top:3px; color:#303030;}

div#nieuws { background:url(../images/line.jpg) no-repeat right top #ffffff; float:left; width:200px;}
div#nieuws p { margin-left: 7px; margin-right:12px; font-size:10px; color:#767676;}
div#nieuws p a:link, div#nieuws p a:visited, div#nieuws p a:active { color:#e76600; text-decoration:underline; }
div#nieuws p a:hover { color:#e76600; }
div#nieuws p.datum { color:#c4c4c4; padding-bottom:20px;}
div#nieuws h2 { margin-left: 7px; }
div.nieuwsitem { padding-bottom: 50px; }
div.nieuwsitem img#gids { border: 1px solid #ffffff; }
div#servicecontent3 div.nieuwsitem { padding-bottom:5px; padding-top:10px; background:url(../images/line_vert.jpg) no-repeat bottom left;}
div#servicecontent3 div.nieuwsitem p.datum { color:#c4c4c4; padding-bottom:0px; }
div.nieuwsitem2 { padding-bottom: 25px; }
div#nieuws img { padding: 2px;  border:  1px solid #333333;  background-color: #ffffff; }
div p img .noborder { border:0px solid #ffffff; }

div.case { width:560px; float:right; padding-left:17px; background:url(../images/line_vert.jpg) no-repeat bottom left; padding-bottom:20px; margin-bottom:20px;}
div.case { cursor: pointer }
div.case:hover { background: url(../images/case_hover.jpg) no-repeat center bottom #ffffff; }
div.caseslide { float:left; width:350px; }
div.caseimg { float:left; width:350px; }
div.caseimg img { background:#ffffff; padding:2px; border: 1px solid #303030; }
div#casecontent { float:right; width:190px; margin-right:7px;}

div#service { width:337px; float:left;  padding-left:17px; background:url(../images/line.jpg) no-repeat right top #ffffff; padding-right:16px;}
div#service p, div#case p, div#studio p { margin-bottom:10px; }
div#service img { padding: 2px;  border:  1px solid #333333;  background-color: #ffffff; margin-top:10px; margin-bottom:10px; }
div#service2 { width:337px; float:left;  padding-left:17px; background:url(../images/line.jpg) no-repeat right top #ffffff; padding-right:16px;}
div#service2 p { margin-bottom:10px; }
div#service2 img { padding: 2px;  border:  1px solid #333333;  background-color: #ffffff; }

div#showcase { width:337px; float:left;  padding-left:17px; background:url(../images/line.jpg) no-repeat right top #ffffff; padding-right:16px;}
div#showcase p { margin-bottom:10px; }
div#showcase img { float:right; }

div#klanten { width:537px; float:left;  padding-left:17px; padding-right:16px; background-color:#FFF;}
div#klanten p { margin-bottom:10px; }

div#servicecontent { width:537px; float:left;  padding-left:17px; padding-right:16px; background-color:#FFF;}
div#servicecontent p { margin-bottom:10px; }
div#servicecontent img { padding: 2px;  border:  1px solid #333333;  background-color: #ffffff; }

div#servicecontenttour { width:537px; float:left;  padding-left:17px; padding-right:16px; background-color:#FFF;}
div#servicecontenttour p { margin-bottom:10px; }
div#servicecontenttour img { padding: 2px;  border:  0px solid #FFF;  background-color: #ffffff; }
div#servicecontenttour img.border { padding: 2px;  border:  0px solid #FFF;  background-color: #ffffff; }

div#servicecontent2 { width:537px; float:left;  padding-left:17px; padding-right:16px;}
div#servicecontent3 { width:737px; float:left;  padding-left:17px; padding-right:16px;}
div#servicecontent2 p, div#servicecontent3 p { margin-bottom:10px; }
div#servicecontent2 img { padding: 2px;  border:  1px solid #333333;  background-color: #ffffff;}

div#studio { width: 184px; float:right; padding-left:16px; padding-right: 7px; font-size:10px; color:#767676; }
div#studio img { padding: 2px;  border:  1px solid #333333;  background-color: #ffffff; }

div#klant { width: 184px; float:right; padding-left:16px; padding-right: 7px; background-color:#FFF; }

div#portfolio { width: 553px; float:left; padding-left: 17px; padding-right: 7px; text-align:center;  }
div#portmenu { float:left; width:200px; }
div#portmenu p { margin-left: 7px; margin-right:12px; font-size:10px; color:#767676;}
div#portmenu h2 { margin-left: 7px; margin-right:12px; }
div.portitem { text-align:left; }
div.projl { margin-bottom: 40px; }
div.projl img { /*padding:2px; border:1px solid #c4c4c4; background-color:#FFFFFF;*/ }
div.projr { text-align:center }
div.projr a img { padding:2px; border:1px solid #c4c4c4; margin-bottom:8px; margin-right:10px; background-color:#FFFFFF;}
div.projr a:hover img { padding:2px; border:1px solid #303030; margin-bottom:8px; margin-right:10px; background-color:#FFFFFF; }
div.projr #gal { list-style: none; text-align:center; }
div.projr #gal li { float: left; display: block; margin:0; padding:0;}

div.slideshow { height: 154px; width:341px; font-size:10px; margin-top:-80px; margin-bottom:5px;  }
div.slideshow2 { height: 254px; width:341px; font-size:10px;  margin-top:-80px; margin-bottom:5px;  }
div.slideshow img {  padding: 2px;  border:  1px solid #333333;  background-color: #ffffff;  width:337px; height:150px; } 
div.slideshow2 img {  padding: 2px;  border:  1px solid #333333;  background-color: #ffffff;  width:337px; height:250px; } 
div.slideshownav { margin-bottom:0px; }
div.slideshownav a:link, div.slideshownav a:visited, div.slideshownav a:hover, div.slideshownav a:active { text-decoration: none; color:#303030; margin: 0px; padding-right: 5px; }
div.slideshownav a.activeSlide { color:#e76600;}
div.slideshownav a:focus { outline: none; }

ul#courtesy { list-style:none; padding-left:7px; padding-top:15px; font-size:18px; float:left; }
ul#courtesy li { display:block; line-height:16px; }
ul#courtesy li a { cursor:pointer; color:#FFFFFF; text-decoration:none; }

div#errorlinks { width:337px; float:left;  padding-left:17px; background:url(../images/line.jpg) no-repeat right top #ffffff; padding-right:16px;}
div#errorrechts { width: 194px; float:right; padding-left:16px; padding-right: 7px; }
div#errorrechts p { margin-bottom:10px; }

div#footer p { float:right; font-size:9px; text-align:right; padding-top:15px;}
div#footer img { float:left; padding-left:280px; padding-top:18px; }
div#footer a { text-decoration:underline; color:#e76600; }
div#footer .special { color:#e76600; }

div#studio img.noborder { border:0; }
div#service img.noborder { border:0; }


/*====== LIGHTBOX ===== */
#jquery-overlay {	position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute;	top: 0;	left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; /*zoom: 1;*/ display: block; }
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box { font: 11px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #303030; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {	display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {	width: 66px; float: right; padding-bottom: 0.7em; }