html {
margin:0px;
padding:0px;
}
body {
font-size:11px;
font-family:"Verdana", Arial, Helvetica, sans-serif;
background-image:url(../images/ES_background.gif);
background-position:top left;
background-repeat:repeat-x;
color:#666666;
}
a {
text-decoration:underline;
color:#C53130;
}
a:hover {
text-decoration:none;
}
a:active {
text-decoration:underline;
}
a:visited {
text-decoration:underline;
}
div.website {
width:815px;
margin:0px auto;
}
div.top {
display:block;
width:795px;
height:170px;
margin:0px;
background: url(../images/ES_header_shadow.png) 0 0 no-repeat !important; background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ES_header_shadow.png', sizingMethod='crop');
background-repeat:no-repeat;
background-position:top left;
padding-top:10px;
padding-left:10px;
padding-right:10px;
}
div.topprint {
display:none;
width:795px;
height:170px;
margin:0px;
background-repeat:no-repeat;
background-position:top left;
padding-top:10px;
padding-left:10px;
padding-right:10px;
}
div.middle {
display:table;
clear:left;
width:800px;
padding-left:5px;
padding-right:10px;
padding-top:0px;
padding-bottom:10px;
min-height:300px;
height:auto !important;
height:300px;
}
div.bottom {
display:block;
clear:left;
height:20px;
width:800px;
padding-left:5px;
padding-right:10px;
}
/**** top items ****/
div.top div.toplogo {
display:block;
float:left;
width:250px;
height:150px;
}
div.top div.topbanner {
display:block;
float:right;
width:495px;
height:140px;
margin-top:5px;
margin-bottom:5px;
margin-right:6px;
margin-left:0px;
}
div.top div.topbanner div.flashitem {
display:block;
float:right;
width:490px;
height:140px;
}
div.top div.topbanner div.image {
float:left;
width:325px;
height:140px;
background-position:top right;
background-repeat:no-repeat;
}
div.middle div.left {
display:block;
float:left;
width:202px;
min-height:300px;
height:auto !important;
height:300px;
padding-left:2px;
padding-right:2px;
}
/* left items *****/
/*** main menu */
div.middle div.left ul.mainmenu {
display:block;
float:left;
width:202px;
margin: 0px;
padding: 0px;
border-top:dotted 2px #cccccc;
}
div.middle div.left ul.mainmenu li {
display:block;
float:left;
text-align:left;
text-transform:uppercase;
}
div.middle div.left ul.mainmenu li a {
display:block;
width:194px;
height:28px;
margin:0px;
line-height:28px;
padding-left:8px;
border-bottom:dotted 2px #cccccc;
text-decoration:none;
color:#999;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
}
div.middle div.left ul.mainmenu li ul{
display:block;
width:202px;
line-height:28px;
margin:0px;
padding-left:0px;
text-decoration:none;
color:#9999;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
}
div.middle div.left ul.mainmenu li ul li a{
display:block;
width:164px;
margin:0px;
line-height:28px;
padding-left:8px;
border-bottom:dotted 2px #cccccc;
text-decoration:none;
color:#999;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
}
div.middle div.left ul.mainmenu li a:hover,
div.middle div.left ul.mainmenu li.selected a {
display:block;
width:194px;
line-height:28px;
padding-left:8px;
color:#FFFFFF;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
background-color:#C53130;
}
div.middle div.left ul.mainmenu li.selected ul li.notselected a
{
float:left;
display:block;
margin:0px;
width:182px;
line-height:28px;
padding-left:20px;
text-decoration:none;
color:#999999;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
background-color:#FFFFFF
}
div.middle div.left ul.mainmenu li.selected ul li a:hover,
div.middle div.left ul.mainmenu li.selected ul li.selected a {
display:block;
width:182px;
height:28px;
line-height:28px;
padding-left:20px;
margin:0px;
color:#FFFFFF;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
background-color:#C53130;
}
/*** left bottom */
div.middle div.left div.leftbtm {
display:block;
clear:left;
width:194px;
min-height:240px;
height:auto !important;
height:240px;
background-image:url(../images/bg_left_grad.png);
background-position:top left;
background-repeat:repeat-x;
margin-left:4px;
margin-right:4px;
margin-top:4px;
padding:0px;
}
/* center items ****/
div.middle div.center {
display:block;
float:left;
width:580px;
padding-left:8px;
padding-right:6px; /* was 4px with borer */
min-height:540px;
height:auto !important;
height:540px;
}
div.middle div.center div.path {
display:block;
width:576px;
height:28px;
line-height:28px;
border-bottom:dotted 2px #cccccc;
font-size:9px;
font-weight:bold;
background-color:#FFFFFF;
}
div.middle div.center div.path a {
text-transform: uppercase;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
/* big center divs*/
div.ctrcenter {
display: block;
width:570px;
padding:0px;
margin:0px;
border-right:none;
}
/* small center divs */
div.ctrcenter_s {
display: block;
float:left;
width:422px;
margin:0px;
padding:0px;
padding-right:8px;
border-right:none;
}
div.ctrcenter_s div.vacatures{
display: block;
float:left;
width:422px;
margin:0px;
padding:0px;
padding-right:8px;
border-right:none;
}
div.ctrcenter_s div.vacatures div.vacatureitem span.titel{
float:left;
width:400px;
margin:0px;
margin-bottom:10px;
padding:0px;
padding-left:20px;
/*background-color:#0099FF;*/
font-size:11;
font-weight:bold;
cursor:pointer;
list-style:none;
}
div.ctrcenter_s div.vacatures div.vacatureitem span.inhoud{
float:left;
width:380px;
margin:0px;
padding:0px;
padding-left:30px;
/* background-color:#00FF66;*/
font-size:11;
font-weight:bold;
cursor:pointer;
margin-bottom:7px;
color:#d93131;
}
/* right divs */
div.ctrright {
display: block;
float:left;
width:144px;
height:350px;
padding-top:4px;
padding-left:6px; /* was 4 with border*/
margin:0px;
border-right:none;
min-height:510px;
height:auto !important;
height:510px;
}
/* center divs */
div.inhoud {
display:block;
margin:0px;
padding:0px;
}
div.inhoud ul li{
list-style:square;
}
div.inhoud ul li ul il{
list-style:circle;
}
div.inhoud h2 {
font-size:16px;
color:#666666;
line-height:20px;
font-family:"Verdana", Arial, Helvetica, sans-serif;
padding-top:7px;
margin:0px;
padding-bottom:7px;
}
div.inhoud h3 {
font-size:14px;
color:#666666;
line-height:14px;
font-family:"Verdana", Arial, Helvetica, sans-serif;
}
div.inhoud div.startdatum {
font-size:9px;
color:#666666;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:normal;
}
div.inhoud div.terug {
font-weight:normal;
padding-top:20px;
}
/**** last vacatures ****/
div.ctrright div.lastvacatures div.vacatureitem {
display:block;
width:140px;
margin-top:10px;
}
div.ctrright div.lastvacatures div.vacatureitem .categorie {
margin-top:8px;
}
div.ctrright div.lastvacatures div.vacatureitem .titel {
font-weight: bold;
}
div.ctrright div.lastvacatures div.vacatureitem a,
div.ctrright div.lastvacatures div.vacatureitem a:hover{
text-decoration:none;
}
div.ctrright div.lastvacatures div.vacatureitem div.vacimg {
display:block;
width:140px;
height:121px;
background-position:top left;
background-repeat:no-repeat;
}
div.ctrright div.lastvacatures div.vacatureitem div.vacimg div.vaccat{
display:block;
position:relative;
top:91px;
width:140px;
height:30px;
background-color:#C53130;
opacity: .5;
filter: alpha(opacity=50);
}
div.ctrright div.lastvacatures div.vacatureitem div.vacimg span{
vertical-align:bottom;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
position:relative;
top:76px;
}
div.ctrright div.lastvacatures div.vacatureitem div.vactekst {
display:block;
width:140px;
padding-bottom:15px;
}
div.ctrright div.lastvacatures div.vacatureitem div.vactekst span {
display:block;
clear:left;
}
/**** Vacatures page ****/
div.ctrcenter_s div.vacatures,
div.ctrcenter_s div.vacatures div.longvacatures{
display:block;
float:left;
width:270px;
}
div.ctrcenter_s div.vacatures div.search {
display:block;
float:left;
width:270px;
padding-bottom:5px;
}
div.ctrcenter_s div.vacatures div.search form label {
float:left;
width:100px;
padding-right:5px;
text-align:right;
}
div.ctrcenter_s div.vacatures div.search form input {
display:block;
float:left;
height:16px;
font-size:10px;
line-height:12px;
width:158px;
}
div.ctrcenter_s div.longvacatures div.vacatureitem0{
display:block;
float:left;
width:270px;
text-align:right;
margin:0px;
padding:0px;
margin-bottom:10px;
border-top:solid 1px #dd9393;
}
div.longvacatures div.vacatureitem0 div.titel a {
width:270px;
float:right;
text-align:right;
padding-right:8px;
line-height:18px;
color:#C53130;
}
div.longvacatures div.vacatureitem1,
div.longvacatures div.vacatureitem2,
div.longvacatures div.vacatureitem3,
div.longvacatures div.vacatureitem4 {
display:block;
float:left;
width:270px;
margin:0px;
padding:0px;
margin-bottom:20px;
}
div.longvacatures div.titel a{
display:block;
float:left;
text-decoration:none;
font-weight:bold;
color:#666666;
width:270px;
}
div.longvacatures div.startdatum {
display:block;
float:left;
width:270px;
}
div.longvacatures div.inhoudkort{
display:block;
float:left;
display:block;
padding-top:8px;
width:270px;
}
/***** vacature detail item *****/
div.vacaturedetailitem {
display:block;
float:left;
width: 370px;
}
div.vacaturedetailitem .label {
display:block;
float:left;
}
div.vacaturedetailitem .snelterug {
padding-top:10px;
}
div.vacaturedetailitem .value {
display:block;
float:left;
}
div.vacaturedetailitem .vlong {
width:370px;
}
div.vacaturedetailitem .long {
width:172px;
}
div.vacaturedetailitem .medium {
width:160px;
}
div.vacaturedetailitem .small {
width:200px;
}
div.vacaturedetailitem div.blok{
float:left;
}
/***** vacature form *******/
div.ctrcenter_s div.vacatureform {
display:block;
width:370px;
}
div.ctrcenter_s div.vacatureform .verplicht {
color:#C53130;
font-weight:bold;
font-size:11px;
}
div.ctrcenter_s div.vacatureform form .value ,
div.ctrcenter_s div.vacatureform form .label {
display:block;
float:left;
font-size:10px;
color:#666666;
font-family:"Verdana", Arial, Helvetica, sans-serif;
}
div.vacatureform form .labelnieuwsbrief {
font-size:10px;
color:#666666;
font-family:"Verdana", Arial, Helvetica, sans-serif;
}
div.vacatureform form .vlong {
width:370px;
}
div.vacatureform form .long {
width:272px;
}
div.vacatureform form .medium,
div#nieuwsbriefform form .medium {
width:235px;
}
div.vacatureform form .small,
div#nieuwsbriefform form .short {
width:200px;
}
div.vacatureform form .text {
width:350px;
height:12px;
font-size:10px;
line-height:12px;
}
div.vacatureform form textarea {
width:350px;
height:50px;
font-size:11px;
line-height:12px;
font-family:"Verdana", Arial, Helvetica, sans-serif;
}
div.vacatureform div.errorblok{
border:2px solid #c53130;
padding:5px;
}
div.vacatureform form select,
div.vacatureform form textarea,
div.vacatureform form input.text {
background-color:#f5f5f6;
border:solid 1px #cccccc;
height:20px;
}
div.vacatureform form input.radio {
border:solid 1px #cccccc;
height:20px;
}
div.vacatureform form select {
height:18px;
font-size:10px;
line-height:12px;
}
div.vacatureform form .file {
background-color:#f5f5f6;
width:350px;
height:20px;
font-size:10px;
line-height:12px;
}
div.vacatureform form div.buttons {
display:block;
width:370px;
}
div.vacatureform form div.buttons a.button {
display:block;
float:left;
width: 90px;
height: 25px;
line-height:20px;
margin-right:10px;
text-align:center;
font-weight:bold;
color:#666666;
text-decoration: none;
background-color:#f5f5f6;
border:solid 1px #cccccc;
}
/*** last nieuws ***/
div.ctrright div.lastnieuwsitems div.nieuwsitem {
display:block;
width:140px;
}
div.ctrright div.lastnieuwsitems div.nieuwsitem div.title a{
display:block;
width:140px;
text-decoration:none;
color:#666666;
font-weight:bold;
line-height:16px;
}
div.ctrright div.lastnieuwsitems div.nieuwsitem div.datum {
display:block;
width:140px;
text-decoration:none;
color:#666666;
font-size:10px;
}
div.ctrright div.lastnieuwsitems div.nieuwsitem div.inhoudkort {
display:block;
width:140px;
padding-top:5px;
padding-bottom:15px;
border-bottom:dotted 2px #cccccc;
}
div.ctrright div.lastnieuwsitems div.nieuwsitem div.inhoudkort a.leesverder {
text-align:right;
font-weight:bold;
font-size:11px;
text-decoration:none;
}
div.ctrright div.lastnieuwsitems div.nieuwsbottom {
display:block;
width:140px;
padding-bottom:15px;
}
/**** Nieuws ****/
div.ctrcenter_s div.nieuws div.nieuwsitem {
display:block;
width:272px;
margin-bottom: 10px;
border-bottom :solid 1px #cccccc;
}
div.ctrcenter_s div.nieuws div.nieuwsitem .titel {
display:block;
font-size:12px;
font-weight:bold;
color:#C53130;
line-height:14px;
font-family:"Verdana", Arial, Helvetica, sans-serif;
text-decoration:none;
}
div.ctrcenter_s div.nieuws div.nieuwsitem a.leesmeer{
float:right;
}
div.ctrcenter_s div.nieuws div.nieuwsitem .datum {
display:block;
font-size:10px;
color:#666666;
font-family:"Verdana", Arial, Helvetica, sans-serif;
text-decoration:none;
}
div.ctrcenter_s div.nieuws div.nieuwsitem .afbeelding {
float:right;
}
div.ctrcenter_s div.nieuws div.nieuwsitem .inhoudkort {
display:block;
font-size:11px;
color:#666666;
font-family:"Verdana", Arial, Helvetica, sans-serif;
text-decoration:none;
padding-top:0px;
padding-bottom:10px;
}
div.nieuws div.inschrijving form .value ,
div.nieuws div.inschrijving form .label {
display:block;
float:left;
font-size:10px;
color:#666666;
font-family:"Verdana", Arial, Helvetica, sans-serif;
}
div.nieuws div.inschrijving form .value {
width:135px;
}
div.nieuws div.inschrijving form .label {
width:100px;
}
/***** copyright *****/
div.bottom div.copyright {
font-size:9px;
color:#666666;
text-align:center;
line-height:24px;
border-top:solid 4px #6F4C17;
}
div.bottom div.copyright a{
text-decoration:none;
color:#666666;
}
/*tabel*/
div.inhoud table tr td.colunmtitel
{
color:#C53130;
}
div.inhoud table
{
border-top:dotted 2px;
border-left:dotted 2px;
}
div.inhoud table tr td
{
border-bottom:dotted 2px;
border-right:dotted 2px;
}
div#nieuwsbriefform
{
display:block;
width:370px
}
div#nieuwsbriefform div.buttons {
margin-top:5px;
}
div#nieuwsbriefform div.buttons input.button {
float:left;
width: 90px;
height: 25px;
line-height:20px;
margin-right:10px;
text-align:center;
font-weight:bold;
color:#666666;
text-decoration: none;
background-color:#f5f5f6;
border:solid 1px #cccccc;
}
div#nieuwsbriefform form label.klein {
float:left;
width:50px;
margin-top:5px;
}
div.ctrright div.vacaturelogo{
margin-top:10px;
}