/* versie 1.0 mrt 2006, 2.0 mrt 2010, 2.1 sep 2010 */
/* lichtblauw  #bcd4fb;  */
/* donkerblauw #00008e;  */
/* lichtgeel   #fefee4;  */
/* hiswarood   #e51B24   #6d4f8d;  */

/* bg_strook breedte: 184 + 2 * 26 = 236 */
/* margin links voor content 236 + 26 = 262 */

  html {
padding        : 0 0 0 26px;
  }

  body { 
background     : #bcd4fb  url(drosafb/bg_texture.jpg);
color          : #00008e;
font-family    : Georgia,serif;
font-size      : 100%;
margin         : 0;
/*padding        : 0 0 0 26px;*/
  }

  a:link, a:visited {
color           :inherit;
  }

  #alles {
background     : #e51B24;
background     : url(drosafb/bg_strook.gif) 0 0 repeat-y;
}

  #zijde {      /* foto's voor deze kolom: 184x138 */
/*border       : 3px solid #e51B24;*/
color          : #9cf;     /* lichtblauw */
/*display        : inline; /* IE-bug fixed? */
/*float          : left;*/
font-family    : "Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;
font-size      : 80%;
overflow       : hidden;
padding        : 13px 26px 0px 26px;
position       : absolute;
left:26px; top:0;
width          : 184px;
}

  #zijde p {
background     : url(drosafb/hoekje_normal.gif) bottom right no-repeat;
border-style   : dotted;
border-color   : #fff; 
border-width   : 0px 0px 0px 0px;
}

  #kop {
background     : #fefee4 url(drosafb/avondblauw.jpg) bottom right no-repeat; /* geel */
color          : #bcd4fb; /* lichtblauw  #bcd4fb;  */
color          : #00008e; /* donkerblauw #00008e;  */
font-size      : 225%;
font-variant   : small-caps;
font-weight    : normal;
min-height     : 90px;
height         : 90px;
line-height    : 0.76;
margin         : 0 0 0px 236px;
padding        : 3px 0 5px 26px;
text-align     : left;
vertical-align : bottom;
white-space:nowrap;
  }

  #kop img {
float          : left;
}

  #kop p {
margin         : 0;
}

  .main {
background     : #bcd4fb  url(drosafb/bg_texture.jpg);
border-style   : solid;
border-color   : #00008e; 
border-width   : 0px 0px 1px 0px;
padding        : 3px 26px 26px 26px;
position       : relative;
margin         : 0 0 0px 236px;
max-width      : 52em;
}

  h1 {
border-style   : solid;
border-color   : #00008e; 
border-width   : 0px 0px 0px 0px;
color          : #00008e;  /* donkerblauw #00008e;  */
font-size      : 320%;
font-weight    : bold;
line-height    : 90%;
margin         : 0;
padding        : 13px 0 0px 0px;
}

  h2 {
/*background     : #00008e  url(drosafb/bg2.gif) bottom right repeat-x;*/
border-style   : solid;
border-color   : #00008e; 
border-width   : 1px 1px 0px 0px;
clear          : both; /* clear laat eerste H2 zakken tot onder de linkerkolom */
color          : #e51B24;   
font-size      : 120%;
font-weight    : bold;
margin         : 26px 0 0px 0px;
padding        : 3px 0 3px 0px;
}

  .main p, .main dd {
font-family    : georgia,serif;
line-height    : 1.50;
margin         : 0 10% 1em 10%;
}

  .main dt {
font-weight    : bold;
line-height    : 1.30;
margin         : 3px 0 0 0;
}

  .fotohalf {
float          : left;
padding        : 0px 1% 39px 0px;
text-align     : center;
width          : 49%;
}

  .fotokwart {
float          : left;
padding        : 0px 0% 26px 0px;
text-align     : center;
width          : 25%;
}

/* foto's zijn 640px x 480px; half is 320px x 240px; kwart is 160px x 120px */


  .collagefoto {
margin         : 0em 10% 10em 10%;
}

  .collagefoto  p {
position: relative; 
display: block; 
float: left; 
width: 160px; 
height: 120px; 
margin: 0px; 
z-index: 1;
}

  .collagefoto img {
height         : 120px;
width          : 160px;
}

  .collagefoto p:hover {
position: relative;
z-index: 50; 
top: -60px; left: -80px; 
}

  .collagefoto p:hover img {
height         : 240px;
width          : 320px;
padding        : 0px;
}

  #voet {
/*border         : solid 1px #e51B24;*/
background     : white;
clear          : both;
padding        : 13px 0px 13px 0px;
}

  #voet .logo {
float          : right;
font-size      : 70%;
margin         : 0 3%;
text-align     : center;
/*width          : 20%;*/
}


/* ================== NAV ================ */
  #nav {
margin         : 0 0 0 0px;
padding        : 0;
}

  #nav ul{
list-style     : none none;
margin         : 0;
padding        : 0;
text-decoration:none;
}

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

  #nav a {
background     : url(drosafb/hoekje_normal.gif) bottom right no-repeat;
border-style   : dotted;
border-color   : #bcd4fb; 
border-width   : 0px 0px 0px 0px;
display        : block; /* om verticale margin en padding te kunnen geven */
margin         : 1px 0;
padding        : 2px 3px 2px 0px;
text-decoration: none;
}

  #nav a:link {
color          : #9cf;
text-decoration: none;
}

  #nav a:visited {
background     : url(drosafb/hoekje_special.gif) bottom right no-repeat;
color          : #9cf;
}

  #nav a:hover {
/*background     : #33338e url(drosafb/hoekje_special.gif) bottom right no-repeat;*/
background     : #33338e;
color          : #9cf;
}

  #nav #hier {
background     : #33338e url(drosafb/hoekje_normal.gif) bottom right no-repeat;
color          : #9cf;
cursor         : default;
}

  #meter {
/*background      : #fefee4;*/
clear           : both;
font-size       : 70%;
text-align      : left;
}

  sup {
font-size      : 70%;

}