﻿/*
 * Stijlen:
 * rood (logo): e30037
 * lichtgrijs (logo): 87a6c2
 * lichtgrijs: 7c7c7c
 * grijs (logo): 7e7f7a
 **/


/**
 * HTML elementen
 */
a {
    color: #e30037;
    text-decoration:none;
}
a:hover{ text-decoration:underline;}


/**
 * Diverse unieke elementen
 */
#homelink {
    /* Link naar de homepage (staat niet op de homepage zelf) */
    background: url(../images/arrow-left-white.png) no-repeat left;
}

#tools {
    background-color: #5977aa;
}

#bwd {
    /* Logo en mission statement op de homepage */
    padding: 20px 0;
    background-color: #ffffff;
}
#bwd table.valign-hack {
    height: 110px; /* Hoogte van het logo */
}

h1#logo {
    /* Komt voor in #nav en in #bwd (op de homepage) */
    width: 220px;
    height: 110px;
    background: url(../images/logo-transparent.png) no-repeat;
}


/* Hoofdmenu bovenaan */
#menu a:hover, 
#menu a.CMSListMenuLinkHighlighted {
    color: #e30037;
}

/* Submenu links */
ul#submenu {
    margin-bottom: 0;
}
#submenu a:hover, 
#submenu a.CMSListMenuLinkHighlighted {
    color: #e30037;
    background: url(../images/submenu.png) no-repeat left center;
}

input.watermark {
    /* Tekst in een textbox als er nog geen tekst is ingevuld */
    font-style: italic;
    color: #7c7c7c;
}
#search td#textbox input {width:85%;}

#Ssearch td#textbox input {
    font-size: 1.2em;
    padding: 2px;
    position:absolute;top:0px;left:0px;
}
#Ssearch td#button {
 width:30px;
}
#Ssearch td#textbox input {height:20px;border:0;width:184px;}
/**/

#sidebar .box h3 {
    background-color: #e30037;
    color: #FFFFFF;
    margin-bottom: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-top: 0.2em;
}


/* Actualiteiten op de homepage */
#home #news #teaser {
    float: left;
    overflow: hidden;
    width: 240px;
    height: 194px;
}
#home #news #teaser img {
    display: none;
}
#home #news #top3 {
    margin-left: 242px;
}
#home #news #top3 h2 {
    margin: 0;
    padding: 5px;
    
    background-color: #e30037;
    font-size: 1.5em;
}
#home #news #top3 h2 a {
    color: #ffffff;
}
#home #news #top3 h2 a:hover {
    color: #ffffff;
    background-image: none;
}
#home #news ul {
    padding: 5px 0;
}
#home #news a {
    padding: 5px;
    padding-left: 15px;
}
#home #news a:hover {
    color: #e30037;
    background: url(../images/toplink.png) no-repeat left center;
}

/* Twee rode blokken rechts op de homepage */
#home #extra .homebox {
    padding-bottom: 5px;
}
#home #extra a {
    color: #ffffff;
    background: #e30037 url(../images/arrow-right-white.png) no-repeat 150px center;
    font-size: 1.2em;
}

/* Zoekresultaten */
.result h3 {
    margin-bottom: 0;
}
.result .highlight {
    font-weight: bold;
}
.result .url {
    color: green;
}

/* Paging */
.paging .navigation a, 
.paging .navigation strong {
    font-size: 1.2em;
    display: inline-block;
    padding: .1em .3em;
}

/* Nieuwsbrief aanmeldingsbox*/

 table.Table {width:190px;}
 table.Table label{margin:3px; line-height:1.5em;}
 table.Table td.Title {width:0px;font-size:0px; visibility:hidden;line-height:0px;}
 table.Table input {margin-left:2px; color:#7c7c7c;}


 .boxhead_4 { 
    position: absolute;
    display:  inline-block;
    width:207px;  
    background-color: #e30037;
    color:#fff;
    font-weight:bold;
    text-indent:5px; 
    line-height:2em;
    height:2em;
    left:4px;
    top:4px;
    }
    /*Vergroot de witruimte onder de box zodat er niets onder komt*/
    .after_boxhead {padding-top:2em;}
    
    
    /*BizForm: Bij activiteiten en contact */
        /*Foutcodes -rood*/
        div.BizFormErrors, .ErrorLabel,.EditingFormErrorLabel  { color:Red;}
        .ErrorLabel {   border:1px solid #ccc; 
                        height:2em; 
                        display:block;  
                        text-align:center; 
                        padding-top:0.7em;
                        margin-bottom:1em;
                        font-weight:bold;
                        }

        /*Input */
        Div.EditingFormControlNestedControl textarea { font-family: Arial, Helvetica, Sans-Serif;
                                                       }
    
        /*Labels*/
        td.EditingFormLabelCell {   width:200px;  
                                    padding: 3px 3px 0 0 ; 
                                    text-align:right;
                                    vertical-align:top; } 
        td.EditingFormLabelCell Label {
                                    font-weight:bold;
                                    }
        /*Security code*/
        .Securitycode div.EditingFormControlNestedControl {width:180px; margin:0; }

  
/* Contact formulier */
.bizform .ErrorLabel {
    /* Algemene validatie foutmelding */
    display: none;
}
.bizform .EditingFormLabel {
    display: inline-block;
    margin-top: 1em;
}
.bizform div.EditingFormControlNestedControl {
    margin-top: .3em; 
}
.bizform div.EditingFormControlNestedControl table {
    width: auto;
}
.bizform div.EditingFormControlNestedControl table td {
    /* Verificatie code */
    vertical-align: middle;
}
.bizform .EditingFormErrorLabel {
    /* Foutmelding per veld */
}
.bizform .TextboxField, 
.bizform .TextBoxField {
    padding: .3em;
    width: 50%;
}
.bizform textarea {
    width: 80%;
}
.bizform .FormButton {
    margin-top: 1em;
}

/* Google maps integratie*/
.info_window h3 {
    margin-top: 10px;
    margin-bottom: 5px;
}

/* Nieuwsbrief inschrijfformulier */
.newsletter-subscribe > div {
    margin-bottom: 5px;
}
.newsletter-subscribe input[type=text] {
    width: 95%;
}

/* Nieuwsbrief uitschrijfformulier */
.newsletter-unsubscribe > div {
    margin-bottom: 5px;
}

/* Update panel progress */
.update_progress {
    display: inline;
    vertical-align: text-bottom;
}
.update_progress div {
    display: inline-block !important;
    width: 16px;
    height: 16px;
    background: url(../images/loading.gif) no-repeat;
}

/* Vermelding van dag en tijd bij een activiteit */
.activity_date_time {
    white-space: pre;
}
.activity_date_time table {
    width: auto !important;
    border: none;
}
.activity_date_time td {
    border: none !important;
    padding: 0 .3em .3em 0;
}

/* Toegankelijkheis indicatoren bij een locatie */
#accessibility img {
    margin-right: 10px;
}

/* Polls */
span.PollTitle {
    display: none;
}
span.PollQuestion {
    display: block;
    margin-bottom: 1em;
    line-height: 1.5em;
    font-size: 1em; 
}
td.PollAnswer {
    padding: .3em 0;
}
div.PollGraph {
    border: 1px solid #E30037;
    background-repeat: repeat-x;
}
td.PollCount {
    padding-left: .2em;
}
.PollGraph0, 
.PollGraph1, 
.PollGraph2, 
.PollGraph3, 
.PollGraph4, 
.PollGraph5, 
.PollGraph6, 
.PollGraph7, 
.PollGraph8, 
.PollGraph9, 
.PollGraph10, 
.PollGraph11 {
    background-color: #E30037;
    background-repeat: repeat-x;
}

/* Filter voor het overzicht van activiteiten */
div.filter {
    padding: 1em;
    margin-bottom: 1em;
    background-color: #efefef;
}

/* Voor een activiteit met een recente publicatie datum (op een locatie pagina) */
span.new {
    margin-left: .5em;
    padding-left: 20px;
    background: url(../images/new.gif) no-repeat left center;
}
hr {
    background-color: #c7c7c7;
}

/* Override common voor aangepaste kleuren */
#home a, #menu a, #submenu a {
    color: #517A9F;
}

#footer {
    /* Copyright en vermelding Elan */
    display: block;
    text-align: center;
    background-color: #ffffff;
    padding: .8em;
    color: #555555;
}
#footer p {
    line-height: .6em;
}
#footer a {
    color: #555555;
}
#sidebar div.box, div#twtr-widget-1 {margin-bottom:20px;}
