
body {
margin : 0;
padding : 0;
font-family : arial, helvetica, verdana, sans-serif;
font-size : 11px;
color : #000000;
background : #fff url(img/bg_body.gif) repeat-x 0 0;
text-align : left;
overflow-y: scroll;

}
#wrapper {
margin : 0 auto;
padding : 0;
width : 874px;
height : auto !important ;
height : 100%;
min-height : 100%;
background-color : #fff;
position : relative;
}
a {
color : #f80;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
dl, dt, dd {
margin : 0;
padding : 0;
}
ul#top {
height : 30px;
margin : 0;
padding : 0 19px 0 0;
background-color : #474e58;
font-size : 10px;
}
ul#top li {
list-style : none;
margin : 0;
padding : 0;
float : right;
}
ul#top li.lastChild a {
border-right : none;
}
ul#top li.firstChild a {
padding-left : 12px;
}
ul#top li a {
color : #cacdd4;
text-decoration : none;
padding : 0 8px;
border-right : 1px solid #cacdd4;
line-height : 16px;
}
.print {
display : none;
}
#header {
background : #fff url(img/header.gif) no-repeat 0 0;
width : 582px;
height : 122px;
}
#header dl {
float : right;
padding : 14px 20px 0 0;
margin : 0;
}
#header dt, #header dd {
text-align : right;
font-size : 20px;
}
#header dt {
color : #959595;
}
#header dd {
color : #000;
font-weight : bold;
}
#main {
width : 582px;
padding : 0;
margin : 0;
float : left;
}
#sub {
width : 290px;
padding : 0;
margin : 0;
float : right;
overflow : hidden;
}
h1 {
padding : 14px 0 12px 16px;
margin : 0;
color : #ff0099;
font-size : 20px;
font-weight : normal;
}
h2 {
padding : 14px 0 12px 0;
margin : 0;
color : #ff0099;
font-size : 20px;
font-weight : normal;
}
h3 {
padding : 8px 0 8px 0;
margin : 0;
color : #ff0099;
font-size : 13px;
font-weight : bold;
}
#flash-etalage {
height : 220px;
margin-bottom : 2px;
}
#flash-etalage1 {
height : 250px;
width : 290px;
float :none;
margin-bottom : 2px;
padding: 0px 19px 0px 19px;

}
#vacatures, #article {
background : #fff url(img/mainblock.gif) no-repeat 0 bottom;
position : relative;
}
#article1 {
position : relative;
background : #fff url(img/mainblock.gif) repeat-y 0 0;
}
#vacatures h1, #article h1, #spotTab1 h1, #spotTab2 h1 {
background : #fff url(img/mainblock.gif) no-repeat 0 top;
height : 20px;
padding : 14px 0 12px 16px;
margin : 0;
color : #ff0099;
font-size : 20px;
font-weight : normal;
}
#vacature, #profiel {
position : relative;
background : #fff url(img/bg_vacature.gif) repeat-y 0 0;
}
#spotTab1 {
padding-bottom : 20px;
}
#spotTab2 ul, #spotTab2 ol {
margin : 0;
padding : 0 0 1em 24px;
}
body.js-aan #spotTab2 {
display : none;
}
body.js-aan #spotTab2.show {
display : block;
}
body.js-aan #spotTab1 {
display : none;
}
body.js-aan #spotTab1.show {
display : block;
}
ul.overzichtVacatures {
margin : 0 2px;
padding : 0;
}
ul.overzichtVacatures li {
list-style : none;
margin : 0;
padding : 0;
vertical-align : middle;
background : transparent url(img/li_vacatures.gif) no-repeat 0 bottom;
}
ul.overzichtVacatures li em, ul.overzichtVacatures li strong {
display : block;
float : left;
font-style : normal;
}
ul.overzichtVacatures li strong {
padding-left : 15px;
width : 180px;
font-weight : bold;
}
ul.overzichtVacatures li em.bedrijf {
width : 180px;
}
ul.overzichtVacatures li em.plaats {
width : 90px;
}
ul.overzichtVacatures li em.bonus {
width : 94px;
height : 23px;
background : transparent url(img/li_vacatures_bonus.gif) no-repeat 0 bottom;
}
ul.overzichtVacatures li span {
padding : 3px 20px 0 0;
display : block;
text-align : right;
font-size : 14px;
}
ul.overzichtVacatures li a {
color : #666;
display : block;
text-decoration : none;
cursor : pointer;
height : auto !important ;
height : 30px;
min-height : 30px;
}

ul.overzichtVacatures li a strong {
color : #000;
padding-top : 8px;
}
ul.overzichtVacatures li a:hover {
background-color : #ff0099;
color : #fff;
text-decoration : none;
}
ul.overzichtVacatures li a em.bedrijf, ul.overzichtVacatures li a em.plaats {
padding-top : 8px;
}
ul.overzichtVacatures li a em.bonus {
padding-top : 4px;
color : #fff;
font-weight : bold;
}
ul.overzichtVacatures li.first {
height : auto !important ;
height : 30px;
min-height : 30px;
}
ul.overzichtVacatures li.first a:hover {
color : #666666;
background-color : transparent;
text-decoration : none;
}
ul.overzichtVacatures li.first em {
font-weight : bold;
}
ul.overzichtVacatures li.first em.bonus  {
background-position : 0 top;
color : #fff;
}
ul.overzichtVacatures li.last {
background-image : none;
}
ul.overzichtVacatures li.last a {
padding : 12px 0 0 14px;
color : #ff9a00;
font-weight : bold;
}
ul.overzichtVacatures li.last a:hover {
background-color : transparent;
text-decoration : underline;
color : #ff9a00;
}
table#tableSollicitanten {
width : 578px;
padding : 0;
margin : 0 2px 19px 2px;
border-collapse : collapse;
}
table#tableSollicitanten th {
font-weight : bold;
padding : 0;
margin : 0;
}
table#tableSollicitanten tr {
background : transparent url(img/li_vacatures.gif) no-repeat 0 bottom;
}
table#tableSollicitanten td {
margin : 0;
padding : 10px 0;
color : #666;
vertical-align : top;
}
table#tableSollicitanten td strong {
color : #000;
}
table#tableSollicitanten td span {
font-size : 10px;
}
table#tableSollicitanten th.first, table#tableSollicitanten td.first {
margin : 0;
padding : 10px 0 10px 14px;
}
table#tableSollicitanten td.last {
margin : 0;
padding : 10px 14px 10px 0;
}
.mededeling {
position : absolute;
top : 20px;
right : 19px;
text-align : right;
color : #666;
}
ul.navigatie em {
color : #000;
font-style : normal;
}
ul.navigatie a {
color : #f09;
text-decoration : none;
}
ul.navigatie {
margin : 0;
padding : 0 0 12px 0;
color : #666;
position : relative;
}
ul.navigatie li {
list-style : none;
padding-left : 4px;
display : inline;
}
ul.navigatie li.first {
padding-left : 16px;
}
#footer {
background : #fff url(img/footer.gif) no-repeat 0 0;
text-align : center;
margin-top : 24px;
padding : 12px 0 6px 0;
font-size : 10px;
}
#footer ul {
margin : 0;
padding : 12px 0 0 0;
}
#footer ul li {
list-style : none;
border-right : 1px solid #808080;
display : inline;
}
#footer ul li.lastChild {
border-right : none;
}
#footer ul li a {
color : #808080;
text-decoration : none;
padding : 0 8px;
}
#global {
	color : #808080;
text-decoration : none;
padding : 0 8px;
font-size : 10px;

}
a#jobtrack {
display : block;
width : 105px;
height : 41px;
margin : 0 0 0 0;
text-indent : -99999px;
background : #fff url(img/sprite.gif) no-repeat 0 -56px;
}
#login {
background : #fff url(img/header_sub.gif) no-repeat 0 0;
width : 290px;
height : 122px;
}
#login p {
padding : 5px 0px 0px 19px;
margin : 0;
}
#login p.inputNaam {
padding-top : 20px;
}
#login p.inputNaam1 {
padding-top : 10px;
}
#login a {
color : #f70;
text-decoration : none;
padding-left : 1px;
padding-right : 2px;
}
#login label {
width : 100px;
display : block;
float : left;
}
#login .ieInput {
width : 140px;
border : 1px solid #000;
}
#login ul {
width : 240px;
margin : 0;
padding : 8px 0 0 19px;
}
#login ul li {
list-style : none;
margin : 0;
padding : 0;
}
#login li.zoek {
float : right;
text-align : right;
}
#login li.vergeten {
float : left;
vertical-align : bottom;
height : 20px;
}
#onthoudMij {
float : left;
}
#login li.vergeten label {
padding-top : 4px;
}
#zoeken1 {
background : #fff url(img/header_sub.gif) no-repeat 0 bottom;
width : 290px;
height : 220px;
}
#zoeken1 h2 {
padding : 14px 0 2px 19px;
margin : 0;
color : #fff;
font-size : 20px;
font-weight : normal;
}
#zoeken1 p {
padding : 4px 0 0 19px;
margin : 0;
}
#zoeken1 label {
display : block;
color : #fff;
}
#zoeken1 ul {
width : 240px;
margin : 0;
padding : 8px 0 0 19px;
}
#zoeken1 ul li {
list-style : none;
margin : 0;
padding : 0;
}
#zoeken1 li.zoek {
float : right;
text-align : right;
}
#zoeken1 .ieInput {
width : 240px;
border : 1px solid #000;
margin-top : 4px;
}
#zoeken1 .ieSelect {
width : 240px;
border : 1px solid #000;
margin-top : 4px;
vertical-align : middle;
height : 21px;
}
#zoeken {
background : #fff url(img/header_sub2.gif) no-repeat 0 bottom;
width : 290px;
height : 365px;
}
#zoeken h2 {
padding : 14px 0 2px 19px;
margin : 0;
color : #fff;
font-size : 20px;
font-weight : normal;
}
#zoeken p {
padding : 4px 0 0 19px;
margin : 0;
}
#zoeken label {
display : block;
color : #fff;
}
#zoeken ul {
width : 240px;
margin : 0;
padding : 8px 0 0 19px;
}
#zoeken ul li {
list-style : none;
margin : 0;
padding : 0;
}
#zoeken li.zoek {
float : right;
text-align : right;
}
#zoeken .ieInput {
width : 240px;
border : 1px solid #000000;
margin-top : 4px;
}
#zoeken .ieSelect {
width : 240px;
border : 1px #000000;
margin-top : 4px;
height : 21px;
vertical-align : middle;
}
a.jobtrackLink{
display : block;
width : 290px;
height : 44px;
margin : 2px 0;
}
a.registreren, a.plaatsen {
display : block;
width : 290px;
height : 44px;
background : #fff url(img/btn.gif) no-repeat 0 bottom;
text-indent : -99999px;
margin : 2px 0;
}
a.registreren {
background-position : 0 0;
clear : left;
}
a.registreren:hover {
background-position : -290px top;
}
a.plaatsen:hover {
background-position : -290px bottom;
}
.spotblock {
background : #fff url(img/spotblock.gif) no-repeat 0 bottom;
margin-bottom : 2px;
}
#spotlight {
margin-top : 2px;
}
#spotlight ul {
margin : 0;
padding : 0;
}
#spotlight ul li {
list-style : none;
}
.kop {
background : #fff url(img/sprite.gif) no-repeat 0 0;
display : block;
width : 180px;
margin : 0 0 4px 19px;
text-indent : -99999px;
height : 52px;
}
#spotlight h3 {
margin : 0;
padding : 0;
text-indent : -99999px;
background : #fff url(img/spotblock.gif) no-repeat 0 top;
height : 10px;
}
#spotters h4, #bedrijven h4 {
background : #fff url(img/spotblock.gif) no-repeat 0 top;
height : 20px;
padding : 10px 0 4px 19px;
margin : 0;
color : #f09;
font-size : 20px;
font-weight : normal;
}
ul.imageList {
margin : 0;
padding : 4px 0 4px 0;
position : relative;
}
ul.imageList li {
list-style : none;
position : relative;
padding : 0 19px;
margin-bottom : 12px;
clear : left;
vertical-align : middle;
line-height : 30px;
}
ul.imageList li img {
padding-right : 8px;
float : left;
}
ul.imageList li a {
color : #ff7700;
text-decoration : none;
font-weight : bold;
}
#spotters ul.imageList li,#bedrijven ul.imageList li {
height : auto;
line-height : 14px;
padding-bottom : 4px;
}
dl.intro {
display : inline;
float : left;
padding : 0 19px 19px 19px;
margin : 0;
}
dl dd, dl dt {
padding : 0;
margin : 0;
}
dl.intro dd.img {
float : left;
padding : 0 8px 0 0;
}
dl.intro a {
text-decoration : none;
}
dl.intro dt {
padding-bottom : 2px;
}
dl.intro dt a {
color : #ff0099;
font-weight : bold;
}
dl.intro dd a {
color : #000;
}
ul#tabs {
margin : 0;
padding : 0;
position : relative;
background : #fff url(img/tabs_vacature.gif) no-repeat 0 0;
height : 36px;
}
ul#tabs.tab2 {
background-position : -582px 0;
}
ul#tabs li {
float : left;
list-style : none;
width : 291px;
}
ul#tabs li a {
width : 291px;
height : 32px;
display : block;
font-size : 14px;
font-weight : bold;
text-decoration : none;
color : #666;
}
ul#tabs li a span {
padding : 8px 0 0 60px;
display : block;
}
.attentie {
background-color : #ff8000;
color : #fff;
margin : 0 2px 19px 2px;
padding : 19px 14px 19px 14px;
}
.attentieblock {
background-color : #ff8000;
}
.attentieblock zoek {
float : right;
text-align : right;
}
.attentie a {
color : #ffffff;
}
.article {
padding : 0 16px 19px 16px;
color : #666;
}
.attentie h2 {
padding : 0;
margin : 0;
font-size : 11px;
}
.article h3 {
padding : 0;
margin : 0;
font-size : 11px;
}
#wrapper.vacature #vacature .attentie {
clear : both;
}
#wrapper.help #helpSpotter, #wrapper.help #helpBedrijf, #spotTab1, #spotTab2 {
position : relative;
background : #fff url(img/mainblock.gif) no-repeat 0 bottom;
}
ul#reageer {
background : #fff url(img/mainblock.gif) no-repeat 0 bottom;
height : 63px;
margin : 0;
padding : 19px 0 0 19px;
}
ul#reageer li {
float : left;
list-style : none;
padding-right : 12px;
}
ul#reageer li a {
background : transparent url(img/btn_right.gif) no-repeat right 0;
height : 22px;
display : block;
float : left;
padding : 0 12px 0 0;
color : #666;
font-weight : bold;
}
ul#reageer li a:hover {
text-decoration : none;
}
ul#reageer li a span {
background : transparent url(img/btn_left.gif) no-repeat left 0;
height : 22px;
display : block;
float : left;
padding : 4px 0 0 12px;
cursor : pointer;
}
dl.column {
color : #666;
padding : 0 0 0 16px;
}
#vacature dl.column {
width : 430px;
float : left;
clear : left;
padding-bottom : 19px;
}
#profiel dl.column {
padding : 19px 0 19px 16px;
}
dl.column dt {
width : 110px;
float : left;
}
#vacature dl.column dd {
width : 320px;
float : left;
}
#bonus {
background : transparent url(img/bonus.gif) no-repeat 0 0;
width : 92px;
height : 92px;
text-align : center;
float : right;
padding : 0 19px 0 0;
}
#bonus span {
font-weight : bold;
font-size : 18px;
line-height : 18px;
color : #fff;
padding : 38px 0 0 0;
display : block;
}
ul#mijnVacatures {
margin : 0 2px;
padding : 0;
}
ul#mijnVacatures li h2 {
padding : 0 0 8px 0;
margin : 0;
font-size : 11px;
}
ul#mijnVacatures li {
list-style : none;
margin : 0;
padding : 4px 0 12px 14px;
background : transparent url(img/li_vacatures.gif) no-repeat 0 bottom;
color : #666;
}
ul#mijnVacatures li ul {
margin : 0;
padding : 0;
position : relative;
}
ul#mijnVacatures li li {
list-style : none;
margin : 0;
padding : 0;
background-image : none;
float : left;
width : 110px;
}
ul#mijnVacatures li li strong {
color : #000;
}
ul#mijnVacatures li.last {
background-image : none;
}
ul#mijnVacatures li.first {
height : 20px;
}
ul#mijnNetwerk {
margin : 0 2px;
padding : 0 0 10px 0;
}
ul#mijnNetwerk li h2 {
padding : 0 0 8px 0;
margin : 0;
font-size : 11px;
}
ul#mijnNetwerk li {
list-style : none;
margin : 0;
padding : 4px 0 12px 14px;
background : transparent url(img/li_vacatures.gif) no-repeat 0 bottom;
color : #666;
}
ul#mijnNetwerk li ul {
margin : 0;
padding : 0;
}
ul#mijnNetwerk li li {
list-style : none;
margin : 0;
padding : 0;
background-image : none;
float : left;
}
ul#mijnNetwerk li li.actie {
float : right;
padding-right : 19px;
}
ul#mijnNetwerk li strong, ul#mijnNetwerk li a {
font-weight : bold;
}
ul#mijnNetwerk li strong {
color : #000;
}
ul#mijnNetwerk em.bonus {
display : block;
width : 110px;
height : 23px;
float : right;
background : transparent url(img/li_vacatures_bonus.gif) no-repeat 0 bottom;
font-style : normal;
color : #fff;
font-weight : bold;
}
ul#mijnNetwerk em.bonus span {
padding : 3px 34px 0 0;
display : block;
text-align : right;
font-size : 14px;
}
span.rss {
float : left;
display : block;
width : 224px;
height : 252px;
background : transparent url(img/rss.jpg) no-repeat 0 0;
}
span.source {
color : #ddd;
}
#wrapper.rss form#generateRSS span {
clear : left;
display : block;
}
#wrapper.rss form#generateRSS label {
display : block;
width : 100px;
float : left;
}
#wrapper.rss form#generateRSS .ieSelect, #wrapper.rss form#generateRSS .ieInput {
width : 100px;
float : left;
}
dl.spotter {
width : 540px;
padding : 0 0 19px 0;
}
dl.spotter dt {
width : 390px;
float : right;
font-weight : bold;
color : #000;
}
dl.spotter dd.image {
float : left;
width : 150px;
}
form#bedrijfsgegevens span.col2 {
display : block;
width : 250px;
float : left;
padding-right : 12px;
}
form#bedrijfsgegevens span.col1 {
clear : left;
}
form#bedrijfsgegevens span.col2 label {
display : block;
width : 100px;
float : left;
}
form#bedrijfsgegevens span.col1 label, form#bedrijfsgegevens p.col1 label {
width : 100px;
float : left;
}
form#bedrijfsgegevens span.col2 .ieInput {
width : 140px;
float : left;
}
form#bedrijfsgegevens span.col1 .ieInput, form#bedrijfsgegevens p.col1 .ieInput {
width : 160px;
float : left;
}
form#bedrijfsgegevens span.col2 span {
clear : left;
display : block;
}
form#bedrijfsgegevens .ieTextarea {
width : 360px;
height : 240px;
}
form#bedrijfsgegevens p {
clear : left;
padding : 12px 0 0 0;
margin : 0;
}
form#bedrijfsgegevens p.col1 span {
display : block;
float : left;
}
form#bedrijfsgegevens fieldset.opslaan {
margin-top : 40px;
}
ul.imageList li:after, .clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html ul.imageList li, * html .clearfix {
height : 1%;
overflow : visible;
}
*:first-child + html ul.imageList li, *:first-child + html .clearfix {
min-height : 1px;
}
a img {
border : 0;
}
form, fieldset {
padding : 0;
margin : 0;
border : none;
}
.jcarousel-container {
position : relative;
}
.jcarousel-clip {
z-index : 2;
padding : 0;
margin : 0;
overflow : hidden;
position : relative;
}
.jcarousel-list {
z-index : 1;
overflow : hidden;
position : relative;
top : 0;
left : 0;
margin : 0;
padding : 0;
}
.jcarousel-list li, .jcarousel-item {
width : 290px;
height : 170px;
}
.jcarousel-next {
z-index : 3;
display : none;
}
.jcarousel-prev {
z-index : 3;
display : none;
}
.jcarousel-container-vertical {
width : 290px;
height : 170px;
}
.jcarousel-clip-vertical {
width : 290px;
height : 170px;
}
ul.faqList {
padding : 12px 19px 24px 16px;
margin : 0;
}
ul.faqList li {
list-style : none;
padding : 2px 0;
margin : 0;
}
ul.faqList li a {
display : block;
border-bottom : 1px dotted #000;
padding-bottom : 2px;
}
ul.faqList li a.active {
font-weight : bold;
}
ul.faqList li div {
padding : 2px 0 1em 0;
display : none;
}
.MenuLog a{
    		border-style:outset;
    		border-width:1px;
    		border-color:RGB(224,226,230);
    	}
    	a{
    		cursor:hand;
    	}
    	.mya{
    		text-decoration:none;
    	}
    	.mya:hover{
    		text-decoration:none;
    	}