body, html {
  margin: 0;
  padding: 0;
  }

body {
  background: #fff;
  font-size: x-small; /* for IE5/Win */
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small; /* for compliant browsers */
  font-family: "Trebuchet MS", Verdana, sans-serif;
  color: #737477;
  margin: 0 10px 0 10px;
  }
  
html>body { /* be nice to Opera */
  font-size: small;
  }
  
#left {
  background: transparent;
  position: absolute;
  left: 60px;
  top: 0px;
  width: 150px;
  background: #fff;
  }  
  
#right {
  background: transparent;
  position: absolute;
  right: 60px;
  top: 0px;
  width: 150px;
  background: #fff;
  }
  
#printheader {
  display: none;
  }
  
#container {
  background: #fff url(pics/paginalogo.jpg) top center no-repeat;
  margin-left: 251px;
  margin-right: 251px;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 253px;
  margin-right: 253px;
  padding: 0 4% 0 4%;
  }
    
#containerbreed {
  background: #fff url(pics/paginalogo.jpg) top center no-repeat;
  margin-left: 200px;
  margin-right: 200px;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 202px;
  margin-right: 202px;
  padding: 0 4% 0 4%;
  }  
    
#containersmal {
  width: 60%;
  min-width: 350px;
  margin-left: auto;
  margin-right: auto;
  }
	
html>body #center {
  margin-left: 253px;
  margin-right: 253px;
  }

#linksmidden {
 width: 50%;
 padding: 0;
 border-right: 1px solid #737477;
 float: left;
 }

#rechtsmidden {
 width: 46%;
 padding: 0 0 0 5px;
 float: right;
 }
 
#midden {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  }
  
#middenbreed {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  }
  
#opening {
  background: #fff url(pics/homelogo.jpg) top center no-repeat;
  }
  
#onderlangs {
  position: relative;
  top: 0;
  width: 100%;
  }
  
#map {
  width: 80%;
  height: 350px;  
  padding: 5px;
  border: 1px solid #737477;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  }
  
  
/* contentgedeelten tbv achtergrondplaatjes achter tekst */ 
  
#zencontent {
  background: transparent url(pics/backs/zenkar.gif) no-repeat;
  background-position:50% 280px;
  }
  
#taijicontent {
  background: transparent url(pics/backs/taiji.jpg) no-repeat;
  background-position: 50% 352px;
  }
  
#qigongcontent {
  background: transparent url(pics/backs/qigong.jpg) no-repeat;
  background-position: 50% 100px;
  }

#healingtaocontent {
  background: transparent url(pics/backs/healingtao.jpg) no-repeat;
  background-position: 50% 235px;
  }

#chenghsincontent {
  background: transparent url(pics/backs/chenghsin.gif) no-repeat;
  background-position: 50% 270px;
  }
  
#vechtkunstcontent {
  background: transparent url(pics/backs/chenghsin.gif) no-repeat;
  background-position: 50% 450px;
  }

#aikidocontent {
  background: transparent url(pics/backs/aikido.gif) no-repeat;
  background-position: 50% 385px;
  }

#levenshoudingcontent, #inschrijfcontent, #centrumcontent, #lesroostercontent, #proeflescontent, #routecontent, #dankcontent, #oepscontent, #workshopcontent, #yogacontent, #linkscontent, #chitrainingcontent, #zwaardstokcontent {
  background: transparent;
  }



/* einde contentgedeelten */

/* centrale inhoud, behalve de links */

img.alg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  }

img.alg#centrum {
  margin-top: -20px;
  }

img.titel {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 172px;
  }
  
img.subtitel {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  }
  
img.left {
  border: 1px solid #737477;
  float: left;
  width: 30%;
  margin: 0 15px 40px 15px;
  }
  
img.right {
  border: 1px solid #737477;
  float: right;
  width: 30%;
  margin: 0 15px 40px 15px;
  }
  
img.foto {
  border: 1px solid #737477;
  }
  
img.dia {
  border: none;
  }

h1 {
  font-size: 100%;
  font-weight:normal;
  text-align: center;
  padding-top: 20px;
  color: #737477;
  }

h2 {
  font-size: 140%;
  text-align: center;
  color: #000;
  margin-bottom:-10px;
  padding-bottom:0;
  line-height:1.4;
  }

h4 {
  font-size: 100%;
  font-weight:normal;
  text-align: center;
  padding-top: 100px;
  color: #737477;
  }
  
h5 {
  font-size: 100%;
  font-weight:normal;
  text-align: center;
  color: #737477;
  }
  
h6 {
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  }

p.main {
  font-size: 100%;
  text-align: center;
  }
  
p {
  font-size: 100%;
  text-align: center;
  }
  
p.clear {
  font-size: 100%;
  text-align: center;
  clear: both;
  }
  
p#last {
  margin-bottom: 40px;
  height: 1%;
  }
  
p#last2 {
  margin-bottom: 60px;
  }
  
p.main#toplink {
  font-size: 90%;
  margin-bottom: 40px;
  }
  
p.klein {
  font-size: 90%;
  text-align: center;
  margin: 15px 15px 15px 0;
  }
  
.mini {
  font-size: 80%;}
  
.midden {
  text-align: center;
  }
  
.strong {
  color: #4B4B4D;
  font-weight: bold;
  }
  
.big {
  font-size: 120%;
  }
  
.cursief {
  font-style: italic;
  }
  
/* einde centrale inhoud, behalve de links */

/* links */

a.grotedia {
  position: absolute;
  top: 50px;
  left: 50%;
  width: 850px;
  margin-left: -425px;
  text-align: center;
  border: 1px solid #737477;
  }
  
a:link.int, a:visited.int {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dashed #000;
  }

a:hover.int,  a:active.int {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
  }
  
a:link.ext, a:visited.ext {
  color: #000;
  text-decoration: none;
  }

a:hover.ext,  a:active.ext {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dashed #000;
  }

#last a:link.ext, a:visited.ext {
  color: #000;
  text-decoration: none;
  }

#last a:hover.ext,  a:active.ext {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dashed #000;
  }
 
a:link.top, a:visited.top {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dashed #000;
  }

a:hover.top, a:active.top {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
  }
  
a:link.top2, a:visited.top2 {
  color: #737477;
  text-decoration: none;
  font-size: 80%;
  border-bottom: none;
  line-height: 3em;
  }

a:hover.top2, a:active.top2 {
  color: #737477;
  text-decoration: none;
  border-bottom: 1px solid #737477;
  }
    
/* einde links */

/* formulier-items */

form p {
  font-size: 90%;
  clear: both;
  margin-right: 20px;
  }
  
form span.rood {
  color: red;
  }
  
form p label {
  float: left;
  }
  
form p input, form p checkbox, form p select, form p textarea {
  float: right;
  vertical-align: middle;
  }
  
form p.lager {
  vertical-align: middle;
  margin-bottom: -15px;
  }

form p.slot {
  font-size: 90%;
  text-align: center;
  height: 1%;
  }

form p.formslot {
  font-size: 90%;
  text-align: center;
  margin-bottom: 40px;
  height: 1%;
  }
  
form p.formslot2 {
  font-size: 90%;
  text-align: left;
  margin-bottom: 40px;
  height: 1%;
  }
  
/* einde formulier-items */

/* tabel-lesrooster-items */

table {
  width: 100%;
  border: 1px solid black;
  }
  
caption {
  font-size: 140%;
  font-weight: bold;
  text-align: center;
  color: #EF4C29;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  }
  
td.weekdag, td.leeg1, td.leeg3, td.leeg4 {
  border-bottom: 1px dotted #737477;
  border-top: 1px dotted #737477;
  font-weight: bold;
  text-align: left;
  }
  
td.tijd {
  text-align: right;
  }
  
td, th {
  border-right: 1px dotted #737477;
  padding: 2px;
  }
  
td.wsLinks {
  width: 35%;
  padding: 0;
  border-bottom: 1px dotted #737477;
  }
  
td.wsRechts {
  width: 64%;
  padding: 0;
  border-bottom: 1px dotted #737477;
  border-right:none;
  }
  
td.wsRechts a:link, td.wsRechts a:visited, td.wsLinks a:link, td.wsLinks a:visited {
  display: block;
  text-decoration: none;
  border-bottom: none;
  text-align: center;
  }
  
td.wsRechts a.normal:link, td.wsRechts a.normal:visited, td.wsLinks a.normal:link, td.wsLinks a.normal:visited {
  display: inline;
  text-decoration: none;
  border-bottom: none;
  text-align: center;
  font-size:8pt;
  }  
  
td.wsRechts a:hover, td.wsRechts a:active, td.wsLinks a:hover, td.wsLinks a:active {
  display: block;
  background: #CCC;
  text-decoration: none;
  border-bottom: none;
  text-align: center;
  }
  
td.lessoort, td.leeg4, th#soort {
  border-right: none !important;
  }
  
th {
  font-weight: bold;
  color: #EF4C29;
  }
  
th#dag, th#niveau, th#soort {
  font-size: 120%;
  }
  
th#lesnr {
  font-size: 80%;
  }
  
td.lessoort {
  text-align:left;
  }
  
td.nr {
  text-align: center;
  }
  
td.klas {
  text-align: left;
  padding-left: 1%;
  }
  
td.tijd {
  padding-right: 1%;
  }
  
td.weekdag {
  padding-left: 1%;
  }
  
td.lessoort {
  text-align: left;
  font-size: 110%;
  font-weight: bold;
  padding-left: 1%;
  }
  
tr.dagrij {
  border-right: 1px dotted #737477;
  border-left: 1px dotted #737477;
  }
  
td#ondertekst {
  background: #FDF0E6;
  text-align: center;
  font-size: 90%;
  border-top: 1px solid black;
  border-right: none !important;
  }
  
caption, th#lesnr, td.leeg1, td.nr {
  background: #FDF0E6;
  }
  
th, td.nr {
  font-size: 80%;
  color: #EF4C29;
  }
  
th#lesnr, td.leeg1, td.nr {
  width: 4%;
  }
  
th#dag, td.weekdag, td.tijd {
  width: 20%;
  }
  
th#niveau, td.leeg3, td.klas {
  width: 20%;
  }
  
table#intro {
  border: none !important;
  }
  
table#intro td {
  border: none !important;
  }

/* einde tabel-lesrooster-items */

/* menu knoppen */

ul#menuLeft, ul#menuRight {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  }
  
ul#menuLeft li.knopLeft, ul#menuRight li.knopRight {
  list-style-type: none;
  /*of list-style-position:none; ??? */
  }
  
li.knopLeft a, li.knopRight a {
  text-decoration: none;
  border: none;
  }
  
img.button {
  border: none !important;
  padding: 0;
  margin: 0;
  }
  
/* einde menu knoppen */