HTML { height: 100%; margin-bottom: 1px; }
BODY { height: 100%; margin: 0; padding: 0; background: #1c1c1c url(../images/body_bg.gif); }
BODY, INPUT, SELECT, TEXTAREA { color: #464646; font-size: 12px; font-weight: normal; font-family: Arial, sans-serif; }
FORM { margin: 0; padding: 0; }
INPUT, SELECT, TEXTAREA { border: 1px solid #a9a9a9; }
INPUT { padding-left: 3px; padding-right: 3px; }
TEXTAREA { padding: 3px; overflow: auto; }
IMG { border: none; vertical-align: -3px; }
H1 { height: 44px; margin: 0 0 15px; color: #ff2500; font-size: 18px; font-weight: bold; line-height: 44px; text-transform: uppercase; }
H2 { height: 44px; margin: 10px 0 20px; padding: 0 25px; background: #fff url(../images/title_bg.gif) no-repeat 1px center; color: #7f7e7e; font-size: 18px; font-weight: bold; line-height: 44px; text-transform: uppercase; }
H3 { margin: 0 0 5px; padding: 0; color: #3872d0; font-size: 14px; font-weight: bold; }
H3 SPAN { margin-left: 10px; font-size: 12px; font-weight: normal; font-style: italic; }
H4 { margin: 0 0 5px; padding: 0; color: #3872d0; font-size: 12px; font-weight: bold; }
P { margin: 13px 0; }
OL, UL { margin-top: 13px; margin-bottom: 13px; list-style: square; }
A { color: #ff2500; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }


/* LAYOUT */
.container { width: 849px; margin: 0 auto; }

#columnLeft { float: left; width: 604px; padding-bottom: 25px; }
#columnLeft H1 { background: #fff url(../images/title_bg.gif) no-repeat 1px center; padding: 0 25px; }
#columnLeft .content { width: 556px; padding: 20px; }
#columnLeft .contentPad { padding: 0 25px; }
#columnRight .contentPad a {text-decoration:none; color:#5e5e5e;}
#columnRight .contentPad h3 a {text-decoration:none; color:#3872d0;}

#columnRight { float: right; width: 214px; padding-bottom: 25px; }
#columnRight H1 { background: #fff url(../images/titlesmall_bg.gif) no-repeat 1px center; padding: 0 8px; }
#columnRight .content { padding: 20px 8px; font-size: 11px; }
#columnRight .contentPad { padding: 0 8px; }

.content { background: #e0e0e0 url(../images/content_bg.gif) repeat-x left top; line-height: 18px; }


/* HEADER */
#header { height: 138px; background: #da1602 url(../images/header/header_bg.gif) repeat-x; border-bottom: 1px solid #888; }
#header H1 { float: right; width: 222px; height: auto; background: url(../images/header/header_right.jpg) no-repeat left bottom; margin: 0; padding: 23px 0 0; font-size: 0; text-indent: -5000px; }
#header H1 A { display: block; height: 95px; }
#header H2 { width: 615px; height: 128px; background: url(../images/header/header_left.jpg) no-repeat; margin: 0; padding: 0; font-size: 0; text-indent: -5000px; }


/* MENU */
#menu { height: 69px; background: url(../images/menu/menu_bg.gif) repeat-x; overflow: hidden; }
#menu UL { margin: 0; padding: 0; list-style: none; }
#menu LI { float: left; background: url(../images/menu/menu_sep.gif) no-repeat right center; padding-right: 1px; }
#menu LI#last { background: none; }
#menu A { display: block; background: url(../images/menu/menu_hover.gif) repeat-x; background-position: 0 0; padding: 0 12px 0 13px; color: #d2d2d2; font-size: 13px; font-family: Tahoma, Arial, sans-serif; line-height: 69px; text-transform: uppercase; text-decoration: none; }
#menu A:hover { background-position: 0 -69px; }


/* BLOCKS */
.shT { background: url(../images/sh/shT.gif) repeat-x left top; }
.shR { background: url(../images/sh/shR.gif) repeat-y right top; padding: 0 4px; }
.shB { background: url(../images/sh/shB.gif) repeat-x left bottom; }
.shL { background: url(../images/sh/shL.gif) repeat-y left top; }
.shTL { background: url(../images/sh/shTL.gif) no-repeat left top; }
.shTR { background: url(../images/sh/shTR.gif) no-repeat right top; height: 4px; font-size: 0; line-height: 0; }
.shBL { background: url(../images/sh/shBL.gif) no-repeat left bottom; }
.shBR { background: url(../images/sh/shBR.gif) no-repeat right bottom; height: 4px; font-size: 0; line-height: 0; }

#columnLeft .outerBrd { float: right; width: 228px; border: 1px solid #ebebeb; }
#columnLeft .innerBrd { background-color: #f8f8f8; padding: 8px; color: #5e5e5e; font-size: 11px; border: 1px solid #dfdfdf; }
#columnLeft .innerBrd BR { line-height: 10px; }
#columnLeft .innerBrd P { margin: 10px 0; }
#columnLeft .innerBrd H4 { color: #ee2b0a; }

#columnRight .outerBrd { float: left; border: 1px solid #efefef; }
#columnRight .innerBrd { background-color: #fff; padding: 5px; color: #dedede; border: 1px solid #dfdfdf; }
#columnRight .innerBrd IMG { border: 1px solid #dddddd; }

.outerBrdImg { float: left; border: 1px solid #e6e6e6; }
.innerBrdImg { float: left; background-color: #fff; padding: 5px; border: 1px solid #d3d3d3; }

.imgT { float: left; background: #fff url(../images/sh/imgT.gif) repeat-x left top; border: 8px solid #eeeff1; }
.imgR { background: url(../images/sh/imgR.gif) repeat-y right top; }
.imgB { background: url(../images/sh/imgB.gif) repeat-x left bottom; }
.imgL { background: url(../images/sh/imgL.gif) repeat-y left top; }
.imgTL { background: url(../images/sh/imgTL.gif) no-repeat left top; }
.imgTR { background: url(../images/sh/imgTR.gif) no-repeat right top; }
.imgBL { background: url(../images/sh/imgBL.gif) no-repeat left bottom; }
.imgBR { background: url(../images/sh/imgBR.gif) no-repeat right bottom; padding: 4px; }

IMG.imgBrd { border: 1px solid #bfd0eb; }
.imgFloatL { margin: 3px 20px 10px 0; border: 1px solid #bfd0eb; }
.imgFloatR { float: right; margin: 3px 0px 10px 20px; border: 1px solid #bfd0eb; }

.floatTxt { float: left; width: 375px; }
.vacTxt { float: left; width: 504px; background: url(../images/vacatures_bg.jpg) repeat-x; margin-bottom:15px; height:102px; }
.vacTxt h5 { margin:15px; color:#fff; font-size:16px; font-weight:bold; }
.vacTxt h6 { margin:15px; color:#fff; font-size:14px; }
.vacTxt a {color:#fff; font-size:11px;}

.listNum SPAN { float: left; display: block; width: 28px; height: 28px; background: url(../images/number_bg.gif) no-repeat; margin: 2px 0 15px; color: #fff; font-size: 16px; font-weight: bold; line-height: 28px; text-align: center; }
.listNum DIV { float: right; width: 456px; margin-bottom: 15px; }
.listNum BR { clear: both; }

UL.list { margin: 8px 0 15px; padding: 0; list-style: none; }
UL.list LI { background: url(../images/mark.gif) no-repeat left 2px; margin-bottom: 2px; padding-left: 18px; }

.separator { height: 20px; background-color: #fff; margin: 15px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }

.formBlk LABEL { margin-right: 2px; color: #3872d0; font-size: 12px; font-weight: bold; }
.formBlk INPUT { width: 160px; margin: 3px 0; }
.formBlk INPUT.chk { width: auto; border: none; margin: 0; vertical-align: middle; }
.formBlk BR { line-height: 8px; }

.formContact { margin-top: 50px; }
.formContact LABEL { float: left; clear: left; width: 140px; font-weight: bold; }
.formContact INPUT { width: 180px; margin-bottom: 10px; }
.formContact TEXTAREA { width: 300px; margin-bottom: 15px; }
.formContact INPUT.btn { float: right; margin-right: 58px; }

.mapcontainer { width: 500px; height: 300px; background-color: #fff; padding: 5px; border: 1px solid #dbdbdb; }
#map { width: 500px; height: 300px; }


/* PAGES */
.pagetabsTop, .pagetabsBot { height: 21px; padding: 0 10px 0 16px; }
.pagetabsTop A, .pagetabsBot A { float: left; display: block; width: 27px; height: 23px; margin-right: 6px; font-size: 11px; font-weight: bold; line-height: 23px; text-decoration: none; text-align: center; cursor: pointer; }
.pagetabsTop A.active, .pagetabsTop A:hover, .pagetabsBot A.active, .pagetabsBot A:hover { color: #3872d0; }
.pagetabsTop { background: url(../images/pagetabsTop_bg.png) no-repeat; padding-bottom: 23px; }
.pagetabsTop A { background: url(../images/pagetabsTop_tab.png) no-repeat; }
.pagetabsBot { background: url(../images/pagetabsBot_bg.png) no-repeat; padding-top: 21px; }
.pagetabsBot A { background: url(../images/pagetabsBot_tab.png) no-repeat; }

.pagebgtop { background: url(../images/page_bgtop.png) repeat-x left top; }
.pagebgbot { background: url(../images/page_bgbot.png) repeat-x left bottom; }

.pageNum { height: 22px; background-color: #fff; padding: 0 8px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
.pageNum A { float: left; display: block; height: 22px; padding: 0 3px; font-size: 11px; font-weight: bold; line-height: 22px; text-decoration: none; }
.pageNum A.active, .pageNum A:hover { color: #3872d0; }


/* BUTTONS */
A.btnMeer { float: right; display: block; width: 107px; height: 107px; background: url(../images/buttons/btn_meer.png) no-repeat; text-indent: -5000px; cursor: pointer; }
A.btnContact { float: left; display: block; width: 171px; height: 56px; background: url(../images/buttons/btn_contact.png) no-repeat; margin-top: 15px; text-indent: -5000px; cursor: pointer; }
A.vcard { float: right; width: 51px; height: 55px; background: url(../images/buttons/vcard_icon.jpg) no-repeat; margin: 50px 60px 0 0;  }
A.vcard_txt {  height: 60px;  }

A.btn { display: block; background: url(../images/buttons/btn_left.gif) no-repeat left top; text-decoration: none; }
A.btn SPAN { display: block; height: 25px; background: url(../images/buttons/btn_right.gif) no-repeat right top; padding: 0 15px; color: #fff; font-size: 11px; line-height: 24px; cursor: pointer; }
A.btn B { margin-left: 2px; color: #ff2500; font-weight: normal; }
A:hover.btn SPAN { color: #ff2500; }

INPUT.btn { width: auto !important; background-color: #ff2500; margin-top: 10px; color: #fff; cursor: pointer; }


/* OTHER */
.txtred { color: #ff2500; }

.aLeft { text-align: left !important; }
.aCenter { text-align: center !important; }
.aRight { text-align: right !important; }

.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }
.inleiding {color:#3a3a3a; }