#agenda{
position:absolute;
right: 0px;
padding-left: 45px;
padding-top: 55px;
top:78px; 
background-image: url(../images/agenda.png);
width: 208px;
z-index: 2;
height: 279px;
font-size: 11px;
color: #666666;
line-height: 12px;
cursor: pointer;
}

#introbar{
padding-right: 250px;
}

#morebutton{
position:absolute;
width: 84px;
height: 23px;
bottom: 24px;
right: 20px;
cursor: pointer;
background-image: url(../images/morebutton.png);
}

.agendatitle{
color: #a63881;
}

.agendaplace{
padding-left: 21px;
padding-bottom: 3px;
}

#content{
background-image: url(../images/uitgelichtbg.png);
background-repeat: no-repeat;
height: 231px;
}

#fixgradient{
background-image: url(../images/fixgradient.png);
right:0px;
top:223px;
height: 231px;
position: absolute;
display: none;
z-index: 1;
}

#uitgelichtkader{
background-image: url(../images/uitgelichtkader.png);
width:354px;
height: 240px;
position: relative;
margin-left: 13px;
display: inline;
top:-21px;
padding-top: 1px;
padding-left: 7px;
float: left; display:inline;
}

.Xim{
position: relative;
top:-2px;
left: -2px;
border: 2px solid #3e538d;
}

#uitgelichtheadentext{
margin-left: 19px;
position: relative;
top:-24px;
margin-bottom: -24px;
float: left; display:inline;
width: 285px;
}

#uitgelichthead{
color: #262626;
font-size: 20px;
font-weight: bold;
}

#uitgelichttext{
margin-top: 37px;
color: white;
font-size: 11px;
}

#uitgelichttext h1{
font-size: 15px;
margin-top: 0px;
}

#uitgelichttext h5{
margin: 0px;
font-weight: bold;
color: #cccccc;
font-size: 11px;
}

#uitgelichttext a{
color: white;
}

#uitgelichttext a:hover{
color: white;
text-decoration: none;
}

#onderbg{
position: absolute;
top:454px;
width:829px;
left:-29px;
background-image: url(../images/onderbg.png);
background-repeat: no-repeat;
z-index: -1;
}

div#onderstrook{
margin-left: 20px;
}

div#onderstrook h1{
margin-top: 15px;
color: #262626;
font-size: 15px;
font-weight: bold;
}

div.studiefaselink{
float: left; display:inline;
margin-left: -8px;
font-weight: bold;
font-size: 12px;
margin-right: 73px;
}

.studiefaseim{
background-image: url(../images/onderstrook_thumb_shadow.png);
width: 170px;
height: 112px;
padding-left: 7px;
padding-top: 1px;
}

.Xstudiefaseim{
position: relative;
top:-2px;
left: -2px;
background-image: url(../images/onderstrook_thumb_shadow.png);
width: 170px;
height: 112px;
padding-left: 7px;
padding-top: 1px;
border: 2px solid #3e538d;
}

div.studiefaselink a{
color: #333333;
text-decoration: none;
}

div.studiefaselink a:hover{
color: #313F7A;
text-decoration: underline;
}

.Xblueborder{
border: 2px solid #3e538d;

}

#all_years{
color: #000;
font-size: 14px;
font-weight: bold;
text-decoration: none;
position: absolute;
right: 35px;
top: 470px;
}

#all_years:hover{
color: #313F7A;
text-decoration: underline;
}