*{margin: 0; padding: 0;}
html, body, form {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: 0 0 14px 0; padding: 0;}
li, dd, blockquote {margin-left: 14px;}
input, select, textarea {font-size: 100%; font-family: inherit;}
a img {border: none;}

/* FCK floating images */
.contentImgLeft{float:left;margin: 0 5px 2px 0;}
.contentImgRight{float:right;margin: 0 0 2px 5px;}


/* Edit in place */
.editinplace img {margin: 0 5px 5px 0 !important;}

.printlogo {
    display:none;
}

body{
    font-family: arial, sans-serif; 
    font-size: 12px;
    background-image: url("../images/background-repeat.png");
    background-repeat: repeat-x;
    background-color: #686655;
    width: 100%;
    padding-bottom: 50px;
}

hr{
    color: #d5e2ca;
    background-color: #d5e2ca;
    border-color: #d5e2ca;
    height:2px;
    border: 0;
    margin: 10px 0px;
}

h3{
    color: #558f22;
    font-weight: normal;
    font-size:24px;
}

h2{
    color: #558f22;
    font-weight: normal;
    font-size:26px;
}

h1{
    color: #558f22;
    font-weight: normal;
    font-size:28px;
}

a{
    color:#558f22;
}
/*
a:visited{
    color:#b3dc22;
}*/

a:hover{
    color:#46462f;
}

.clearBoth{
    clear:both;
}

.noDeco {
    text-decoration: none;
    color:black;
}

.noDeco:visited {
    color:black;
}

.floatLeft{
    float:left;
}

.mainContainer {
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    width:990px;
    text-align:left;
    padding-bottom: 12px;
}



.header{
    height:216px;
	width: 990px;
}

.header-left{
    background-image:url(../images/header-left-default.jpg);
    background-repeat: no-repeat;
    width:270px;
    height:261px;
    float:left;
    cursor:pointer;
    cursor:hand;
}


.header-right {
    width:720px;
    height:261px;
    float:left;  
    overflow:hidden;  
}

.header-right-top{
    width:720px;
    background-image: url(../images/header-right-repeat.jpg);
    background-repeat:repeat-y;
    float:left;
    line-height:45px;
    margin:0;
    padding:0;
    height:45px;
    overflow: hidden;
}

.header-right-top ul {
    float:right;
}

.header-right-top li{
    float:left;
    list-style-type: none;
    color:#8d8d75;
    margin:0;
    padding:0 5px;
}

.header-right-top a{
    color:#fff;
    text-decoration: none;
}

.header-right-top a:visited{
    color:#fff;
}

.header-right-top a:hover{
    color:#fff;
    text-decoration: underline;
}

.header-right-top li.active a{
    text-decoration: underline;
}

.header-right-bottom{
    width:720px;
    height:221px;
    background-image: url(../images/header-right-particulier.jpg);
    background-repeat: no-repeat;
    float:left;
}



.mainLeftCol {
    padding:26px;
	float: left;
	width: 218px;
    overflow: hidden;
}

.menu li{
    list-style-type: none;
    padding:0;
    margin:0;
}

.menu-arrow{
    right:0;
    height:30px;
    background-image:url(../images/menu-arrow.jpg);
    background-position: center;
    width:13px;
    background-repeat: no-repeat;
    float:left;
}

.menu-item{
    color: #558f22;
    float:left;
    width:205px;
    line-height: 30px;
    font-size:16px;
    
}

.menu-item a{
    text-decoration: none;
}

.menu li.active .menu-arrow{
    background-image:url(../images/menu-arrow-active.jpg);
}

.menu li.active .menu-item a{
    color: #46462f;   
}

.submenu{
    width:160px;
    padding: 0px 32px;    
}

.submenu li {
    padding:5px 0px;
    width:180px;
}

.submenu li.active a {
    color: #46462f;
}

.mainContentContainer{
     background-color: #ecedeb;
     float:left;
}

.mainRightCol {
    padding:26px 26px 26px 13px;
    float: left;
    width: 218px;
    overflow:hidden;
}

.mainRightCol hr{
    color: #d5e2ca;
    background-color: #d5e2ca;
    border-color: #d5e2ca;
    border: 0;
}

.mainMidCol{
    padding:26px 13px 26px 26px;
	float: left;
	width: 424px;
}

.mainMidColFull{
    /*padding:26px 13px 26px 26px;*/
    float: left;
    width: 720px;
}

.mainMidCol hr{
    color: #d7d8d6;
    background-color: #d7d8d6;
    border-color: #d7d8d6;
    border: 0;
}

.activiteitItem {
    width: 424px;
}

.activiteitText {
    width: 235px;
    float:left;
}

.activiteitImage {
    width: 189px;
    float: left;
    text-align:right;
}

.activiteitImage img {
    border:1px #558f22 solid;
    padding:1px;
}

.inputNieuwsbrief {
    width:218px;
    padding-left: 10px;
}

.inputNieuwbriefButton {
    text-align: right; 
    padding: 5px 0px;
    width:223px;
}
.nieuwsbriefContainer{
   width:223px; 
}

.nieuwsbriefContainer form label { 
    display: none; 
}

.nieuwsbriefContainer form input.textInput {
    /*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    width:160px;
    height:20px;
    margin:0 0 0 20px;
    padding:3px 0 0 2px;*/
   
    /*border: none;  */ 
    background: #FFF;
    width:223px;   
    display: inline;
}
.nieuwsbriefContainer form input.formButton {
    width:135px;
    height:27px;
    float:right;
    margin:5px 0px;
    color:#FFF;
    background-color:#5B9726;
    background-image: url(../images/inschrijven-button-empty.jpg);
    background-repeat: no-repeat;
    border: none;
    display:block;
}

.nieuwsbriefContainer ul { 
    display:none;
}  

.notice {
    color:#444338;
}

.warning {
    color:red;
}


.textItem li {
    list-style-image: url("../images/list-style-image.gif");
}

.textItem ul {
    margin-left:10px;
}

.calendarModule {
    width:702px;
    background-color: #ecedeb;
    padding: 10px 0 20px 18px;
    margin-bottom: 9px;
}

.calendarModule h1 {
    /*width: 384px;*/
    font-size: 24px;
    line-height: 1em;
    color: #fff;
}

.calendarModule .monthNav {
    display:none;
    float: right;
    font: normal 10px/normal Verdana, Arial, Helvetica;
    color: #99D097;
    /*margin: 13px 37px 0 0;*/
}

.calendarModule .monthNav .month {
    color: #fff;
}

.calendarModule .monthNav .month img {
    vertical-align: -21%;
}


.calendarModule .monthNav .monthSelector {
    display: none;
}

.calendarMonthBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 61px;
    background-color: #fff;
    border: #2F722B 1px solid;
    /*padding: 10px;*/
    font: normal 10px/normal Verdana, Arial, Helvetica;
    color: #000;
    z-index: 100;
}

.calendarMonthBox a {
    color: #2F722B;
    text-decoration: none;
}

.calendarModule .monthNav a.black {
    font: normal 10px/normal Verdana, Arial, Helvetica;
    color: #000;
    text-decoration: none;
}

.calendarModule .monthNav a.white {
    font: normal 10px/normal Verdana, Arial, Helvetica;
    color: #fff;
    text-decoration: none;
}

.calendarModule .calendarTable {
    
    border-spacing: 5px;
}

.calendarModule .calendarTable th {
    width: 90px;
    border: #fff 1px solid;
    background-color: #b3dc22;
    font: normal 11px/normal Verdana, Arial, Helvetica;
    color: #fff;
    text-align: left;
    padding: 5px 0px;
    overflow: hidden;
}

.calendarModule .calendarTable th.weekend {
    background-color: #558f22;
}

.calendarModule .calendarTable td {
    width: 90px;
    height: 55px;
    border: #b3dc22 1px solid;
    background-color: #fff;
    vertical-align: top;
    /*padding: 5px 9px 0 9px;*/
    /*padding: 5px 2px 0 2px;*/
    font-size: 9px !important;
    overflow: hidden;
    margin: 0;
}

.calendarModule .calendarTable td.weekend {
    background-color: #fff;
}

.calendarModule .calendarTable td.otherMonth {
    background-color: #f5f5f4;
}

.calendarModule .calendarTable td.otherMonthWeekend {
    background-color: #f5f5f4;
}

.calendarModule .calendarTable td.used {
    background-color: #eaf6c3;
}

.calendarModule .calendarTable dl {
    height: 22px;
    font: normal 10px/normal Verdana, Arial, Helvetica;
    color: #000;
}

.calendarModule .calendarTable dt a {
    font: normal 10px/normal Verdana, Arial, Helvetica;
    color: #000;
    text-decoration: none;
}

.calendarModule .calendarTable dd {
    text-align: right;
}

/*.calendarModule .calendarTable dt a:hover {
    color: #fff;
}*/

.calendarModule .calendarTable dd.calendarInfobox {
    display: none;
}

.calendarModule .calendarTable .day {
    font: normal 23px/normal Verdana, Arial, Helvetica;
    color: #b3dc22;
    line-height: 19px;
}

#calendarInfobox {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    border: #b3dc22 9px solid;
    background-color: #eaf5c1;
    padding: 17px;
    font: normal 12px/normal Verdana, Arial, Helvetica;
    color: #000;
    z-index: 80;
}

#calendarInfoboxArrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 9px;
    background: transparent url(../images/module_calendar_arrow.gif) ;
    z-index: 90;
    overflow: hidden;
}


.calendarNav {
    height:30px;
    background-color: #fff;
    margin:0 5px;
    width:672px;
}

.arrow-left{
    background-image:url('../images/calendar-left.jpg');
    background-repeat: no-repeat;
    background-position: center;
    height:30px;
    width:15px;
    float:left;
}

.arrow-right{
    background-image:url('../images/calendar-right.jpg');
    background-repeat: no-repeat;
    background-position: center;
    height:30px;
    width:15px;
    float:left;
}

.monthTitle {
    width:642px;
    height:30px;
    padding-top:9px;
    text-align: center;
    float:left;
}

.arrow-right:hover {
    cursor: pointer;
    cursor: hand;
    background-image:url('../images/calendar-right-dark.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

.arrow-left:hover {
    cursor: pointer;
    cursor: hand;
    background-image:url('../images/calendar-left-dark.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

.agendaActiviteiten{
    width:218px;
}

.agendaActiviteiten td {
    border-bottom: 1px #d5e2ca solid;
    padding:2px 0px;
}

.agendaActiviteiten td:hover {
    background-color: white;
}

.standardLabel {
    width: 150px;
    display:block;
}

.errors {
    color:red;
}

#map_canvas {
    width:218px;
    height:218px;
}


.photoAlbumsModule-archive {
    width: 224px;
    background-color: #c0272d;
    padding: 15px 0 10px 19px;
    margin-bottom: 9px;
}

.photoAlbumsModule-archive h1 {
    font-size: 18px;
    line-height: 1em;
    color: #fff;
}

.photoAlbumsModule-archive ul {
    display: none;
    list-style: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.photoAlbumsModule-archive li {
    width: 207px;
    border-top: #d16166 1px solid;
}

.photoAlbumsModule-archive li.last {
    width: 207px;
    border-top: #d16166 1px solid;
    border-bottom: #d16166 1px solid;
}

.photoAlbumsModule-archive li a:hover {
    color: #fff;
    background: #af2329 url(../images/arrow-white.gif) no-repeat 2px 7px;
}

.photoAlbumsModule-archive a.openClose {
    display: block;
    font: normal 11px/normal Verdana, Helvetica, Arial;
    color: #fff;
    background: transparent url(../images/arrow-white.gif) no-repeat 0 5px;
    text-decoration: none;
    padding: 0 0 0 10px;
}

.photoAlbumsModule {
    height:645px;
    width:424px;
}

.photoAlbumsModule a:visited {
    color:#558f22;
}

.photoAlbumsModule h1 {
    font-size: 16px;
    line-height: normal;
    font-family: Arial;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 4px;
    margin-bottom: 7px;
}

.photoAlbumsModule .navAlbums {
    float: right;
    font: normal 10px/normal Verdana, Arial, Helvetica;
    margin-top: 13px;
    padding-right: 37px;
}

.photoAlbumsModule .albumThumbs {
    margin-top: 5px;
}

.photoAlbumsModule .albumThumbs .albumRow {
    margin-bottom: 7px;
    line-height: 0;
    font-size: 0;
}

.photoAlbumsModule .albumThumbs .albumRow img {
    border: #b3dc22 1px solid;
    margin-right: 6px;
}

.photoAlbumsModule-Preview .albumThumbs .albumRow img {
    border: #b3dc22 1px solid;
}


.photoAlbumsModule .pageNav {
    font: normal 10px/normal Verdana, Arial, Helvetica;
    color: #558f22;
    margin: 15px 0 0 5px;
}

.photoAlbumsModule .pageNav .selected {
    color: #000;
}

.formElementsContainer textarea{
    width:400px;
}

.footerNav {
    width:990px;
    height:25px;
}

.footerNav ul {
    list-style-type: none;
    float:right;
}

.footerNav li {
    margin:10px 5px;
    float:left;
}
