HTML,BODY { width: 100%; height: 100%; margin: 0; padding: 0; }
BODY { background-color: #E6F1F2; text-align: center; margin: 0; padding: 0; overflow: hidden; }

/* Centreren van de website */
table.container { width: 100%; height: 100%; }
table.container td { vertical-align: middle; text-align: center; }
div.passepartout { position: relative;	text-align: left; margin-left: auto; margin-right: auto; }
div.passepartout { width: 932px; height: 575px; overflow: hidden; background: white url( ../img/passepartout.jpg ) no-repeat scroll top left; }
div.container { position: absolute; top: 44px; left: 125px; width: 715px; height: 432px; margin: 0; padding: 0; border-width: 0px; overflow: hidden; background: white url( ../img/achtergrond.gif ) no-repeat scroll bottom right;  }

/* Lettertype */
h1 {  font-family: "Gill Sans MT", "Gill Sans", Helvetica, Arial, sans-serif; }
h2, ol#menu {  font-family: Arial, Helvetica, sans-serif; }
#tekst { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }

/* Basis ingredienten van de website */
h1 { position: absolute; margin: 0; bottom: 20px; right: 20px;  }
h2 { position: absolute; top: 0px; right: 568px; width: 130px; background-color: white; text-align: right; margin-top: 10px; padding-top: 30px; }
h2, h2 a { color: #A6A4A3; font-size: 30px; font-weight: bold; text-decoration: none; }
#tekst { position: relative; left: 138px; width: 500px; padding: 80px 0px 10px 20px; font-size: 12px; z-index: 1; }
#tekst p { margin-top: 0; }
#rodelijn { position: absolute; left: 141px; width: 1px; top: 0; height: 80%; border-right: 1px solid #E51F25; }
#roodblokje{ position: absolute; right: 572px; width: 20px; top: 83px; text-align: right; padding-right: 5px;  }
#rodeblokjes { position: absolute; right: 20px; top: 20px; line-height: 15px; vertical-align: top; z-index: 2; }
ol#menu { list-style-type: none; margin: 0; padding: 0; position: absolute; left: 147px; top: 40px; z-index: 2; }
ol#menu li { display: inline; font-weight: bold; }
ol#menu li, ol#menu a { color: #D5D5D5; font-size: 30px; text-decoration: none; margin: 0; padding: 0; }

ol#referentie_menu { list-style-type: none; margin: 0 5px 0 0; padding: 0; display: inline;  font-family: "Gill Sans MT", "Gill Sans", Helvetica, Arial, sans-serif; }
ol#referentie_menu li { display: inline; line-height: 15px; vertical-align: top;  }
ol#referentie_menu li, ol#referentie_menu a { color: #E51F25; font-size: 12px; text-decoration: none; margin: 0; padding: 0; }
ol#referentie_menu a:hover { text-decoration: underline; }

a { color: black; }

/* wie. */
div.tekst_wie { width: 358px !important; }
div.fotos_wie { position: absolute; right: 20px; top: 90px; width: 160px; height: 267px; }
div.fotos_wie { font-family: "Gill Sans MT", "Gill Sans", Helvetica, Arial, sans-serif; color: #A6A4A3; font-size: 12px; font-weight: bold; }
div.fotos_wie img#foto_gerard { position: absolute; top: 0px; left: 13px; }
div.fotos_wie #tekst_gerard { position: absolute; top: 0px; left: 91px; }
div.fotos_wie img#foto_harmen { position: absolute; top: 87px; left: 75px; }
div.fotos_wie #tekst_harmen { position: absolute; top: 166px; left: 110px; }
div.fotos_wie img#foto_robert { position: absolute; top: 152px; left: 0px; }
div.fotos_wie #tekst_robert { position: absolute; top: 253px; left: 27px; }

/* wat. */
div.tekst_wat { width: 358px !important; }
#foto_portfolio { position: absolute; right: 20px; top: 90px; width: 141px; height: 167px; border-width: 0px; }

/* waar. */
div.tekst_waar { width: 550px !important; }
#contactgegevens { float: left; width: 260px; margin: 10px 0 0 0; }
#contactgegevens td { font-size: 12px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; vertical-align: top; text-align: left; padding: 1px 8px 1px 0px; }
#contactgegevens tr.witruimte td { padding-top: 15px; }
#contactgegevens .aanduiding, #contactgegevens .overige_info { color: #9A9A9A; }

#contactgegevens tr.externe_links td { padding-top: 30px; }
#contactgegevens tr.externe_links a { text-decoration: none; color: #9A9A9A; }
#contactgegevens tr.externe_links a:hover { text-decoration: underline; }

form#formulier { margin: 0; padding: 0; }

#contactformulier { width: 280px; margin: 10px 0 0 0; }
#contactformulier td { font-size: 12px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; vertical-align: top; text-align: left; padding: 1px 8px 1px 0px; }
#contactformulier .tekst { font-size: 11px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; padding: 0 2px; border: 1px solid #B7D0E6; width: 130px;  }
#contactformulier textarea { height: 80px; }

/*
	ul#extra_links { list-style-type: none; margin: 0; padding: 0; position: absolute; top: 113px; right: 572px; text-align: right;}
	ul#extra_links li { margin: 0; padding: 1px 5px 1px 0px; font-size: 12px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}
*/
/* waarom. */

/* hoe. */
div.tekst_hoe { width: 358px !important; }
div.fotos_hoe { position: absolute; right: 20px; top: 90px; width: 173px; height: 222px; }
div.fotos_hoe img#foto_pen { position: absolute; top: 0px; left: 33px; }
div.fotos_hoe img#foto_toetsen { position: absolute; top: 40px; left: 116px; }
div.fotos_hoe img#foto_muis { position: absolute; top: 163px; left: 0px; }