
body {
  margin:0;
  padding:0;
  font: 95%/1.4em Arial, Helvetica, Sans-serif;
  }

#home, #colofon {
background: #003366 ;
}

#moniek {
background: #330000; 
}

#pablo {
background: #330000;
}

#waanzee {
background: #330066;
}

#ergens {
background: #003300;
}

#moma {
background: #000 ;
}

#royaume {
background: #000066;
}

#pica {
background: #000 ;
}

#collage {
background: #330033;
}

#trans {
background: #4A0000   ;
}

#aeno {
background: #808080;
}

#hazen {
background:#474C50
}

p { 
  margin: 0px 0px 5px; 0px;
  padding: 0;
} 

h1 {
  font-size: 130%;
  font-weight: bold;
  margin: 10px 0px 15px; 0px;
  padding: 0;
}

a, a:visited {
 color: #FF99CC;
 font-weight: normal;
 text-decoration: none;
}

a:hover {
 color: #fff;
 text-decoration: underline;
}

#nav a, #nav a:visited {
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}

#nav a.sel, #nav a.sel:visited {
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}

#nav1 a:hover {
 color: #FF0099;
}

/* Page en kolommen */
#page {
  margin:0 auto;
  padding:0;
  width:909px;
  text-align:left;

}


/* Header */
#header {
  float:left;
  width:909px;
  padding-bottom:10px;
  }
#logo, #logo2 {
  float:left;
  display:block;
  padding:0;
  }
#logo2 {
margin-top: -15px;
  }

.content {
 font: 90%/1.4em Verdana, Arial, Helvetica, Sans-serif !important;
}

/* Nav  */


#nav {
  
  width:920px;;
  margin-bottom:0px;
  color:#fff;
  margin-top: 10px;
}

#nav ul, #nav ul li {
     list-style: none;
     margin: 0;
     padding: 0;
}

#nav ul {
     text-align: center;
     margin-bottom: 15px;
     margin-top: 5px;
     margin-left:2px;
}

#nav ul li {
     display: inline;
margin-left: 0px !important;
}

/* balkjes in nav */

.balk {
 position: relative;
 bottom: -3px;
}



/* Footer */
#footer {
  background:fff;
  clear:both;
  width:906px;
  padding-top:30px;
  }

#footer div {
  width: 500px;
  margin: 0 0 20px 250px;
  border-bottom: 1px #d7ae00 solid;
  text-align: center;
  }


/* transparacy */
div.box_background {
     background-color: #000; 
     height: 100%;
     filter:alpha(opacity=35); /* IE's opacity*/
     left: 0px;
     opacity: 0.35;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
}

div.box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101
}

/* transparacy */
div.box_background2 {
     background-color: #000; 
 background-color: #FF0099; 
     height: 100%;
     filter:alpha(opacity=75); /* IE's opacity*/
     left: 0px;
     opacity: 0.75;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
}

div.box_contents2 {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101
}

/* transparacy home */
div.box_backgroundh {
     background-color: #000; 
 background-color: #4F6D75; 
     height: 100%;
     filter:alpha(opacity=75); /* IE's opacity*/
     left: 10px;
     opacity: 0.75;
     position: absolute;
     top: 10px;
     width: 100%;
     z-index: 99;
}

div.box_contentsh {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101
}



.trans55 {
     opacity: 0.55 !important;
     filter:alpha(opacity=55) !important; /* IE's opacity*/
}

.transhome {
     opacity: 0.0 !important;
     filter:alpha(opacity=0) !important; /* IE's opacity*/
}

#textmoniek div.box {
   position: absolute;
   left: -50px; top: 20px; 
   width: 330px;
   padding: 2px 5px 0px 5px;
}

#textmoniek2 div.box {
   position: absolute;
   left: 380px; top: 400px; 
   width: 520px;
   padding: 2px 5px 0px 5px;
}

#textcolofon div.box {
   position: absolute;
   left: 270px; top: 50px; 
   width: 690px;
   padding: 2px 5px 0px 35px;
}

#textpablo div.box {
   position: absolute;
   left: 20px; top: 350px; 
   width: 400px;
   padding: 2px 75px 50px 35px;
}

#textpica div.box {
   position: absolute;
   left: 700px; top: 0px;
   width: 250px;
   padding: 2px 5px 0px 35px;
}

#textmoma div.box {
   position: absolute;
   left: 0px; top: 300px; 
   width: 200px;
   padding: 2px 5px 0px 35px;
}

#textroy div.box {
   position: absolute;
   left: 560px; top: 20px; 
   width: 250px;
   padding: 2px 15px 10px 15px;
}

#textergens div.box {
   position: absolute; 
   left: 295px;
   top: 340px;
   width: 400px;
   padding: 12px 15px 40px 95px;
}

#textwaanzee div.box {
   position: absolute;
   left: 10px; top: 330px; 
   width: 560px;
   padding: 25px 3px 20px 25px;
}

#textcollage div.box {
   position: absolute;
   left: 120px; top: 610px; 
   width: 400px;
   padding: 75px 3px 20px 75px;
}

#textcollage2 div.box {
   position: absolute;
   left: -40px; top: 250px; 
   width: 200px;
   padding: 25px 3px 70px 75px;
}

#textpicture div.box {
   position: absolute;
   left: 0px; top: 40px;
   width: 355px;
   padding: 2px 5px 0px 0px;
}

#texthazen1 div.box {
   position: absolute;
   left: -70px; top: 25px; 
   width: 350px;
   padding: 12px 10px 0px 25px;
}

#texthazen2 div.box {
   position: absolute;
   left: 580px; top: -40px; 
   width: 290px;
   padding: 2px 5px 0px 25px;
}

#texthazen3 div.box {
   position: absolute;
   left: 610px; top: 10px; 
   width: 260px;
   padding: 2px 5px 0px 25px;
}

#texttransformatie1 div.box {
   position: absolute;
   left: -20px; top: 40px;
   width: 355px;
   padding: 2px 5px 0px 5px;
}

#texttransformatie2 div.box {
   position: absolute;
   left: 265px; top: 495px;
   width: 425px;
   padding: 20px 5px 0px 25px;
}

#textaeno1 div.box {
   position: absolute;
   left: 500px; top: 40px;
   width: 355px;
   padding: 20px 50px 10px 20px;
}

#textaeno2 div.box {
   position: absolute;
   left: 60px; top: 495px;
   width: 335px;
   padding: 20px 25px 0px 60px;
}

#texthome div.box {
   position: absolute;
   left: 288px; top: 334px; left: 278px; top: 385px;
   width: 390px;
   padding: 20px 10px 10px 15px;
}

.tekst1 {
color: #fff;
}

#houdini {
   position: relative;
   left: 483px; top: -488px; 
   width: 490px;
   padding: 0;
}

#titel {
   position: relative;
   left: -20px; top: 20px; 
   color: #FF0099;
   font-weight: bold;
   font: 350%/1.2em Arial, Helvetica, Sans-serif;
   z-index:200;
}

#pablotekst {
   position: relative;
   left: 403px; top: -438px; 
   padding: 0;
}

#coll {
   position: relative;
}

.bull {}
