/* basic styles */
html, body {
font-family:Arial, Helvetica;
font-size:11px;
color:#ffffff;
margin: 0px;
padding: 0px;
background: transparent url(../images/background.gif) repeat left top;
}
a{
color:#ffffff;
}
td{
vertical-align:top;
text-align:left;
height:25px;
}
br{
line-height:15px;
margin:0px;
}
div, p, td{
font-size:11px;
}
select{
border-width:2px;
font-size:10px;
}
ul{
padding:0px;
margin: 2px 0px 5px 22px;
list-style-type: square;
}


/* classes */
.shadowleft{
background: transparent url(../images/shadowleft.gif) repeat-y top right;
width:40px;
}
.shadowright{
background: transparent url(../images/shadowright.gif) repeat-y top left;
width:40px;
}
.image{
display:block;
position:relative;
border:0px;
}
.prikimage{
display:block;
position:relative;
border:0px;
margin:0px 15px 10px 0px;
float:left;
}
.linehalf{
display:block;
position:relative;
border:0px;
width: 350px;
height:17px;
float:left;
}
.right{
display:block;
position:relative;
float:right;
}
.left{
display:block;
position:relative;
float:left;
}
a.wit{
text-decoration:none;
padding:0px 3px 1px 3px;
}
a.wit:hover{
color:#f96910;
background:#000000;
}
.lefttext{
margin-top:5px;
color:#9a9a9a;
text-align:justify;
}
a.lefttext{
color:#f96910;
text-decoration:none;
}
a.lefttext:hover{
text-decoration:underline;
}
.infoblock{
margin:20px 15px 0px 15px;
display:block;
position:relative;
height:80px;
}
.zoektitel{
display:block;
position:relative;
font-weight:bold;
margin-bottom:3px;
}
.zwart{
display:inline;
color:#000000;
margin-left:10px;
}
.checkboxtekst{
display:inline;
color:#ffffff;
margin-left:10px;
}
.checkbox{
display:block;
position:relative;
margin:0px;
height:18px;
}
.textblock{
color:#cfcfcf;
line-height:18px;
text-align:justify;
}
.job{
display:block;
position:relative;
width: 255px;
height:100px;
float:left;
}
.jobunder{
display:block;
position:relative;
width: 255px;
height:100px;
margin-top:10px;
float:left;
}
.jobline_h{
display:block;
position:relative;
float:left;
}
.jobline_v{
display:block;
position:relative;
margin-right:15px;
float:left;
}
.jobtitle{
display:block;
position:relative;
color:#f96910;
text-transform:uppercase;
font-weight:bold;
}
.joblistitem{
display:block;
position:relative;
width:540px;
margin-bottom:20px;
}
.jobnumber{
display:block;
position:relative;
border:0px;
margin-right:10px;
float:left;
color:#f96910;
height:76px;
}
a.footerlink{
color:#9a9a9a;
text-decoration:none;
}
a.footerlink:hover{
color:#f96910;
text-decoration:underline;
}
.select{
display:block;
position:relative;
}
.pagenav{
text-align:right;
color:#9a9a9a;
}
a.pagenav{
color:#9a9a9a;
margin:0px 3px 0px 3px;
text-decoration:none;
}
a.pagenav:hover{
color:#f96910;
text-decoration:underline;
}
.titlealt{
background:transparent url(../images/lineright.gif) no-repeat bottom left;
height:40px;
font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica, Sans;
color:#f96910;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:3px;
}
.titlealtoranje{
font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica, Sans;
color:#f96910;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:5px;
}
.titlealtwit{
font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica, Sans;
color:#ffffff;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:5px;
}
.titlealtzwart{
font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica, Sans;
color:#000000;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
}
.subtitlealt{
background:transparent url(../images/bullet_subtitle.gif) no-repeat top left;
padding-left:20px;
font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica, Sans;
color:#ffffff;
font-size:14px;
text-transform:uppercase;
margin:10px 0px 5px 0px;
}
.jobtext{
margin-left:20px;
color:#9a9a9a;
text-align:justify;
}
a.jobtext{
margin:0px;
color:#9a9a9a;
text-decoration:none;
}
a.jobtext:hover{
text-decoration:underline;
}
li.jobtext{
margin-left:5px;
list-style-type: square;
list-style-image:url();
}
li.minititle{
color:#cfcfcf;
list-style-image:url(../images/bullet.gif);
margin-left:10px;
}
a.minititle{
color:#cfcfcf;
text-decoration:none;
}
a:hover.minititle{
color:#cfcfcf;
text-decoration:underline;
}
.kader{
display:block;
position:relative;
background:#111111;
border:#2f2f2f solid 1px;
padding:20px 0px 20px 20px;
margin:10px 0px 10px 0px;
}
.dropdowntitel{
margin:10px 0px 5px 0px;
color:#9a9a9a;
}
.dropdownsmal{
width:237px;
font-size:10px;
}
.dropdownsmallinks{
width:237px;
margin-right:10px;
font-size:10px;
}
.dropdownbreed{
width:494px;
font-size:10px;
}
.nrActive{
font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica, Sans;
color:#f96910;
font-size:24px;
font-weight:bold;
}
.prActive{
color:#ffffff;
font-size:10px;
text-transform:uppercase;
}
.nrPassive{
font-family:Arial Narrow, Helvetica Narrow, Arial, Helvetica, Sans;
color:#9a9a9a;
font-size:18px;
font-weight:bold;
}
.prPassive{
color:#cfcfcf;
font-size:10px;
text-transform:uppercase;
}
a.prPassive{
color:#cfcfcf;
font-size:10px;
text-transform:uppercase;
text-decoration:none;
}
a.prPassive:hover{
color:#ffffff;
}
td.nrTable{
vertical-align:bottom;
background:#222222;
}
td.nrTableActive{
vertical-align:bottom;
background:#000000;
}
a.oranjelink{
color:#f96910;
font-size:14px;
text-decoration:none;
padding-left:10px;
}
a.oranjelink:hover{
color:#f96910;
font-size:14px;
text-decoration:underline;
}
.oranje{
color:#f96910;
font-size:14px;
}

/* IDs */
#container {
width: 930px; 
height:100%;
}
#topleft{
background:#ff6c11;
height:242px;
width:270px;
}
#topright{
background:#ff6c11 url(../images/foto_header.jpg) no-repeat top left;
height:242px;
width:580px;
}
#bottomleft{
background:#000000;
width:270px;
vertical-align:top;
border-right:2px solid #f96910;
}
#bottomright{
background:#000000;
width:560px;
}
#topmenu{
display:block;
position:relative;
float:right;
margin:15px;
}
#menu{
background:transparent url(../images/bg_menu.gif) no-repeat top left;
display:block;
position:relative;
padding:10px;
width:250px;
height:147px;
}
#zoek{
background:#f96910;
display:block;
position:relative;
width:250px;
padding:10px;
}
#zoekholder{
background:#fffff;
display:block;
position:relative;
width:240px;
height:245px;
top:15px;
margin: 0px 15px 0px 15px;
}
#zoeken{
display:block;
position: relative;
margin-top:20px;
}
#zoekbottom{
display:block;
position:relative;
margin-top:18px;
}
#zoekbutton{
display:block;
position:relative;
float:right;
margin:-5px 0px -10px 0px;
}
#geavzoekbutton{
display:inline;
float:right;
margin:10px 0px 5px 0px;
}
#zoekselect{
display:block;
position:relative;
width:100%;
}
#content{
display:block;
position:relative;
width:540px;
margin:20px;
}
#contentleft{
display:block;
position:relative;
width:350px;
float:left;
}
#jobs{
display:block;
position:relative;
margin-top:5px;
width:540px;
height:201px;
}
#footercell{
background:#222222;
vertical-align:top;
height:82px;
}
#footer{
background:#222222;
}
#footerborder{
display:block;
position:relative;
background:#ff6c11;
height:2px;
width:850px;
font-size:0px;
}
#footerholder{
display:block;
position:relative;
text-align:center;
color:#9a9a9a;
}