body     { color: black; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: transparent; background-image: url("../img/back_groen.jpg"); background-repeat: repeat-y; background-position: left 0; margin: 0; padding: 0; height: 100% } 

@font-face { font-family: cool_font; src: url("DINMittelschrift.otf") }

#balk      { background-image: url("../img/back_groen.jpg"); background-repeat: repeat-y; background-position: right 0; visibility: visible; margin-left: -400px; position: absolute; z-index: 10; top: 0; bottom: 0; left: 50%; width: 800px; height: 100%; overflow: hidden }

#inhoud          { background-image: url("../img/flower.jpg"); background-repeat: no-repeat; 
background-position: right top; visibility: visible; margin-left: -350px; position: absolute; 
z-index: 25; top: 40%; min-height: 400px; left: 50%; width: 700px; height: auto }

#ookleuk          { background-image: url("../img/flower.jpg"); background-repeat: no-repeat; 
background-position: right top; visibility: visible; margin-left: -350px; position: absolute; 
z-index: 25; top: 20%; min-height: 400px; left: 50%; width: 700px; height: auto }

.hoofd
     { list-style-image: none; padding-top: 0; position: relative; z-index: 50 }
     
     .tekst
       { font-size: 10pt; margin-top: 20px; padding-top: 0; padding-bottom: 50px; padding-left: 5px; position: relative; z-index: 50; width: 440px; border-left: 10px solid black }

.plaatje
        { font-size: 10pt; text-align: center; margin-top: 20px; padding-top: 0; padding-bottom: 50px; padding-left: 5px; position: relative; z-index: 50; width: 440px; border-left: 10px solid black }
img    { text-align: center; margin-top: 20px; -moz-border-radius: 5px; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1); -webkit-border-radius: 5px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1); border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 1)   }
.fout  { color: red; font: italic 8pt cool_font }

.hoofd ul
 { font: bold 11px arial; background-color: transparent; margin-top: 0px;
list-style: none; padding: 0; position: relative; top: 0; left: 0;  }
 
.hoofd ul li
 { font: bold 11px arial; background-color: transparent; list-style: none; 
     margin-bottom: 0px; margin-left: 0px; padding: 0; position: relative; top: 0; left: 0;}

.hoofd li.about a   { background: url("../img/menu/hm_01.jpg") no-repeat; text-align: center; display: block; width: 250px; height: 90px } 
 
.hoofd li.about a:hover    { background: url("../img/menu/hm_over_01.jpg") no-repeat }
 
.hoofd li.work a   { background: url("../img/menu/hm_02.jpg") no-repeat; text-align: center; display: block; width: 250px; height: 36px } 
 
.hoofd li.work a:hover    { background: url("../img/menu/hm_over_02.jpg") no-repeat }

.hoofd li.projects a   { background: url("../img/menu/hm_03.jpg") no-repeat; text-align: center; display: block; width: 250px; height: 34px } 
 
.hoofd li.projects a:hover    { background: url("../img/menu/hm_over_03.jpg") no-repeat }

.ondermenu
                { background-color: white; margin-bottom: 15px; margin-left: -350px; position: fixed; z-index: 99; bottom: 0; left: 50%; width: 700px; height: 20px; border-bottom: 2px solid black }

.ondermenu ul        { background-color: white; list-style: none; margin-top: 0px; padding: 0; top: 0; left: 0; height: 20px }
 
.ondermenu ul li
              { font: bold 12pt cool_font; background-color: transparent; list-style: none; margin-left: 10px; position: relative; top: 0; left: 0; width: 150px; float: left }
   

.ondermenu li.wit a   { color: black; font-size: 12pt; text-decoration: none; background-color: transparent; 
 text-align: left; display: block;  filter: alpha(opacity=40); opacity: 0.8       }

.ondermenu li.wit a:hover  { font-weight: bold; background-color: transparent; border-bottom: 2px solid #e7de17; filter: alpha(opacity=40); opacity: 1.0    }        


.ondermenu li.home a  { color: #000; font-size: 12pt; text-decoration: none; background-color: transparent; text-align: left; display: block; 
padding-top: 0; padding-right: 5px; padding-left: 5px; filter: alpha(opacity=40); opacity: 0.8       }

.ondermenu li.home a:hover             { font-weight: bold; background-color: transparent; border-bottom: 2px solid #e7de17; filter: alpha(opacity=40); opacity: 1.0     }        

.ondermenu li.stillrood a {  color: red; font-size: 12px; text-decoration: none; font-weight: bold; 
background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; 
background-position: 0 0; text-align: center; 
display: block; margin-bottom: 10px; padding: 0 5px; border-bottom: 2px solid #f30; filter: alpha(opacity=40); opacity: 1.0    }

.ondermenu li.stillwit a  { color: white; font-size: 12px; font-weight: bold; text-decoration: none; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; margin-bottom: 10px; padding: 0 5px; border-bottom: 2px solid #fff; filter: alpha(opacity=40); opacity: 1.0     }
 
 .footer   { font-size: 8pt; font-family: cool_font; background-color: white; text-align: center; margin-left: -350px; padding-bottom: 5px; position: fixed; z-index: 99; bottom: 0; left: 50%; width: 700px; height: 10px }   

.subkop   { color: black; font-size: 12pt; font-family: cool_font; font-style: normal; font-variant: normal;  }

input
    { color: #700; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background: #c0c0c0; padding-right: 5px; padding-left: 5px; width: 260px; border: solid 1px #6a6a6a }
  
select  { color: #000032; background: #c0c0c0; padding-right: 5px; padding-left: 5px; width: 160px; border: solid 1px #6a6a6a }

textarea    { color: #700; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background: #c0c0c0; 
padding-right: 5px; padding-left: 5px; width: 260px; height: 150px; border: solid 1px #6a6a6a }

input.verstuurknop  { color: black; background-color: silver; cursor: pointer; width: 100px; height: 37px; border: dotted 1px #000032; outline: none medium }
input.knoppie  { color: black; background-color: silver; cursor: pointer; width: 20px; height: 15px }
input.verstuurknop:hover  { color: white; font-weight: bold; background-color: black; border: solid 1px red }
H1 { background-image: url("../img/protocol.jpg"); background-repeat: no-repeat; width: 250px; height: 100px }