HTML { height: 100%; margin-bottom: 1px; }
BODY { min-width: 776px; height: 100%; background: #001507 url(../images/body_bg.gif) repeat-x left top; margin: 0; padding: 0; }
BODY, INPUT, SELECT, TEXTAREA { color: #434343; font-size: 13px; font-weight: normal; font-family: "Trebuchet MS", Arial, sans-serif; }
FORM { margin: 0; padding: 0; }
INPUT, SELECT, TEXTAREA { background-color: #fff; border: 1px solid #064d1c; }
INPUT { padding-left: 3px; padding-right: 3px; }
TEXTAREA { padding: 3px; overflow: auto; }
IMG { border: none; vertical-align: -3px; }
H1 { background-color: #f1f1e9; margin: 0; padding: 3px; color: #8e1516; font-size: 19px; font-weight: normal; line-height: 34px; border: 1px solid #ded4c6; }
H1 SPAN { display: block; background-color: #fff; padding: 0 0 0 20px; }
H1 SPAN.geldig { padding-left:0; display: inline; color:#434343; font-family:Trebuchet MS,Arial,sans-serif; font-size:12px; font-weight:normal; }
H2 { margin: 0 0 13px; padding: 0; color: #8e1516; font-size: 18px; font-weight: normal; }
H3 { margin: 13px 0 0; padding: 0; color: #8e1516; font-size: 13px; font-weight: bold; }
H4 { margin: 0; padding: 0; color: #434343; font-size: 12px; font-weight: bold; }
P { margin: 13px 0; }
B { color: #8e1516; }
OL, UL { margin-top: 10px; margin-bottom: 10px; }
A { color: #076324; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }
hr { border:1px solid #cccccc; }
label {
	display:block;
	float:left;
	width:300px;
}

.contentPad UL.specs LI {
	list-style: square;
}


/* LAYOUT */
#container { min-height: 564px; background: url(../images/container_bg.gif) repeat-x left top; padding: 8px 0 30px; }
.pageTop, .pageBot { width: 774px; height: 12px; margin: 0 auto; font-size: 0; }
.pageTop { background: url(../images/page_top.png) no-repeat; }
.pageBot { background: url(../images/page_bot.png) no-repeat; }

#content { width: 774px; background: url(../images/content_bg.png) repeat-y; margin: 0 auto; line-height: 20px; }
.contentPad { width: 694px; padding: 25px 40px 30px; }
.contentPad.corners { background: url(../images/corners.png) no-repeat center top; }
.contentPad .contentPad { width: auto; padding: 0 25px; }
.contentPad .contentPad H2 { margin: 20px 0 13px; }

.columnLeft { float: left; width: 440px; }


/* HEADER */
#header { width: 749px; margin: 0 auto; margin-bottom: 1px; }
#header .left { background: url(../images/header/header_left.gif) no-repeat left top; }
#header .right { background: url(../images/header/header_right.gif) no-repeat right top; height: 110px; padding-top: 6px; }
#header .content { height: 102px; margin: 0 35px; border-top: 1px solid #c8d7ae; border-bottom: 1px solid #c8d7ae; }
#header H1 { float: left; width: 214px; margin: 6px 0 0; padding: 0; font-size: 0; border: none; }
#header H1 A { display: block; height: 80px; background: url(../images/header/GreenVillage.gif) no-repeat; text-indent: -5000px; }


/* MENU */
.menuTop { float: right; padding-top: 15px; color: #f3f1dc; }
.menuTop A { color: #f3f1dc; font-size: 12px; }

#menu { background: url(../images/menu/menu_bg.gif) repeat-x left top; overflow: hidden; }
#menu .splash { height: 31px; background: url(../images/menu/menu_splash.gif) no-repeat center top; }
#menu .inner { position: relative; left: 50%; float: left; }
#menu .outer { position: relative; left: -50%; }
#menu UL { height: 31px; background: url(../images/menu/menu_sep.gif) no-repeat left top; margin: 0; padding: 0 0 0 1px; list-style: none; }
#menu LI { float: left; background: url(../images/menu/menu_sep.gif) no-repeat right top; padding-right: 1px; }
#menu A { float: left; display: block; height: 31px; background: url(../images/menu/menu_hover.gif) repeat-x; background-position: 0 0; padding: 0 13px; color: #f3f1dc; font-size: 12px; line-height: 30px; text-decoration: none; }
#menu LI.active A, #menu A:hover { background-position: 0 -31px; }


/* BLOCKS */
.blk { float: right; width: 181px; background: #06551f url(../images/blk_bg.gif) repeat-y left top; color: #f3f1dc; font-size: 11px; line-height: 15px; }
.blk B.title { display: block; color: #f3f1dc; margin-bottom: 5px; }
.blkT { background: url(../images/blkT.gif) no-repeat left top; }
.blkB { background: url(../images/blkB.gif) no-repeat left bottom; padding: 25px; }

IMG.imgBrd { background-color: #fff; padding: 5px; border: 1px solid #adbcab; }

.imgBrd { background-color: #fff; padding: 5px; border: 1px solid #adbcab; }

div.divBrd { background-color: #fff; padding: 5px; border: 1px solid #adbcab; }

.info { float: left; width: 320px; }
.info_w { float: left; width: 100%; }
UL.list { margin: 0; padding: 0; list-style: none; }
UL.list LI { background: url(../images/list_mark.gif) no-repeat left 10px; padding-left: 12px; line-height: 18px; }
	

/* FOOTER */
#footer { width: 694px; margin: 0 auto; padding: 6px 0; color: #f3f1dc; font-size: 11px; }
#footer A { color: #f3f1dc; text-decoration: none; }
#footer A:hover { text-decoration: underline; }


/* OTHER */
.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }

div.eventBlk {
  width:232px;
  height:240px;
  overflow:hidden;
  background:url(../images/event-blk-back.jpg);
}

div.eventBlk h1 {
  background: url(../images/event-h1-back.jpg) repeat-x;
  color:#e5e4d5;
  height:34px;
  line-height:34px;
  font-size:16px;
  margin:0;
  padding:0;
  text-align:center;
  border:0;
} 

div.wrapper {
  display:inline-table;
  margin-left:12px;
}

div.date {
  background:transparent url(../images/event-date-back.jpg) repeat scroll 0 0;
  color:#FFFFFF;
  font-size:13px;
  height:39px;
  line-height:18px;
  padding-top:3px;
  text-align:center;
  width:42px;
  margin:7px;
  float:left;
}

div.eventBlk p {
  margin:0;
  padding:3px 10px 0 0;
  font-size:12px;
  line-height:16px;
}

div.eventBlk span {
  display:block;
  margin-left:7px;
  margin-top:4px;
}

div.eventBlk div.outerdiv {
  position:relative;
  height:174px;
  overflow:hidden;
}
div.eventBlk div.viewport {
  overflow:hidden;
  position:absolute;
}

div.eventBlk div.spacer {
  clear:both;
  height:1px;
  overflow:hidden;
  border-bottom:1px solid #f9f9f7;
  background:#ccccc2;
  margin:0;
}

span.paginator {
  float:right;
  margin-right:10px;
  display:none;
}

div.eventBlk span.events {
  display:block;
  float:left;
  margin-left:7px;
  margin-top:4px;
  width:106px;
}
  
span.paginator a {
  width:21px;
  height:21px;
  line-height:21px;
  text-align:center;
  background:#7b1010;
  float:left;
  cursor:pointer;
  cursor:hand;
  color:#fefefe;
  border:1px solid #fefefe;
  margin-left:5px;
  text-decoration:none;
}

span.paginator a.hover, span.paginator a.active {
  background:#fefefe;
  color:#c5a19b;
  border:1px solid #c5a19b;
}

div.calendar_item_overview div.spacer {
  height:200px;
  float:left;
}

div.calendar_item_overview {
  display:block;
  float:left;
}

div.event-description {
  float:left;
  width:578px;
  margin-left:10px;
}

div.event-description p {
  margin:3px 0 0 0;
}

div.hspacer {
  background:#CCCCC2 none repeat scroll 0 0;
  border-bottom:1px solid #F9F9F7;
  clear:both;
  float:left;
  height:1px;
  margin:17px 0;
  overflow:hidden;
  width:100%;
}

div.month-view {
  height:30px;
  margin:10px 0;
  line-height:30px;
  padding:0 0 0 10px;
} 

div.month-view a.active {
  color:#9a7272;
  text-decoration:none;
}

div.viewport a {
  color:#434343;
  text-decoration:none;
}

div.month-view a, div.month-view {
  color:#7f1111;
}

.contentPad div.event-description h2 {
  margin:5px 0 12px;
}

a.read-more {
  color:#7f1111;
}

/* BORDERS */
/* BLOCKS */
.shT { float: left; background: #fff url(../images/borders/shT.gif) repeat-x left top; margin: 5px 0; }
.shTL { background: url(../images/borders/shLT.gif) no-repeat left top; }
.shTR { background: url(../images/borders/shRT.gif) no-repeat right top; }
.shB { background: url(../images/borders/shB.gif) repeat-x left bottom; }
.shBL { background: url(../images/borders/shLB.gif) no-repeat left bottom; }
.shBR { background: url(../images/borders/shRB.gif) no-repeat right bottom; padding: 4px 0; }
.shL { background: url(../images/borders/shL.gif) repeat-y left top; }
.shR { background: url(../images/borders/shR.gif) repeat-y right top; padding: 0 4px; }


a.btn_leukefeesten {
  text-indent: -5000px;
  display: block;
  height: 31px;
  width: 204px;
  background: url(../images/btn_leukefeesten.png) no-repeat;
}

a.btn_leukefeesten img {
  border: none;
}

a.btn_leukefeesten:hover {
  background-position: 0 -31px;
}