html {
  background: #FFF url("images/sl-left.png") repeat-y;
  background-attachment:fixed;
}
body {
  margin:0px;
  padding:0px;
  padding-top:125px;
  padding-left:225px;
/*  background: #FFF url("images/sl-left.png") repeat-y;
    background-attachment:fixed;
*/
}

h1 {
  position: fixed;
  top:0;
  left:1px;
  width:264px;
  height:234px;
  background: url("images/eiland-rgl-logo-trans.png") no-repeat bottom right;
  font-size:1px;
  text-indent:-999px;
  z-index:2;
  margin:0;
  padding:0;
}
  
h2 {
  font: bold 1.1em Arial,sans-serif;
  margin-left:25px;
  background: url("images/bcb-main.png") repeat-x 0% 50%;
  padding:6px 0;
  color: blue;
  position: relative;
  min-height:16px;
}
h2 span.left {
  display: block;
	position: absolute;
	height:100%;
	left:0px;
	margin:-6px 0 0 0;
	padding:0;
	background: url("images/bcb-left.png") repeat-x 0% 50%;
	padding-left:21px;
}
h2 span.content {
  position: relative;
	z-index:1;
	padding-left:11px;
}
h2 span.right {
  position: absolute;
	height:100%;
	right:0px;
	margin:-6px 0 0 0;
	background: url("images/bcb-right.png") repeat-x 0% 50%;
	padding-right:7px;
}
  
h3 {
  font: bold 1.1em Arial,sans-serif;
	color: #000090;
	border-bottom: 2px solid #000090;
	margin:1em 0 0 0;
	padding:0 3px;
}

p {
  margin-top:3px;
  margin-bottom:1em;
  padding:0 3px;
}

p.sub-section, address.sub-section {
  margin:3px 0 1em 40px;
  padding:0 3px;
}
address.sub-section {
  font-style: normal;
}
p + p.sub-section, p + address.sub-section, p + ul.sub-section {
 margin-top: -1em;
}

div#navigation {
  position:absolute;
}
div#navigation {
  position:fixed;
  margin:0px;
  padding:0px;
  top:0;
  left:0px;
  right:0px;
  height:108px;
  background: url("images/top-white.png") top repeat-x;
  z-index:1;
}
ul#nav, ul#nav ul {
  margin:0;
  padding:0;
  list-style: none;
}
ul#nav {
  font:bold 0.9em Arial,sans-serif;
  position:absolute;
  left:0px;
  right:0px;
  bottom:0px;
  padding:0;
  margin:0;
  padding-bottom:19px;
  margin-left:265px;
  background: url("images/sl-top.png") bottom repeat-x;
}
ul#nav li {
  position: relative;
  left:0px;
  padding:5px;
  border:1px solid #000090;
  color: #000090;
  background: #FFF;
}
ul#nav li a {
  text-decoration: none;
}
ul#nav > li {
  display: block;
  float:left;
  margin-left:10px;
  z-index:99;
  left:-10px;
  bottom:0px; 
}
ul#nav li ul.submenu {
  display:none;
  position:absolute;
  margin:6px 0 0 0;
  padding:0;
  left:-1px;
  list-style:none;
  list-style-type:none;
}
ul#nav > li:hover {
  background:aqua url('images/bg-menu-desc.png') 0% 50% repeat-x;
}
ul#nav li:hover ul.submenu, ul#nav li.open ul.submenu{
  display:block;
}
ul#nav ul.submenu li {
  margin:0;
  padding:0;
  width:17ex;
  position:relative;
  display:block;
  border-width:0 1px 1px 1px;
  border-top:0;
  text-align:left;
  background:#FFF;
}
ul#nav li ul.submenu li a {
  text-decoration: none;
  color: #000090;
  display:block;
  padding:5px;
  margin:0;
}
ul#nav ul.submenu li a:hover {
  background:yellow url('images/bg-menu-link.png') 0% 50% repeat-x;
}
    
div#address {
  position: fixed;
	left:0px;
	bottom:0px;
	margin-bottom:8px;
	width:192px;
	text-align: center;
	background:#FFF;
}
div#address address {
  font: normal bold .9em Arial,sans-serif;
	color: #000090;
}
div#sidebar {
  position:absolute;
  right:5px;
  top:159px;
  width:168px;
}
div#sidebar h3 {
  color: inherit;
  border: none;
  font-weight: normal;
  font-family: Times, serif;
  text-decoration: underline;
}
#index div#content {
  margin-top:35px;
  margin-right:185px;
}
form.naw-invoer dl {
  overflow: auto;
  _height:1%; /* internjet exploder hack */
}
form.naw-invoer dt {
  clear:left;
  float:left;
  width:200px;
  margin:0.2em 0 0 0;
  text-align:right;
}
form.naw-invoer dd {
  float:left; 
  margin:0.1em 0;
}

/*- Index specific styles - 'news' articles -*/
body#index div.article {
  width:100%;
  margin-top: 10px;
  clear: both;
}
body#index div.article + div.article {
  border-top:2px solid #000090;
  padding-top:10px;
}
body#index div.article h3 {
  color: inherit;
  border: none;
  font-weight: bold;
  font-size: 1em;
  font-family: Times, serif;
  margin:0;
}

/*- Page specific styles (title in the right bottom) -*/
/*
body.programmering#maandag {
  background: url('images/programmering/maandag.jpg') no-repeat right bottom;
  background-attachment: fixed;  
}

body.informatie#sport {
  background: url('images/informatie/sport.png') no-repeat right bottom;
  background-attachment: fixed;  
}
-- not yet, need to find a way to back it out for IExplorer... --
*/

/*- Program specific styles -*/
body.programmering dl {
  font-size:13pt;
  padding:0;
  margin:0 0 0 40px;
}
body.programmering h3 + dl {
  margin-top:.33em;
}
body.programmering dt {
  height: 1em;
}
body.programmering dd {
  position: relative;
  top:-1em;
  padding:0px;
  margin-left:15ex;
}

/*- Infotheek specific styles -*/
body.informatie#infotheek div.overzicht {
  padding-right:12px;
  padding-bottom:12px;
}
body.informatie#infotheek table {
  border: none;
  border-collapse:collapse;
  width:100%;
}
body.informatie#infotheek td,body.informatie#infotheek th {
  vertical-align:top;
  border:1px solid #000090;
  padding: 1px;
}
body.informatie#infotheek tr.odd td {
  background: aqua;
}

/*- Polderpop top 15 specific styles */
body.informatie#polderpoptop15 div.overzicht {
  padding-right:12px;
  padding-bottom:12px;
}
body.informatie#polderpoptop15 table {
  border: none;
  border-collapse:collapse;
  width:600px;
}
body.informatie#polderpoptop15 td, body.informatie#polderpoptop15 th {
  border:1px solid #000090;
  padding:1px;
}
body.informatie#polderpoptop15 tr.odd td {
  background:aqua;
}
body.informatie#polderpoptop15 td.dw, body.informatie#polderpoptop15 td.vw,
body.informatie#polderpoptop15 td.aw {
  background:white!important;
  text-align: right;
}
body.informatie#polderpoptop15 tr.nieuw td.dw, 
body.informatie#polderpoptop15 tr.nieuw td.vw,
body.informatie#polderpoptop15 tr.nieuw td.aw {
  background:lime!important;
  text-align: right;
}
body.informatie#polderpoptop15 tr.top15tip,
body.informatie#polderpoptop15 tr.verdwenen {
  background:#000090;
}
body.informatie#polderpoptop15 tr.top15tip h3,
body.informatie#polderpoptop15 tr.verdwenen h3 {
  margin:0;
  padding:0;
  font:inherit;
  font-size:large;
  border:none;
  color:yellow;
}

/* Contact informatie (Adressen) specifiek*/
body.colofon#adressen table#bestuur {
  margin-top: 3px;
  border:none;
  border-collapse:collapse;
}
body.colofon#adressen table#bestuur td,
body.colofon#adressen table#bestuur th {
  text-align: left;
  vertical-align:top;
  border:1px solid #000090;
  padding: 3px;
}

/* Sitemap specifiek  */
body#sitemap div#content ul {
  margin:0;
  padding:0;
  list-style: none;
}
body#sitemap div#content ul li {
  float: left;
  margin-right:10px;
  height:20em;
}
body#sitemap div#content ul ul li {
  float: none;
  height: auto;
}
body#sitemap div#content ul li {
  padding-left:40px;
}
body#sitemap div#content ul li {
  min-height: 30px;
  padding-top: 12px;
  background: url("images/file_html.gif") no-repeat 0% 2px;
}
body#sitemap div#content ul li.dir {
  min-height: 30px;
  padding-top: 12px;
  background: url("images/directory.gif") no-repeat 0% 0%
}
body#sitemap div#content em {
  display: block;
  clear: left;
}

/* ODP/Goereese links specifiek */
body#odp-links h2 {
  background: url("images/bcb-main-odp.png") repeat-x 0% 50%;
  color: white;
}
body#odp-links h2 span.left {
	background: url("images/bcb-left-odp.png") repeat-x 0% 50%;
}
body#odp-links h2 span.right {
	background: url("images/bcb-right-odp.png") repeat-x 0% 50%;
}