HTML { height: 100%; margin-bottom: 1px; }
BODY { height: 100%; margin: 0; padding: 0; background: #fff url(../images/body_bg.gif); }
BODY, INPUT, SELECT, TEXTAREA { color: #564b4b; font-size: 12px; font-weight: normal; font-family: Tahoma, Arial, sans-serif; }
FORM { margin: 0; padding: 0; }
INPUT { padding-left: 3px; padding-right: 3px; }
TEXTAREA { padding: 3px; overflow: auto; }
IMG { border: none; vertical-align: -3px; }
H1 { height: 24px; background: url(../images/title_bg.gif) repeat-x left top; margin: 0 0 13px 0; padding: 0 20px; color: #000; font-size: 23px; font-family: Arial, sans-serif; font-weight: normal; line-height: 18px; }
H1 SPAN { float: left; background-color: #f7f7f7; padding: 0 20px 0 5px; }
H1 A { float: right; color: #8a8988; font-size: 11px; text-decoration: none; text-transform: uppercase; }
H1 A:hover { color: #000; }
H2 { margin: 0; padding: 0; color: #000; font-size: 22px; font-family: Arial, sans-serif; font-weight: normal; }
H3 { margin: 0 0 8px; padding: 0; color: #860c0c; font-size: 12px; font-weight: bold; }
P { margin: 12px 0; }
OL, UL { margin-top: 12px; margin-bottom: 12px; }
A { color: #860c0c; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }
A.more { float: right; font-weight: bold; text-decoration: none; }
A.more:hover { text-decoration: underline; }


/* LAYOUT */
#page { position: relative; width: 850px; min-height: 100%; background-color: #f7f7f7; margin: 0 auto; z-index: 0; }
#container { min-height: 320px; background: url(../images/container_lines.gif) no-repeat left top; margin-bottom: 40px; padding: 0 1px; }

#columnLeft { float: left; width: 560px; padding-top: 25px; line-height: 16px; }

#columnRight { float: left; width: 288px; min-height: 200px; background: url(../images/columnRight_bg.gif) no-repeat left top; padding-top: 25px; line-height: 16px; }
#columnRight H2 { height: 24px; background: url(../images/title_bg.gif) repeat-x left top; margin: 0 0 13px 25px; padding: 0 20px 0 0; color: #000; font-size: 23px; font-family: Arial, sans-serif; font-weight: normal; line-height: 18px; }
#columnRight H2 SPAN  { float: left; background-color: #f7f7f7; padding: 0 20px 0 0; }

.contentPad { padding: 0 20px 0 25px; }

.contactForm	{ padding: 0; margin: 0; }
.contactForm label	{ float: left; width: 170px; margin: 9px 0 0 0; }
.contactForm input	{ margin: 5px 0 0 0; width: 270px; float: left; }
.contactForm .verstuur	{ width: auto; margin: 9px 0 0 170px; }
.wenst	{ float: left; width: 280px; padding: 0; }
.wenst input	{ width: auto; float: left; clear: left; margin: 5px 10px 5px 0; }
.wenst label	{ width: auto; float: left; margin: 5px 0; }
.hLine		{ border-top: 1px solid #bfbfbf; font-size: 0; margin: 10px 0 0 0; padding: 0; }

/* HEADER */
#skipNav	{ position: absolute; left: -5000px; }
.topbar { background: url(../images/header/topbar_bg.gif) repeat-x left top; color: #000; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; }
.topbarL { background: url(../images/header/topbar_line.gif) no-repeat left bottom; }
.topbarR { height: 22px; background: url(../images/header/topbar_line.gif) no-repeat right bottom; padding: 38px 0 0 25px; }

#header { position: relative; width: 860px; margin: -5px; z-index: 100; }
#header .frameT { height: 9px; background: url(../images/header/frame_top.png) no-repeat left top; font-size: 0; }
#header .frameB { height: 9px; background: url(../images/header/frame_bot.png) no-repeat left top; font-size: 0; }
#header .frameBg { background: url(../images/header/frame_bg.png) repeat-y left top; padding: 4px 13px; }
#header .frameBrd { height: 207px; background: #605d58 url(../images/menu/menu_bgright.gif) repeat-y 142px 0; border: 1px solid #fff; }

#header IMG { float: left; width: 652px; height: 207px; border-left: 1px solid #fff; }

#header H2 { position: absolute; top: 29px; right: 20px; width: 275px; height: 184px; background: url(../images/PiT.png) no-repeat; margin: 0; padding: 0; font-size: 0; text-indent: -5000px; }


/* MENU */
#menu { float: left; width: 179px; background: url(../images/menu/menu_bgtop.gif) no-repeat; padding-top: 15px; }
#menu UL { margin: 0; padding: 0; list-style: none; }
#menu A { display: block; width: 134px; padding: 3px 30px 3px 15px; color: #fff; font-size: 12px; font-family: Arial, sans-serif; text-transform: uppercase; text-decoration: none; }
#menu LI.active A, #menu A:hover { background: #706e69 url(../images/menu/item_mark.gif) no-repeat right center; }


/* BLOCKS */
.imgRight { float: right; margin: 5px 0 10px 15px; }
.imgLeft { float: left; margin: 5px 15px 10px 0; }

.date { float: right !important; background: none !important; padding: 0 !important; color: #8a8988; font-size: 11px; text-transform: uppercase; }

.shT { float: left; display: block; background: #fff url(../images/shadow/shT.gif) repeat-x left top; }
.shTL { display: block; background: url(../images/shadow/shTL.gif) no-repeat left top; }
.shTR { display: block; background: url(../images/shadow/shTR.gif) no-repeat right top; }
.shL { display: block; background: url(../images/shadow/shL.gif) repeat-y left top; }
.shR { display: block; background: url(../images/shadow/shR.gif) repeat-y right top; }
.shBL { display: block; background: url(../images/shadow/shBL.gif) no-repeat left bottom; }
.shB { display: block; background: url(../images/shadow/shB.gif) repeat-x left bottom; }
.shBR { display: block; background: url(../images/shadow/shBR.gif) no-repeat right bottom; padding: 4px 5px 6px; }


/* FOOTER */
#footer { width: 796px; background: url(../images/footer_bg.gif) no-repeat left top; margin: 0 auto; padding: 13px 5px 30px; color: #939292; font-size: 10px; }
#footer P { float: left; margin: 0; }
#footer A { color: #939292; text-decoration: none; }
#footer A:hover { text-decoration: underline; }
#footer A.home { float: right; text-transform: uppercase; }


/* OTHER */
.line { height: 0px; margin: 15px 0; font-size: 0; line-height: 0; border-top: 1px solid #bfbfbf; }

.aLeft { text-align: left !important; }
.aCenter { text-align: center !important; }
.aRight { text-align: right !important; }

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