/**
 * Global values.
 */
* {
    margin:0;
    padding:0;
    font-family:Trebuchet MS;
}

body {
    background:url('../images/bg.jpg') no-repeat;
}

h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }

h1, h2, h3, h4, h5 {
    font-weight: normal;
    color: #90278e;
}

p {
    margin: 10px 0;
}

a {
    color:#000000;
}

a:link,
a:visited {
    color:#000000;
}

a:active,
a:hover {
    color:#808080;
}

#contentBreadcrumbs a {
    color:#808080;
    text-decoration:none;
    }

/**
 * Container wrapper.
 */
#container {
    position:absolute;
    float:left;
    width:954px;
   /* height:730px;*/
    background:transparant;
    left:50%;
    margin-left:-477px;
    top:10px;
    /*background:url('../images/bgContent.gif') 0 420px no-repeat;*/    
}

/**
 * Header.
 */
#header {
    position:relative;
    float:left;
    height:223px;
    width:970px;
    background:url('../images/header.png') no-repeat;
}
    
    #headerOverlay {
        position:absolute;
        float:left;
        height:223px;
        width:18px;
        background:url('../images/headerOverlay.png');
        margin-left:109px;
        z-index:200;
    }
    
    #headerPhoto {
       position:absolute;
       float:left;
       height:223px;
       width:788px;
       background:url('../images/headerPhoto2.jpg');
       margin-left:109px;
    }

#logo {
    position:absolute;
    float:left; 
    width:346px;
    height:177px;
    background:url('../images/logo.png');
    top:15px;
    left:5px;
}

/**
 * Content.
 */
#content {
    position:relative;
    float:left;
    width:100%;
    background:url('../images/bgContainer.png') 0 0 no-repeat;
}

    #contentText {
        position:relative;
        float:left;
        width:698px;
        padding:20px;
        font-size:12px;
        min-height:225px;
    }
    
    #contentHome {
        position:relative;
        float:left;
        width:718px;
        padding:0px 5px 0 15px;
        font-size:12px;
        background:#e5e5e5;
    }
    
    #contentBreadcrumbs {
        position:relative;
        /*float:left;*/
        width:650px;
        padding:0 0 10px 0;
        font-size:12px;
    }

    /* content lists */
    #contentHome ul,
    #contentText ul
     {
        list-style-position:inside;
        list-style-type:disc;   
        margin: 0px;
        padding: 0px;   
    }
    
    #contentHome ol,
    #contentText ol
     {
        list-style-position:inside;
        margin: 0px;
        padding: 0px;   
    }
    
    #contentHome li,
    #contentText li {
        padding: 0px;
        margin: 0px;
    }    
    
    #contentHome li a,
    #contentText li a{
        text-decoration: none;
    }

/**
 * Homepage
 */
.homeBlock {
    position:relative;
    float:left;
    /*display:inline;*/
    overflow: hidden;
    width:235px;
    height:145px;
    background:url('../images/homeBlock.png') no-repeat;
    font-size:12px;
}
    .homeBlockEnd {
        background:url('../images/homeBlockEnd.png') no-repeat;
    }
    .homeBlock .blockContent {
        padding: 15px 25px;
    }

    .homeBlock .title,
    .homeBlockEnd .title,
    .homeBlock .title a,
    .homeBlockEnd .title a{
        display:block;
        color:#8f288c;
        font-size:14px;
        font-weight:bold;
        text-decoration: none;
    }
    

/**
 * News.
 */
#newsBorder {
    position:relative;
    float:left;
    border:2px solid #f3f3f3;
    width:650px;
    padding:2px 5px;
    margin: 2px 0;
}
    
    .newsTitle {
        float:left;
        font-weight:bold;
        width:100%
    }
  
    .newsDate {
        color:#808080;
    }

    #newsBorder a {
        float: right;
    }
/**
 * Menu left.
 */
#menuLeft {
    position:relative;
    float:left;
    display:inline;
    width:169px;
}

    #menuLeft ul {
        position:relative;
        float:left;
        list-style:none;
    }
    
    #menuLeft ul li a {
        position:relative;
        float:left;
        width:160px;
        color:#FFFFFF;
        text-align:right;
        top:16px;
        padding:16px 10px 5px 0;
        text-decoration:none;
    }
    
    #menuLeft ul li a:hover {
        font-weight:normal;
        color:#FCC100;
    }

/**
 * Menu top.
 */
#menuTop {
    position:absolute;
    float:left;
    display:block;
    width:740px;
    margin:0 0 0 -309px;
    left:50%;
    height:25px;
    z-index:400;
    top:208px;
}

    #menuTop ul.dropdown {
        position:absolute;
        float:left;
        list-style:none;
    }
    
    #menuTop ul.dropdown li, #menuTop ul.dropdown li.end {
        position:relative;
        float:left;
        display:inline;
        background:#7f8184 url('../images/bgMenu.gif') right center no-repeat;
        height:25px;
        line-height:24px;
    }
    
    #menuTop ul.dropdown li.end {
        background:#7f8184 url('../images/bgMenuEnd.png') right center no-repeat;
    }
    
    #menuTop ul.dropdown li.endImage {
        position:absolute;
        float:left;
        width:9px;
        background:url('../images/bgMenuEndImage.png');
        margin:0 0 0 0px;
    }
    
    #menuTop ul.dropdown li a {
        position:relative;
        float:left;
        color:#FFFFFF;
        text-decoration:none;
        margin:0 10px 0 5px;
        font-size:12px;
    }
    
    #menuTop ul.dropdown li a:hover {
        font-weight:underline;
    }

    #menuTop ul.dropdown ul {
        position:absolute;
        visibility: hidden; 
        float:left;
        width:160px; 
        margin:25px 0 0 0;
    }
    
    #menuTop ul.dropdown ul li { 
        float: left; 
        width:160px; 
        background:#7f8184;
        border-bottom:1px solid #666666;
        height:20px;
        line-height:18px;
    }
    
    #menuTop ul.dropdown ul li a { 
        display:block;
    }
    
    #menuTop ul.dropdown ul li.hover, 
    #menuTop ul.dropdown ul li.active, 
    #menuTop ul.dropdown ul li:hover { 
       background:#666666;
       cursor:pointer;
    }
    
/**
 * Footer.
 */
#footer {
    position:relative;
    float:left;
    width: 934px;
    background:url('../images/footer.png') no-repeat;
    height:22px;
    padding:10px;
    padding-top:5px;
    color:#FFFFFF;
    line-height:18px;
}

    #footerLeft {
        position:relative;
        float:left;
        margin-top: 5px;
        width:275px;
        font-size:17px;
    }
    
    #footerRight {
        position:relative;
        float:left;
        font-size:13px;
        line-height:13px;
        text-align: center;
    }
    
    #footer input {
        border:1px solid #FFFFFF;
        background:none;
        color:white;
        margin:0 5px 0 0;
        font-size:12px;
        width:110px;
    }
    
    #footerLeft a, #footerRight a {
        color:#FFFFFF;
        text-decoration:none;
    }
    
/* job overview */
.joblist {
    width: 100%;
    padding:0;
    margin:0
    }
.joblistheader {
    background: #d8d9db;
    }   

.joblistheader td {
    padding: 2px 7px;
    }
.joblistheader img {
    margin: 3px 0 0 7px;
    vertical-align: top;
    cursor: pointer;
    }


.jobrow td{
    border-bottom: 1px solid #d8d9db;
    padding: 2px 7px;
    background: #ffffff;
    }

.jobrowhover td {
    border-bottom: 1px solid #d8d9db;
    padding: 2px 7px;   
    cursor:pointer;
    background: #b2045b;
    color: #ffffff;
    }

td.jobselect {
    /*width: 195px;*/
    }

td.jobzoek {
    width: 300px;
    font-size:14px;
    }
td.jobzoek a {
    text-decoration:none;
    /*font-size:10px;*/
    }
td.title {
    width: 260px;
    }

#paginator {
    float: right;   
    margin-top: 15px;
}
#paginator a{
    text-decoration: none;
    }

#jobform {
    margin-left: -5px;
    }
    
#jobform select {
    margin: 5px 5px 0 0;
    width: auto;
    font-size:12px;
    }   

#jobform input {
    margin: 5px 5px 0 5px;
    width: 180px;
    font-size:12px;
    }   


/* forms*/
fieldset {
    margin: 10px 0 10px 0;
    border: 0px;
    }
    
    label {
      float:left;
      width:75px;
    }   
    
    input[type="text"] {
        width:250px;
        margin: 0 0 0 10px;
    }
    
    input[type="submit"],
    input[type="button"] {
        margin: 0 0 0 10px;
        padding: 0 5px;
    }   
    
#vacatureForm label {
      float:left;
      width:115px;  
    }    
#vacatureForm input[type="text"] {
    margin:0 0 0 0px;
    width:250px;
    }   

#vacatureForm #Naam {  width: 250px; }
#vacatureForm #Straat { width:155px; margin-right:6px;}    
#vacatureForm #Nummer {  width: 30px; }
#vacatureForm #Postcode {  width: 90px; }
#vacatureForm #Email {  width: 250px; }
#vacatureForm #Telefoon {  width: 100px; }
#vacatureForm #Mobiel {  width: 100px; }
#vacatureForm #Geboortedatum {  width: 100px; }
#vacatureForm #Opleiding {  width: 250px; font-size:12px;}
#vacatureForm #Opmerkingen {  width: 365px; font-size:12px; }