/*----------------------+
| standard styles       |
+-----------------------*/
body {font-family:  Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0; padding: 0;  background: #c9c8c0 ; text-align:center;}

#container {margin: 0px auto 10px 0; padding: 0px; width: 825px;background:#c9c8c0;text-align:left; }

#left {float: left; margin: 0px; padding: 0px; width: 224px; background: #c9c8c0; }

#leftcontent{float: left;margin: 0px; padding: 0px;padding-left:20px;padding-top:26px;}

#right {float: left; clear: none; margin: 0px; padding: 0px; width: 462px; background: #68625f;color:#c9c8c0; }

#rightcontent {padding:0;margin:0 10px 0 12px; }

#right_language{margin:0; padding:0;float:left; clear:none;width:105px;padding-top:220px;}

.bottom_gif {display:block;float:left;clear:both;}

.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both; }

img {border: 0px; padding: 0px; margin: 0px; }

a {color:#83aeb3; font-style:italic; text-decoration:none;outline: none;-moz-outline-style: none;}

a:hover{color:#83aeb3  ; font-style:italic;}

a.dis {color: #68625f;background-color:#c9c8c0;  text-decoration:none;display:block; width:100%;text-align:right; }

a.dis:hover{color:#83aeb3;}

div {margin:0; padding:0} 

p{margin:0; padding:0;text-align:justify;font-family:  Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.3em; }

h1{color:#68625f; font-family: arial,sans-serif ; font-size:10px;line-height:1.5em;margin:0;margin-bottom:5px;margin-top:10px;padding:0;text-align:left;background: url('/images/dots.gif') no-repeat bottom left; }

h2{color:#68625f; font-family: arial,sans-serif ; font-size:10px;line-height:1.5em;margin:0;margin-bottom:5px;margin-top:8px;padding:0;text-align:right;background: url('/images/lang_dots.gif') no-repeat 5px bottom;}

.floatleft{float:left;}

.floatright{float:right;}

.bold {font-weight:bold;}

/*-------------------------------+
| list voor menu keuze           |
+--------------------------------*/

ul#nav{list-style-type:none; margin:0;padding:0;}

ul#nav li{margin:0; padding:0;}

ul#nav li a {margin:0; padding:0;display:block; background:#c9c8c0  url('/images/nav.gif') -205px top no-repeat; font-style:normal; font-weight:bold; font-size:11px; font-family: "Arial", Helvetica, sans-serif;  text-decoration:none;color:#c9c8c0; padding-left:5px;line-height:1.7em;width:199px !important;height:23px;}

ul#nav li a:hover {color:#83aeb3;}/*margin:0; padding:0;display:block; background:  url('/images/nav.gif') -205px top no-repeat;font-style:normal;text-decoration:none;color:#c9c8c0;text-decoration:none;padding-left:5px;line-height:1.7em;width:199px !important;height:20px;margin-bottom:2px;}
*/
ul#nav li a.active, ul#nav li a.active:hover{margin:0; padding:0;display:block; background: #c9c8c0 url('/images/nav.gif') left top no-repeat;color:#68625f;text-decoration:none;padding-left:5px;line-height:1.7em;width:199px !important;height:23px;}

* html ul#nav li a.active, * html ul#nav li a {width:196px;voice-family: "\"}\"";  voice-family:inherit; width:199px;}

/*-------------------------------+
|  projects in progress          |
+--------------------------------*/

a.latest_project {font-family:arial, sans-serif; font-size:11px; width:197px; text-align:center;font-style:normal; color:#68625f;display:block;}

p.work_project {font-family:arial, sans-serif; font-size:11px; width:197px; text-align:center;font-style:normal; color:#68625f;display:block; margin-bottom: 6px;}

/*-------------------------------+
|  form voor client login        |
+--------------------------------*/

form , fieldset {border:0; padding:0;margin: 0; font-size:13px;color:#68625f; }

input, select {float: left;width: 186px ;  margin: 0px ;margin-left:10px;margin-bottom:0px; padding:0px; border:0px solid #c9c8c0;  background-color: #c9c8c0;color:#68625f;font-size:14px;line-height:1.0em;}

input:focus, select:focus, textarea:focus {background-color: #83aeb3;} 

.input_wrap {background: url('/images/input.gif') bottom left no-repeat;width:197px; height:24px;margin-top:2px;}

.submit_client {float: right;width: 57px ;height:19px; margin:0; padding:0px;margin-right:6px;margin-top:3px;display:block;} 

* html .submit_client {margin-right:8px; voice-family: "\"}\"";  voice-family:inherit;margin-right:6px;}

/*--------------------+
| pager               |
+---------------------*/

#pager {margin-left: 230px; margin-top: 20px; width: 200px; }

#pager span {width: 29px; height: 19px; float: right; display: inline; margin: 0px; color: #9b9992; font-size: 13px; font-family:verdana,sans-serif;font-weight:bold;padding:0 3px;line-height:1.0em; }

#pager a.back    {text-decoration: none; width: 17px; height: 16px; float: right; display: inline; margin: 0px; background: url('/images/lastdesign/pijl1.gif') left 1px; background-repeat: no-repeat; text-align: center; }

#pager a.back:hover {background-image: url('/images/lastdesign/pijl2.gif'); }

#pager a.forward {text-decoration: none; width: 17px; height: 16px; float: right; display: inline; margin: 0px; background: url('/images/lastdesign/pijl3.gif') left 1px; background-repeat: no-repeat; text-align: center; }

#pager a.forward:hover {background-image: url('/images/lastdesign/pijl4.gif'); }

/*--------------------------+
| newspage css              |
+---------------------------*/

#news {padding:0px;width:440px;}

.star {width:360px; background: url('/images/ster.gif') top left no-repeat;padding-left:15px;height:22px;padding-top:5px;}

.newstitle  {margin: 0; padding: 0;font-family: Georgia,  sans-serif; font-size: 16px; color: #7dd5e0; text-decoration: none; font-weight: bold; display: block; width: 100%; }

.newscontent {margin: 2px 5px 10px 10px; padding: 0px 2px 0 2px;font-family:  Arial, Helvetica, sans-serif !important; font-size: 13px; line-height: 1.3em; }

p.newscontents{margin:0; padding:0;text-align:justify;font-family:  Arial, Helvetica, sans-serif !important; font-size: 12px; line-height: 1.3em;color:#c9c8c0; }

.newsdate {text-align:right; color:#9b9992;font-size:10px;}

a.detail_img {float:left;clear:both;border:1px solid #444;padding:0px;margin:0 8px 8px 2px;display:block;background:#68625f;}

a.detail_img img{display:block;}

#services_foto {display:block;padding: 12px 0px;}

p.end {margin-top:10px;font-size:13px;}
/*--------------------+
| portfolio           |
+--------------------*/

.portfolio_site, .portfolio_graph {margin: 0; padding: 0; }

.port_dark  {margin: 0; padding: 0;font-family: Georgia,  sans-serif; font-size: 15px; color: #7dd5e0; text-decoration: none; font-weight: bold; display: block; width: 100%; }

.portprint_dark  {margin: 0; padding: 0;font-family: Georgia,  sans-serif; font-size: 15px; color: #4ea3ad; text-decoration: none; font-weight: bold; display: block; width: 100%; }

.newscontent {clear: left; text-align: justify; background: transparent; margin-top: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; padding-bottom: 0; border: 0; font-size: 11px; line-height: 1.4em;color:#c9c8c0; }

.newscontentdetail_500 {clear: left; text-align: justify; background: transparent; margin-top: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; padding-bottom: 0; border: 0; font-size: 11px; line-height: 1.4em;height:600px; }

.port_text {float: left;clear:both; width: 420px; position: relative; margin-bottom:0px;padding-left:4px;}

.star_web_dark{width:360px; background: url('/images/ster_web_dark.gif') top left no-repeat;padding-left:15px;height:22px;padding-top:5px;}

.star_print_dark{width:360px; background: url('/images/ster_print_dark.gif') top left no-repeat;padding-left:15px;height:22px;padding-top:5px;}

.news_dark{background:#444;padding-left:8px;padding-top:8px;margin-bottom:15px;}

/*---------------------------+
|  form                      |
|----------------------------*/

form, fieldset {border: 0; }

button{width:37px; height:20px;}

.zebox {width: 420px; float: left; clear: both; margin: 4px 0px; }

label {width: 52px; display: block; float: left; clear: both; text-align: right; padding: 4px 8px 0px 0px;   color:#83aeb3; font-family:  arial,georgia,sans-serif; font-weight: bold; font-size: 11px;; }

textarea {float: left;  width: 186px ;  height:146px; margin: 3px ;margin-left:10px; padding:0px;border:1px solid #716955; background-color: #bebeb2;color:#68625f;font-size:14px;line-height:1.4em;}

select.wrap {background:#68625f;font-size:13px;color:#c9c8c0 !important;font-family:arial;width:320px;}

.form_wrap {float: left; clear: none;background:#68625f url('/images/text_form.gif') 10px bottom  no-repeat;width:320px; height:18px;margin-top:5px;padding:0}

.form_wrap1 {float:left; clear: none;background:#68625f ;width:320px; padding:0 ;text-align:right; }

input.formsubmit {font-family: arial,verdana,georgia, sans-serif; font-weight: bold; font-size: 11px !important;background:#68625f ;color:#c9c8c0;text-align:right;float:right;cursor:pointer;display:block;width:70px;}

.form_wrap input  {background:#68625f;color:#c9c8c0 ;font-size:13px;color:#c9c8c0;font-family:arial;width:320px;padding:0;}

.text_wrap {float: left; clear: none;background:#68625f ;width:320px; height:150px;margin-top:0px;padding:0;}

.text_wrap textarea {background:#68625f url('/images/text_form2.gif')  repeat;width:320px;font-size:13px;color:#c9c8c0 ;border:0;line-height:16px;font-family:arial;}

.form_wrap input:focus{background-color: #83aeb3;}

select.wrap:focus {background: #68625f;color:#83aeb3 !important;}

.text_wrap textarea:focus {background: #83aeb3 url('/images/text_form3.gif')  repeat;}

/*---------------------------+
|  we support                |
|----------------------------*/

ul.supportlist {margin:0; padding:0;list-style-type:none;margin-top:10px;}

ul.supportlist li {display:inline; }

ul.supportlist li a#firefoxje {display:block;float:right;clear:none;background: url('/images/firefox.gif') left top no-repeat; width:40px;height:26px;}

ul.supportlist li a#atmedia {display:block;float:right;clear:none;margin-right:10px;background: url('/images/imedia_off.gif') left top no-repeat; width:39px;height:26px;}

ul.supportlist li a#w3c {display:block;float:right;margin-right:10px;clear:none;background: url('/images/w3c_off.gif') left top no-repeat; width:40px;height:26px;}

ul.supportlist li a#firefoxje:hover {background: url('/images/firefox.gif')  left -26px no-repeat; ;}

ul.supportlist li a#atmedia:hover{background: url('/images/imedia.gif')  left -26px  no-repeat;}

ul.supportlist li a#w3c:hover{background: url('/images/w3c.gif')  left -26px no-repeat;}
/*----------------------------+
|  wrap around image          |
+-----------------------------*/

.rbox {width: 125px; float: left; clear: left; padding: 0 0 14px 0; margin: 0px 5px 0px 0px; background: url("/images/boxje.gif") bottom left no-repeat;position: relative;top:-7px; }

* html .rbox {position:relative; top:5px; voice-family: "\"}\"";  voice-family:inherit; top:-7px;}

.boxcontent {margin-top:0px; padding:0px;}

.wrap1 {margin: 0; padding: 0px; background: url("/images/boxje_1.gif") repeat-y;}

.rbox .boxcontent .wrap1 img  {margin: 0; padding: 16px 13px 0px 13px; background: url("/images/boxje.gif") top left no-repeat; width:100px;}

* html .rbox .boxcontent .wrap1 img {margin:10px 0px 10px 0px;padding:0px;position: relative; left:13px; voice-family: "\"}\"";  voice-family:inherit; top:0px; left:0px;padding: 18px 12px 0px 13px;margin:0; margin-bottom:5px; }
/*----------------------------+
|   languages                 |
+-----------------------------*/

ul#nav_lang{list-style-type:none; margin:0;padding:0;}

ul#nav_lang li{margin:0; padding:0;list-style:none;}

ul#nav_lang li a {font-style:normal;text-decoration:none;color:#c9c8c0;margin:0; padding:0;display:block; background: #c9c8c0 url('/images/lang.gif') -105px top no-repeat;text-decoration:none;padding-left:13px;width:92px !important;height:21px;padding-top:3px;}

ul#nav_lang li a:hover {color:#83aeb3;}

ul#nav_lang li a.enactive, ul#nav_lang li a.enactive:hover,  ul#nav_lang li a.nlactive,  ul#nav_lang li a.nlactive:hover{margin:0; padding:0;display:block; background: #c9c8c0 url('/images/lang.gif') left top no-repeat;color:#68625f;text-decoration:none;padding-left:13px;width:92px !important;height:21px;padding-top:3px;}

/*----------------------------+
|   lightbox                  |
+-----------------------------*/

#lightbox{
	background-color:#fff; 
	padding: 10px;
	border-bottom: 0px solid #666;
	border-right: 0px solid #666;
	}

#lightboxCaption{
	font-size: 1.2em;
	padding-bottom:2px;
	font-family:"arial";
	color:#ccc;
	height:50px;
  background:#fff ;
 }
 
#lightbox img { border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/overlay3.png); }
#next{ background-image: url(/images/gallery_forward.png); }
#prev{ background-image: url(/images/gallery_back.png); }
#stopp { background-image: url(/close2.gif); }
* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}
	
* html #next{ background-color: transparent;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/gallery_forward.png");
	background-position: 50% 50% !important;
	}
	
* html #prev{ background-color: transparent;
	back\ground-color: transparent;
	background-image: url(blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/gallery_back.png");
  background-position: 50% 50% !important;
	}
/* ------------------------------------------------+
| These are images not to be changed               |
+--------------------------------------------------*/
.sIFR-flash {visibility: visible !important; margin: 0; }

.sIFR-replaced {visibility: visible !important; }

span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* ------------------------------------------------+
| These are images to be changed                   |
+--------------------------------------------------*/

.sIFR-hasFlash .newstitle {visibility: hidden; font-size: 18px; letter-spacing: -1px;  }

.sIFR-hasFlash .port_dark1 {visibility: hidden; font-size: 13px;  color: #4ea3ad; letter-spacing: -1px; line-height: 1.1em; }

.sIFR-hasFlash .portprint_dark1 {visibility: hidden; font-size: 13px;  color: #4ea3ad; letter-spacing: -2px; line-height: 1.1em; }