/* CSS Document */

* { font-family: Arial, Helvetica, sans-serif; }
html { background-color: #083771; }
body { background-color: #083771; margin: 0 0 30px 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #083771; font-size: 12px; line-height: 15px; }
img { border: 0; }
p { margin: 0 0 10px 0; }
ul, ol { margin: 0; }
td { vertical-align: top; }
._ffbgforcer { clear: both; height: 1px; overflow: hidden; margin-top: -1px; }

h1 { font-size: 14px; color: #776f64; margin: 15px 0 15px 0; line-height: 20px; font-weight: normal; }
h2 { font-size: 16px; font-weight: normal; margin: 15px 0 10px 0; line-height: 18px; padding-left: 16px; background: url(/_img/h2_bullet.gif) no-repeat; background-position: 2px 4px;  }
h3 { font-size: 16px; font-weight: bold; margin: 0 0 15px 0; line-height: 18px; }
h4 { font-size: 11px; font-weight: normal; margin: 0 0 15px 0; line-height: 16px; color: #776f64; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
.date { font-size: 11px; color: #776f64; }
p.date { margin-bottom: 0; }

a { text-decoration: underline; color: #083771; }
a:hover { text-decoration: underline; }

hr { background: #b5c3d4 url(/_img/bg_hr.gif) repeat-x; border: 0; height: 1px; color: #b5c3d4; }

#wrapper { width: 1000px; margin: 0px auto; background: url(/_img/bg_main.gif) repeat-y; }
#container { width: 960px; margin: 0px auto; text-align: left; }
/* #col1, #col2 { float: left; min-height: 664px; _height: 664px; }
#col1 { position: relative; width: 340px; }
#col2 { position: relative; width: 580px; clear: right; padding: 8px 20px 10px 20px; } */
#col1, #col2 { min-height: 664px; _height: 664px; }
#col1 { float: left; position: relative; width: 340px; background: url(/_img/headers/contact_route_left.jpg) no-repeat; }
#col2 { float: right; position: relative; width: 580px; padding: 8px 20px 10px 20px; background: url(/_img/headers/contact_route_right.jpg) no-repeat; }
#logo { width: 241px; height: 49px; margin-top: 320px; }
#payoff { height: 264x; }


#nav2 {  width: 241px; min-height: 157px; _height: 157px; margin-top: 19px; }
#nav2 ul { margin: 0; padding: 0; list-style-type: none; width: 241px; }
#nav2 li { display: inline; margin: 0; padding: 0; }
#nav2 li a { display: block; margin: 0; padding: 0; position: relative; }
#nav2 li a img { width: 241px; }
#nav2 .hr_menu { display: block; height: 7px; width: 241px; background: url(/_img/menu/hr_menu.gif) repeat-x; font-size: 0;  }

#art	{ position: absolute; width: 156px; height: 124px; top: 10px; right: 20px; }
#art img { width: 156pxpx; height: 120px;  }
#topmenu { line-height: 14px; xheight: 16px; xmargin-bottom: 78px; }
#topmenu { line-height: 14px; height: 94px;; }
#topmenu a { text-decoration: none; color: #083771; }

a.meer { display: block; padding: 0 0 0 12px; margin: 0; font-size: 11px; font-weight: bold; background: url(/media/meer.gif) no-repeat; background-position: 0 2px; text-decoration: none; }
a.meer:hover { text-decoration: underline; }

#col2 table.overview { margin-top: 0; }
#col2 table.overview td.left { padding: 15px 10px 10px 0;  }
#col2 table.overview td.right { padding-bottom: 15px; }
/*#col2 table.overview p { margin-bottom: 2px; }
*/
#col2 table.medewerkers  { margin-top: 10px; margin-bottom: 16px; }
#col2 table.medewerkers tr { min-height: 35px; _height: 35px; height: 35px; }
#col2 table.medewerkers td.pic {}
#col2 table.medewerkers td.link { padding-top: 4px; height: 34px; }
#col2 table.medewerkers td.link a { font-size: 11px; font-weight: bold; text-decoration: none; }

.wat_doen_we #col1 { background: url(/_img/headers/wat_doen_we_left.jpg) no-repeat; }
.wat_doen_we #col2 { background: url(/_img/headers/wat_doen_we_right.jpg) no-repeat; }

.hoe_werken_we #col1 { background: url(/_img/headers/hoe_werken_we_left.jpg) no-repeat; }
.hoe_werken_we #col2 { background: url(/_img/headers/hoe_werken_we_right.jpg) no-repeat; }

.wie_zijn_we #col1 { background: url(/_img/headers/wie_zijn_we_left.jpg) no-repeat; }
.wie_zijn_we #col2 { background: url(/_img/headers/wie_zijn_we_right.jpg) no-repeat; }

.artikelen_themas #col1 { background: url(/_img/headers/artikelen_themas_left.jpg) no-repeat; }
.artikelen_themas #col2 { background: url(/_img/headers/artikelen_themas_right.jpg) no-repeat; }
.artikelen_themas #col2 table.overview .meer { margin-top: 6px; }
.artikelen_themas #col2 #titel { font-size: 24px; line-height: 24px; }
.artikelen_themas #col2 #content { margin: 6px 0 16px 0; }

.vacatures_stages #col1 { background: url(/_img/headers/vacatures_stages_left.jpg) no-repeat; }
.vacatures_stages #col2 { background: url(/_img/headers/vacatures_stages_right.jpg) no-repeat; }

.contact_route #col1 { background: url(/_img/headers/contact_route_left.jpg) no-repeat; }
.contact_route #col2 { background: url(/_img/headers/contact_route_right.jpg) no-repeat; }

.actueel #col1 { background: url(/_img/headers/contact_route_left.jpg) no-repeat; }
.actueel #col2 { background: url(/_img/headers/contact_route_right.jpg) no-repeat; }


.linkblok { width: 560px; padding: 0 10px 10px 10px; background: url(/_img/bg_blok.gif); min-height: 60px; _height: 60px; margin-top: 30px; }
.linkblok a { text-decoration: none; color: #083771; }
.linkblok table {  }
.linkblok th { font-weight: bold; font-size: 11px; text-align: left; border-bottom: 1px solid #b5c3d4; line-height: 29px }
.linkblok td { font-size: 11px; border-bottom: 1px solid #b5c3d4; line-height: 18px; }
.linkblok td.left { text-align: left; width: 480px; }
.linkblok td.right { font-size: 11px; font-weight: bold; width: 80px; }
/*.linkblok hr { height: 1px; border: none; border: 0; border-bottom: 1px dotted #6b87aa; display: block; margin: 2px 0; padding: 0; font-size: 1px; line-height: 1px; }
*/
#col2 #header { height: 100px; }
#col2 #header #headshot { float: left; }
#col2 #header #headshot img { display: block; width: 100px; margin-right: 20px; }
#col2 #header #headtext { float: left; width: 460px; }
#col2 #header #headtext #naam { font-size: 24px; line-height: 24px; }
#col2 #header #headtext #functie { font-size: 14px; color: #776f64; line-height: 26px; }

#col2 #infoblok { clear: both; position: relative; margin-top: 6px; }
#col2 #infoblok table {  }
#col2 #infoblok #text { width: 445px; min-height: 170px; _height: 170px; }
#col2 #infoblok #fullpic { text-align: right; vertical-align: bottom; padding-bottom: 10px; }

#col2 #datablok { background: url(/_img/bg_hr.gif) top repeat-x; padding: 1px 0 0 0;  }
#col2 #datablok div { background: url(/_img/bg_hr.gif) bottom repeat-x; margin-top: 20px; }
#col2 #datablok div a { display: block; font-weight: bold; text-decoration: none; line-height: 21px; font-size: 11px; padding: 0 0 1px 0; text-indent: 28px; min-height: 22px; _height: 22px;  }
#col2 #datablok #mail a { background: url(/_img/mail_icon.gif) no-repeat; background-position: 5px 5px; }
#col2 #datablok #website a { background: url(/_img/world_icon.gif) no-repeat; background-position: 5px 4px; }

.artikelinfo table { }
.artikelinfo td { background: url(/_img/bg_data.gif) repeat-x; line-height: 20px; }
.artikelinfo td.left { text-align: left; width: 120px; color: #776f64; font-size: 11px; }
.artikelinfo td.right { font-size: 11px; font-weight: bold; width: 460px; font-weight: bold; font-size: 11px; }
.artikelinfo td.right .meer { width: 138px; line-height: 24px; }

.artikelblok { margin-top: 18px; }
.artikelblok .meer { line-height: 16px; }
.artikelblok .hr { background:url(/_img/bg_data.gif) repeat-x; height: 2px; font-size: 0; clear: both; margin: 3px 0 1px 0; }
.artikelblok .col1, .artikelblok .col2, .artikelblok .col3 { float: left; line-height: 16px; font-size: 11px; }
.artikelblok .col1 { width: 306px;  color: #776f64; }
.artikelblok .col2 { width: 137px; height: 2px; }
.artikelblok .col2 a { display: none; }
.artikelblok .col3 { width: 137px; }

.hr { display: block; background:url(/_img/bg_hr.gif) repeat-x; height: 1px; clear: both; margin: 15px 0 0 0; }

#bottom { clear: both; text-align: left; height: 21px; background: url(/_img/bg_footer.gif); width: 1000px; font-size: 10px; color: #53739c; line-height: 12px; text-indent: 20px; }
#footer { clear: both; margin: 0 auto; height: 26px; width: 960px; color: #53739c; border-width: 1px 0 1px 0; border-style: dotted; border-color: #6b87aa; margin-top: 25px; margin-bottom: 25px; line-height: 26px; padding: 0; }
#footer #copyright { float: left; width: 400px; font-size: 10px; line-height: 26px; text-align: left; }
#footer #company-info { float: right; width: 400px; text-align: right; font-size: 10px; line-height: 26px; }

.nieuwsblok { width: 580px; }
.nieuwsblok a { text-decoration: none; color: #083771; }
.nieuwsblok table { border-collapse:collapse; empty-cells:show;  }
.nieuwsblok th { font-weight: bold; font-size: 11px; text-align: left; border-bottom: 1px dotted #b5c3d4; line-height: 29px; border-collapse:collapse; empty-cells:show; }
.nieuwsblok td { font-size: 11px; border-bottom: 1px dotted #b5c3d4; line-height: 18px; }
.nieuwsblok td.left { text-align: left; width: 490px; }
.nieuwsblok td.right { font-size: 11px; color: #aca49b; width: 90px; }

#blog { margin-top: 5px; }