html { background: #72B9DA url(images/bg-main.jpg) 10px 0px repeat-x; margin: 0; padding: 0; }
body { padding: 0; font: normal 12px tahoma, arial; margin: 0; }

#header { position: relative; width: 100%; top: 0px; height: 100px; }

#tabmenu { position: absolute; top: 120px; width: 940px; margin: 0 auto; }
#tabmenu div { width: 940px; text-align: right; margin: 0 auto; }
#tabmenu ul { float: right; margin: 0 auto; margin-left: 240px; }
#tabmenu li { float: left; font: bold 11px arial; margin-left: 6px; }
#tabmenu li a { padding: 0 0 0 6px; display: block; line-height: 23px; height: 30px; color: #053265; background: url(images/navleft.gif) top left no-repeat; text-decoration: none; }
#tabmenu li a span { padding: 4px 12px 6px 8px; background: url(images/navright.gif) top right no-repeat; display: block; }
#tabmenu li.current a { color: white; background: url(images/navleft-hover.gif) top left no-repeat; } 
#tabmenu li.current a span { background: url(images/navright-hover.gif) top right no-repeat; }
#tabmenu li a:hover { color: white; text-decoration: none; background: url(images/navleft-hover.gif) top left no-repeat; }
#tabmenu li a:hover span { background: url(images/navright-hover.gif) top right no-repeat; }
#tabmenu li.current a:hover {  }


h1 { margin: 0; padding: 0; position: absolute; top: 35px; left: 0; } 
h1 a { text-indent: -9999px; margin: 0; background: transparent url(images/wellwater-logo.png) center top no-repeat; display: block; width: 216px; height: 164px; } 
h2 { color: #06418A; font-weight: bold; font-size: 15px; font-family: Arial; margin: 0; padding: 0; text-align: left; margin-bottom: 20px; border-bottom: 1px dotted #B2C3D9; }
h3 { color: #06418A; font-weight: bold; font-size: 15px; font-family: Arial; margin: 15px 0 0 0; padding: 0; }
h3 a { color: #06418A; }

#english { float: right; font: bold 12px arial; margin-top: 20px; padding: 0px; position: relative; }
#english p { padding: 0; margin: 0; }
#english a { text-decoration: none; }
#english img { border: 1px solid #ccc; }

.mvologo img { float: left; padding: 0 10px 5px 0; }
p.mvologo { clear: left; height: 60px; text-align: left; background: url(images/hr-bg.gif) left bottom repeat-x; }
.mvologo a { text-decoration: none; display: block; padding: 5px; height: 40px; }
.mvologo a:hover { border: 1px dotted #ABABAB; padding: 4px; }

#container { margin: 0 auto; width: 940px; }
#contentwrap { background: url(images/contentwrap-bg.gif) top left repeat-y; margin: 60px 0 0 0; padding-bottom: 1px; }
#contenthead { background: url(images/content-header.gif) top left no-repeat; height: 7px; }

#content { float:left; padding: 18px; margin-left: 2px; text-align:left;  width: 601px; background: url(images/content-bg.gif) top left no-repeat; }
#rightcol { width: 270px; float:right; padding: 18px 18px 10px 10px; }

#newsitem { background: #E9F0F9; padding: 10px; border: 1px dotted #B2C3D9; margin-bottom: 15px; }
#newsitem h3, #newsitem p { color: #06418A; }
#newsitem p { font: normal 12px Arial; line-height: 16px; }

#newsimg { float: left; margin-right: 10px; border: 0px; padding: 0px;  }

.projectimg { margin-bottom: 10px; margin-right: 30px; }

.newsintro { font-weight: bold; }

.imgbrdr { border: 1px solid gray; }

.section { overflow: auto; display: block; margin: 0 0 0 0 ; }
.section .col { width: 270px; padding: 0 10px 0 0; float: left; }

.colofon li { width: 100px; float: left; height: 65px; padding: 10px; margin: 5px; border: 1px dotted #B2C3D9; font-size: 10px; line-height: 15px; }
.colofon img { }

.idmedia li { width: 80px; height:220px; float: left; padding: 10px; margin: 5px; border: 1px dotted #B2C3D9; font-size: 10px; line-height: 15px; }


.readmore { text-align: right; padding: 0; margin: 0; vertical-align: middle; }
.readmore a { font: bold 12px arial; text-decoration: none; background: url(images/more.gif) right 1px no-repeat; padding-right: 35px; }
.readmore a:hover { text-decoration: underline; }

#map_canvas { font-size: 10px; line-height: 14px; margin-bottom: 20px; }

#assortiment-promo { text-align: center; }
#assortiment-promo p { padding: 3px 0; margin: 0; font: bold 12px arial; }
#assortiment-promo a { text-decoration: none; color: black; }
#assortiment-promo a:hover { color: #666; }

#whiteboxcontainer { background:url(images/white-box.gif) top left no-repeat; padding-top: 14px; width: 270px; }
#whiteboxcontainer div { background:url(images/white-box.gif) bottom left no-repeat; padding: 0 14px 14px 14px; }
#whiteboxcontainer p { font: bold 11px arial; color: #9B9B9B; padding: 0; margin: 0; line-height: 16px; }


hr.clearer { clear: both; height: 0px;}

#footer-container{ clear: both; background: #0A4C89; padding: 0px 0 30px 0; }
#footer { width: 940px; margin: 0 auto; background: url(images/footer-bg.gif) top left no-repeat; height: 86px; padding-top: 10px; }
#footer #fleft { float: left; }
#footer #fright { float: right; width: 300px; text-align: center; }
#footer p { padding: 3px 15px; margin: 0; font-size: 10px; float: left; color: #444; border-right: 1px dotted #666; }

#logos li { text-align: center; width: 170px; height: 110px; border: 1px dotted #ccc; margin: 10px 10px 0 0; padding: 5px 0 0 0; float: left; line-height: 100px; }
#logos img { vertical-align: middle; }

#flesje-shuin { float: right; margin-top: -20px; }
#nederland { float: left; margin-top: 20px; padding-right: 10px; }

.box { margin: 0; padding: 14px; line-height: 20px; }
.box-noborder { margin: 0; padding: 14px 14px 8px 14px; }


p { line-height: 20px; }
a { color: #184466; text-decoration: underline; }
a:hover { color: #FF690F; text-decoration: underline; }
div.hr { clear: both; height: 15px; background: url(images/hr-bg.gif) scroll center repeat-x; }
div.hr hr { display: none; }
form { margin: 0; padding: 0; }
img { border: 0; }

#halslabels { width: 150px; float: right; border: 1px dotted #B2C3D9; padding: 8px; }
#halslabels p  { margin-top: 0; line-height: 16px; } 
#halslabellist img { padding: 5px; }

#locations ul { margin-top: 20px; border-top: 1px dotted #777; }
#locations li { border-bottom: 1px dotted #777; }
#locations li span { margin-top: 8px; width: 55px; float: right; color: #B2C3D9; border: 1px solid #B2C3D9; font: bold 10px arial; text-align: center; padding: 5px; }

ul { list-style: none; margin: 0; padding: 0; }

h2 #rss { float: right; }

.menu { text-align: right; list-style: none; width: 150px; float: right; margin: 0 25px 20px 0; }
.menu li { padding: 1px 0; }
.menu li a { font: bold 12px Arial; color: white; text-decoration: none; display: block; padding: 5px 10px; }
.menu li a:hover, .menu li.current a:hover { background: url(images/menu-hover-bg.png) left top repeat; border: 1px dotted #777; padding: 4px 9px; }
.menu li.current a { background: url(images/menu-hover2-bg.png) left top repeat; border: 1px dotted #777; padding: 4px 9px; }

.more { float: right; font: bold 11px arial; font-style: italic; }

ul#websites { list-style: none; margin: 15px 0 0 0; padding: 0; }
ul#websites li { padding: 0 5px 3px 0; float: left; }
ul#websites li a img { padding: 1px; margin: 0; filter:alpha(opacity=50) gray; -moz-opacity:.50;opacity:.50; border: 1px solid #666; }
ul#websites li a:hover img {filter:alpha(opacity=100); -moz-opacity:1.0;opacity:1.0; border: 1px solid #555; } 
ul#websites li a { padding: 0; margin: 0; }
ul#websites li a:hover { }

.mainul { list-style: none; margin: 15px 0; padding: 0; border-top: 1px dotted ; font: normal 11px verdana; }
.mainul li { border-bottom: 1px dotted #B2C3D9; padding: 0; margin: 0; }
.mainul li span { margin-top: 2px; width: 85px; float: left; color: #B2C3D9; font: bold 10px arial; text-align: right; padding-right: 10px; }
.mainul li a { padding: 4px 0; display: block; text-decoration: none; color: #0186C0; margin: 1px 0; }
.mainul li a:hover { color: #000; background: #E9F0F9; }
.mainul span.small { width: 50px; }

.basiclist, .error { padding: 4px 0; list-style: square; list-style-position:inside; }

.our-address { font-style: normal; padding-left: 20px; }
.our-address strong { }
.our-address span { display: block; color: #666; margin-left: -20px; font-style: italic; font-size: 10px; padding-bottom: 5px; }

.newsintro { font: bold 12px tahoma, arial; line-height: 20px; }
.newsdate { display: block; padding: 8px; background: url(images/content-bg-alpha2.png) left top repeat; font: 10px tahoma, arial; color: #666; }


hr.clearer {display:block; height:0.1em; clear:both; visibility:hidden; } 

.register-table {
  width: 100%;
  border-collapse: collapse;
}

.register-table thead th {
  border-bottom: 1px dotted #B2C3D9;
  background-color: #E9F0F9;
  padding: 5px;
  text-align: left;
  font: bold 12px Arial;
}

.register-table tbody th {
  border-bottom: 1px solid #D2D0C5;
  text-align: left;
  font-weight: normal;
  padding-right: 9px;
}
.register-table tbody tr.error td, .register-table tbody tr.error th { background: #F18E8E; }


.register-table tbody td {
  border-bottom: 1px solid #D2D0C5;
  text-align: right;
  padding: 2px;
}