/* RESET */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {outline: 0;}
body {line-height: 1;	color: black;	background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;	border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* MAIN */

html, body {font-family:"Arial"; font-size:12px; color:#231f20;}
body {background-color:#373737; background-image:url(../images/body_centered_larger.jpg); background-repeat:no-repeat; background-position:top center; margin-top:7px; margin-left:7px;}

/* LAYOUT */

#wrap {width:991px; margin:0 auto;}
#header {height:322px; position:relative;}
#beeldmerk {position:absolute; top:123px; left:16px; width:58px; height:83px;}
#headerblok {clear:both; height:228px; padding-left:684px; background:url(../images/headerblok.jpg) no-repeat; border-top:#ffffff 8px solid; border-bottom:#ffffff 8px solid;}
#left {width:666px; float:left;}
#right {width:324px; float:left; margin-top:9px;}
#content {padding:20px 20px 30px 40px;}

/* HOOFDMENU */

#mainmenu {float:left; width:666px; text-align:center;}
#mainmenu li {display:block; margin:0; padding:0; float:left; width:auto; border-right:#ffcb05 1px solid;}
#mainmenu li.last {border:0;}
#mainmenu a {color:#ffffff; display:block; width:auto; margin:0; padding:17px 6px 14px 6px;}
#mainmenu a:hover, #mainmenu a.active {color:#000000; background:url(../images/mainmenu_over.jpg) repeat-x;}

/* TOPMENU */

#topmenu {float:left; height:26px; padding-top:15px; margin-left:10px;}
#topmenu li {display:inline; padding-right:10px;}
#topmenu a {color:#ffffff; line-height:17px;}
#topmenu a:hover, #topmenu a.active {border-bottom:#ffcb05 1px solid;}

/* HEADERBLOK */

#headerblok a {color:#4e4e4e; font-size:14px; font-weight:bold;}
#headerblok a:hover {color:#000000;}
#headerblok a.active {color:#000000; font-size:20px;}

#zakelijk, #particulier, #werkenbij, #eas {height:57px; position:relative;}
#zakelijk a, #particulier a, #werkenbij a, #eas a {position:absolute; bottom:20px;}

#zoeken {margin-top:20px;}

/* SUBMENU */

#submenu {float:left; text-align:center;}
#submenu li {display:block; margin:0; padding:0; float:left; width:auto; border-right:#ffcb05 1px solid;}
#submenu li.last {border:0;}
#submenu a {color:#ffffff; display:block; width:auto; margin:0; padding:12px 6px 11px 6px;}
#submenu a:hover, #submenu a.active {color:#000000; background:url(../images/submenu_over.jpg) repeat-x;}

/* BREADCRUMBS */

#breadcrumbs {height:23px; padding-left:40px;}
#breadcrumbs p {font-weight:bold; font-style:italic; padding-top:4px}
#breadcrumbs a {color:#231f20; line-height:14px;}
#breadcrumbs a:hover {text-decoration:underline;}
#breadcrumbs span {color:#ffc406;}

/* RECHTERKANT */

#right {padding-bottom:30px;}
#right span {color:#ffffff;}

.bannerheader {background:#f8b202; padding:20px; margin-bottom:1px;}
.bannerheader a {font-size:20px; color:#000000;}
.bannerheader a:hover {color:#ffffff;}

.bannerimage {margin-bottom:-1px;}

.newsitem {background:#f8b202; padding:20px; margin-bottom:1px;}
.newsitem h5 {font-size:20px; color:#231f20; font-weight:normal; margin-bottom:10px;}
.newsitem p {color:#ffffff; line-height:14px;}
.newsitem p.readon {margin:20px 0 0 190px;}
.newsitem p.readon a {color:#ffffff; font-size:12px; font-weight:bold; font-style:italic;}
.newsitem p.readon a:hover {text-decoration:underline;}

/* REFERENTIES */

#references table {margin-bottom:10px;}
#references table td {height:20px;}
#references table tfoot a {margin-right:10px;}
#content #references a {border:0;}
#references a.reference {background:url(../images/bullet_yellow.gif) no-repeat -1px;}
#references a.reference:hover {border:none;}
#references a.reference span {margin-left:25px; border-bottom:#ffcb05 1px solid;}
#references a.reference span:hover {border-bottom:#ffcb05 2px solid;}

/* Referenties overzicht */

#referencesoverview #searchreference {padding-bottom:10px; margin-bottom:10px; border-bottom:#7f7f7f 1px dotted;}
#referencesoverview .field {width:200px; padding:3px;}
#referencesoverview .button {margin:0;}

#referencesoverview table {border:#ffcb05 1px solid;}
#referencesoverview td {padding:5px; line-height:20px; height:20px;}
#referencesoverview tr.header td {background:#ffcb05; font-weight:bold;}

#referencesoverview .col1 {width:150px;}
#referencesoverview .col2 {width:150px;}
#referencesoverview .col3 {width:150px;}
#referencesoverview .col4 {width:150px;}
#referencesoverview .col5 {width:150px;}

#referencesoverview tr.row0 td {background:none;}
#referencesoverview tr.row1 td {background:#efefef;}

#referencesoverview tfoot td {background:#ffcb05;}
#referencesoverview tfoot ul {list-style-type:none; padding:0;}
#referencesoverview tfoot ul li {display:inline; padding:0 3px;}
#referencesoverview tfoot a:hover, #referencesoverview tfoot a.active {border-bottom:#000000 2px solid;}

/* REFERENTIE */

#reference #topwindow {min-height:250px; border:#ffcb05 1px solid; margin-bottom:20px;}

#reference #pic {width:300px; float:left;}
#reference #pic #imgtxt {height:26px; margin-top:-2px; padding:0; background:#ffcb05;}
#reference #pic #imgtxt p {font-style:italic; font-weight:bold; letter-spacing:1px; color:#ffffff; padding:4px 0 0 15px;}
#reference #data {float:left; width:304px;}

#reference #details {clear:both; width:604px; margin-bottom:10px; border:#ffcb05 1px solid;}
#reference #details ul {line-height:18px; margin-bottom:15px; margin-left:-3px; list-style-type:none; padding:0;}
#reference #details ul li {background:url(../images/bullet_yellow.gif) no-repeat; padding-left:20px;}
#reference #details #thumbs {margin:0;}

#reference ul#thumbs {padding-top:15px;}
#reference ul#thumbs li {float:left; margin:0 10px 10px 0; background:none; padding-left:0;}
#reference ul#thumbs img {border:#ededed 5px solid;}
#reference ul#thumbs img:hover {border:#ffcb05 5px solid;}
#reference ul#thumbs a:hover {border:0;}
#content #reference #details #thumbs a {border:0;}

#content #reference p {margin-bottom:10px;}
#reference .padding {padding:15px;}
#reference h3 {color:#ffffff; background:#ffcb05; line-height:22px; padding-left:15px;}
#reference h4 {padding:10px 0 5px 0;}
#reference .terug {float:right;}
#reference .bottomline {margin-bottom:10px;}

/* Foto albums */

#content #photoalbums ul {padding:15px 15px 5px 15px; list-style-type:none;}
#photoalbums ul li {display:inline; margin-right:10px; background:none;}
#photoalbums ul img {border:#ededed 5px solid; margin-bottom:10px;}
#photoalbums ul img:hover {border:#ffcb05 5px solid;}
#photoalbums ul a:hover {border:0;}
#content #photoalbums a {border:0;}

#photoalbums .photoalbum {width:604px; margin-bottom:10px; border:#ffcb05 1px solid;}
#photoalbums h3 {color:#ffffff; background:#ffcb05; line-height:22px; padding-left:15px;}

#photoalbums div.headershade {position:relative; line-height:20px; height:20px; background:#ffcb05; font-weight:bold; font-size:18px; letter-spacing:3px; padding:5px; margin-bottom:1px;}
#photoalbums span.white {color:#ffffff; position:absolute; top:4px; left:10px; z-index:2;}
#photoalbums span.shade {color:#000000; position:absolute; top:5px; left:11px; z-index:1;}

#photoalbums span.date {font-size:11px; position:absolute; right:10px; letter-spacing:0; color:#ffffff;}

/* ROUTEPLANNER */

#routeplanner label {float:left; width:120px; font-weight:bold;}
#routeplanner .field {background:#ededed; border:#c7c7c7 1px solid; font-size:11px; padding:2px;}
#routeplanner .button {margin-left:285px;}

/* FORMULIEREN (MODULE) */

#formuliervenster .field {background:#ededed; border:#c7c7c7 1px solid; font-size:11px; padding:2px;}
#formuliervenster .button {margin:20px 0 0 160px; border:none; background:none;}
#formuliervenster textarea {width:230px; height:150px;}
#formuliervenster label {float:left; width:130px;}
#content #formuliervenster p {clear:both; margin-bottom:5px;}
#formuliervenster .formtextonly {width:450px;}
#formuliervenster #captcha {margin-left:130px;}

/* SITEMAP */

#sitemap li {line-height:18px;}

/* ZOEKEN */

#content #zoekopdracht ul {list-style-type:none; padding:0;}
#content #zoekopdracht li {display:inline; margin-right:5px;}
#content #searchresults #zoekopdracht label {float:none;}
#content #searchresults p {margin-bottom:0;}
#searchresults label {float:left; width:120px; padding-top:4px;}
#searchresults form {margin-bottom:20px;}
.closest {font-weight:bold;}
.number {float:left; padding-right:5px;}
.result {float:left; font-weight:bold;}
.highlight {background:#ffcb05;}
.score {float:right; color:#acacac;}
.path {padding-left:15px; font-style:italic;}
.resultcontent {padding-left:15px;}
.gotofoundpage {padding-left:15px;}
.marginbottom {padding-bottom:20px;}

/* SMOELENBOEK */

#coworkers div.coworker {background:#fff; border:#ededed 5px solid; width:130px; height:284px; margin:0 10px 10px 0; float:left;}
#coworkers div.coworker:hover {border:#ffcb05 5px solid;}
#coworkers div.coworker a {border:0;}
#coworkers div.coworker a:hover {border:0;}
#coworkers div.coworker div {line-height:18px;}
#coworkers div.coworkerInfo {height:77px; overflow:hidden;}
#coworkers div.image {height:195px; width:130px; overflow:hidden;}
#coworkers div.name {padding:5px 5px 2px 5px; width:120px; overflow:hidden; font-weight:bold;}
#coworkers div.function {padding:0 5px 5px 5px; width:120px; overflow:hidden; font-style:italic; color:#4b4b4b;}
#coworkers .separator {clear:both;}

/* Smoel lightwindow */

#lightwindow h2 {font-weight:bold; font-size:16px; border-bottom:#231f20 1px dashed; padding-bottom:20px; margin:20px 0 20px 0;}
#lightwindow ul {position:absolute; top:60px; left:0px; line-height:18px; border:#ffcb05 1px solid;}
#lightwindow li.image {background:#ffcb05;}
#lightwindow li.name {background:#ffcb05; font-weight:bold; padding:0 5px 0 5px;}
#lightwindow li.function {background:#ffcb05; padding:0 5px 5px 5px;}
#lightwindow #personinfo {position:absolute; top:60px; left:230px;}
#lightwindow dl {line-height:18px;}
#lightwindow dt {float:left; clear:left; width:130px; font-style:italic; color:#4b4b4b;}
#lightwindow dt:after {content:":";}
#lightwindow dd {margin:0 0 0 150px;}

/* Agenda */

table#calendar td {padding:5px;}
tr.headeryear td {background:#ffcb05; color:#ffffff; font-weight:bold; font-size:16px; letter-spacing:3px; border-bottom:#ffffff 1px solid;}
div.headeryearshade {position:relative; z-index:2; height:18px;}
span.white {color:#ffffff; position:absolute; top:0px; left:0px; z-index:2;}
span.shade {color:#000000; position:absolute; top:1px; left:1px; z-index:1;}
tr.headermonth td {background:#838383; color:#ffffff; font-size:12px; font-weight:bold;}

/* SECURITY */

#security label {float:left; width:100px; margin-right:20px; text-align:right; font-style:italic; line-height:26px;}
#security .button {background:#000000; color:#ffffff; padding:5px; margin-left:120px;}
#security .button:hover {background:#ffcb05;}

/* VACATURES */

#vacatures td, #toonvacature td, #zoekvacatures td {padding:5px;}
#vacatures table p, #toonvacature table p {margin:0px !important;}
td.title {background:#ffcb05; font-weight:bold; font-size:14px;}
td.title a:hover {color:#ffffff !important;}

/* Toon vacature */
#toonvacature td.title {font-size:12px; letter-spacing:2px; color:#000000; background:none; border-bottom:#aaaaaa 1px solid;}
#toonvacature td.description {padding-bottom:10px;}
#content #toonvacature ul {list-style-type:none; padding:0;}
#content #toonvacature td.description ul {list-style-type:disc; padding:0 0 0 17px;}
#toonvacature ul li {line-height:20px;}
#toonvacature a {line-height:20px;}

#toonvacature h2 {font-size:20px;}
div.headershade {position:relative; z-index:2; height:34px; background:#ffcb05;}
span.white {color:#ffffff; position:absolute; top:7px; left:5px; z-index:2;}
span.shade {color:#000000; position:absolute; top:8px; left:6px; z-index:1;}

.mail {background:url(../images/icon_email.gif) no-repeat left 0px; border:0 !important; padding:1px 0 1px 0;}
.print {background:url(../images/icon_print.gif) no-repeat left 0px; border:0 !important; padding:1px 0 1px 0;}
.favourite {background:url(../images/icon_favourite.gif) no-repeat left 0px; border:0 !important; padding:1px 0 1px 0;}
.online {background:url(../images/icon_online.gif) no-repeat left 0px; border:0 !important; padding:1px 0 1px 0;}

.mail span, .print span, .favourite span, .online span {margin-left:20px;}
.mail:hover span, .print:hover span, .favourite:hover span, .online:hover span {border-bottom:#000000 1px solid;}

.vorigevacature, .volgendevacature {font-weight:bold; border:0;}
.vorigevacature:hover, .volgendevacature:hover {border:0; color:#004178;}
.vorigevacature span, .volgendevacature span {font-size:12px; color:#004178;}
.vorigevacature span {margin-right:3px;}
.volgendevacature span {margin-left:3px;}

/* Mail vacature */

#mailvacature label {margin-right:20px;}
#mailvacature .button {margin-left:80px; background:#000000; color:#ffffff; padding:5px;}
#mailvacature .button:hover {background:#ffcb05;}

/* Print vacature */

#print {background-image:none; background-color:#ffffff; font-size:12pt; line-height:20px;}
#print #print_wrap {width:700px; position:relative;}
#print #logo {position:absolute; top:10px; left:10px;}
#print #contactinfo {position:absolute; top:10px; right:0px; text-align:right;}
#print #contactinfo span {font-style:italic; padding-right:5px;}
#print #vacatureinfo {position:absolute; top:170px; left:0px;}
#print #vacatureinfo table {border:#838383 1px solid; padding:10px;}
#print #eindevacature {margin:20px 0 0 10px; font-size:10pt;}

/* Online sollicitatieformulier */

#solliciteren div.headershade {position:relative; line-height:20px; height:20px; background:#ffcb05; font-weight:bold; font-size:18px; letter-spacing:3px; padding:5px; margin-bottom:1px;}
#solliciteren span.white {color:#ffffff; position:absolute; top:5px; left:5px; z-index:2;}
#solliciteren span.shade {color:#000000; position:absolute; top:6px; left:6px; z-index:1;}

#solliciteren h3 {font-size:16px; font-weight:bold; margin-bottom:1px; padding:5px; background:#ffcb05; color:#ffffff;}
#solliciteren h4 {font-size:12px; font-weight:bold; padding:3px 3px 4px 5px; background:#a6a6a6; color:#ffffff; margin-bottom:20px;}

#solliciteren td {padding:5px;}
#solliciteren td.title {background:#838383; color:#ffffff; font-size:12px;}

#solliciteren label {float:left; width:100px; font-style:italic;}
#solliciteren .field {width:300px;}
#solliciteren textarea {width:300px; height:100px; font-size:10px; color:#373737; border:#373737 1px solid; padding:5px; background:none;}
#solliciteren .button {background:#000000; color:#ffffff; padding:5px; margin-left:100px;}
#solliciteren .button:hover {background:#ffcb05;}
#solliciteren #captcha {margin-left:100px;}

/* Aktueel nieuws */

#news h4 {font-size:13px;}
#news p {margin-bottom:0 !important;}
#news p.more {margin-bottom:20px !important;}

#articlesoverview {width:230px; float:left; margin-right:20px;}
#singlearticle {width:350px; float:left;}
#singlearticle h4 {font-size:16px;}

/* ALGEMENE CLASSES */

.field {font-size:12px; color:#373737; border:#373737 1px solid; width:230px; padding:5px;}
.button {font-size:12px; font-weight:bold; color:#434343; cursor:pointer; margin-bottom:3px;}
.button:hover {color:#bb0606;}
.floatclearer {clear:both;}
.error {color:red; font-weight:bold;}
.floatleft {float:left;}
.floatright {float:right;}

/* ELEMENTEN */

h1 a {position:absolute; top:150px; left:85px; display:block; width:178px; height:64px; text-indent:-9999px;}
h2 {font-weight:bold; font-size:16px; margin-bottom:20px;}
h3 {font-weight:bold; font-size:12px;}
h4 {font-weight:bold;}
#content p {line-height:18px; margin-bottom:20px;}
a {text-decoration:none;}
#content a {color:#231f20; border-bottom:#ffcb05 1px solid;}
#content a:hover {border-bottom:#ffcb05 2px solid;}
input {font-family:"Arial"; background:none; border:none;}
textarea {font-family:"Arial"; background:#ededed; border:#c7c7c7 1px solid; font-size:11px; padding:2px;}
hr {height:1px; color:#dddddd; background:#dddddd; border:0;}
strong {font-weight:bold;}
italic, em {font-style:italic;}
#content ol {list-style-type:decimal; padding:0 0 20px 22px; line-height:18px;} /* ordered lists in div "content" */
#content ul {list-style-type:disc; padding:0 0 20px 22px; line-height:18px;} /* unordered lists in div "content" */