/* 
###################################################
# Basic Styles                                    #
###################################################
*/

body {
  margin: 0px;
  background-color: #FFFFFF;
  color: #517BAE;
  font-size: 9pt;
  font-family: Verdana, Arial;
}
th, td {
  margin: 0px;
  padding: 0px;
  text-align: left;
  vertical-align: top;
}
p, ul, ol {
  line-height: 16px;
}
h1 {
  font-size: 13pt;
  padding: 0px;
  margin: 0px;
}
h2 {
  font-size: 10pt;
  font-weight: bold;
}
a {
  color: #517BAE;
}
hr {
  background-color: #517BAE;
  border: 0px;
  height: 1px;
  width: 100%;
}
img {
  border: 0px;
}


/* 
###################################################
# DIV Styles                                      #
###################################################
*/

.wrapper {
  width: 922px; 
}
.wrappernavigatie {
  background-color: #8DA8C4; 
  width: 140px; 
}
.wrappercontent {
  background-color: #EEF2F7; 
  width: 782px; 
}

#header {
  width: 922px; 
  height: 60px;
  border-top: 13px solid black;
  border-bottom: 2px solid black;
  border-left: 0px;
  border-right: 0px;  
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;   
  text-align: left;
  color: red;
  font-weight: bold;
}

#subheader {
  width: 922px; 
  height: 66px;
  margin: 0px;
  padding: 0px;
  float: left;
}

#menu {
  width: 140px; 
  margin: 0px;
  padding: 0px;
  float: left;
  background-color: #8DA8C4;
}
.menu_on {
  height: 17px;
  padding: 0px; 
  margin: 0px;  
  border-bottom: 1px solid #A4BCD4;
  background-color: #7C9CBC;

}
.menu_off {
  height: 10px;
  padding: 0px; 
  margin: 0px;
  line-height: 10px;
  border-bottom: 1px solid #A4BCD4;
}


.navigator-top {
  width: 586px; 
  height: 24px;
  padding-top: 0px; 
  padding-bottom: 10px;
  padding-left: 98px; 
  padding-right: 98px;
  text-align: right;
}
.navigator-bottom {
  width: 586px;
  height: 20px;
  padding-top: 15px; 
  padding-bottom: 0px;  
  padding-left: 98px; 
  padding-right: 98px;
  text-align: right;
}
.navigator-left {
  float: left;
  text-align: left;
  white-space: nowrap; 
}
.navigator-right {
  float: right; 
  text-align: right;
  white-space: nowrap; 
}
.navigator-breadcrumb {
  float: left;
  text-align: left;
  font-size: 7.5pt;
}
.navigator-breadcrumb-other {
  width: 586px; 
  height: 34px;
  text-align: left;
  font-size: 7.5pt;
}


#content-top {
  width: 586px;
  height: 36px;
  padding-left: 98px; 
  padding-right: 98px;   
  margin: 0px;
}
#content {
  width: 586px; 
  padding-top: 0px; 
  padding-left: 98px; 
  padding-right: 98px; 
  margin: 0px;
}


#banner-bottom {
  width: 578px;
  margin-top: 30px; 
  margin-left: 98px; 
  margin-right: 98px;
  padding: 3px;
  text-align: center;
  border: 1px solid #517BAE;
}


#footer {
  width: 922px;
  margin: 0px;
  padding: 0px;
  float: left;
}
#footer-left {
  width: 140px;
  border: 0px;  
  margin: 0px;
  padding-top: 0px;
  float: left;
  text-align: center;
}
#footer-right {
  width: 782px;
  border: 0px;  
  margin: 0px;
  float: right;  
  padding-top: 15px;
  padding-bottom: 10px;
  background-color: #EEF2F7;
  color: #517BAE;
  font-size: 7.5pt;
  text-align: center;
}

/* 
###################################################
# Page specific text                              #
###################################################
*/

.maptext {
  width: 586px; 
  padding-top: 15px; 
  padding-bottom: 5px;   
  font-size: 8pt; 
  text-align: center;
}

.sitelevel1 {
  font-size: 10pt;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
}
.sitelevel2 {
  font-size: 10pt;
  margin-left: 20px;
  margin-bottom: 1px;
}


/* 
###################################################
# Form Styles                                     #
###################################################
*/

input, textarea {
  border: solid 1px #000000;
  font-family: Verdana, Arial;
  font-size: 8pt;
  font-weight: normal;
  width: 100px;
}
select {
  border: solid 1px #000000;
  font-family: Verdana, Arial;
  font-size: 8pt;
  width: 130px;
}
.ButtonStyle {
  border: groove 1px #517BAE;
  background-color: #FFFFFF;
  color: #517BAE;
  font-size: 11px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: bold;
  width: 100px;
}

/* 
###################################################
# Several classes                                 #
###################################################
*/

.FotoText {
  font-family: Verdana, Arial;
  font-size: 7pt;
  color: #517BAE;
}
.Copyright {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #EEF2F7;
  color: #517BAE;
  font-family: Verdana, Arial;
  font-size: 7.5pt;
  line-height: 8pt;
  text-align: center;
}
.New {
  font-family: Verdana, Arial;
  font-size: 8pt;
  color: #FF0000;
}  

/*
###################################################
# NEW Picture styles                              #
###################################################
*/

.Picturerighth {
  width: 250px;
  float: right; 
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  font-size: 7.5pt;
}
.Picturerightv {
  width: 172px;
  float: right; 
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  font-size: 7.5pt;
}
.Picturelefth {
  width: 250px;
  float: left; 
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 7.5pt;
}
.Pictureleftv {
  width: 172px;
  float: left; 
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 7.5pt;
}
.Picturecenterh {
  width: 250px;
  margin-top: 0px;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 15px;
  font-size: 7.5pt;
}
.Picturecenterv {
  width: 172px;
  margin-top: 0px;
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 15px;
  font-size: 7.5pt;
}

/* 
###################################################
# Popup styles                                    #
###################################################
*/

.popTable {
  border: #003366 2px solid;
}
.popHeader {
  background-color: #003366; 
  color: #ffffff; 
  text-align: right;
}
.popCelTop {
  padding-right: 3px; 
  padding-left: 4px; 
  padding-bottom: 2px; 
  padding-top: 3px;
  vertical-align: middle;
  color: #000080; 
  background-color: #ffffff; 
  border-bottom: #003366 1px solid;
}
.popCelBottom {
  padding-right: 3px; 
  padding-left: 4px; 
  padding-bottom: 2px; 
  padding-top: 3px; 
  vertical-align: middle;
  color: #003366; 
  background-color: #ffffff; 
}
.popLink {
  text-decoration: none; 
  color: #003366;
}  

/* 
###################################################
# Fact & Figure styles                            #
###################################################
*/

.factTable {
  margin-top: 10px;
  border: #7999BA 1px solid;   
}
.factHeader {
  background-color: #7999BA; 
  font-family: MS Sans Serif, Courier New;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff; 
  padding: 2px; 
}
.factCelHdr {
  font-family: Verdana, Arial;
  font-size: 8pt;
  font-weight: bold;
  line-height: 15px;  
  padding: 8px; 
}
.factCelTxt {
  font-family: Verdana, Arial;
  font-size: 8pt;
  line-height: 15px;
  padding: 8px; 
}

/* 
###################################################
# NIEUW act & Figure styles                       #
###################################################
*/

.factFrame {
  border: #7999BA 1px solid;  
  padding: 1px; 
}
.factFrameHeader {
  background-color: #7999BA; 
  font-family: MS Sans Serif, Courier New;
  font-size: 9pt;
  font-weight: bold;
  color: #ffffff; 
  padding: 2px; 
}
.factPicture {
  padding: 12px; 
  text-align: center;
}
.factInfoLeft {
  width: 250px;
  padding: 15px; 
  float: left;
}
.factInfoRight {
  width: 260px;
  padding: 15px; 
  float: right;  
}

/* 
###################################################
# Old Styles (Only used for Gastenboek and Links) #
###################################################
*/

.FactText {
  font-family: Verdana, Arial;
  font-size: 8pt;
  color: #517BAE;
}
.FactTextBold {
  font-family: Verdana, Arial;
  font-size: 8pt;
  color: #517BAE;
  font-weight: bold;
}