/* Algemene elementen */
body {
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #590935;
    background-color: #FFFFFF;
    text-align: center;
    margin: 0px;
    height: 100%;
    xoverflow-x: hidden;
}

div {
    text-align: left;
}

img {
    border: 0px;
}

h1 {
    color: #C6002A;
    font-size: 11px;
    font-weight:bold;
    margin: 0px;
    line-height: 16px;
    padding-left: 16px;
}

a {
    text-decoration: none;
    
}
a:hover {
    text-decoration: underline;
}

/* Ids */
#achtergrondlinks, #achtergrondlinks2 {
    position: absolute;
    top: 0px;
    left: 0px; 
    width: 50%;
    height: 386px;
    background-image:  url(../images/background_links.gif);
    background-repeat: repeat-x;
    z-index: 1; background-position-y:50%
}

#achtergrondlinks2 {
    background-image:  url(../images/background_links2.gif);
}


#achtergrondrechts, #achtergrondrechts2 {
    position: absolute;
    margin: 0px;
    top: -23px;
    left: 50%;
    width: 50%;
    height: 357px;
    background-image:  url(../images/background_rechts.gif);
    background-repeat: repeat-x;
    background-position-y:50%
}

#achtergrondrechts2 {
    background-image:  url(../images/background_rechts2.gif)
}

#vaststaand {
    position: relative;
    /* Veranderd anders komt bij 800x600 de X-as scrollbar in beeld. left: 777px; */
    width: 777px;
    margin-right: auto;
    margin-left: auto;
    z-index: 13;
    border-top: 3px solid #cb0447; /* #C6002A; */
    background-color: white;
} 

#topnavigatie {
    display: block;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: white;
    font-weight: bold;
    background-color: #cb0447; /* #C6002A; */ 
    height: 19px;
    text-align: left;
    width: 777px;
    left: 777px;
}

#menus {
    width: 265px;
    float: left;
}

#menus2 {
    position: absolute;
    top: 47px;
    left: 300px;
    width: 265px;
    background-color: #B5CC34;
}

#menus3 {
    position: absolute;
    top: 47px;
    left: 300px;
    width: 265px;
    background-color: #005EAD;
}

#menus4 {
    position: absolute;
    top: 207px;
    left: 300px;
    width: 250px;
    background-color: #7E3F98;
}

#menus5 {
    position: absolute;
    top: 207px;
    left: 300px;
    width: 250px;
    background-color: #A12021;
}

#menus6 {
    position: absolute;
    top: 140px;
    /* Veranderd anders komt bij 800x600 de X-as scrollbar in beeld. left: 505px; */
    left: 503px;
    width: 275px;
    background-color: #3EC2CF;
}

#menus7 {
    position: absolute;
    top: 207px;
    left: 350px;
    width: 275px;
    background-color: #E8C33A;
}

#menus7 a {
    color: black;
}

#menus8 {
    position: absolute;
    top: 178px;
    /*top: 207px; bij 4 items*/
    left: 290px;
    width: 260px;
    background-color: #E90CB1;
}

/* Lectoraten menu links */
#menus9 {
    position: absolute;
    top: 203px;
    left: 216px;
    width: 275px;
    background-color: #E9C43A;
}

/* Lectoraten menu rechts */
#menus10 {
    position: absolute;
    top: 203px;
    left: 505px;
    width: 275px;
    background-color: #E9C43A;
}

/* Technaplaza menu rechts */
#menus11 {
    position: absolute;
    top: 202px;
    left: 300px;
    width: 250px;
    background-color: #E9C43A;
}

/* Deeltijd menu rechts */
#menus12 {
    position: absolute;
    top: 202px;
    left: 300px;
    width: 250px;
    background-color: #E9C43A;
}

#menus9 a, #menus10 a {
   color: black;
}

#naarhome {
    position: absolute;
    top: 44px;
    /* Veranderd anders komt bij 800x600 de X-as scrollbar in beeld. left: 580px; */
    left: 578px;
    width: 200px;
    height: 62px;  
    z-index: 2; 
}


#hpknop {
    position: relative;
    left: 390px;
    top: 59px;
     z-index: 16;

}

#portallogin {
    position: absolute;
    top: 207px;
    left: 300px;
    width: 250px;
}


#fotoactie {
    position: relative;
    left: 473px;
     top: 155px;
     z-index: 17;
}

#banners {
    position: relative;
    float: right;
    padding-top: 160px;
    padding-left: 12px;
    z-index: 4; 
}

#banners2 {
    position: absolute;
    top: 284px;
    width: 162px;
    padding-left: 22px;
}

#banners2 img {
    margin-top: 4px;
}

#banners3 {
    position: absolute;
    top: 316px;
/*    margin-left: 542px; */
    margin-left: 529px;
    width: 250px;
    z-index: 1;
}

#banners4 {
    position: absolute;
    top: 326px;
    left: 588px;
    z-index: 1;
}


#banners5 {
    position: absolute;
    top: 346px;
    left: 432px;
    z-index: 1;
}


#nieuwsinwit {
    position: absolute;
    color: white;
    font-weight: bold;
    top: 320px;
    left: 140px;
    z-index: 1;
}

#blokje {
    position: absolute;
    top: 355px;
    height: 28px;
    width: 162px;
    background-color: #C6002A;
}

#blokje2 {
    position: absolute;
    top: 355px;
    height: 28px;
    width: 40px;
    background-color: #C6002A;
}

#blokje3 {
    position: absolute;
    top: 340px;
    height: 43px;
    width: 121px;
    background-color: #C6002A;
}

#blokje4 {
    position: absolute;
    top: 340px;
    height: 43px;
    width: 162px;
    background-color: #C6002A;
}

/* Technaplaza */
#blokje5 {
    position: absolute;
    top: 339px;
    height: 44px;
    width: 162px;
    background-color: #C6002A;
}

/* Deeltijd */
#blokje6 {
    position: absolute;
    top: 339px;
    height: 44px;
    width: 162px;
    background-color: #C6002A;
}

#tussenplaat, #tussenplaat2, #tussenplaat3, #tussenplaat4,
#tussenplaat5, #tussenplaat6, #tussenplaat7, #tussenplaat8,
#tussenplaat9, #tussenplaat10, #tussenplaat11, #tussenplaat12 {
    
    /* Veranderd anders komt bij 800x600 de X-as scrollbar in beeld. left: 780px; */
    width: 780px;
    background-repeat: no-repeat;

}

#tussenplaat {
    background-image:  url(../images/plaat_homepage.jpg);
    height: 335px;
    z-index: 14

}

#tussenplaat2 {
    background-image:  url(../images/plaat_opleidingen.jpg);
    height: 323px
    
}
#tussenplaat3 {
    background-image:  url(../images/plaat_decanen.jpg);
    height: 323px
}

#tussenplaat4 {
    background-image:  url(../images/plaat_pers.jpg);
    height: 323px
}

#tussenplaat5 {
    background-image:  url(../images/plaat_vacatures.jpg);
    height: 323px;
    width: 779px

}

#tussenplaat6 {
    background-image:  url(../images/plaat_bedreninstell.jpg);
    height: 323px
}

#tussenplaat7 {
    background-image:  url(../images/plaat_oud-medewerkers.jpg);
    height: 323px;
    width: 781px
}

#tussenplaat8 {
    background-image:  url(../images/plaat_foreign.jpg);
    height: 323px
}

#tussenplaat9 {
    background-image:  url(../images/plaat_alumni.jpg);
    height: 323px
    
}

#tussenplaat10 {
    background-image:  url(../images/plaat_lectoraten.jpg);
    height: 323px
}

#tussenplaat11 {
    background-image:  url(../images/plaat_technaplaza.jpg);
    height: 320px
}

#tussenplaat12 {
    background-image:  url(../images/plaat_deeltijd.jpg);
    height: 320px
}

#rodebalk, #rodebalk2, #rodebalk3 {
    color: #C6002A;
    font-weight: bold;
    height: 20px;
    background-image:  url(../images/rode_balk.gif);
    background-repeat: no-repeat;
    padding-left: 464px;
    line-height: 20px
}

#rodebalk2 {
    padding-left: 20px;
    background-image:  url(../images/roodblokje.gif);
}

#rodebalk3 {
    padding-left: 0px;
    background-image:  url(../images/roodblokje2.gif);
}

#rodebalk4 {
    color: #C6002A;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding-left: 18px;
}

#content  {
    float: left;
    border-top: 8px solid #C6002A;
    font-family: verdana, sans-serif;
    font-size: 11px;
    width: 455px;
    padding-top: 3px;
}

#content2 {
    padding-left: 124px;
    background-color: white;
    min-height: 30px;
}

#content3 {
    padding-left: 4px;
}


#opleidingknop {
    padding-top: 8px;
}

#uitklap {
    display: none;
    position: absolute;
    top: 21px;
    z-index: 90;
    padding: 4px;
    font-size: 10px;
    border: 1px solid #C6002A;
    background-color: white;
}

#uitklap a {
    color: black;
    z-index: 91;
}

#uitklap ul, li, a {
    list-style-type: none; 
    margin: 0px;
    padding: 0px;
    z-index: 92;
}

#opleidingzoeker {
    float: right;
    width: 320px;
    z-index: 87;
}

#opleidingzoeker2 {
    float: right;
    width: 328px;
    z-index: 87;
}

#opleidingmenu {
    position: absolute;
    left: 460px;
    top: 23px;
    display: none;
    z-index: 88;
    border: 1px solid #B5CC34;
    padding: 1px 8px 1px 8px;
    background-color: white;
}

#homemenuopleiding {
    position: absolute;
    left: 165px;
    top: 25px;
    width:140px;
    display: none;
    z-index: 88;
    background-color: #FFFFFF;
    border: solid 1px #000000;
}

#homemenuopleidinginfo {
    position: absolute;
    left: 304px;
    top: 85px;
    display: none;
    z-index: 88;
    background-color: #FFFFFF;
    border: solid 1px #000000;
}

.opleidingitem {
    display: block;
    color: black;
    padding: 1px 8px 1px 8px;
    border-bottom: none;
    background-repeat: no-repeat;
}

#nieuwswrapper {
    float: left;
    width: 194px;
    padding-left: 42px;
}

#nieuwswrapper2 {
    width: 389px;
}

#nieuwswrapper3 {
    width: 389px;
}

#nieuwswrapper4 {
    display: none;
    float: left;
    width: 194px;
    padding-left: 22px;
}

/* Classes */
.inline {
    display: inline;
    margin: 0px;
    padding: 0px;
}
/* Hint: IE geeft inline elements onterecht width, dus onder IE 
wordt de spatiering van de topitems door width bepaald, onder
andere browsers door margin-right */
.topitem, .topitem2, .tophome, 
.topprint, .topprint2 {
    color: white;
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: left;
    font-weight: bold;
    margin-right: 60px;
    width: 57px;
}

.topdirectnaar {
    color: white;
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: left;
    font-weight: bold;
    width: 57px;
}

.topitem {
    background-image:  url(../images/button_arrowright.gif);
}

.topitem2 {
    background-image:  url(../images/button_arrowright.gif);
}

.topprint {
    width: 50px;
    background-image:  url(../images/button_arrowright.gif);
}

.topprint2 {
    background-image:  url(../images/button_arrowright.gif);
    width: 50px;
    margin-right: 110px
}

.topform {
    display: inline;
    width: 90px;
    margin-right: 30px;
}

.tophome {
    background-image:  url(../images/button_home.gif);
    margin-left: 10px;
    margin-right: 10px;
    width: 20px; background-position-y:center
}

.tophome:hover {
    text-decoration: none;
}

.topzoek {
    color: white;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
    margin-right: 2px;
}

.topdirectnaar {
    width: 100px;
    background-image:  url(../images/button_arrowdown.gif);
}

.menuitem01, .menuitem02, .menuitem03, .menuitem04, 
.menuitem05, .menuitem06, .menuitem07, .menuitem08,
.menuitem09 {
    display: block;
    color: black;
    font-size: 12px;
    font-weight: bold;
    height: 37px;
    border-bottom: 1px solid white;
    padding-left: 68px;
    background-repeat: no-repeat;
    line-height: 37px;
}

.hmenuitem01, .hmenuitem02, .hmenuitem03, .hmenuitem04, 
.hmenuitem05, .hmenuitem06, .hmenuitem07, .hmenuitem08, 
.hmenuitem09, .hmenuitem10, .hmenuitem11, .hmenuitem12, 
.hmenuitem13, .hmenuitem14, .hmenuitem15, .hmenuitem16,
.hmenuitem17, .hmenuitem18, .hmenuitem19 {
    display: block;
    font-weight: bold;
    border-bottom: 1px solid white;
    padding-left: 68px;
    background-repeat: no-repeat;
    color: white;
    font-size: 11px;
    line-height: 31px;
    height: 31px;
}

.menuitem01 { background-image:  url(../images/icon_menu01.jpg); }
.menuitem02 { background-image:  url(../images/icon_menu02.jpg); }
.menuitem03 { background-image:  url(../images/icon_menu03.jpg); }
.menuitem04 { background-image:  url(../images/icon_menu04.jpg); }
.menuitem05 { background-image:  url(../images/icon_menu05.jpg); }
.menuitem06 { background-image:  url(../images/icon_menu06.jpg); }
.menuitem07 { background-image:  url(../images/icon_menu07.jpg); }
.menuitem08 { background-image:  url(../images/icon_menu08.jpg); }
.menuitem09 { background-image:  url(../images/icon_menu09.jpg); border-bottom: 0px none; }
.hmenuitem01 { background-image:  url(../images/icon_hmenu01.jpg); }
.hmenuitem02 { background-image:  url(../images/icon_hmenu02.jpg); }
.hmenuitem03 { background-image:  url(../images/icon_hmenu03.jpg); }
.hmenuitem04 { background-image:  url(../images/icon_hmenu04.jpg); }
.hmenuitem05 { background-image:  url(../images/icon_hmenu05.jpg); }
.hmenuitem06 { background-image:  url(../images/icon_hmenu06.jpg); }
.hmenuitem07 { background-image:  url(../images/icon_hmenu07.jpg); }
.hmenuitem08 { background-image:  url(../images/icon_hmenu08.jpg); }
.hmenuitem09 { background-image:  url(../images/icon_hmenu09.jpg); }
.hmenuitem10 { background-image:  url(../images/icon_hmenu10.jpg); }
.hmenuitem11 { background-image:  url(../images/icon_hmenu11.jpg); }
.hmenuitem12 { background-image:  url(../images/icon_hmenu12.jpg); }
.hmenuitem13 { background-image:  url(../images/icon_hmenu13.jpg); }
.hmenuitem14 { background-image:  url(../images/icon_hmenu14.jpg); }
.hmenuitem15 { background-image:  url(../images/icon_hmenu15.jpg); }
.hmenuitem16 { background-image:  url(../images/icon_hmenu16.jpg); }
.hmenuitem17 { background-image:  url(../images/icon_hmenu01.jpg); }
.hmenuitem18 { background-image:  url(../images/icon_hmenu07.jpg); }
.hmenuitem19 { background-image:  url(../images/icon_hmenu03.jpg); }

.menuitem01:hover { background-image:  url(../images/icon_menu01_hover.jpg); }
.menuitem02:hover { background-image:  url(../images/icon_menu02_hover.jpg); }
.menuitem03:hover { background-image:  url(../images/icon_menu03_hover.jpg); }
.menuitem04:hover { background-image:  url(../images/icon_menu04_hover.jpg); }
.menuitem05:hover { background-image:  url(../images/icon_menu05_hover.jpg); }
.menuitem06:hover { background-image:  url(../images/icon_menu06_hover.jpg); }
.menuitem07:hover { background-image:  url(../images/icon_menu07_hover.jpg); }
.menuitem08:hover { background-image:  url(../images/icon_menu08_hover.jpg); }
.menuitem09:hover { background-image:  url(../images/icon_menu09_hover.jpg); border-bottom: 0px none; }
.hmenuitem01:hover { background-image:  url(../images/icon_hmenu01_hover.jpg); }
.hmenuitem02:hover { background-image:  url(../images/icon_hmenu02_hover.jpg); }
.hmenuitem03:hover { background-image:  url(../images/icon_hmenu03_hover.jpg); }
.hmenuitem04:hover { background-image:  url(../images/icon_hmenu04_hover.jpg); }
.hmenuitem05:hover { background-image:  url(../images/icon_hmenu05_hover.jpg); }
.hmenuitem06:hover { background-image:  url(../images/icon_hmenu06_hover.jpg); }
.hmenuitem07:hover { background-image:  url(../images/icon_hmenu07_hover.jpg); }
.hmenuitem08:hover { background-image:  url(../images/icon_hmenu08_hover.jpg); }
.hmenuitem09:hover { background-image:  url(../images/icon_hmenu09_hover.jpg); }
.hmenuitem10:hover { background-image:  url(../images/icon_hmenu10_hover.jpg); }
.hmenuitem11:hover { background-image:  url(../images/icon_hmenu11_hover.jpg); }
.hmenuitem12:hover { background-image:  url(../images/icon_hmenu12_hover.jpg); }
.hmenuitem13:hover { background-image:  url(../images/icon_hmenu13_hover.jpg); }
.hmenuitem14:hover { background-image:  url(../images/icon_hmenu14_hover.jpg); }
.hmenuitem15:hover { background-image:  url(../images/icon_hmenu15_hover.jpg); }
.hmenuitem16:hover { background-image:  url(../images/icon_hmenu16_hover.jpg); }
.hmenuitem17:hover { background-image:  url(../images/icon_hmenu01_hover.jpg); }
.hmenuitem18:hover { background-image:  url(../images/icon_hmenu07_hover.jpg); }
.hmenuitem19:hover { background-image:  url(../images/icon_hmenu03_hover.jpg); }

.oplitem {
    color: black;
}

.nieuwsitemlinks {
    float: left;
    width: 192px;
}

.nieuwsitemrechts {
    float: right;
    width: 192px;
    margin-right: 20px;
}

.nieuwsitemlinksonder {
    float: left;
    width: 192px;
    position: relative;
    padding-top: 80px;
}

.nieuwsitemrechtsonder {
    float: right;
    width: 192px;
    margin-right: 20px;
position: relative;
    padding-top: 80px;
}


.nieuwsitemlinks2 {
    float: left;
    width: 192px;
    margin-left: 21px;
}

.nieuwsitemrechts2 {
    float: right;
    width: 192px;
    margin-right: 80px;
}

.nieuwsitemlinks3 {
    float: left;
    width: 180px;
    margin-left: 21px;
}

.nieuwsitemrechts3 {
    float: right;
    width: 180px;
}

.nieuwsitemlinks4 {
    float: left;
    width: 192px;
    margin-left: 21px;
    margin-right: 1px;
}

.nieuwsitemrechts4 {
    float: right;
    width: 172px;
    margin-right: 150px;
}

.nieuwsitemrechts5 {
    float: right;
    width: 180px;
    margin-right: 120px;
}


.nieuwsitem {
    width: 196px;
}

.nieuws {
    display: block;
    background-image:  url(../images/button_arrowred.gif);
    background-repeat: no-repeat;
    padding-top: 4px;
    padding-left: 16px;
    color: black;
    font-weight: bold; background-position-x:left
}

.leesverder {
    display: block;
    color: #A8A9AC;
    font-weight: bold;
    line-height: 16px;
    padding-left: 16px;
}

.koplinks {
    float: left;
    margin-left: 81px;
}
.koprechts {
    float: right;
    margin-right: 110px;
}

.koplinks2 {
    float: left;
    margin-left: 31px;
}

.koplinks3 {
    margin-left: 0px;
    margin-top: 50px;
}

/* Formulieren */
form {
    vertical-align:top;
    padding: 0px;
}

textarea, input, select {
    font-family: verdana, sans-serif;
    font-size: 11px;
}

form .inline {
    display: inline;
}

.multi {
    width: 274px;
}

.zoekveld {
    font-family: verdana, sans-serif;
    font-size: 10px;
    color: white;
    width: 70px;
    height: 13px;
    margin-top: 2px;
    border: 1px solid white;
    background-color: #C6002A;
}

.zoekplaatje {
    margin:0px;
    padding: 0px;
    height: 15px;
    width: 16px;
    border: 0px none;
    background-image:  url(../images/button_zoek.gif);
}