/* 
    Document   : homepage
    Created on : 24-feb-2009, 20:33:23
    Author     : Pascal
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

div.newsDate
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    font-weight:600;
    color:#720013;
    margin-bottom:5px;
    margin-top:15px;
}

div.newsTitle
{
    margin-top:15px;
    margin-bottom:5px;
    font-size:13px;
    color:#720013;
    font-weight:900;
}

div.newsText
{
    text-align:justify;
    color:#333333;
    margin-bottom:15px;
}

div.newsDivider
{
    width:278px;
    height:1px;
    background-image:url(../images/news_divider.jpg);
}

div.largeNewsTitle
{
    margin-top:15px;
    margin-bottom:5px;
    font-size:17px;
    color:#720013;
    font-weight:900;
}

div.largeNewsText
{
    text-align:justify;
    color:#333333;
    margin-bottom:15px;
}

div.largeNewsDivider {
    width:500px;
    height:2px;
    background-image:url(../images/divider-wide.png);
}

div.soonTitle
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:14px;
    font-weight:900;
    color:#720013;
}

div.event-item {
    margin-bottom:15px;
}

div.event-item-hightlight {
    margin-bottom:15px;
    cursor:pointer;
}

div.eventDate
{
    font-size:10px;
    width:100px;
    text-align:right;
    color:#333333;
}

div.no-events-today {
    width:283px;
    font-size:13px;
    margin-top:24px;
    font-weight:500;
    color:#720013;
}

div.eventTitle
{
    width:183px;
    font-size:15px;
    font-weight:500;
    color:#720013;
}

div.eventText
{
    text-align:justify;
    width:283px;
    color:#484847;
}

div.event-text-highlight {
    color:#8a0319;
    cursor:pointer;
}

div.event-title-highlight {
    color:#a90b25;
    cursor:pointer;
}

#today_container
{
    position:absolute;
    left: 50%;
    margin-left: -460px;
    width:284px;
	height:490px;
    top:160px;
}

#today_availability{
    background-image:url(../images/tennis.jpg);
    background-position:0px 15px;
    background-repeat:no-repeat;
    height:260px;
    width:284px;
    line-height: 170%;
    padding-top:45px;
}

#latest_news_container
{
    position:absolute;
    left: 50%;
    margin-left: 180px;
    width:284px;
	height:390px;
    top:90px;
}

#recent_events_container
{
    position:absolute;
    left: 50%;
    margin-left: -143px;
    width:284px;
	height:390px;
    top:160px;
}

#photoalbum
{
    position:absolute;
    left: 50%;
    margin-left:-460px;
    width:600px;
	height:130px;
    top:435px;
}

div#photoalbum-link {
    position:absolute;
    bottom:240px;
    left: 50%;
    margin-left:67px;
    display:none;
}

.photo-quick {
    display:none;
}

div#toplinks {
    position:absolute;
    left:50%;
    margin-left:350px;
    width:200px;
    height:30px;
}

.dialog {
    position:absolute;
    left:50%;
    top:50%;
    width:314px;
    height:238px;
    margin-left:-157px;
    margin-top:-119px;
    z-index:100;
    background-image:url(../images/dialog.png);
    display:none;
}

.modal-mask {
    position:absolute;
    height:100%;
    width:100%;
    left:0px;
    top:0px;
    background-color:gray;
    opacity:0.5;
    filter:alpha(opacity=50);
    z-index:99;
    display:none;
}

input.login-field {
    width:170px;
    background-color:transparent;
    border:0px;
    left:63px;
}

input#login-user {
    position:absolute;
    top:89px; 
}

input#login-password {
    position:absolute;
    top:136px;
}

div#login-ok-btn {
    position:absolute;
    top:187px;
    width:91px;
    height:23px;
    left:154px;
    cursor:pointer;
}

div#login-cancel-btn {
    position:absolute;
    top:187px;
    width:91px;
    height:23px;
    left:56px;
    cursor:pointer;
}

div.message-dialog {
    position:absolute;
    width:314px;
    height:238px;
    top:0px;
    left:0px;
    display:none;
}

div.waiting-dialog {
    background-image:url(../images/dialog-waiting.png);
    z-index:101;
}

div.error-dialog {
    background-image:url(../images/dialog-error.png);
}

div.blank-dialog {
    background-image:url(../images/dialog-blank.png);
}

div#apply_tema {
    width:301px;
    height:124px;
    margin-left:-5px;
    background-image:url(../images/nieuwsbrief.png);
    cursor:pointer;
}