/* Elements */

/* Fonts - change 'sans-serif' to your preferred font */
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, OL, P, TD, TH, UL {
font-size: 100%;
line-height: 120%;
font-family: arial, helvetica, sans-serif
}

/* Real styles */


A:link {color: #101F85;
font-size: 100%;
font-family: sans-serif;
font-weight: bold;
background: transparent none;
text-decoration: underline;
}

A:visited {color: #101F85;
font-size: 100%;
font-family: sans-serif;
font-weight: bold;
background: transparent none;
text-decoration: underline}

A:active {color: #101F85;
font-size: 100%;
font-family: sans-serif;
font-weight: bold;
background: transparent none;
text-decoration: none}

A:hover {
font-size: 100%;
font-family: sans-serif;
font-weight: bold;
background: transparent none;
text-decoration: none;
color: red
}

ADDRESS {margin: 0em 0% 0em 0%;
font: italic 100%/120% sans-serif;
}

BIG {font-size: 120%}

BLOCKQUOTE {margin: 0em 0% 0em 0%;
line-height: 100%}

BODY {
   width: 100%;
   background: left top #FFF2BF url('../images/brouwlog_bg.gif') repeat scroll;
   color: black;
   text-align: center;
   behavior: url("csshover.htc");}

BUTTON {cursor: auto;
   color:#050;
   font-family: helvetica, sans-serif;
   font-size: 84%;
   font-weight: bold;
   background: #fed none;}

CAPTION {margin: 0em 0% 0em 0%;
line-height: 100%}

CODE {font-size: 100%;
font-family: monospace} /* To avoid overriding boldness/italicity by using font */

DIV {margin: 0em 0% 0em 0%;
line-height: 100%}

DD {margin: 0%;
line-height: 100%}

DL {margin: 0%}

DT {margin: 0%;
line-height: 100%}

H1 {margin: 0%;
background: transparent none;
font: 150%/100% sans-serif;
color: #101F85;
font-weight: bold;
text-align: center;
}

H2 {
font: 120%/100% sans-serif;
background: transparent none;
color: #101F85;
font-weight: bold;
text-align: center;
}

H3 {padding: 5px;
font: 100%/100% sans-serif;
color: #101F85;
background: none #FFD420;
font-weight: bold;}

H4 {margin: 1em 0% 0em 0%;
line-height: 110%;
font-style: italic;}

H5 {margin: 0%;
font: 100%/100% sans-serif}

H6 {margin: 0%;
font: 100%/100% sans-serif}

HR {margin: 0%}

HTML {margin: 0;
background: white none;
color: black;}

INPUT {cursor: auto}


KBD {font: 100% monospace}

LI {margin: 0%;
line-height: 130%}

OL {margin: 0em 0% 0em 5%;
list-style: decimal}

UL UL OL OL, UL OL UL OL, OL UL OL OL, OL OL UL OL, OL UL OL, OL OL {list-style: lower-alpha}

OL UL OL OL, OL OL UL OL, UL OL OL OL, OL OL OL {list-style: lower-roman}

OL OL OL OL {list-style: decimal}

P {margin: 1em 0% 0em 0%;
line-height: 110%}

PRE {margin: 0em 0% 0em 0%;
font: 100%/100% monospace}

SAMP {font: 100% monospace}

SMALL {font-size: 100%}

SUB {font-size: 100%}

SUP {font-size: 100%}

TABLE {
   margin-top: 5px;
}

TD {line-height: 100%}


TEXTAREA {cursor: text}

TH {font: bold 100%/100% sans-serif}

TT {font: 100% monospace}

UL {margin: 0em 0% 0em 5%;
list-style: disc;
}

UL UL, OL OL UL UL, OL UL OL UL, UL OL OL UL, OL UL UL, UL OL UL {list-style: circle}

OL UL UL UL, UL OL UL UL, UL UL OL UL, UL UL UL {list-style: square}

UL UL UL UL {list-style: disc}

/* Classes */

#bottom {
   padding: 0em 0%;
   width: 100%;
   clear: both;
   color: Black;
   background: transparent url('../images/bg-bottom.jpg') top no-repeat;
   height: 79px;
}

#bottom2 {
   padding: 5px 33px;
   width: auto;
   clear: both;
   color: Black;
   background: transparent none;
   height: 79px;
}

.button {
   width: 190px;
   float: left;
}

.correspondentie ul{
   display: block;
   list-style: none;
   margin-left: 140px;
}

#inhoud img#film {
   width: 602px;
   margin-left: 0px;
   border: 1px solid black;
}

.foto {
   font-style: italic;
}

#inhoud {
   width: 100%;
   clear: both;
   color: Black;
   background: transparent url('../images/bg-txt.jpg') top repeat-y;
   padding-bottom: 10px;
}

#inhoud IMG {
   margin-left: 140px;
   width: 350px;
}

#inhoud IMG.AED {
   width: 615px;
   margin-left: 0px;
}

#inhoud IMG.duiker1 {
   width: 300px;
   float: left;
   margin-left: 0px;
   margin-bottom: 5px;
}

#inhoud IMG.duiker2 {
   width: 300px;
   float: right;
   margin-left: 0px;
   margin-bottom: 5px;
}

#inhoud2 {
   padding: 10px 33px;
   width: 680px;
   clear: both;
   color: Black;
   background: transparent none;
   margin-left: auto; 
   margin-right: auto;
   text-align: left;
   text-align: justify;
}

knop-1 A:link {
text-decoration: none;
}

.knop-1 A:visited {
text-decoration: none;
}

.knop-2 {
   border-bottom: solid 2px #FFD420;
   padding: 2px 0px 2px 34px;
}

.knop-2 A:link {
text-decoration: none;
}

.knop-2 A:visited {
text-decoration: none;
}

.knop-2-ici {
   border-bottom: solid 2px #FFD420;
   background: #FFD420 none;
   color: #101F85;
   padding: 2px 0px 2px 34px;
}

.knop-2-ici A:link {
text-decoration: none;
}

.knop-2-ici A:visited {
text-decoration: none;
}

#kop {
   width: 100%;
   clear: both;
   color: Black;
   background: transparent url('../images/bg-txt.jpg') top repeat-y;
}

#kop2 {
   padding: 0em 0px;
   margin-left: auto; 
   margin-right: auto;
   width: 700px;
   clear: both;
   color: Black;
   background: transparent none;
   text-align: center;
}

.logo {
   height: 155px;
}

#maker {
   padding: 0em 0px;
   width: 100%;
   clear: both;
   color: Black;
   background: transparent none;
   text-align: center;
   font-size: xx-small;
}

#menu {
   display: block;
   width: 100%;
   clear: both;
   text-align: left;
   background: transparent url('../images/bg-menu.jpg') top repeat-y;
   color: #101F85;
   position: relative;
   padding-top: 5px;
   height: 38px;
}

#menulist {
   display: block;
   padding: 6px 33px;
   width: 700px;
   clear: both;
   text-align: left;
	font-size: 80%;
   position: relative;
}

#menu #menulist ul
   {
   list-style: none;
   margin: 0;
   padding: 0;
}

#menulist .knop-1 {
   margin-left: 34px;
}

#menulist #knop-A {
   margin: 0;
   float: left;
   width: 105px;
}

#menulist #knop-B {
   margin: 0;
   float: left;
   width: 222px;
}

#menulist #knop-C {
   margin: 0;
   float: left;
   width: 222px;
}

#menulist #knop-D {
   margin: 0;
   float: left;
   width: 100px;
}

#menu #menulist li:hover {
   background: #FFF2BF none;
   color: red;
/*   z-index: 1; */
   cursor: pointer;
}
 
#menulist #knop-B ul {
   background: #FFF2BF none;
   color: #101F85;
   position: absolute;
   display: none;
   left: 136px;
   top: 19px;
   border-top: solid 2px #FFD420;
   border-left: solid 2px #FFD420;
   border-right: solid 2px #FFD420;
   width: 225px;
}
 
#menulist #knop-C ul {
   background: #FFF2BF none;
   color: #101F85;
   position: absolute;
   display: none;
   left: 358px;
   top: 19px;
   border-top: solid 2px #FFD420;
   border-left: solid 2px #FFD420;
   border-right: solid 2px #FFD420;
   width: 225px;
   }
 
#menu #menulist li:hover ul ul {
   display: none;
   }
 
#menu #menulist li:hover ul, li:hover li:hover ul {
   display: block;
   }

.naarboven {
   font-weight: bolder;
   text-align: right;
}

#plat {
   margin-left: 0px;
   text-align: center;
   width: 100%;
   height: 662px;
}

.stadsraad {
   padding-bottom: 10px;
   text-align: center;
}

.stats img {
   margin-left: auto;
   margin-right: auto;
}

.tabellijst-1 {
   list-style: none;
   font-weight: bold;
}

.tabellijst-2 {
   list-style: none;
   font-style: italic;
}

#top {
   padding: 15px 0 0 0;
   width: 100%;
   clear: both;
   color: Black;
   background: transparent url('../images/bg-top.jpg') top no-repeat;
   text-align: center;
	height: 55px
}

#top2 {
   padding: 15px 2% 0em 2%;
   width: 700px;
   margin-left: auto; 
   margin-right: auto;
   clear: both;
   color: Black;
   background: transparent none;
   text-align: center;
}

#voet {
   background: transparent url('../images/bg-menu.jpg') top repeat-y;
   color: Black;
   width: 100%;
   clear: both;
   text-align: center;
	height: 35px;
}

#voet2 {
   color: Black;
   background: transparent none;
   padding: 5px 33px;
   width: 700px;
   clear: both;
   font-size: 70%;
   text-align: center;
}

#wrapper {
   margin-left: auto; 
   margin-right: auto;
   width: 760px;
   text-align: center;
   background: #FFF2BF none;
   color: Black;
}

