/* CSS Document */

/* layout */
html, body { width: 100%; margin: 0px; padding: 0px; margin-top: 5px; }
#anchor{ position: relative; top: 0px; left: 50%; width: 0px; }
#container{ position: absolute; width: 805px; left: -400px; }
#menuBalk{ height: 31px; text-align: center; } 
#zoekBalk{ position: relative; width: 168px; font-family: Arial; font-size: 12px; color: #00325f; width: 168px; }
#linkerBalk{ position: absolute; width: 170px; top: 100px; }
#inlogBalk{ position: relative; height: 60px; width: 120px; font-family: Arial; font-size: 10px; color: #00325f; left: 680px; top: -5px; } 
#hotItems{ position: relative; font-family: Arial; font-size: 11px; color: #00325f; width: 165px; border-bottom: none; padding: 1px; } 
#middenBalk{ position: relative; left: 170px; top: 8px; width: 460px; background-color: white; } 
#imageMidden{ margin-bottom: 8px } 
#tekstMidden{ position: relative; width: 452px; top: 10px; font-family: Arial; font-size: 11px; color: #00325f; background-color: white; }
#tekstMiddenVac{ position: relative; left: -9px; width: 462px; top: 10px; font-family: Arial; font-size: 11px; color: #00325f; background-color: white; } 
#borderLinks{ visibility: hidden; position: absolute; height: 230px; width: 2px; top: 230px; left: 155px; border-right: none; padding: 1px; background: url(../images/border.gif) repeat-y right; }
#tekstRechts{ position: relative; width: 145px; left: 13px; font-family: Arial; font-size: 11px; color: #00325f; text-align: justify; line-height: 17px; } 
#linkerTekstWerkgevers{ position: relative; width: 155px; font-family: Arial; font-size: 11px; color: #00325f; text-align: justify; } 
#gevoelVoor{ position: relative; text-align: center; top: 17px; height: 132px; } 
#rechterBalk{ position: absolute; right: 0px; top: 110px; width: 170px; } 
#titel{ font-family: Arial; font-size: 12px; color: #00325f; font-weight: bold;	} 
.hotItemsTable{ padding: 1px; border-right: none; overflow:hidden; max-width: 168px; left: -2px; } 
.hotItemsTable td{ padding-top: 5px; } 
#contact{ position: relative; width: 435px; font-family: Arial; font-size: 11px; color: #00325f; } 
#logo { height: 50px; left: 50%; position: absolute; top: 560px; }
#logo2 { left: -115px; position: relative; }
#logovacatures { height: 50px; left: 50%; position: absolute; top: 820px; } 
#interesseModule{ position: relative; top:30px; left:13px; width: 145px; font-family: Arial; font-size: 11px; color: #00325f; text-align: justify; } 
#printlogo { text-align: center; margin-top: 3em; }

/* typography */
body, button, input, td, th { line-height: 17px; font-family: Arial; font-size: 11px; }
h1, h2{ font-family: Arial; font-size: 12px; color: #00325f; font-weight: bold;	}
.title { font-family: "Trebuchet MS", "Frutiger LT 45 Light",Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #003366; } 
a{ text-decoration:none; color: #00325f; }
a { outline: none; }
a:focus { outline: none; }
a:active { outline: none; }
#tekstRechts h2 { margin: 0 0 10px }
#tekstRechts p { margin: 0 0 10px }


/* forms */
label { color: #072f62; font-weight: normal; }
button, a.button { overflow: visible; font-family: "Trebuchet MS", Tahoma, Verdana, Arial; text-align: center; cursor: pointer; min-width: 60px; padding: 0; border: 2px solid #3980c0; color: white; font-weight: bold; background-color: #072f62; margin-left:5px; margin-bottom:5px }
button span, a.button span { line-height: 21px }
button:hover, a.button:hover { background-color: #f5ffff; color: #072f62 }
button::-moz-focus-inner { border: 0; padding: 0 }
form dt { width: 101px; margin: 2px 0; padding: 0 }
form dd { text-align: left; width: 170px; margin: 2px 0; padding: 0; word-spacing: 0 }
form dl { margin: 0 }
select { font-family: Arial; width: 160px; font-size: 11px; height: 18px }
input.input-text { height: 12px; font-size: 11px; line-height: 12px; width: 155px }
input.input-text-small { width: 76px }
input.input-text-large { width: 216px }
input.input-text-8 { width: 58px }
input.input-text-29 { width: 170px }
input.input-text-46 { width: 251px }
textarea.textarea-46 { width: 251px }
p.submit { text-align: right }
.btn { font-family: "Trebuchet MS", Tahoma, Verdana, Arial; border: 2px solid #3980c0; font-size: 11px; color: white; font-weight: bold; background-color: #072f62; height: 25px; margin-right:5px; margin-bottom:4px; }
button.btn2 { background-image: url(../images/button1.jpg); border: 0px; width:30px; height:19px; min-width: 0; margin-right:0px; margin-bottom:1px; }
button.btn2_hv { cursor: pointer; background-image: url(../images/button2.jpg); border: 0px; width:30px; min-width: 0; height:19px; margin-right:0px; margin-bottom:1px; } 
.btn_hv { cursor: pointer; font-family: "Trebuchet MS", Tahoma, Verdana, Arial; border: 2px solid #3980c0; font-size: 11px; color: #072f62; font-weight: bold; background-color: #f5ffff; height: 25px; margin-right:5px; margin-bottom:4px; } 
#contact a.button { width: 110px; margin: 0 }
button.button-80 { width: 80px }
td button { margin: 0 }

/* inline-blocks */
form dt, form dd, button, a.button { display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; }
* html form dt, * html form dd, * html button, * html a.button { display:inline; }
* + html form dt, * + html form dd, * + html button, * + html a.button { display:inline; }

/* vacatures autocomplete */
#hints ul { z-index: 1000; overflow:auto; background: white; padding: 3px; border: 1px solid #000000; height: 15em; width: 240px; position: absolute; margin-left:0px; }
#hints ul li { margin: 0 0 5px 0; cursor: default; color: #000000; background: white; }
#hints ul li:hover { background: #17386b; color: white; font-weight: bold; }


/* vacatures list */
.vacatures-list table { border: 0; padding: 0; border-spacing: 0; width: 100%; border-collapse: collapse }
.vacatures-list table tbody tr:hover, .vacatures-list table tbody tr.hover { background: url(../images/row_hover.gif) repeat-x; }
.vacatures-list table tbody tr td a { display: block; padding: 0; line-height: 26px }
.vacatures-list table tbody tr:hover a, .vacatures-list table tbody tr.hover a { color: #fff }
.vacatures-list table tr th { color: #848484; font-weight: bold; text-align: left }
.vacatures-list table tr td { padding: 0; height: 27px; line-height: 26px }
.vacatures-list table tr th.code { width: 50px } 
.vacatures-list table tr th.function { } 
.vacatures-list table tr th.region { width: 130px }
.vacatures-list-header { height: 32px; background: url(../images/vacatures_menubalk.gif) }
.vacatures-list-header h3 { margin: 0; padding: 0 10px; font-weight: normal; color: #fff; font-size: 11px; line-height: 32px  }
.vacatures-list-header, .vacatures-list-header a { color: #fff  }
.vacatures-list-header .vacatures-pagination { float: right; line-height: 32px; padding: 0 10px }

/* vacatures page */
.vacatures-block { padding: 0 74px 0 84px; border-bottom: #072f62 6px solid  }
.vacatures-block h2 { font-size: 11px; color: #072f62; }
.vacatures-block p.submit { text-align: right; padding-right: 42px; }
.vacatures-block a.button { width: 73px }
.vacatures-block button { width: 77px }
.vacatures-block { padding-top: 4px; margin: 0 21px 0 5px}
.vacatures-block h2 { padding: 1px 0; margin: 0 }
.vacatures-block p.submit { padding: 2px 0; margin: 0 8px 0 0  }
.vacatures-block form dd { text-align: center }



/* vacature */
.vacature-tekst { text-align: justify }
.vacature-controls { text-align: right }
.vacature-tellafriend { text-align: right; border-top: 1px solid #072f62; margin-top: 1em; padding-top: 1em }
.vacature-tellafriend h2 { margin: 0; font-size: 13px }
.vacature-tellafriend form dt { width: 200px }
.vacature-tellafriend form dd { width: 210px }
.vacature-tellafriend input, .vacature-tellafriend textarea { width: 200px }
.vacature-tellafriend button { width: 140px }

/* solliciteren */
form.mainform dt { width: 160px }
form.mainform dd { width: 280px }
form.mainform select { width: 257px } 
form.mainform input.input-file { width: 257px; height: 18px } 
form.mainform p.submit { padding-right: 34px }
form.mainform .errortext { float: left }
form.mainform button { width: 77px }

/* adverts */
.mainadvertsmall2 { font-family: "Trebuchet MS", Tahoma, Verdana, Arial; color: #003366; font-size: 11px; line-height: 16px;}
.mainadvertsmall { font-family: "Frutiger LT 45 Light", Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; color: #003366; }
.mainadvert { font-family: "Frutiger LT 45 Light", Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; color: #003366; text-align: justify; }

/* print */
#print-vacature { padding: 20px; color:#003366; font-family:"Frutiger LT 45 Light",Arial,Helvetica,sans-serif; font-size: 12px }
#print-vacature h1 { font-size: 22px }
#print-vacature-intro { margin-left: 190px; max-width: 500px }
#print-vacature-side { width: 160px; float: left; font-size: 11px }
#print-vacature-main { margin-left: 190px; max-width: 500px }
#print-vacature-logo { margin-top: 3em }


/* route */
#routetitel{ display: none; }
#routegegevens select { width: 236px }
#routegegevens input.input-text { width: 226px }
#routegegevens button { width: 120px }
p.notice { padding:8px; margin-bottom:2em; border:2px solid #ddd; background:#E6EFC2;color:#264409; border-color:#C6D880;}