html { height:100%; width:100% }

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#666666; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-image:url(/data/images/3/6/bg.jpg); background-repeat:repeat-y }

#wrapper { width:100%; height:100%; background-image:url(/data/images/5/1/bg_top.jpg); background-repeat:no-repeat; background-position:left top; position:absolute; top:0px; left:0px;}

h1 { font-size:20px; color:#a4bf04; text-transform:uppercase; font-weight:normal}
h2 { font-size:16px; color:#a4bf04; text-transform:uppercase; font-weight:normal}
h3 { font-size:14px; color:#006f4d; text-transform:uppercase; font-weight:normal}
h4 { font-size:12px; color:#a4bf04; text-transform:uppercase; font-weight:normal}

strong, b { font-size:12px; color:#006f4d;}

hr { border:0px solid #fff; border-top:1px solid #a4bf04 }

a img {border:0 solid #fff}
a {color:#006f4d; text-decoration:underline;}
a:hover { text-decoration:none;}
a:focus {outline:none}

#site_body { width:700px; left:260px; top:70px;   background-image:url(/data/images/3/8/bg_content.jpg);   position:absolute; z-index:1 }
#content { width:600px; padding-left:50px; padding-right:50px; padding-top:30px; padding-bottom:30px; position:relative; z-index:3}
#content_top { width:700px; height:200px; background-image:url(/data/images/4/0/bg_content_top.jpg); background-repeat:no-repeat; background-position:left top; position:absolute; z-index:2}
#content img{ margin-right:15px;}

#col_left {width:290px; float:left; position:relative;}
#col_right {width:290px; float:right; position:relative;}

#relatie_left {width:290px; float:left; position:relative; background-color:#eff6e5; min-height:100px; padding-top:29px;}
#relatie_right {width:290px; float:right; position:relative; background-color:#eff6e5; min-height:100px; padding-top:29px;}
.rel_header{ width:270px; height:25px; left:0px; top:0px; position:absolute; background-color:#a4bf04; text-transform:uppercase; color:#FFFFFF; font-size:12px; line-height:27px; padding-left:10px; padding-right:10px;}

.summary{margin-left:10px; margin-right:10px; margin-top:7px; margin-bottom:10px; font-size:11px; border-bottom:1px solid #a4bf04; line-height:16px;}
.summary img{float:left; margin-right:10px;}
.summary a{color:#a4bf04; text-decoration:none; text-transform:uppercase; margin-right:10px;}
.summary a:hover{color:#006f4d; text-decoration:none; text-transform:uppercase; margin-right:10px;}
.lees_meer{ width:100%; text-align:right; clear:both; background-image:url(/data/images/5/9/leesmeerpijl.gif); background-position:center right; background-repeat:no-repeat}

.datum{font-size:10px; color:#999999; margin-bottom:-10px;}

.news_sum{background-color:#eff6e5; margin-bottom:10px; padding:10px 10px 40px 10px; position:relative;}
.lees_meer_news{text-align:right; width:98px; height:33px; background-image:url(/data/images/4/2/bg_leesmeer.gif); background-position:bottom right; background-repeat:no-repeat; bottom:0px; right:0px; position:absolute; line-height:31px; padding-right:13px;}
.lees_meer_news a{color:#a4bf04; text-decoration:none; text-transform:uppercase; margin-right:10px;}
.lees_meer_news a:hover{color:#006f4d; text-decoration:none; text-transform:uppercase; margin-right:10px;}
.news_img_thumb{ float:left; margin-right:10px;}

#hoofdmenu { width:620px; left:310px; height:40px; top:0px; background-image:url(/data/images/4/3/bg_menu.png); background-repeat:no-repeat; position:absolute; z-index:5 }

/* --- TinyDropdownmenu --- */

ul.menu {list-style:none; margin:0; margin-left:10px; margin-bottom:10px; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#ffffff; text-decoration:none; font-weight:normal; float:left; height:17px;}
ul.menu li {position:relative; float:left; margin-right:-10px}
ul.menu ul li:first-child {background: transparent url(/data/images/4/9/bg_pd_top.png) no-repeat top left; padding-top: 15px; background: #b9ca55;}
ul.menu ul li:last-child {background: transparent url(/data/images/4/7/bg_pd_bottom.png) no-repeat left bottom; padding-bottom: 15px; background: #b9ca55;}
ul.menu ul {position:absolute; top:36px; left:13px; visibility: hidden; list-style:none; float:left; }
ul.menu ul li {position:relative; width:213px; margin:0; background-image:url(/data/images/4/5/bg_pd-kopie-1.png); background-repeat:repeat-y; background: #b9ca55; }
ul.menu ul li a {display:block; padding:3px 7px 5px; float:left; width:183px; margin-left:3px;}
ul.menu ul li a:hover {background-color:#618e3b; width:183px; margin-left:3px; padding-left:-3px;}
ul.menu ul ul {left:195px; top:-1px}
/* ul.menu .menulink {padding:7px 14px 7px; font-weight:normal; text-transform:uppercase; font-size:11px; float:left; background-image:url(/data/images/6/2/slash_hoofdmenu.gif); background-position:left center; background-repeat:no-repeat;} */
ul.menu > li {padding:7px 14px 7px; font-weight:normal; text-transform:uppercase; font-size:11px; float:left; background-image:url(/data/images/6/2/slash_hoofdmenu.gif); background-position:left center; background-repeat:no-repeat;}
/* ul.menu .menulink:hover, ul.menu .menuhover {float:left;} */
ul.menu > li:first-child { background: none; }
ul.menu li a:hover, ul.menu .menuhover {float:left;}
/* ul.menu .pd_start {height:9px; background-image:url(/data/images/4/9/bg_pd_top.png); background-position:top left; background-repeat:no-repeat;} */
/* ul.menu li ul li:first-child {height:9px; background-image:url(/data/images/4/9/bg_pd_top.png); background-position:top left; background-repeat:no-repeat;} */
ul.menu .pd_end {height:20px; background-image:url(/data/images/4/7/images/bg_pd_bottom.png); background-position:top left; background-repeat:no-repeat;}
ul.menu .sub {background-image:url(/data/images/3/4/arrow.gif); background-position:center right; background-repeat:no-repeat; width:183px;}
ul.menu .topline {border-top:0px solid #aaa;}


/* --- Submenu --- */

#submenu { width:600px; left:290px; height:40px; top:35px; position:absolute; z-index:4 }
#submenu ul { list-style:none; margin:0; margin-left:10px; margin-bottom:10px; float:right; padding:0; line-height:35px; }
#submenu ul * {margin:0; padding:0}
#submenu ul li {position:relative; float:left; margin-right:5px; color:#a4bf04}
#submenu ul li a { text-transform:uppercase; text-decoration:none; font-size:10px; color:#006f4d }
#submenu ul li a:hover { text-decoration:underline;}
/* #submenu .rss_img { padding-top:5px;} */
#submenu img {position: absolute; left: 600px; top: 12px;}

#logo { top:300px; left:30px; position:absolute;}
#naw { top:365px; left:30px; width:195px; font-size:11px; line-height:16px; text-align:right; position:absolute; }
#naw a{ color:#666666; }

/* --- Leftmenu --- */

#leftmenu .leftroot{ background-image:url(/data/images/3/5/arrow_left_menu.gif); background-position:170px 6px; background-repeat:no-repeat; overflow:visible; padding-right:15px; }
#leftmenu { width:210px; left:30px; top:415px; position:absolute; z-index:4; text-align:right; }
#leftmenu ul { list-style:none; margin:0; margin-left:10px; padding:0; line-height:24px; text-transform:uppercase; font-size:13px; padding-right:15px;}
#leftmenu ul * {margin:0; padding:0;}
#leftmenu ul li {position:relative; color:#006f4d; text-align:right; }
#leftmenu ul li a { text-transform:lowercase; text-decoration:none; font-size:12px; color:#666666 }
#leftmenu ul li a:hover { text-decoration:underline;}
#leftmenu h2 { font-size: 13px; margin-right: 2px; padding-right: 14px; color: #666666; background: transparent url('/data/images/3/5/arrow_left_menu.gif') no-repeat 100% 55%; }

#soc_netw { width:200px; height:35px; left:30px; bottom:0px; position:absolute; background-image:url(/data/images/5/0/bg_soc_netw.gif); background-position:left bottom; background-repeat:no-repeat; font-size:11px; line-height:35px; text-align:center; z-index:10}
#soc_netw img{ vertical-align:middle }

.clear{ width:100%; clear:both;}

img.left {margin: 0 20px 20px 0; }
img.right {margin: 0 0 20px 20px; }

form label {display: inline-block; width: 150px;}
form input,
form textarea {margin-bottom: 5px;}
form .submit {margin: 10px 0 0 150px;}
form .url {display: none;}
form textarea {height: 120px; width: 300px;}
#block-remark label {vertical-align: top;}