/* CSS Document */

body{background:#2c6ece url(site-images/bloemetjesonderkant.jpg) no-repeat fixed bottom left; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; margin:32px 0 0; padding:0;}
div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}

#photo{margin-left: auto;margin-right:auto;text-align:center;}

/* TOP PANEL*/
#topPanel{width:762px; height:173px; position:relative; margin:0 auto; padding:0;}
#topPanel img{z-index:1; padding:0; position:absolute; margin:0 0 0 21px;}
/* MENU PANEL*/
#topPanel ul{display:block; width:732px; height:36px; position:absolute; top:0; right:0; margin:11px 0 0; padding:0 29px 0 0; border-bottom:1px solid #AEAEAE;}
#topPanel ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#topPanel ul li.active{width:74px; display:block; height:36px; background:url(site-images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0;}
/* HEADER PANEL*/
#topPanel #headerPanelfast{width:246px; height:263px; position:absolute; top:0; left:0; margin:140px 0 0; padding:0px; background:#2c6ece url(site-images/wolk1.jpg); color:#003679;}
#topPanel #headerPanelfast h2{display:block; width:90px; height:47px; margin:54px 0 0 100px; font:28px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; position:absolute; top:0px; left:0px; z-index:1;}
#topPanel #headerPanelfast p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}

#topPanel #headerPanelsecond{width:246px; height:263px; position:absolute; top:0; left:258px; margin:140px 0 0; padding:0px; background:#2c6ece url(site-images/wolk2.jpg); color:#003679;}
#topPanel #headerPanelsecond h2{display:block; width:90px; height:47px; background:none; margin:54px 0 0 70px; font:28px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#topPanel #headerPanelsecond p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}

#topPanel #headerPanelthird{width:246px; height:263px; position:absolute; top:0; right:0; margin:140px 0 0; padding:0px; background:#2c6ece url(site-images/wolk3.jpg); color:#003679;}
#topPanel #headerPanelthird h2{display:block; width:90px; height:47px; background:none; margin:54px 0 0 73px; font:28px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#topPanel #headerPanelthird p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}
/* /TOP PANEL*/

/* BODY PANEL*/
#bodyPanel{font-weight: bold; width:762px; height:640px; position:relative; margin:60px auto; padding:0; color: #38000E;}
#bodyPanel p{margin-top:10px; margin-bottom:10px;}