html, body
{
    margin: 0;
    padding: 0;
    background-color: #FFF;
}

/* 
#C7007A			PINK
#808080			DARK-GREY    (ie. paragraph text)
#F1F1F1         LIGHT-GREY   (ie. bg body)

*/

/* FONT DEFINITIES */
body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #808080;
    background-color: #FFF;
}
p, ul, ol, h1, h2, h3
{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

p
{
    font-size: 10pt;
    line-height: 16pt;
    margin-bottom: 15px;
}
h1
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 23pt;
    font-weight: normal;
    /*color: #C7007A;*/
}

h1.paginatitel
{
    color: #FFF;
}

h2
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 14pt;
    color: #C7007A;
    font-weight: normal;
}
h3
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 16pt;
    font-weight: normal;
}
a
{
    color: #C7007A;
}
ul, ol
{
    margin-bottom: 15px;
    font-size: 10pt;
    line-height: 16pt;
}
p.date
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 12px;
    color: #C7007A;
    margin: 0;
    padding: 0;
}
p.vestiging
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 10px;
    font-weight: bold;
    color: #C7007A;
    margin: 0;
    padding: 0;
}

#wrapper
{
    position: relative;
    width: 974px;
    padding-top: 130px;
    padding: 130px 12px 0px 12px;
    margin: 0 auto;
    background-color: #FFF;
}

/* CONTENTWRAPPER */
#contentwrapper
{
    position: relative;
    padding: 0;
    margin: 0;
    height: 350px;
    background-position: right;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.doelgroep_home .studenten
{
    background-image: url(/01/myimages/studenten_gezichten.jpg);
}
.doelgroep_home .werkgevers
{
    background-image: url(/01/myimages/werkgevers.jpg);
}
.doelgroep_home .yprofessionals
{
    background-image: url(/01/myimages/youngprof_gezichten.jpg);
}

/* TITLEWRAPPER */
#titlewrapper
{
    width: 297px;
    background-color: #C7007A;
}
.doelgroep_home #titlewrapper
{
    float: left;
    height: 350px;
}
#contentwrapper.yprofessionals #titlewrapper
{
    background-color: #000;
}
.doelgroep_content #titlewrapper
{
    float: left;
    height: 350px;
}

/* TITLEWRAPPER H1*/
#titlewrapper h1
{
    position: relative;
    width: 260px; /*width:285px;*/
    margin: 0; /*padding:14px 23px 0 14px;*/ /*padding:14px 35px 0px 14px; */
    /*background-image: url(../images/internet/bg_pink_arrow_right.gif);*/
    background-repeat: no-repeat;
    background-position: top right;
    text-align: right;
}

#contentwrapper.yprofessionals #titlewrapper h1
{
    color: #C7007A;
    background: transparent;
}
.doelgroep_home #titlewrapper h1
{
    background-repeat: no-repeat;
    background-position: right 22px;
    background-image: url(../images/internet/bg_pink_arrow_right.gif);
}

.doelgroep_content #titlewrapper h1
{
    background-repeat: no-repeat;
    background-position: right 22px;
	padding: 14px 35px 0px 14px;
}

.doelgroep_home #contentwrapper.yprofessionals #titlewrapper h1
{
    background-repeat: no-repeat;
    background-position: right 22px;
    background-image: url(../images/internet/bg_black_arrow_right.gif);
}

#sidemenu_wrapper
{
    position: absolute;
    width: 297px;
    top: 0;
    left: 12px;
    z-index: 2000;
}

#titlewrapper #sidemenu_wrapper h1
{
    width: 249px;
    padding-right: 35px;
}
.doelgroep_home #sidemenu_wrapper h1
{
    width: 260px;
    padding: 14px 35px 0px 14px;
    background-image: url(../images/internet/bg_pink_arrow_right.gif);
}



/* CONTENT */
#content
{
    position: relative;
    width: 550px;
    height: 96px;
    padding: 20px 35px 5px 35px;
    height: auto;
}
.home #content
{
    background-color: #FFF;
}
.doelgroep_home #content
{
    float: left;
    margin-top: 120px;
    height: 156px;
    width: 560px;
    padding: 20px 35px 5px 25px;
    background-color: #FFF;
    opacity: .90;
	overflow: hidden;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
}
.doelgroep_content #content
{
    float: left;
    width: 340px;
    height: 350px;
    padding: 0px;
    overflow: hidden;
}
#contentleft
{
    position: relative;
    width: 674px;
    float: left;
}
#contentright
{
    position: relative;
    width: 300px;
    float: left;
}


#content_subleft
{
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    width: 220px;
}
#content_subright
{
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    padding-left: 24px;
    width: 376px;
}


.doelgroep_content #contentleft
{
    width: 637px;
}
.doelgroep_content #contentright
{
    width: 267px;
    padding: 25px 35px 5px 35px;
    height: 322px;
    background-color: #F1F1F1;
    overflow: auto;
}


.werkgevers #contentleft
{
    width: 602px;
}
.werkgevers #contentright
{
    width: 302px;
}
.doelgroep_content .werkgevers #content
{
    width: 305px;
}
.doelgroep_content .werkgevers #content
{
    height: 350px;
    background-color: #F1F1F1;
    position: relative;
    z-index: 500;
}
.doelgroep_content .werkgevers #content
{
    background-image: url(   "../myimages/werkgevers(1).jpg" );
    background-position: right;
    background-repeat: no-repeat;
}

/* HEADER */
#header
{
    position: absolute;
    top: 0;
    height: 30px;
    width: 974px;
    background-image: url(../images/internet/logo_studentalent.gif);
    background-position: top right;
    background-repeat: no-repeat;
    padding-top: 100px;
}
#headerlink
{
    position: absolute;
    right: 0;
    top: 67px;
    width: 212px;
    height: 45px;
    text-decoration: none;
}

/* DOELGROEPEN */
#doelgroepen ul
{
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#doelgroepen ul li
{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 297px;
}

#doelgroepen ul li.pink
{
    margin-right: 41px;
}
#doelgroepen ul li.grey
{
    margin-right: 41px;
}
#doelgroepen ul li.greylast
{
    margin-right: 0px;
}
#doelgroepen ul li.black, #doelgroepen ul li.greylast
{
    width: 295px;
}

#doelgroepen h3
{
    margin: 0;
    padding: 0;
    font-weight: normal;
    line-height: 54px;
    height: 68px;
}
#doelgroepen ul li h3 a
{
    display: block;
    padding-left: 35px;
    text-decoration: none;
}
#doelgroepen ul li.grey h3, #doelgroepen ul li.greylast h3
{
    color: #E6E6E6;
    display: block;
    height: 68px;
    padding-left: 35px;
    text-decoration: none;
}

#doelgroepen ul li.pink h3
{
    background-image: url(../images/internet/bg_doelgroep_pink.gif);
}
#doelgroepen ul li.black h3
{
    background-image: url(../images/internet/bg_doelgroep_black.gif);
}
#doelgroepen ul li.grey h3
{
    background-image: url(../images/internet/bg_doelgroep_grey.gif);
}
#doelgroepen ul li.greylast h3
{
    background-image: url(../images/internet/bg_doelgroep_grey.gif);
}
#doelgroepen ul li.pink h3 a
{
    color: #FFF;
}
#doelgroepen ul li.black h3 a
{
    color: #C7007A;
}
#doelgroepen ul li.black h3 a span.white
{
    color: #FFF;
}

#doelgroepen h4
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    margin: 0;
    padding: 0;
    font-size: 13pt;
    font-weight: normal;
    color: #C7007A;
    margin: 12px 0px 0 0px;
}
#doelgroepen p
{
    margin: 0 0px 15px 0px;
    font-size: 9pt;
    line-height: 14pt;
}
#doelgroepen a
{
    color: #C7007A;
}



/* TOPMENU */
#topmenu
{
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 30px;
    font-size: 10.5pt;
}
#topmenu li
{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    padding-right: 17px;
    font-variant: small-caps;
    font-weight: 600;
}
#topmenu li a
{
    color: #808080;
    text-decoration: none;
}
#topmenu li.pink a
{
    color: #C7007A;
}
#topmenu li.black a
{
    color: #000000;
}

#topmenu ul
{
    display: none;
    width: 200px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0px;
    bottom: 0px;
    margin-bottom: 14px;
    padding-bottom: 4px;
    list-style-type: none;
}
#topmenu li:hover ul, #topmenu li.over ul
{
    display: block;
}
#topmenu ul li
{
    width: 200px;
    margin: 0;
    padding: 0;
    line-height: 14pt;
}
#topmenu ul li a:hover
{
    color: #CCCCCC;
}

/* SIDEMENU */
#sidemenu
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#sidemenu li
{
    text-align: right;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 13pt;
    font-weight: normal;
    color: #000;
    line-height: 28px;
}
#sidemenu li a
{
    display: block;
    height: 28px;
    color: #000;
    text-decoration: none;
    margin-right: 35px;
}
#contentwrapper.yprofessionals #sidemenu li a
{
    color: #808080;
}
#sidemenu li a.selected
{
    color: #FFF;
}

#sidemenu li a.selected
{
    display: block;
    background-repeat: no-repeat;
    background-position: right;
    margin-right: 0px;
    height: 28px;
    line-height: 28px;
    padding-right: 35px;
    background-repeat: no-repeat;
    background-position: right;
}

#sidemenu li a.selected
{
    color: #FFF;
    background-image: url(../images/internet/bg_pink_arrow_right.gif);
}
#contentwrapper.yprofessionals #sidemenu li a.selected
{
    color: #C7007A;
    background-image: url(../images/internet/bg_black_arrow_right.gif);
}

#sidemenu_sub
{
    position: relative;
    width: 216px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 50px 20px 5px 35px;
}
#sidemenu_sub li
{
    text-align: left;
    list-style-type: none;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 13pt;
    font-weight: normal;
    color: #000;
    line-height: 28px;
    margin-right: 23px;
}
#sidemenu_sub li a
{
    color: #000;
    text-decoration: none;
    height: 28px;
}
#sidemenu_sub li a.selected
{
    color: #C7007A;
}

#sidemenu_sub li a.selected
{
    display: block;
    background-repeat: no-repeat;
    background-position: right;
    margin-right: 0px;
    height: 28px;
    line-height: 28px;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(../images/internet/bg_grey_arrow_right.gif);
}



#thirdlevelmenu
{
    position: absolute;
    right: 1px;
    bottom: 24px;
}
#thirdlevelmenu ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#thirdlevelmenu ul li
{
    text-align: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 12px;
}
#thirdlevelmenu ul li a
{
    text-align: right;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 16pt;
    font-weight: normal;
    color: #C7007A;
    padding-right: 28px;
    height: 27px;
    line-height: 27px;
    text-decoration: none;
}

/* TERUG BUTTON */
p.btn_terug
{
    position: absolute;
    margin: 0;
    padding: 0;
    top: 290px;
    left: -15px;
}
p.btn_terug a
{
    display: block;
    width: 80px;
    height: 39px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    padding-left: 33px;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 14pt;
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    background-image: url(../images/internet/bg_pink_arrow_left.gif);
    background-repeat: no-repeat;
}

#contentwrapper.yprofessionals p.btn_terug a
{
    background-image: url(../images/internet/bg_black_arrow_left.gif);
}


/* FORM ELEMENTS */
td.labelRequired_cell, td.label_cell
{
    width: 150px;
    vertical-align: top;
    font-size: 12px;
}
td.mandatory
{
    margin: 0;
    padding: 0;
    vertical-align: top;
    font-size: 12px;
    width: 10px;
    height: 10px;
}

input.txtlong, td.txtlong input
{
    border: 1px solid #D0D0D0;
    width: 210px;
    font-size: 12px;
    margin-bottom: 4px;
}
input.txtshort, td.txtshort input
{
    border: 1px solid #D0D0D0;
    width: 80px;
    margin-right: 20px;
    font-size: 12px;
    margin-bottom: 4px;
}
input.txtmedium, td.txtmedium input
{
    border: 1px solid #D0D0D0;
    width: 140px;
    margin-right: 20px;
    font-size: 12px;
    margin-bottom: 4px;
}

td.data_cell label, td.data_cell_last label
{
    font-size: 12px;
    margin-bottom: 4px;
}

select.txtlong, td.txtlong select
{
    border: 1px solid #D0D0D0;
    width: 220px;
    font-size: 12px;
    margin-bottom: 4px;
}
select.txtshort, td.txtshort select
{
    border: 1px solid #D0D0D0;
    width: 80px;
    margin-right: 5px;
    font-size: 12px;
    margin-bottom: 4px;
}
select.txtveryshort, td.txtveryshort select
{
    border: 1px solid #D0D0D0;
    width: 55px;
    margin-right: 5px;
    font-size: 12px;
    margin-bottom: 4px;
}
select.txtmedium, td.txtmedium select
{
    border: 1px solid #D0D0D0;
    width: 140px;
    margin-right: 5px;
    font-size: 12px;
    margin-bottom: 4px;
}


textarea
{
    border: 1px solid #D0D0D0;
    width: 240px;
    margin-right: 20px;
    font-size: 12px;
}

input.buttonarrow, td.button input, tr.buttonarrow input, tr.buttonarrow a, a.buttonarrow
{
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    width: 131px;
    background-image: url(../images/algemeen/bg_button_arrow.gif);
    background-position: right;
    text-align: right;
    font-family: Georgia, "Times New Roman" , Times, serif;
    color: #FFF;
    font-size: 18px;
    padding-right: 28px;
    line-height: 30px;
    height: 30px;
    text-decoration: none;
    margin-top: 10px;
}
td.button, tr.buttonarrow td
{
    text-align: right;
}


tr.formgroup
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 12px;
    color: #C7007A;
    padding-bottom: 5px;
}
tr.formgroup td
{
    height: 20px;
    padding-bottom: 6px;
    padding-top: 6px;
}
td.data_cell_last
{
    padding-bottom: 25px;
}


/* REFERENTIELIJST */
.referentie
{
    position: relative;
    width: 950px;
}
.referentie_content
{
    position: relative;
    width: 585px;
    padding-right: 35px;
}
.referentie_image
{
    position: absolute;
    width: 300px;
    bottom: 50px;
    right: 0;
    text-align: center;
}


/* NIEUWSLIJST */
ul.newsList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.newsList a
{
	text-decoration: none;
}

/* vacature-lijst */
ul.vacatureList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}


/* VACATURES STUDENTEN */
.vacatures table
{
    border: 0;
    border-collapse: collapse;
    border-color: White;
}
.vacatures th
{
    padding: 5px;
    border: 0;
    padding-right: 20px;
    text-align: left;
    font-family: Georgia, "Times New Roman" , Times, serif;
    color: #C7007A;
    font-size: 10pt;
    /*font-weight: 550;*/
    vertical-align: top;
}
.vacatures td
{
    padding: 5px;
    font-size: 12px;
    border: 0px;
    vertical-align: top;
}
.tijden
{
    display:block;
    padding: 3px 0px 0px;
    color: #808080;
}

.vacatures .tijden td {
    padding: 0px 1px;
}

.vacatures .tijden .dag
{
   padding: 0px 5px 0px 0px; 
   font-weight:bold;
}

.vacatures .tijden .eindtijd
{
   padding: 0px 22px 0px 1px; 
}

/*MEDEWERKERS */
div.medewerkers dl
{
    margin: 0;
    padding: 0;
    font-size: 10pt;
    line-height: 16pt;
    margin-bottom: 15px;
}
div.medewerkers dl dt
{
    clear: left;
    margin: 0;
    padding: 0;
    display: block;
    padding-left: 140px;
    margin-top: 15px;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 12px;
    color: #C7007A;
}
div.medewerkers dl dd.foto
{
    float: left;
    margin: 0;
    padding: 0;
    width: 130px;
    overflow: hidden;
    margin-right: 10px;
    padding-top: 4px;
}
div.medewerkers dl dd.description
{
    float: left;
    margin: 0;
    padding: 0;
    width: 160px;
}

/*CASES*/
div.case
{
    position: relative;
    font-size: 10pt;
    line-height: 16pt;
    margin-bottom: 15px;
}
div.case div.caseimage
{
    float: left;
}

.googlemap, .textblok
{
    padding-bottom: 14px;
}


#register_container
{
    border-style: solid;
    border-width: 1px;
    border-color: #9C9A9C;
    padding: 5px;
    margin-top: 30px;
}


#tab1div
{
    background-image: url(   '/01/images/internet/tab1.jpg'  );
}
#tab2div
{
    background-image: url(   '/01/images/internet/tab2.jpg' );
}
#tab3div
{
    background-image: url(   '/01/images/internet/tab3.jpg' );
}
#tab4div
{
    background-image: url(   '/01/images/internet/tab4.jpg' );
}
#tab5div
{
    background-image: url(   '/01/images/internet/tab5.jpg' );
}
#tab6div
{
    background-image: url(   '/01/images/internet/tab6.jpg' );
}
div.tabs
{
    height: 21px;
    width: 376px;
    margin: 0;
    padding: 0;
    position: absolute;
    margin-left: 24px;
    left: 0;
    top: 10px;
}

.eerstetabje, .tabje
{
    margin: 0;
    padding: 0;
    position: relative;
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background-color:Transparent;
    width: 49px;
}
.eerstetabje
{
    margin-left:-8px;
}