/* ALGEMEEN */

body 
{ margin: 0px;
  padding: 0px;
  background: #000000 url(../Plaatjes/Achtergrond/Achtergrond.png) repeat-y center top;
  text-align: left;
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

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

a:hover 
{ color: #bdb76b;
  background-color: #000000;
}

a:hover img
{ background-color: #bdb76b;
}

/* BOVEN */

#kop 
{ width: 900px;
  height: 350px;
  margin: 40px auto;
  background: #000000;
  background: url(../Plaatjes/Achtergrond/Thuis.jpg);
}

#kop h1 
{ margin: 0px auto;
  text-align: center;
  color: #bdb76b;
  font-size: 48px;
}

#kop h3 
{ margin: 0px auto;
  padding: 0px 10px 0px 10px;
  text-align: center;
  color: #bdb76b;
  font-size: 36px;
}

#kop h5.onder 
{ margin: 0px auto;
  padding: 0px 5px 0px 5px;
  position: absolute;
  top: 330px;
  left: 620px;
  text-align: left;
  color: #bdb76b;
  background-color: #000000;
  font-size: 24px;
}

/* MENU */

#menu 
{ width: 980px;
  margin: 0px auto;
  padding: 20px 0px 20px 0px;
  background-color: #000000;
}

#menu ul 
{ margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
}

#menu li 
{ display: inline;
}

#menu a 
{ padding: 5px 12.5px;
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
  color: #bdb76b;
}

#menu a:hover 
{ color: #000000;
  background-color: #bdb76b;
}

/* INHOUD */

#dhtmltooltip
{ position: absolute;
  width: 180px;
  line-height: 20px;
  border: 1px solid ##bdb76b;
  padding: 5px;
  background-color: #000000;
  color: #bdb76b;
  font-weight: bold;
  visibility: hidden;
  z-index: 500; 
}

#inhoud 
{ width: 980px;
  margin: 0px auto;
}

#inhoud p, #inhoud ul, #inhoud ol 
{ line-height: 150%;
}

#inhoud h1, #inhoud h2, #inhoud h3, #inhoud h4, #inhoud h5, #inhoud h6
{ font-weight: bold;
}

#inhoud h1
{ font-size: 48px;
}

#inhoud h2
{ font-size: 42px;
}

#inhoud h3
{ font-size: 36px;
}

#inhoud h4
{ font-size: 30px;
}

#inhoud h5
{ font-size: 24px;
}

#inhoud h6
{ font-size: 18px;
}

#foto 
{ width: 800px;
  background-color: #000000;
  color: #bdb76b;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  border: 40px solid #bdb76b;
}

#foto p.sony
{ text-align: left;
  padding: 0px 20px 0px 20px;
}

#foto a
{ color: #ff7733;
}

#euro 
{ width: 700px;
  background-color: #bdb76b;
  color: #000000;
  margin: 0px auto;
  padding: 10px 20px 10px 20px;
  border: 20px solid #000000;
}

#evolutie, #grasparkieten 
{ width: 800px;
  background-color: #bdb76b;
  color: #000000;
  margin: 0px auto;
  border: 20px solid #000000;
}

#evolutie h3, #grasparkieten h3
{ font-weight: bold;
  line-height: 200%;
  font-size: 36px;
}

#evolutie h5
{ font-weight: bold;
  line-height: 200%;
  font-size: 24px;
}

#goldwing 
{ width: 700px;
  background-color: #bdb76b;
  color: #000000;
  margin: 0px auto;
  padding: 10px 20px 10px 20px;
  border: 20px solid #000000;
}

#goldwing h5
{ font-weight: bold;
  line-height: 200%;
  font-size: 24px;
}

#interstate 
{ width: 500px;
  background-color: #bdb76b;
  color: #000000;
  margin: 0px auto;
  padding: 10px 20px 10px 20px;
  border: 20px solid #000000;
}

#interstate h5
{ font-weight: bold;
  line-height: 200%;
  font-size: 24px;
}

#interstate h6
{ font-weight: bold;
  line-height: 125%;
  font-size: 18px;
}

#interstate .onderschrift
{ line-height: 150%;
}

#kalender 
{ width: 700px;
  background-color: #bdb76b;
  color: #000000;
  margin: 0px auto;
  padding: 10px 20px 10px 20px;
  border: 20px solid #000000;
}

#workshop 
{ width: 500px;
  background-color: #000000;
  color: #bdb76b;
  margin: 0px auto;
  padding: 10px 20px 10px 20px;
  border: 20px solid #bdb76b;
}

#workshop a
{ color: #ff7733;
}

#workshop a:hover
{ background-color: #bdb76b;
  color: #000000;
}

#euro h5, #kalender h5, #workshop h5
{ font-weight: bold;
  line-height: 200%;
  font-size: 24px;
}

#midden 
{ float: left;
  width: 940px;
  padding: 20px 20px 20px 20px;
}

#links 
{ float: left;
  width: 600px;
  border-right: solid 1px #000000;
  padding: 20px 19px 20px 20px;
}

#rechts 
{ float: right;
  width: 300px;
  padding: 20px 20px 20px 20px;
}

hr
{ color: #000000; 
}

img.kaal
{ border: 0px;
}

img.rand
{ border: solid 1px #000000;
}

table, td
{ border-collapse: collapse;
  padding: 20px 20px 20px 20px;
}

table.gezin, td.gezin
{ padding: 0px 20px 0px 20px;
}

table.bridge, td.bridge
{ border-collapse: collapse;
  border: solid 1px #000000;
  white-space: nowrap;
  font-size: 10px;
  line-height: 0px;
}

table.hand, td.hand
{ background-color: #99ff00;
  border-collapse: collapse;
  border: solid 1px #000000;
  width: 220px;
  font-size: 24px;
  line-height: 0px;
}

table.bieden
{ background-color: #00ff99;
  border-collapse: collapse;
  border: solid 1px #000000;
  width: 300px;
  font-size: 18px;
  line-height: 0px;
}

tr.bieden
{ text-align: center
}

td.bieden
{ width: 75px;
  border: 0px;
}

table.spel, td.spel
{ background-color: #006600;
  border-collapse: collapse;
  border: solid 1px #000000;
  width: 620px;
  font-size: 24px;
  line-height: 0px;
}

li
{ line-height: 200%;
}

.adres 
{ line-height: 200%; 
}

.alpha
{ color: #ff7733;
}

.foto
{ font-weight: bold;
}

.supergroteknop
{ width: 600px;
  height: 35px;
}

.groteknop
{ width: 500px;
  height: 35px;
}

.knop
{ width: 300px;
  height: 35px;
}

.kleineknop
{ width: 150px;
  height: 35px;
}

.knopje
{ width: 60px;
  height: 30px;
}

.sluiten
{ width: 90px;
  height: 30px;
}

/* ONDER */

#onder 
{ clear: both;
  width: 980px;
  margin: 0px auto;
  border-top: 1px solid #000000;
  background: url(../Plaatjes/Achtergrond/Achtergrond.png) repeat-y center top;
  font-size: 10px;
  text-align: center;
  color: #000000;
}