/* 
    ROOD: #E1143C
    BLAUW: #00124D
    BEIGE: #E4D096

    Arial Narrow
    titel Bold Kapitalen 24 pt (RA 28pt)
    tussentitel 1 Bold 15 pt (RA 16pt)
    tussentitel 2 Bold 13 pt (RA 14pt)
    doorlopende tekst: 11 pt (RA 13pt)
    aandachtwoordjes: Bold 11 pt (RA 13pt)
*/
*{margin:0;padding:0}
img{border:none;}
/*******************************************************************************
*                                                          BODY + SITE_CONTAINER
*******************************************************************************/
body {
    width:100%;
    background-color:#CCCCCC;
    text-align:center;
    font-family:"Arial Narrow", Arial, sans-serif;
}

#site_container {
    width:1016px;
    margin: 0 auto;
    padding: 0 4px;
    color:#FFFFFF;
    background-color:#E1143C;
}

/*******************************************************************************
*                                                                  HEADER + MENU
*******************************************************************************/
#header{height:88px;}

#menu {background-color:#00124D;}
#submenu{
    color:#000000;
    background-color:#E4D096;
}

ul.nav {
    margin:0;
    padding:0;
    list-style:none;
}
#menu ul.nav{padding:10px 0 5px 0;}
#submenu ul.nav{padding:5px 0 2px 0;}
ul.nav li {
    margin:0 0 0 -4px;
    padding:0 -5px;
    display:inline;
    border-left:1px solid
}
ul.nav li.menu_first {border:none;}
#menu ul li{border-color:#00001A;}
#submenu ul li{border-color:#B1A063;}

ul.nav li a{
    color:inherit;
    text-decoration:none;
}
#menu ul li a{padding:18px 5px 5px 5px;text-transform:uppercase;}
#menu .active, #menu ul li a:hover{color:#00124D;background-color:#E4D096}
#submenu ul li a{padding:10px 5px 2px 5px;font-variant:small-caps}
#submenu .active, #submenu ul li a:hover{color:#E4D096;background-color:#FFFFFF;}

/*******************************************************************************
*                                                                         SEARCH
*******************************************************************************/
#userbar{padding:0 3px 2px 0;color:#FFF;}

/*******************************************************************************
*                                                                         FOOTER
*******************************************************************************/
#footer{clear:both;}
#footer a,#userbar a{color:#FFFFFF;text-decoration:none;}

/*******************************************************************************
*                                                                        CONTENT
*******************************************************************************/
#page {
    width:98%;
    padding:1%;
    float:left;
    color:#000000;
    background-color:#FFFFFF;
}

#notice {
    width:300px;
    margin:0 auto 15px auto;
    padding:2px 25px;
    border:1px dotted;
    background-position: 5px 50%;
    background-repeat:no-repeat;
}

.warning {
    color:#920622;
    background-color:#F0788F;
    border-color:#920622;
    background-image:url('../images/delete.png');
}
.confirmation {
    color:#308806;
    background-color:#99E874;
    border-color:#50D113;
    background-image:url('../images/tick.png');
}
.information {
    color:#1E7979;
    background-color:#A0DDDD;
    border-color:#50D113;
    background-image:url('../images/information.png');
}
/*******************************************************************************
*                                                                        GENERAL
*******************************************************************************/
.left {text-align:left;}
.fleft{float:left;}
.right{text-align:right;}
.heading{
    margin-bottom:2px;
    clear:left;
    color:#E1143C;
    border-bottom:#E1143C solid 2px;
    font-weight:bold;
    text-transform:uppercase;
}
#page h1{margin-bottom:15px;color:#00124D;}

.controls{margin-left:2px;padding-top:0.8em;float:left;clear:right;}

#page a{
    padding-bottom:0;
    color:#00124D;
    border-bottom:#00124D dotted 1px;
    text-decoration:none;
}
#page a:hover{
    color:#E4D096;
    border-color:#E4D096;
}
#page a img,#page a.icon{border:none;}
#page a.icon{margin-left:2px;}

.event_date,label{margin-left:0;color:#00124D;font-weight:bold}

/* TABULAR LIST */
#tabular_list{margin-bottom:15px;list-style:none;}
#tabular_list,#tabular_list li ul{width:100%;}
#tabular_list li.heading{margin-top:10px;}
#tabular_list li ul li{display:inline-block;margin-bottom:5px;}
.even{background-color:#F2E6C4}
#tabular_list .tabular_list_controls{height:10px;float:right}

#paginate{clear:left;font-size:0.9em}
#paginate a,#paginate span{margin-right:5px;}
#paginate span{font-weight:bold}

/*******************************************************************************
*                                                                         BBCODE
*******************************************************************************/
#bbcode_buttons{float:left;clear:both;}
#bbcode_buttons a{
    margin: 0 2px 2px 0;
    float:left;
    cursor: pointer;
    border:none;
}
#bbcode_buttons a:hover{background-color:#F2E6C4}

/*******************************************************************************
*                                                                           POST
*******************************************************************************/
.post_info{font-size: 0.8em;font-style:italic}
.post_info_float{margin-left:2px;padding-top:1em;float:left;clear:right;}
.post_body{margin-bottom:30px;clear:left}

/*******************************************************************************
*                                                                           PAGE
*******************************************************************************/
.page_controls{margin-top:20px;}
/*******************************************************************************
*                                                                       CALENDAR
*******************************************************************************/
.event_date{width:20%}
.event_description{width:40%}

/*******************************************************************************
*                                                                       CATEGORY
*******************************************************************************/
.cat_name{width:10%}
.cat_usergroup{width:15%}
.cat_list{width:5%;text-align: center}

/*******************************************************************************
*                                                                          FORMS
*******************************************************************************/
legend, label, input,textarea,select{float:left;}
fieldset a{margin-bottom:15px;float:right}
label,textarea,input.submit{clear:left}

fieldset{border:none;}
#page legend{width:100%;margin-bottom:15px;}
label{width:160px;margin:0 5px 10px 0}
input[type='checkbox']{margin-top:4px}
textarea{margin:0 0 10px 0}

input[type='text'],input[type='password'],textarea,
input[type='text'],input[type='password'],textarea{
    border:1px solid #CCC;
    border-top-color:#999;
    -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

input[type='text']:hover,input[type='password']:hover,textarea:hover,
input[type='text']:focus,input[type='password']:focus,textarea:focus{
    border:1px solid #E4D096;
    border-top-color:#ABA07F;
}

input.text,input.password,textarea,select{min-width:80px;}
.pseudo_label{margin:0 5px 10px 0;float:left;clear:right;}

/*******************************************************************************
*                                                                           USER
*******************************************************************************/
#families,#municipalities{padding:0 5px;float:left;}
#municipalities{background-color:#F2E2B4;position:absolute;}
.removeContactInfoRow{float:left;}

.user_name,.user_cat{width:20%;}