/**
 * Copyright © juni 2009 Klaas Heidstra
 * Copyright © juni 2009 Vereniging voor Dorpsbelangen Driezum
 */

html {
  margin: 0;
  padding: 0;
  background-color: #000000;
  font-family: Calibri;
  font-size: 14px;
  text-align: justify;
  overflow: auto;
}

body {
  overflow: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 950px;
  background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Corbel;
  font-weight: normal;
}

h1 {
  font-size: 36px;
  margin-top: 9px;
  margin-bottom: 9px;
}

h2 {
  font-size: 18px;
}

a {
  color: #1a0072;
  text-decoration: none;
  font-weight: bold;
}

a img {
  border: none;
}

a:hover {
  text-decoration: underline;
}

dl dt {
  font-weight: bold;
}

dl.naastelkaar dt, dl.naastelkaar dd {
  float: left;
}

dl.naastelkaar dt {
  min-width: 130px;
  clear: left;
  font-weight: normal;
}

dl.naastelkaar dd {
  margin-left: 1em;
  font-weight: bold;
}

dl.naastelkaar dd:last-child {
  margin-bottom: 18px;
}

dl.naastelkaar + * {
  clear: left;
}

.nietingevuld {
  color: red;
}

.bijschrift {
  font-size: 12px;
  color: #888877;
  font-style: italic;
}

.bron {
  clear: left;
  font-size: 12px;
  font-style: italic;
}

div#enlarge {
  height: 100%;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  background-color: #000000;/* voor IE */
  background-color: rgba(0, 0, 0, 0.7);
}

div#enlarge > a:first-child {
  cursor: pointer;
  display: block;
  height: 27px;
  position: absolute;
  right: 9px;
  top: -0.25em;
  color: red;/*#888877;*/
}

div#enlarge > a:first-child:after {
  font-size: 27px;
  font-weight: bold;
  content: " ×";
}

div#enlarge > table {
  border-collapse: separate;
  margin: 0 auto 0 auto;
  padding: 18px;
  padding-top: 27px;
  empty-cells: show;
  border-spacing: 0;
}

div#enlarge > table caption {
  background-image: url(../afbeeldingen/gradientvert.php?color1=e6e6e5&color2=eeeeed&width=1&height=50);
  background-color: #EEEEED;
  font-weight: bold;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #B4B4B4;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #B4B4B4;
}

div#enlarge > table tbody td, div#enlarge > table th {
  padding-right: 9px;
  border-right: 1px solid #B4B4B4;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #B4B4B4;
  border-left: 1px solid #FFFFFF;
}

div#enlarge > table tr {
  background-color: #e6e6e5;
  background-image: url(../afbeeldingen/gradientvert.php?color1=eeeeed&color2=e6e6e5&width=1&height=50);
  background-repeat: repeat-x;
}

div#enlarge > table tbody > tr:nth-child(2n) {
  background-color: #EEEEED;
  background-image: url(../afbeeldingen/gradientvert.php?color1=e6e6e5&color2=eeeeed&width=1&height=50);
  background-repeat: repeat-x;
}

h1#logo {
  float: left;
  margin: 0;
  padding: 0;
  padding-left: 18px;
  padding-right: 18px;
  color: #ff7600;
  text-shadow: 1px 1px 2px #ffffff;
  width: 149px; /* is breedte menu -2px voor border -36px voor padding */
  height: 154px; /* -2px voor border */
  line-height: 156px; /* zelfde als height */
  vertical-align: middle;
  background-color: #ffffff;
  background-image: url(../afbeeldingen/gradientvert.php?color1=ffffff&color2=e0e0e0&width=1&height=154&doubleGradient=doubleGradient);
  background-repeat: repeat-x;
}

h1#logo img {
  margin-top: 20px;
  border: none;
}

h1#logo span {
  display: none;
}

div#header {
  float: left;
  padding-left: 18px;
  padding-right: 18px;
  width: 727px; /* 513px is breedte content 250px is breedte banners-berijven -36px voor padding */
  height: 154px; /* -2px voor border */
  background-color: #ffffff;
  background-image: url(../afbeeldingen/gradientvert.php?color1=ffffff&color2=e0e0e0&width=1&height=154&doubleGradient=doubleGradient);
  background-repeat: repeat-x;
}

div#header p {
  width: 761px; /* is header breedte -2px voor border */
  height: 154px; /* zelfde als header height */
  margin: 0;
  padding: 0;
  margin-left: -18px;
}

div#header p img {
  margin-top: 17px;
  margin-left: 18px;
}

ul#menu {
  float: left;
  width: 187px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 1px; /* voorkom dat menu de header overlapt */
}

ul#menu li {
  font-size: 18px;
  margin-top: -1px; /* borders over elkaar laten vallen */
  display: block;
  background-color: #ffffff;
  border: 1px solid #aef800;
  width: 185px; /* -2px voor border */
  height: 25px; /* -2px voor border */
  background-image: url(../afbeeldingen/gradientvert.php?color1=ffffff&color2=e0e0e0&width=1&height=25&doubleGradient=doubleGradient);
  background-repeat: repeat-x;
}

ul#menu li a {
  display: block;
  padding-left: 9px;
  padding-right: 9px;
  width: 167px; /* -2px voor border -18px voor padding */
  height: 25px; /* -2px voor border */
  text-shadow: 1px 1px 1px #ffffff;
  color: #1a0072;
  text-decoration: none;
  font-weight: normal;
}

ul#menu li:hover, ul#menu li#menuhuidigepagina {
  background-color: #d7fc80;
  background-image: url(../afbeeldingen/gradientvert.php?color1=d7fc80&color2=aef800&width=1&height=25&doubleGradient=doubleGradient);
  background-repeat: repeat-x;
}

ul#menu li a:hover, ul#menu li#menuhuidigepagina a {
  color: #3303d9;
}

h1#titel {
  font-family: Constantia;
  font-size: 34px;
  color: #1a0072;
  float: left;
  width: 475px; /* -2px voor border -36px voor padding */
  height: 52px; /* -2px voor border */
  border: 1px solid #e0e0e0;
  margin: 0;
  padding: 0;
  padding-left: 18px;
  padding-right: 18px;
  background-color: #ffffff;
  background-image: url(../afbeeldingen/gradientvert.php?color1=ffffff&color2=e0e0e0&width=1&height=52&doubleGradient=doubleGradient);
  background-repeat: repeat-x;
}

h1#titel span {
  display: block;
  border-bottom: 1px solid #463190;
  width: 475px;
}

div#content {
  width: 475px; /* -2px voor border -36px voor padding */
  min-height: 789px; /* 764px is hoogte menu en hoogte banners-instellingen - hoogte titel -2px voor border */
  border: 1px solid #e0e0e0;
  border-bottom: none;
  margin-top: -1px;
  float: left;
  background-color: #ffffff;
  padding-left: 18px;
  padding-right: 18px;
}

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
  clear: left;
  font-weight: bold;
}

ul#banners-instellingen {
  float: left;
  width: 187px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 363px; /* 365px is hoogte menu -54px voor titel +1px voorkom dat banners-instellingen het menu overlapt */
  margin-left: -700px; /* is breedte menu en breedte content opgeteld */
  margin-bottom: 1px; /* om problemen met floats te voorkomen */
}

ul#banners-instellingen li {
  display: block;
  border: 1px solid #aef800;
  margin-top: -1px; /* borders over elkaar laten vallen */
  width: 185px; /* -2px voor border */
  height: 106px; /* -2px voor border */
  background-color: #ffffff;
  background-image: url(../afbeeldingen/gradientvert.php?color1=ffffff&color2=e0e0e0&width=1&height=106&doubleGradient=doubleGradient);
  background-repeat: repeat-x;
}

ul#banners-instellingen li:last-child {
  border-bottom: none;
}

dl#agenda {
  float: right;
  width: 250px;
  margin: 0;
  padding: 0;
  margin-top: -53px; /* 52px is hoogte titel +1px voorkom dat agenda de header overlapt */
}

dl#agenda dt {
  background-color: #d7fc80;
  background-image: url(../afbeeldingen/gradientvert.php?color1=d7fc80&color2=aef800&width=1&height=25&doubleGradient=doubleGradient);
  background-repeat: repeat-x;
  border: 1px solid #aef800;
  margin-top: -1px; /* borders over elkaar laten vallen */
  text-shadow: 1px 1px 1px #ffffff;
  color: #3303d9;
  /*font-weight: normal;*/
  width: 42px; /* -2px voor border -3px voor padding */
  min-height: 25px; /* -2px voor border */
  line-height: 25px;
  clear: left;
  padding-left: 3px;
}

dl#agenda dd {
  margin-left: 0;
  border: 1px solid #aef800;
  margin-top: -1px; /* borders over elkaar laten vallen */
  width: 192px; /* -2px voor border -53px voor dt -9px voor padding */
  min-height: 25px; /* -2px voor border */
  line-height: 25px;
  background-color: #ffffff;
  background-image: url(../afbeeldingen/gradientvert.php?color1=ffffff&color2=e0e0e0&width=1&height=25&doubleGradient=doubleGradient);
  background-repeat: repeat-x;
  text-align: left;
  padding-left: 9px;
}

dl#agenda dd a {
  text-shadow: 1px 1px 1px #ffffff;
  font-weight: normal;
}

dl#agenda dt, dl#agenda dd {
  float: left;
}

ul#banners-bedrijven {
  float: left;
  width: 250px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: -1px;/* margin-top: -53px; 52px is hoogte titel +1px voorkom dat banners-bedrijven de header overlapt */
}

ul#banners-bedrijven li {
  display: block;
  border: 1px solid #aef800;
  margin-top: -1px; /* borders over elkaar laten vallen */
  width: 248px; /* -2px voor border */
  height: 106px; /* -2px voor border */
  background-color: #ffffff;
  background-image: url(../afbeeldingen/gradientvert.php?color1=ffffff&color2=e0e0e0&width=1&height=106&doubleGradient=doubleGradient);
  background-repeat: repeat-x;
}

ul#banners-bedrijven li:last-child {
  border-bottom: none;
}

ul#banners-bedrijven li img, ul#banners-instellingen li img {
  border: none;
  padding: 0;
  margin: 18px;
}

p#copyright {
  margin: 0;
  padding: 0;
  clear: left;
  font-size: 12px;
  color: #e0e0e0;
  margin-left: 187px;
}

p#copyright a {
  color: #e0e0e0;
}

/* NIEUWS UIT DRIEZUM */

div#content h2.artikeltitel {
  font-weight: normal;
  color: #463190;
  margin: 0;
  padding: 0;
  padding-top: 4px;
}

div#content h2.artikeltitel a {
  font-weight: normal;
  color: #463190;
}

p.artikelkop {
  min-height: 73px;
  margin: 0;
  padding: 0;
  padding-top: 3px;
  padding-bottom: 9px;
  border-bottom: 1px solid #e0e0e0;
}

p.artikelkop img {
  margin: 0;
  padding: 0;
  width: 70px; /* moet automatisch */
  height: 70px; /* moet automatisch */
  float: left;
  margin-right: 9px;
  margin-bottom: 6px;
  border: 1px solid #1a0072;
}

p.artikelkop span {
  font-size: 12px;
  color: #888877;
}

/* NIEUWS UIT DRIEZUM ARTIKELEN */

img.nieuwsafbeelding {
  clear: left;
  float: left;
  margin-right: 9px;
}

.artikelgegevens {
  margin-top: -2px;
  color: #888877;
  font-size: 11px;
}

/* PLATTEGROND */

#googlemap {
  width: 475px;
  height: 350px;
}

div#googlemap {
  margin-top: 18px;
  margin-bottom: 9px;
}