@import url(reset.css);
@import url(lightbox.css);

/* generic elements */
strong
{
font-weight:bold;
}
h2
{
  font-size:13px;
  font-weight:bold;
  color:#f2a521;
}
h3
{
  font-size:12px;
  font-weight:bold;
  margin:0 0 8px 0;
  color:#225C9A
}
ul
{
list-style-type:disc;
margin:0 0 0 14px;
}

/* common properties */
img.valign
{
vertical-align:middle;
}

/* lay-out for all pages */
body, html
{
  font-family:tahoma;
  background:#f0f0f0;
  font-size:90%;
  line-height:17px;
}

#container
{
 position:relative;
 width:917px;
 float:left;
 margin: 0 -459px;
 right:-50%;
 background:#fff;
}

  #header
  {
    height:304px;


    font-family:"trebuchet ms";
  }
    #header h1 a
    {
      display:block;
      position:absolute;
      width:142px;
      height:284px;
      margin:30px 0 0 0;
      background:url(/img/overlay.png);
	  background-position:top;
	  margin-top:0;
	  margin-left:20px;
      *background:none;
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
         src='/img/overlay.png', sizingMethod='scale');
      cursor:pointer;
      z-index:0;
    }
      #header h1 a span
      {
        display:none;
      }
    #header p
    {
      margin:0;
    }
    #langs
    {
      position:absolute;
      top:287px;
      left:24px;
      font-family:tahoma;
    }
    #langs a
    {
      text-decoration:none;
      color:#043a7c;
    }
    #langs a.selected
    {
      font-weight:bold;
    }
    .readmore
    {
      position:absolute;
      top:218px;
      width:262px;
      height:69px;
      overflow:hidden;
      color:#fff;
      padding:8px;
      font-size:70%;
    }
    .readmore a
    {
      width:100%;
      height:20px;
      position:absolute;
      bottom:0;
      display:block;
    }
    .readmore a span
    {
      display:none;
    }
    #readmore_yellow_nl
    {
      left:312px;
      background:url(/img/leesverder_geel.gif);
    }
    #readmore_blue_nl
    {
      left:602px;
      background:url(/img/leesverder_blauw.gif);
    }
    #readmore_yellow_en
    {
      left:312px;
      background:url(/img/leesverder_geel_en.gif);
    }
    #readmore_blue_en
    {
      left:602px;
      background:url(/img/leesverder_blauw_en.gif);
    }
  div#nav
  {
    position:relative;
    float:left;
    margin:36px 0 0 23px;
    padding:0;
    width:285px;
  }
    div#nav ul
    {
      list-style-type:none;
      margin:0;
    }
    div#nav ul li
    {
      margin:6px 0 6px 0;
      padding:0;
      height:22px;
    }
    div#nav ul li a
    {
      text-decoration:none;
    }
    div#nav ul li a img
    {
      border:0;
      margin:0;padding:0;
    }
    div#nav ul li.indent
    {
      margin:6px 0 6px 8px;
    }
    div#nav div#naw
    {
      position:relative;
      float:left;
      margin:36px 0 36px 0px;
      padding:0;
      font-size:80%;
      width:285px;
    }
  #content
  {
    position:relative;
    float:left;
    width:539px;
    min-height:430px;
    margin:40px 0 0 16px;
    *margin:40px 0 0 0;
    padding:0;
    font-size:85%;
  }
    #content h2
    {
    margin:0 0 20px 0;
    padding:0;
    }
    div.clear
    {
      clear:both;
    }
    div#footer
    {
      position:relative;
      margin:85px 0 0 0;
    }


/* vacatures */
ul#vacatures_cats
{
list-style-type:none;
margin:0 0 0 0;
}
  ul#vacatures_cats li
  {
    float:left;
    margin:0;
    padding:6px 6px 6px 6px;
    background:url(/img/vacatures_li.gif) 0 -28px repeat-x;
    font-weight:bold;
  }
  ul#vacatures_cats li:hover, ul#vacatures_cats li.active
  {
    background:url(/img/vacatures_li.gif) 0 0 repeat-x;
  }
  ul#vacatures_cats li a
  {
    text-decoration:none;
    color:#003A78;
  }
  ul#vacatures_cats li.active a, ul#vacatures_cats li:hover a
  {
    text-decoration:none;
    color:#225C9a;

  }
div#vacatures
{
  float:left;
  width:510px;

}
  div.vacature
  {
    padding:5px;
    margin:3px 0 3px 0;
    background:url(/img/opaque.png);
    *background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
       src='/img/opaque.png', sizingMethod='scale');

    z-index:0;
  }
  div#vacatures table tr td
  {
    padding:0 5px 0 5px;
  }

/* fotoalbum */
.floatleft img
{
  border:0;
  padding:0 6px 6px 0;
  background:url(/img/img_bg.gif);
  float:left;
  margin:5px;
}


/* Projecten */
.project { padding:5px 5px 5px 0; margin-right: 50px; margin-bottom: 20px; clear: both;  float:left;}
.project .productimg
{
 padding:8px 9px 15px 7px;
 *padding:8px 9px 19px 7px;
 margin:0 10px 8px 0;
 background:url(/img/projectbg.png);
 float: left;  border: none;
}
.project .productimg img { border: none; margin:0; padding:0; }
.project h1 { margin-bottom: 10pt; font-size: 9pt; letter-spacing: 0.3pt; }
.project p {padding:0; margin:0}
.project p.txt {padding:-10px 10px 10px 10px; margin:0;}



/* nieuwsitems */
.nieuws
{
  width:100%;
  float:left;
  margin:5px 0 5px;
}
  .nieuws a img
  {
    border:0;
    margin:0 5px 0 0;
    padding:0 6px 6px 0;
    background:url(/img/img_bg.gif);
  }
  .nieuws p.readall_nl
  {
    clear:both;
    display:block;
    float:left;
    margin:5px 0 0 0;
    *margin:-13px 0 0 0;
    width:100%;
    height:30px;
    background:url(/img/readmore.png);
    *background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
       src='/img/readmore.png', sizingMethod='scale');
    z-index:0;
    cursor:pointer;
  }
    .nieuws p.readall_nl a
    {
      display:block;
      width:100%;
      height:30px;
    }
      .nieuws p.readall_nl a span
      {
        display:none;
      }
  .nieuws p.readall_en
  {
    clear:both;
    display:block;
    float:left;
    margin:5px 0 0 0;
    *margin:-13px 0 0 0;
    width:100%;
    height:30px;
    background:url(/img/readmore_en.png);
    *background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
       src='/img/readmore_en.png', sizingMethod='scale');
    z-index:0;
    cursor:pointer;
  }
    .nieuws p.readall_en a
    {
      display:block;
      width:100%;
      height:30px;
    }
      .nieuws p.readall_en a span
      {
        display:none;
      }



/* formulieren: */
#contact div label { display: block; clear: left;  float: left; width: 150px; }
#contact div input { display: block; clear: right; float: left; width: 200px; margin-right: 60px; border: 0; border-bottom: 1px dotted #ccc; }
#contact div { padding-bottom: 40px; }
.form_error
{
  color:yellow;
}

#form input.w, #form textarea.w
{
  width:300px;
	border: 1px solid #ccc;
}
#form
{
  line-height:25px;
}
.panel
{
  margin:0 0 10px 0;
}
#form input.submit
{
background:#fff;
width: 150px;
}

#form input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

#form input.validation-failed, textarea.validation-failed {

	color : #FF3300;
}
#form input.validation-passed, textarea.validation-passed {

	color : #000;
}

#form .validation-advice {
	margin: 2px 0;
	padding: 0 5px 0 5px;
	background-color: #0076BF;
	color : #FFF;
	font-weight: bold;
		width:292px;
}

#form .custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #0076BF;
	color : #FFF;
	font-weight: bold;
}

#form fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

#form label {


}
#form label
{
display:block;
}
#form .form-row {
	clear: both;
	padding: 0.2em;
}
#form .field-widget
{
clear:left;
}

div.functions ul { list-style-type: none; }
div.functions ul li { clear: both; line-height: 24px; padding-left: 10px; }
div.functions ul li.odd { background: #F4F5F9; }
div.functions ul li.even { background: #fff; }
div.functions ul li a { color: black; font-weight: bold; text-decoration: none; }