/* CREDITS * ---------------------------------------------------------- * Title: Projectname - Screen Stylesheet * Author: David Candreva * Date: 00/00/09 * Last Edit: 00/00/00 David Candreva * ---------------------------------------------------------- * Inventis - Web Architects - We design the Web! * www.inventis.be */ /* Reset ---------------------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; } table{ border-collapse:collapse; border-spacing:0; } html, body {height: 100%; } fieldset,img{ border:0; } address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; } ol,ul{ list-style:none; } caption,th{ text-align:left; } h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; } strong,b{ font-weight:bold; } em{ font-style:italic; } em strong,strong em { font-weight: bold; font-style: italic; } abbr,acronym{ border-bottom:1px dotted; cursor:help; } button{ cursor:pointer; } /* General elements ---------------------------------------------------------- */ textarea, body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; } body{ background:url(../images/layout/body_bg_new.png) repeat-x left top;} body.dev { border: 5px solid red; border-bottom: 0; } .clear{ clear:both; } a:focus{ outline:none; } ::selection{ background:#0099E3; color:#FFF; } ::-moz-selection{ background:#0099E3; color:#FFF; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } div.pageheader {color: #FFFFFF; font-size: 12px; width:960px; margin:0 auto; position:relative; z-index:10; line-height:27px; } div.pageheader h1 { color: #fff; font-size: 12px; float: left; display: block; font-weight: bold; line-height:27px; } div.pageheader div.servicelinks { position:absolute; width:315px; top:0; right:1px;} div.pageheader div.servicelinks a {color:#fff; margin:0; text-decoration:none; padding:0 10px; display:block; float:right; width:85px; text-align:center; font-weight: bold; font-size: 12px; line-height:27px; height:27px;} div.pageheader div.servicelinks a:hover, div.pageheader div.servicelinks a.active {background:#1791ba;} div.pageheader div.loginbox {border:1px solid #00516b; position:absolute; top:27px; right:0; background:#1791ba; padding:5px 10px 10px 10px; border-top:0;border-radius:8px;border-top-left-radius:0;border-top-right-radius:0;-moz-border-radius:8px;-moz-border-radius-topleft:0; -moz-border-radius-topright:0; width:190px; display:none;} div.pageheader div.loginbox div.entry {clear:both; margin-bottom:5px;} div.pageheader div.loginbox div.entry label {color:#fff; font-weight:bold; display:block;} div.pageheader div.loginbox div.entry input{ background:#fff; border:1px solid #fff; height:20px; padding:4px 2px 0 2px; width:183px; -moz-border-radius:3px; border-radius:3px;} div.pageheader div.loginbox div.buttons {clear:both;padding-top:5px; line-height:27px;} div.pageheader div.loginbox div.buttons a{color:#fff; font-size:11px; text-decoration:underline; line-height:27px;} div.pageheader div.loginbox div.buttons a:hover{ text-decoration:none;} div.pageheader div.loginbox div.buttons button {float:right; background:url(../images/layout/btn_login.png) no-repeat 0 0; border:0; text-indent:-9000px; display:block; padding:0; margin:0;width:64px;height:27px;cursor:pointer;} div.pageheader div.loginbox div.buttons button:hover{background-position:bottom left;} dl.record { line-height: 20px; overflow: hidden; } dl.record dt { display: block; float: left; width: 145px; font-weight: bold; } dl.record dd { display: block; } a.styled { color:#23A2CC; text-decoration: none; font-weight: bold; } a.styled:hover { text-decoration: underline; } /* Container ---------------------------------------------------------- */ div#container{ width:960px; margin:0 auto -340px; min-height: 100%; height: auto !important; height: 100%;} /* No script warning */ div#container div.noscript_warning { text-align: center; border: 3px solid red; margin: 25px 0; color: red; padding: 10px 0; background: white; } /* Header ---------------------------------------------------------- */ div#header{height:144px; position:relative; width:960px; margin:0 auto; text-align:center;} div#header a {margin:0 auto; width:470px; display:block;} div#header img {margin-top:31px; width:470px;} div#header a.plaats_vac, div#header a.plaats_vac2{background:url(../images/layout/btn_plaatsgratisvacature.png) no-repeat left top; display:block; height:44px; position:absolute; right:0px; text-indent:-9999px; top:35px; width:203px;} div#header a.plaats_vac2 { background-image: url(../images/layout/btn_plaatsvacature.png); width: 152px; } div#header a.plaats_vac:hover{background-position:left bottom;} /* Content ---------------------------------------------------------- */ div#content{margin:0 auto 100px; overflow:hidden;} div#content h1{ color:#068ab6; font-size:16px; letter-spacing:-0.1em; margin-bottom:10px;} div#content h2{ background:url(../images/layout/h2_bg.png) no-repeat left top; color:#323232; font-size:15px; letter-spacing:-0.1em; margin-bottom:6px; padding-left:10px; margin-top:20px;} div#content h2.inactive{background:none; padding-left:none; color:#b9b9b9;} div#content h1.vac {background:none; color:#323232 !important; font-size:15px; letter-spacing:-0.1em; margin-bottom:6px; padding-left:10px; margin-top:10px;} div#content h2.vac { color:#068ab6; font-size:16px; letter-spacing:-0.1em; margin-bottom:10px; padding-left: 0; margin-top: 0;} div#content h1 + h2 { margin-top: 0px; } div#content h2 + h2 {margin-top:0px;} div#content h2.welcome { padding-left: 0px; color: black; margin-bottom: 12px; } table.profile {width:100%; border:0;} table.profile td {vertical-align:top; line-height:18px; padding:5px 5px 0 0;} div#content span.side_title { display: block; color:#068ab6; font-size:16px; letter-spacing:-0.1em; margin-bottom:10px; } div#content span.side_subtitle { display: block; background:url(../images/layout/h2_bg.png) no-repeat left top; color:#323232; font-size:15px; letter-spacing:-0.1em; margin-bottom:6px; padding-left:10px; margin-top:20px; } div#content span.side_subtitle.notop { margin-top: 0; } form.search{margin:0 auto 30px; overflow:hidden; width:457px;} form.search div.entry.text input{ background:url(../images/layout/input_search.png) no-repeat bottom right; color:#3a6577; border:0; float:left; font-size:15px; /*padding:15px 20px 0 20px; height:34px;*/ padding:16px 20px; width:250px;} form.search div.entry.buttons button{background:url(../images/layout/btn_search.png) no-repeat left top; border:0; height:48px; float:right; text-indent:-9999px; width:160px;} form.search div.entry.buttons button:hover{background-position:left bottom;} div.noresults { text-align: center; width: 100%; color: #F00; height: 30px; } div.noresults span { display: inline; padding-left: 24px; background: url(../images/layout/icons/error.png) no-repeat left -1px; } /*sidebar */ div.sidebar{float:left; margin-right:40px; width:210px;} div.sidebar a { color:#0994c2; } div.sidebar ul li{line-height:20px; padding-left:12px; color: #959696; } div.sidebar ul li a{color:#0994c2;} div.sidebar ul li a:hover{text-decoration:none;} div.sidebar ul.nav li { padding-left: 5px; } div.sidebar ul.nav a { color: #959696; font-size: 15px; text-decoration: none; font-weight: bold; letter-spacing:-0.1em; } div.sidebar ul.nav .active a { color: #323232; } div.sidebar ul.nav .active { background: url(../images/layout/h2_bg.png) no-repeat left top; } /*div.sidebar ul li strong a { color: #0486B1; }*/ div.sidebar ul li span{ color:#959696; font-size:11px; margin-left:5px;} /* content */ div.content {float:right; width:710px;} div.beroepen { width: 870px !important; } div.content h2{background:none !important;} div.content form{margin-left:10px;} div.content ul.table{font-size:11px;} div.content ul.table li.th{border-bottom:1px solid #b9b9b9; line-height:25px; overflow:hidden; height: 1%;} div.content ul.table li.lastth{border-bottom:1px solid #fff !important;} ul.breadcrumbs{float:left; overflow: hidden;} ul.breadcrumbs li{ color:#b9b9b9; float:left;} ul.breadcrumbs li a{ color:#068ab6; } ul.breadcrumbs li a:hover{ text-decoration:none; } ul.breadcrumbs li span.breadcrumb{color:#068ab6; margin:0 4px;} ul.rss { float: right; margin: 0 20px 0 0; } ul.rss li a { padding: 0 0 0 20px; background:url(../images/layout/rss_icon.png) no-repeat 0 2px; } ul.pagination { color:#b9b9b9; float:right; overflow:hidden; height:22px; width:100px;} ul.pagination li{float:left;} ul.pagination li a.left{background:url(../images/layout/pagination_left.png) no-repeat left center; display:block; height:22px; text-indent:-9999px; width:25px;} ul.pagination li a.left:hover{background-position:left bottom;} ul.pagination li a.right{background:url(../images/layout/pagination_right.png) no-repeat left center; display:block; height:22px; text-indent:-9999px; width:25px;} ul.pagination li a.right:hover{background-position:left bottom;} ul.pagination li a.disabled{background-position:left top; cursor:default;} ul.pagination li a.disabled:hover{background-position:left top;} div.content ul.table li.lastth ul.pagination { margin-top: 4px; } div.content ul.table li.loading { line-height: 24px; height: 24px; margin: 10px 0; text-align: center; } div.content ul.table li.tr{border-bottom:1px dotted #b9b9b9; font-size:12px; overflow:hidden; height:46px; padding-top:12px} div.content ul.table li.tr span, div.content ul.table li.tr a{line-height:20px;} div.content ul.table li.tr span a { text-decoration: none; } div.content ul.table li.tr span a:hover { text-decoration: underline; } div.content ul.table li.tr:hover{background:#effbff;} div.content ul.table li.lasttr{border-bottom:1px solid #b9b9b9 !important;} div.td-first{ float:left; padding-left:12px; width:162px;} div.td-first span.place{font-weight:bold; display:block; clear:both;} div.td-first span.date{font-size:11px; color:#b9b9b9;} div.td-second{float:left; width:428px;} div.td-second span.function{ color:#0994c2; font-weight:bold; display:block; clear:both;} div.td-second span.company{ } div.td-last{float:left; width:95px; color:#fff; text-transform:uppercase;} div.td-last span, div.td-last a.button{display:block; padding:1px 7px; font-size:11px; -moz-border-radius:3px; border-radius:3px; margin-top:6px;text-align:center;} div.td-last span.voltijds{background:#0994c2;} div.td-last span.delete{ margin-left: 5px;} div.td-last span.deeltijds{background:#969696;} div.td-last span.freelance{background:#323232;} div.td-second.small { width: 300px; } div.td-last.actions { overflow: hidden; width: 225px; } div.td-last.actions span { float: left; width: 95px; } div.td-last.actions a.button { width: 95px; float: right; background-color: black; color: white; text-decoration: none; } div.td-last.actions a.button:hover { text-decoration: underline; } div.td-last.actions a.offline { background-color: red; } div.td-last.actions a.online { background-color: green; } div.td-last.actions a.zet { background-color: green!important; font-size: 9px!important; padding: 1px 0!important; width: 65px !important; } div.td-last.actions .my {width:70px;} div.td-last.actions a.my {float:left; margin-left:5px; width:50px;} div.td-last.actions a.edit {background:#B9B9B9; color:#000;} /* confirmatie zoekertje plaatsen */ div.content div.vac_confirm{ margin-top:10px; margin-left:10px} div.vac_confirm div.entry{height:45px; overflow:hidden; clear:both;} div.vac_confirm div.entry span{display:block; height:14px; width:90px; color:#fff; padding:4px 7px 4px 7px; font-size:11px; top:-3px; -moz-border-radius:3px; text-transform:uppercase; border-radius:3px; margin-top:0px;text-align:center;} div.vac_confirm div.entry span.voltijds{background:#0994c2;} div.vac_confirm div.entry span.deeltijds{background:#969696;} div.vac_confirm div.entry span.freelance{background:#323232;} div.vac_confirm div.entry div.label{float:left; font-weight:bold; width:145px;} div.vac_confirm div.entry div.selection{float:left; margin: 0 25px 0 0; } div.vac_confirm div.entry a.edit{ color:#0994c2; float:left;} div.vac_confirm div.entry a.edit:hover{text-decoration:none;} div.vac_confirm div.entry.textarea{height:auto; margin-bottom:20px;} div.vac_confirm div.entry.textarea div.selection{width:470px; line-height:18px; height:auto; overflow:hidden;} div.vac_confirm div.entry.textarea a.edit{float:right;} div.vac_confirm div.entry.buttons a{background:url(../images/layout/btn_confirm.png) no-repeat left top; border:0; height:30px; text-indent:-9999px; width:185px; clear:both; float:right;} div.vac_confirm div.entry.buttons a:hover{background-position:left bottom;} /* confirmatie preview */ div.content div.preview div.entry { position: relative; } div.content div.preview div.entry a.edit { position: absolute; right: 0; top: 5px; } div.content.text p{padding-left:10px; margin-bottom:20px;} div.content.text a{ color:#0994c2; } div.content.text div.left{ float:left; width:455px;} div.content.text div.right{ float:right; height:195px; width:215px;} div.content.text div.right div.gmap{border:2px solid #0994c2; overflow:hidden; height:195px;} div.content.text.error ul { margin-left: 25px; } div.content.text.error ul li { list-style: disc; margin: 2px 0 6px 0; } div.content.text.error ul li a { padding: 0; } div.content a.solliciteer{background:url(../images/layout/btn_solliciteer.png) no-repeat left top; display:block; height:31px; margin-left:10px; text-indent:-9999px; width:128px; overflow: hidden; } div.content a.solliciteer:hover{background-position:left bottom;} div.content button.contactform { width: 102px; height: 32px; line-height: 32px; text-indent: -99999px; background: url(../images/layout/btn_verzend.png) no-repeat left top; border:0; float: right; } div.content button.contactform:hover { background-position: left bottom; } /*functies + gemeentes pagina */ div.functies{width:866px;margin:0 auto; position:relative; padding-left:20px; } div.gemeenten{width:866px; margin:0 auto; position:relative; padding-left:20px;} div.content.functies ul{float:left; width:100%; line-height:24px;} div.content.functies li { float: left; width: 280px; } div.content.gemeenten ul{float:left; width:100%; line-height:24px;} div.content.gemeenten li { float: left; width: 170px; } div.content ul li a{color:#0994c2;} div.content ul li a:hover{text-decoration:none;} /* Beroepen */ div.content.beroepen ul.overview { float:left; width:100%; line-height:24px; } div.content.beroepen ul.overview li { float: left; width: 400px; } div.content.beroepen div.left { float: left; width: 38%; } div.content.beroepen div.right { float: right; width: 60%; } div.content.beroepen div.right h2, div.content.beroepen div.left h2 { padding-left: 0 !important; margin-top: 0px !important; } div.content.beroepen div.left ul { line-height: 24px; } div.content.beroepen div.right img { float: left; margin: 4px 10px 10px 0; } div.content.beroepen div.right p { margin-bottom: 20px; } h2.searchtitle { color: #0994C2 !important; font-size: 16px !important; letter-spacing: normal !important; margin: 0 0 10px 0 !important; padding: 0 !important; font-weight: bold !important; } /* Payment choice */ div.content.paymentchoice { width: 100%; } #content div.content.paymentchoice h1 { text-align: center; color: #000; font-size: 14px; } #content div.content.paymentchoice h2 { padding-left: 0; font-size: 20px; color: #0994C2; } div.content.paymentchoice .paymentchoice_left { width: 30%; float: left; margin-left: 100px; display: inline; } div.content.paymentchoice .paymentchoice_right { width: 30%; float: right; } div.content.paymentchoice a.button { color: #FFF; font-weight: bold; text-align: center; width: 170px; line-height: 30px; height: 30px; background: #F78411; display: block; text-decoration: none; margin: 8px 0 0 11px; } div.content.paymentchoice a.button:hover { background-color: #2E90C0; } div.content.paymentchoice ul li { font-weight: bold; padding: 2px 0; } div.content div#formwrapper { width: 465px; overflow: hidden; position:relative; } /* Forms ---------------------------------------------------------- */ form.plaats_vac{width:700px; margin-top:10px;} form.plaats_vac div.entry{clear:both; height:50px; margin-bottom:5px; position:relative;width:100%;} form.plaats_vac div.entry label{ float:left; font-weight:bold; width:145px; line-height:23px;} form.plaats_vac div.entry.text input{ background:#effbff; border:1px solid #cee3ed; float:left; height:20px; padding:4px 2px 0 2px; width:544px; -moz-border-radius:3px; border-radius:3px;} form.plaats_vac div.entry span.error{position:absolute; font-size:11px; left:0px; top:18px;} form.plaats_vac div.entry span.remark{ /*color:#b2b2b2;*/ color: #000; font-style: italic; position:absolute; font-size:11px; left:145px; top:-18px;} form.plaats_vac div.entry.radio{} form.plaats_vac div.entry.radio div label{font-weight:normal;} form.plaats_vac div.entry.radio div label span{margin-top:3px; margin-right:2px; float:left;} form.plaats_vac div.entry.radio div input{} form.plaats_vac div.error.radio div input{background:none;} form.plaats_vac div.entry.select select, form.contact div.entry.select select{width:262px; background:#effbff; border:1px solid #cee3ed; float:left; height:23px; -moz-border-radius:3px; border-radius:3px;} form.plaats_vac div.select.error span.error{right:310px;} form.plaats_vac div.select a{ color:#0994c2; margin-left:10px;} form.plaats_vac div.entry.textarea{clear:both; height:220px; margin-bottom:20px;} form.plaats_vac div.entry.textarea textarea{ background:#effbff; border:1px solid #cee3ed; float:left; height:200px; padding:2px; width:546px; -moz-border-radius:3px; border-radius:3px;} form.plaats_vac div.entry.error input, form.plaats_vac div.entry.textarea.error textarea, form.plaats_vac div.select.error select{background:#FFD9DA; border-color:#FD5E89;} form.plaats_vac div.entry.error span.error{ background:url(../images/layout/icons/error.png) no-repeat left top; line-height:15px; margin-bottom:2px; color:#FD5E89; padding-left:20px; width: 110px;} form.plaats_vac div.entry.buttons{float:right; margin-top:-20px;} form.plaats_vac div.entry.buttons span{font-size:11px;float:right;} form.plaats_vac div.entry.buttons button{ background:url(../images/layout/btn_preview.png) no-repeat left top; border:0; height:30px; margin-top:10px; text-indent:-9999px; width:100px; clear:both; float:right;} form.plaats_vac div.entry.buttons button:hover{background-position:left bottom;} button.pay{ background:url(../images/layout/btn_pay.png) no-repeat left top!important; border:0; height:30px; margin-top:10px; text-indent:-9999px; width:100px; clear:both; float:left!important;} button.pay:hover{background-position:left bottom;} form.betaal_vac{width:700px; margin-top:10px;} form.betaal_vac div.entry{clear:both; height:50px; margin-bottom:5px; position:relative;width:100%;} form.betaal_vac div.entry label{ clear:both; font-weight:bold; line-height:23px; display:block;} form.betaal_vac div.entry.text input{ background:#effbff; border:1px solid #cee3ed; float:left; height:20px; padding:4px 2px 0 2px; width:544px; -moz-border-radius:3px; border-radius:3px;} form.betaal_vac div.entry span.error{font-size:11px;} form.betaal_vac div.entry span.remark{ /*color:#b2b2b2;*/ color: #000; font-style: italic; position:absolute; font-size:11px; left:145px; top:-18px;} form.betaal_vac div.entry.radio{} form.betaal_vac div.entry.radio div label{font-weight:normal; } form.betaal_vac div.entry.radio div label span{margin-top:3px; margin-right:2px; float:left;} form.betaal_vac div.entry.radio div input{} form.betaal_vac div.error.radio div input{background:none;} form.betaal_vac div.entry.select select, form.contact div.entry.select select{width:262px; background:#effbff; border:1px solid #cee3ed; float:left; height:23px; -moz-border-radius:3px; border-radius:3px;} form.betaal_vac div.select.error span.error{right:310px;} form.betaal_vac div.select a{ color:#0994c2; margin-left:10px;} form.betaal_vac div.entry.textarea{clear:both; height:220px; margin-bottom:20px;} form.betaal_vac div.entry.textarea textarea{ background:#effbff; border:1px solid #cee3ed; float:left; height:200px; padding:2px; width:546px; -moz-border-radius:3px; border-radius:3px;} form.betaal_vac div.entry.error input, form.betaal_vac div.entry.textarea.error textarea, form.betaal_vac div.select.error select{background:#FFD9DA; border-color:#FD5E89;} form.betaal_vac div.entry.error span.error{ display:block; clear:both; background:url(../images/layout/icons/error.png) no-repeat left top; line-height:15px; margin-bottom:2px; color:#FD5E89; padding-left:20px;} form.betaal_vac div.entry.buttons{float:right; margin-top:0; clear:both;} form.betaal_vac div.entry.buttons span{font-size:11px;float:right;} form.betaal_vac div.entry.buttons button{ background:url(../images/layout/btn_preview.png) no-repeat left top; border:0; height:30px; margin-top:10px; text-indent:-9999px; width:100px; clear:both; float:right;} form.betaal_vac div.entry.buttons button.submit {background:url(../images/layout/btn_confirm_2.png) no-repeat left top; width:101px; } form.betaal_vac div.entry.buttons button:hover{background-position:left bottom;} form.contact { width: 500px; margin-top: 10px; } form.contact div.entry{clear:both; height:50px; margin-bottom:5px; position:relative;width:100%;} form.contact div.entry label{ float:left; font-weight:bold; width:145px; line-height:23px;} form.contact div.entry.text input{ background:#effbff; border:1px solid #cee3ed; float:left; height:20px; padding:4px 2px 0 2px; width:344px; -moz-border-radius:3px; border-radius:3px;} form.contact div.entry span.error{position:absolute; font-size:11px; left:0px; top:18px;} form.contact div.entry span.remark{ /*color:#b2b2b2;*/ color: #000; font-style: italic; position:absolute; font-size:11px; left:145px; top:-18px;} form.contact div.entry.textarea{clear:both; height:220px; margin-bottom:20px;} form.contact div.entry.textarea textarea{ background:#effbff; border:1px solid #cee3ed; float:left; height:200px; padding:2px; width:346px; -moz-border-radius:3px; border-radius:3px;} form.contact div.entry.error input, form.contact div.entry.textarea.error textarea, form.contact div.select.error select{background:#FFD9DA; border-color:#FD5E89;} form.contact div.entry.error span.error{ background:url(../images/layout/icons/error.png) no-repeat left top; line-height:15px; margin-bottom:2px; color:#FD5E89; padding-left:20px; margin-top: 10px; } form.solliciteer{width:450px; margin-top:10px;} form.solliciteer div.entry{clear:both; height:70px; margin-bottom:5px; position:relative;} form.solliciteer div.entry label{ float:left; font-weight:bold; width:134px; line-height:23px;} form.solliciteer div.entry span.remark{ color:#b2b2b2; position:absolute; font-size:11px; left:134px; top:-18px;} form.solliciteer div.entry.text input{ background:#effbff; border:1px solid #cee3ed; float:left; height:20px; padding:4px 2px 0 2px; width:310px; -moz-border-radius:3px; border-radius:3px;} form.solliciteer div.entry.text input.cv{width:206px; float:left; color:#CCCCCC; font-size:11px;} form.solliciteer div.entry.text button.browse{float:right; width:95px;background:url(../images/layout/btn_browse.png) no-repeat left top; border:0; display:block; height:24px; padding-left:0px; text-indent:-9999px; float:right;} form.solliciteer div.entry button:hover{background-position:left bottom;} form.solliciteer div.entry span.error{position:absolute; font-size:11px; left:0px; top:18px;} form.solliciteer div.entry.textarea{clear:both;margin-bottom:20px; height:110px;} form.solliciteer div.entry.textarea textarea{ background:#effbff; border:1px solid #cee3ed; float:left; height:90px; padding:2px; width:310px; -moz-border-radius:3px; border-radius:3px;} form.solliciteer div.entry.error input, form.solliciteer div.entry.textarea.error textarea, form.solliciteer div.error.select select{background:#FFD9DA; border-color:#FD5E89; float:left; width:307px;} form.solliciteer div.entry.error span.error{ position:absolute; background:url(../images/layout/icons/error.png) no-repeat left top; line-height:20px; margin-bottom:2px; color:#FD5E89; padding-left:20px; left:0px; top:18px; width: 110px; } form.solliciteer div.entry.buttons{float:right; margin-top:-20px;} form.solliciteer div.entry.buttons span{font-size:11px;float:right;} form.solliciteer div.entry.buttons button{background:url(../images/layout/btn_solliciteer.png) no-repeat left top; border:0; display:block; height:31px; margin-left:10px; margin-top:10px; padding-left:0px; text-indent:-9999px; width:128px; clear:both; float:right;} form.solliciteer div.entry.buttons button:hover{background-position:left bottom;} /* Footer ---------------------------------------------------------- */ div.push{height:340px;} div#footer{ height:340px; position:relative;} div#footer div.footer_links{background:url(../images/layout/footer_bg.png) repeat-x left top; height:289px; overflow:hidden; width:100%;} div.footer_tabs{width:620px; margin-left:15px; float:left; overflow:hidden; } div.footer_tabs ul { display: block; } div.footer_tabs ul.tabs li{float:left; height:30px; line-height:30px;} div.footer_tabs ul.tabs li a{display:block; font-size:14px; height:29px; line-height:29px; text-align:center;} div.footer_tabs ul.tabs li a.functie{ background:url(../images/layout/functie.png) no-repeat left bottom; color:#3a6577; margin-right:10px; text-decoration:none; width:160px;} div.footer_tabs ul.tabs li a.plaats{ background:url(../images/layout/plaats.png) no-repeat left bottom; color:#3a6577; margin-right:10px; text-decoration:none; width:220px;} div.footer_tabs ul.tabs li a.vacature{ background:url(../images/layout/vacature.png) no-repeat left bottom; color:#3a6577; text-decoration:none; width:220px;} div.footer_tabs ul.tabs li a:hover, div.footer_tabs ul.tabs li a.active{background-position:left top; color:#fff;} div.links {width:810px; overflow:hidden; margin:0 auto; padding:0 75px;} div.links ul.links{margin:35px 65px 65px 0; overflow:hidden; height:165px;width:220px; float:left;} div.links ul.links.first{margin-left:15px;} div.links ul.links.last{margin-right:0 !important;} div.links ul.links li a{color:#fff; line-height:23px;} div.links ul.links li a:hover{text-decoration:none;} div.links h2 { float:left; display: block; margin: 0 0 0 15px; font-weight: bold; color: #00516B; } div.links h2.top { margin-top: 15px; } div.links span { float:left; display: block; margin: 0 0 0 15px; font-weight: bold; color: #00516B; } div.links span.top { margin-top: 15px; } div.links ul.provinces { width: 100%; margin:5px 0 15px 15px; overflow:hidden; float:left; } div.links ul.provinces li { float: left; width: 220px; display: block; margin: 0 50px 0 0; color: #FFFFFF; } div.links ul.provinces li a{ color:#fff; line-height:23px; } div.links ul.provinces li a:hover{ text-decoration: none; } div.links ul.linkstest { width: 100%; margin:35px 0 65px 15px; overflow:hidden; float:left; height:165px; } div.links ul.linkstest li { float: left; width: 220px; display: block; margin: 0 50px 0 0; color: #FFFFFF; overflow:hidden; height: 22px; } div.links ul.linkstest li a{ color:#fff; line-height:23px; } div.links ul.linkstest li a:hover{ text-decoration: none; } div.links ul.cities { width: 100%; margin:5px 0 65px 15px; overflow:hidden; float:left; height:165px; } div.links ul.cities li { float: left; width: 220px; display: block; margin: 0 50px 0 0; color: #FFFFFF; } div.links ul.cities li a{ color:#fff; line-height:23px; } div.links ul.cities li a:hover{ text-decoration: none; } div#footer ul.footer_text{width:960px; color:#26a2cc; margin:0 auto; line-height:38px;} div#footer ul.footer_text li{float:left;} div#footer ul.footer_text li a{text-decoration:none; color:#23a2cc;} div#footer ul.footer_text li a:hover{text-decoration:underline;} div#footer ul.footer_text li span{ margin:0 3px;} div#footer ul.footer_text li.credits{float:right; margin-top:12px;} div#footer ul.footer_text li.credits a{background:url(../images/layout/inventis.png) no-repeat left top; display:block; height:21px; overflow:hidden; text-indent:-9999px; width:78px;} div#footer ul.footer_text li.credits a:hover{background-position:left -21px;} /* * Updates 01 APR 2010 */ div.sidebar ul li a.all { font-weight: bold; text-decoration: none; } div.sidebar ul li a.all:hover { text-decoration: underline; } /* * Updates 14 JUN 2010 */ a.plaats_vac2 {background:url(../images/layout/btn_plaatsnogeenvacature.png) no-repeat left top; display:block; height:44px; width:223px; text-indent:-9999px; margin: 20px 0 20px 10px; } a.plaats_vac2:hover {background-position:left bottom;} /* * Updates end JUL 2010 */ ul.related_vacs { margin-left: 10px; } ul.related_vacs li { margin-bottom: 4px; } #mailDialog { width: 450px; border: 1px solid #00516b; background: #FFFFFF; position: fixed; padding: 15px; z-index: 9999; } #mailDialog a#close { position: absolute; top: 0; right: 0; background: #00516B; border: 1px solid #00516B; padding: 1px 6px; overflow: hidden; color: #FFFFFF; text-decoration: none; border-top: 0; border-right: 0; } #mailDialog a#close:hover { background: #FFFFFF; color: #000; } #mailDialog strong { font-weight: bold; font-size: 14px; padding-bottom: 10px; display: block; } #mailDialog form { margin-top: 15px; } #mailDialog form label.niceLabel { width: 100px; display: block; float: left; margin-top: 5px; font-weight: bold; } #mailDialog form input.text { width: 250px; border: 1px solid #CEE3ED; padding: 4px 2px 3px; -moz-border-radius: 3px 3px 3px 3px; background: #EFFBFF; } #mailDialog span { font-weight: bold; color: #00516B; } #mailDialog form span.error { color: #FF0000; display: block; float: left; font-weight: normal; overflow: hidden; margin: 3px 0 10px 100px; clear: both; } #mailDialog form button.submit { width: 89px; height: 27px; overflow: hidden; background: url(../images/layout/btn_verzend_small.png) no-repeat top left; text-indent: -9999px; border: 0; } #mailDialog form button.submit:hover { background-position: bottom left; } #mailDialog p a { color: #0994C2; text-decoration: underline; } #mailDialog p a:hover { text-decoration: none; } #mailDialog #mailDialogErrorMessage {display:none; color:#FF0000;} .mask { position: absolute; opacity: 0.3; filter: alpha(opacity=30); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); z-index: 999; background: #000; width: 100%; height: 100%; } ul.table ul.emailAlert { float: right; margin-right: 12px; } /* * Updates SEP 2010 */ div.recent { margin: 0 auto; width: 457px; } div.recent p { font-weight: bold; } div.recent ul { line-height: 22px; margin: 6px 0 0 0; } div.recent a { color: #0994c2; } div.recent a:hover { text-decoration: none; } div#ogone_template {width:645px; margin:18px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; overflow:hidden; position:relative;} div#ogone_template img {vertical-align:middle;} div#ogone_template td {padding:3px;} div#ogone_template td, div#ogone_template small {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;} div#ogone_template small small a {display:none;} div#ogone_template small small a.bottom {display:inline;} div#ogone_template td.ncolh1 { font-size: 14px; color: #f75f28; font-weight: bold; } div#ogone_template td.ncoltxtr b {font-weight:normal;} div#ogone_template td.ncolline1 { padding-top:10px; border-top: 1px solid #CEE3ED;} div#ogone_template td.ncolline2 {padding-bottom:10px;} div#ogone_template input.NCOLINIM {padding: 4px 2px 0px; border: 1px solid #CEE3ED; background:#EFFBFF; } div#ogone_template input.NCOLINIM:hover {background:#CEE3ED;} div#ogone_template td.ncolinput input, div#ogone_template td.ncolinput select{ padding: 4px 2px 0px; border: 1px solid #CEE3ED; background:#EFFBFF; } /*div#ogone_template input.ncol { font-weight:bold; height: 27px; line-height: 27px; padding: 0 6px; font-size: 14px; text-decoration: none; background: url(../images/layout/bg_button.gif) repeat top left #f7d799; border: 1px solid #f7d799; font-style: italic; color: #52260a; cursor: pointer; } div#ogone_template input.ncol:hover { background-image: url(../images/layout/bg_button_hover.gif); border-color: #fae6a0; } div#ogone_template input.ncol:active { background-image: url(../images/layout/bg_button_active.gif); border-color: #fceab1; }*/ div#ogone_template div.WaitMsgClass {background:#fff; padding:15px; border:1px solid #00516B; left:50%!important; margin-left:-175px!important; top:50%!important; margin-top:-100px!important; position:absolute; display:block;}