/* CSS Document */
html, body { height: 100%; padding-bottom: 1px; }
body { margin: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #334486; line-height: 18px; text-align: center; background: #f4aa1e url(../../siteImg/site_bg.jpg) top center repeat-y; }

img { border: none; }

h1 { font-size: 16px; margin-top: 4px; }

#wrapper { position: relative; clear: both; width: 970px; margin: 0 auto; text-align: left; height: auto; }
#header { width: 100%; height: 147px; text-align: center; background: url(../../siteImg/top_bg.jpg) bottom center no-repeat; }
#topmenubalk { border-top: 2px solid #FFF; width: 970px; height: 22px; background-color: #334486; }
#zoekenbalk { border-top: 2px solid #FFF; width: 970px; height: 30px; background-color: #419fd7; }
#contentblok { position: relative; margin-top: 10px; width: 970px; height: auto; }

#links { position: absolute; top: 0; left: 0; width: 192px; line-height: 18px; color: #419fd7;}
#midden { position: absolute; top: 0; left: 212px; width: 455px; line-height: 18px; }
#rechts { position: absolute; top: 0; left: 701px; width: 255px; line-height: 18px; color: #FFF; }

#midden a { color: #2a386e; text-decoration: underline;}
#midden a:hover { color: #f8b109; text-decoration: underline;}

/* topmenu */
#topmenubalk ul { margin: 0; padding: 0; height: 22px; list-style: none; }
#topmenubalk ul li { line-height: 22px; display: inline; float: left; padding: 0 12px 0 11px; background: url(../../siteImg/li_bg.gif) top right no-repeat; }
#topmenubalk ul li a { display: block; float: left; height: 22px; font-size: 14px; color: #FFF; text-decoration: none; }
#topmenubalk ul li a:hover { color: #d2d8ee; text-decoration: none; }
#topmenubalk ul li a.selected { color: #f8b109; }

/* sidemenu */
#sidemenu { width: 192px; margin-bottom: 15px; color: #419fd7; }
#sidemenu ul { position: relative; margin: 0; padding: 0; list-style: none; }
#sidemenu ul li { line-height: 22px; border-top: 1px solid #b2b6c7; border-bottom: 1px solid #b2b6c7; margin-bottom: 3px; }
#sidemenu ul li a { display: block; height: 22px; font-size: 12px; font-weight: bold; color: #344487; text-decoration: none; }
#sidemenu ul li a:hover { color: #a2b1da; text-decoration: none; }
#sidemenu ul li a.selected { color: #f8b109; }

/* weer */
#weather { position: relative; margin-top: 15px; }

#weather table { border: 2px solid #d2d9ec; width: 182px; }
#weather td { padding: 1px; margin: 0; }
#weather table table { border: 1px solid #FFF; }

/* zoeken (foute naam voor tweede balk) */
#zoeken { position: relative; width: 500px; height: 30px; float: right; }
.zoekform { margin-top: 5px; }
.zoekform .input { height: 14px; width: 180px; font-size: 12px; float: left; }
.zoekform .btn { margin-left: 4px; border: 1px solid #0a8bbb; background: url(../../siteImg/btn.gif) no-repeat; width: 68px; color: #FFF; cursor: pointer; }

#zoeken ul { margin: 0; padding: 0; height: 22px; list-style: none; margin-top: 4px; float: right; }
#zoeken ul li { line-height: 22px; display: inline; float: left; padding: 0 12px 0 11px; background: url(../../siteImg/li2_bg.gif) top right no-repeat; }
#zoeken ul li a { display: block; float: left; height: 22px; font-size: 14px; color: #FFF; text-decoration: none; }
#zoeken ul li a:hover { color: #d2d8ee; text-decoration: none; }
#zoeken ul li a.selected { color: #334486; }
#lang { position: relative; width: 120px; height: 30px; float: right; text-align: center; }
#lang a { position: relative; background-color: #FFFFFF; display: block; float: left; width: 32px; height: 20px; margin: 5px 2px 0 2px; }
#lang a:hover { background-color: #000; }
#lang img { position: relative; top: 0; left: 0; border: none;  filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; }

/* GASTENBOEK */
#reactielink { height: 19px; margin-bottom: 20px; }
#reactielink a { height: 19px; float: right; padding: 0 14px 0 14px; font-size: 12px; display: block; text-align: center; border: 1px solid #dddad9; background-color: #EAE8DB; color: #334486; font-weight: bold; text-decoration: none; }
#reactielink a:hover { color: #f8b109; text-decoration: none; }
#comments { color: #334486; }
.header { position: relative; height: 18px; font-size: 12px; color: #334486; word-spacing: 0.1em; }
.commentblok { position: relative; border: 1px solid #EAE8DB; margin-bottom: 20px; font-size: 12px;  line-height: 16px; }
.commentblok .mssg { padding: 3px 6px 3px 6px; }
.commentblok .rik { border-top: 1px solid #EAE8DB; color: #109BD5; padding: 0; text-indent: 3px; }
.commentblok .reactie { border-top: 1px dotted #EAE8DB; margin-top: 1px; padding: 3px 6px 3px 6px; color: #109BD5; }
#counter { position: relative; height: 34px; font-size: 12px; text-align: center; }
#counter a { height: 24px; width: auto; font-size: 12px; padding: 2px 6px 2px 6px; margin: 0 2px 0 2px; display: inline; text-align: center; background-color: #EAE8DB; color: #334486; text-decoration: none; }
#counter a:hover { color: #f8b109; text-decoration: none; }
#counter a.selected { background-color: #C8C7BC; font-weight: bold; }

form.gb { width: 584px; height: 360px; font-size: 12px; margin-top: 27px; }
.gb .left { float: left; }
.gb .right { float: right; }
.gb .tright { text-align: right; }
.gb .antwoord { color: #8C847F; }
.gb .mssg { color: #FF0000; }
.succesmssg { font-weight: bold; line-height: 24px; margin-top: 27px; }

.gb .row1 { position: relative; height: 135px; line-height: 16px; }
.gb .row1 .cel1 { position: relative; }
.gb .row1 .cel2 { position: relative; }
.gb .row1 .cel3 { position: relative; }
.gb .row1 input, .gb .row3 input { width: 180px; border: 1px solid #C8C7BC; background-color: #FFF; height: 17px; text-indent: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #334486; margin-bottom: 4px; }

.gb .row2 { position: relative; height: 151px; line-height: 16px; }
.gb textarea { width: 432px; height: 108px; margin-bottom: 10px; padding: 5px; border: 1px solid #C8C7BC; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #334486; }

.gb .row3 { position: relative; height: 81px; line-height: 20px; }
.gb .btn { width: 100px; border: 1px solid #dddad9; background-color: #EAE8DB; color: #334486; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 2px 6px; }
.gb .btn:hover { color: #f8b109; }

/* CONTACT EN OFFERTE FORM */
.input { border: 1px solid #C8C7BC; background-color: #FFF; height: 17px; text-indent: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #334486; margin-bottom: 4px;}
.large { width: 230px; }
.small { width: 180px; }
td select { text-indent: 1px; height: 21px; border: 1px solid #C8C7BC; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #334486; margin-bottom: 4px; }
td option { text-indent: 1px; height: 19px; } 
td textarea { width: 246px; height: 68px; margin-bottom: 10px; padding: 5px; border: 1px solid #C8C7BC; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #334486; }
.errorField { color: #CC0000; }

/* ZOEKEN PAGINA */
.zoeken { font-size: 14px; }

/* SITEMAP */
#sitemap { line-height: 22px; }
#sitemap a { text-decoration: none; }
#sitemap .menublok { margin-bottom: 30px; }
#sitemap .mainpage { font-size: 14px; font-weight: bold; }
#sitemap .subpage { margin-left: 18px; }
#sitemap .subsubpage { margin-left: 36px; }