/* extra file to help the css mouseover work in the navbar with MSIE */
/* view-source:http://www.xs4all.nl/~peterned/htc/csshover3-source.htc */

body { behavior:url("csshover.htc"); }

/* START PAGE LAYOUT */

body {
 margin:0px;
 padding:0px;
 border:0;
 background:#eee;
 font: normal 100% Helvetica, Trebuchet, Arial, sans-serif;
 word-spacing:0em;
 letter-spacing:0em;
 color:#999999;
 font-size:12px;
}

.onlyprint { display:none; }
.donotprint {  }

/* { padding:0px; margin:0px; } */

.wrapper { 
 text-align:left;
 margin:0px auto;
 padding:0px;
 width: 900px;
 background:#fff;
}

.upper {
 text-align:center;
 background:#fff url('images/header_logo.jpg') 50% 20px no-repeat;
 height:200px;
}

.left {
 clear:both;
 float:left;
 padding:0 4px 0 20px;
 width:200px;
}

.middle {
 float:left;
 width:660px;
 color:#336633;
 font-family: Georgia, serif;
 font-size:16px;
 line-height:150%;
}

.footer {
 clear:both;
 margin:0px;
 text-align :center;
 background:#fff url('images/bg_shade_under.gif') left bottom repeat-x; 
 padding-bottom:30px;
 color:#000;
}

/* END PAGE LAYOUT */

/* ------------------------------------------------------------------------------------------ */

/* START NAVBAR */

/* http://css.maxdesign.com.au/listamatic2/horizontal04.htm# */

#navbar {
 float:left;
 width:660px;
 z-index:4;
 font-family: Impact, Helvetica, Trebuchet, Arial, sans-serif;
 font-size:15px;
}

ul#navbar {
 padding:0px;
/* width:666px; */
 background-color:#fff;
 margin:0px;
 list-style-type: none;
}

ul#navbar li {
 margin:0px 0px 0px 3px;
 list-style-type: none;
 float:left;
 width:120px;
 background:#fff /* url('images/bg_button_orange.gif') left top no-repeat */;
 text-align:center;
 padding: 1px;
 color:#55a92d;
 text-transform:uppercase;
 white-space:nowrap;
}

ul#navbar li:hover {
 background:#fff /* url('images/bg_button_blue2.gif') left top no-repeat */;
 color:#333;
}

ul#navbar li a, ul#navbar li a:hover, ul#navbar li a:active {
 text-decoration:none;
}

body#who_we_are li#who_we_are { background:#fff /* url('images/bg_button_blue2.gif') left top no-repeat */; color:#333; }
body#what_we_do li#what_we_do { background:#fff /* url('images/bg_button_blue2.gif') left top no-repeat */; color:#333; }
body#where_we_work li#where_we_work { background:#fff /* url('images/bg_button_blue2.gif') left top no-repeat */; color:#333; }
body#media li#media { background:#fff /* url('images/bg_button_blue2.gif') left top no-repeat */; color:#333; }
body#research li#research { background:#fff /* url('images/bg_button_blue2.gif') left top no-repeat */; color:#333; }
body#services li#services { background:#fff /* url('images/bg_button_blue2.gif') left top no-repeat */; color:#333; }

/* ------------------------------------------------------------------------------------------ */

ul#navbar li:hover ul#sub_navbar {
 z-index:5;
 display:block;
 position:absolute;
 margin:0px;
 padding:0px;
 background: #ccc url('images/white_shade-trans.png') top left repeat;
 border:1px solid #dcdcdc;
}

ul#navbar li:hover ul#sub_navbar li a {
 display:block;
 padding:2px;
}

ul#sub_navbar { 
 display:none;
}

ul#sub_navbar li  { 
 float:none;
 margin:0px;
 background:none;
 text-align:left;
 font-weight:normal;
 padding-top:6px;
 text-transform:uppercase;
 white-space:nowrap;
 padding:5px 5px 0px 5px;
 color:#600;
 width:12em;
}

ul#sub_navbar li a {
 padding:0px;
 margin:0px;
}

ul#sub_navbar li:hover {
 background:#fff url('images/bg_button_empty.gif') left top repeat-x;
}


/* END NAVBAR LAYOUT */

/* ------------------------------------------------------------------------------------------ */

/* START CONTENT */

p { margin:0; padding:0; }
hr { height:0; border:0; border-top:1px solid #b2b2b2; text-align:center; }
strong { color:#333333; }
.middle h1 { font-size: 20pt; color:#336633; padding:0; }
.middle h2 { font-size: 16pt; color:#55a92d; padding:0; }


.middle a:link		{ color:#55a92d; text-decoration:none; }
.middle a:visited	{ color:#55a92d; text-decoration:none; }
.middle a:active	{ color:#000000; text-decoration:none; }
.middle a:hover		{ color:#000000; text-decoration:underline; }

.upper a:link		{ color:#55a92d; text-decoration:none; }
.upper a:visited	{ color:#55a92d; text-decoration:none; }
.upper a:active		{ color:#000000; text-decoration:none; }
.upper a:hover		{ color:#000000; text-decoration:underline; }

.left a:link	{ color:#55a92d; text-decoration:none; }
.left a:visited	{ color:#77cb4f; text-decoration:none; }
.left a:active	{ color:#000000; text-decoration:none; }
.left a:hover	{ color:#000000; text-decoration:underline; }

.footer a:link		{ color:#55a92d; text-decoration:none; }
.footer a:visited	{ color:#55a92d; text-decoration:none; }
.footer a:active	{ color:#000000; text-decoration:none; }
.footer a:hover		{ color:#000000; text-decoration:underline; }

#navbar a:link		{ color:#55a92d; text-decoration:none; }
#navbar a:visited	{ color:#55a92d; text-decoration:none; }
#navbar a:active	{ color:#000000; text-decoration:none; }
#navbar a:hover		{ color:#000000; text-decoration:underline; }

#sub_navbar a:link		{ color:#55a92d; text-decoration:none; }
#sub_navbar a:visited	{ color:#55a92d; text-decoration:none; }
#sub_navbar a:active	{ color:#000000; text-decoration:none; }
#sub_navbar a:hover		{ color:#000000; text-decoration:underline; }

#leftnavbar a:link		{ color:#55a92d; text-decoration:none; }
#leftnavbar a:visited	{ color:#55a92d; text-decoration:none; }
#leftnavbar a:active	{ color:#000000; text-decoration:none; }
#leftnavbar a:hover		{ color:#000000; text-decoration:underline; }

/* ------------------------------------------------------------------------------------------ */

/* START CALENDAR */

.year { width:620px; height:330px; overflow: auto; font-family: georgia; font-size:normal 100% 10px; color:#999; text-align:center; background:#eee; border:#ccc 1px solid; }
.yearname { font-size:150%; }
.month { float:left; width:140px; padding:0px; margin:5px; background:#fff; }
.monthname { font-size:125%; width:140px; padding:0px; margin:0px; color:#006; }
.weekday { float:left; width:16px; padding:1px; margin:1px; color:#600; }
.day { float:left; width:16px; padding:1px; margin:1px; }
.active { float:left; width:16px; padding:1px; margin:0px; border:#276ab8 1px dotted; color:#fff; font-weight:bold; }

/* END CALENDAR */

/* ------------------------------------------------------------------------------------------ */


/* END CONTENT */

.img-plaatje {
 float:left;
 z-index:1;
 background: url(images/shadowAlpha-trans.png) no-repeat bottom right !important;
 background: url(images/shadow.gif) no-repeat bottom right;
 margin: 10px 0 0 10px !important;
 margin: 10px 0 0 5px;
}

.img-plaatje img, .img-plaatje object, .img-plaatje iframe  {
 display: block;
 z-index:2;
 position: relative;
 background-color: #fff;
 border: 1px solid #55a92d;
 margin: -6px 6px 6px -6px;
 padding: 2px;
}


/* ------------------------------------------------------------------------------------------ */

/* START LANGUAGES */

/* http://css.maxdesign.com.au/listamatic2/horizontal04.htm# */

#languages {
 float:left;
 width:180px;
 z-index:6;
 height:18px;
 font-family: Impact, Helvetica, Trebuchet, Arial, sans-serif;
 font-size:15px;
}

ul#languages {
 padding:0px 0px 0px 20px;
/* width:666px; */
 background-color:#fff;
 margin:0px;
 list-style-type: none;
}

ul#languages li {
 margin:0px 0px 0px 2px;
 list-style-type: none;
}

ul#languages li {
 float:left;
 background:#fff /* url('images/bg_button_orange.gif') left top no-repeat */;
 text-align:center;
 padding:1px;
 color:#55a92d;
 text-transform:uppercase;
 white-space:nowrap;
 border:#fff 1px solid;
}

ul#navbar li a, ul#navbar li a:hover, ul#navbar li a:active {
 text-decoration:none;
}

body#who_we_are li#who_we_are { background:#fff /* url('images/bg_button_blue2.gif') left top no-repeat */; color:#333; }
body#what_we_do li#what_we_do { background:#fff /* url('images/bg_button_blue2.gif') left top no-repeat */; color:#333; }
body#where_we_work li#where_we_work { background:#fff /* url('images/bg_button_blue2.gif') left top no-repeat */; color:#333; }
body#media li#media { background:#fff /* url('images/bg_button_blue2.gif') left top no-repeat */; color:#333; }
body#research li#research { background:#fff /* url('images/bg_button_blue2.gif') left top no-repeat */; color:#333; }
body#services li#services { background:#fff /* url('images/bg_button_blue2.gif') left top no-repeat */; color:#333; }

.vertalen {
 background:#ffc;
 border:1px solid #cca;
}

pre {
 width:600px;
 background:#ffe;
 border:#cccccc solid 1px;
 overflow: auto;
 overflow-y: hidden;
 font-size:x-small;
}

/* ------------------------------------------------------------------------------------------ */