/*#############################################################################
# Reset CSS (http://developer.yahoo.com/yui/reset/)
#############################################################################*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:                      0;
  padding:                     0;
}
table {
  border-collapse:             collapse;
  border-spacing:              0;
}
fieldset,img {
  border:                      0;
}
address,caption,cite,code,dfn,th,var {
  font-style:                  normal;
  font-weight:                 normal;
}
ol,ul {
  list-style:                  none;
}
caption,th {
  text-align:                  left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:                   100%;
  font-weight:                 normal;
}
q:before,q:after {
  content:                     '';
}
abbr,acronym {
  border:                      0;
}

/*#############################################################################
# Default CSS
#############################################################################*/
html, body {
  width:                       100%;
  height:                      100%;
  font:                        normal 12px tahoma,arial,sans-serif;
  line-height:                 18px;
  color:                       #000000;
  text-align:                  justify;
  cursor:                      default;
  background-color:            #FFFFFF;
}

h1 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   20px;
  color:                       #4D4D4D;
}

h2 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   12px;
  font-weight:                 bold;
  color:                       #000000;
}

h3 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   16px;
  color:                       #4D4D4D;
}

h4 {
  margin:                      18px 0px 0px 0px;
  padding:                     0px;
  font-size:                   12px;
  font-weight:                 bold;
  color:                       #0E9568;
}

h5 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   14px;
  font-weight:                 bold;
  color:                       #4D4D4D;
}

h6 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   12px;
  font-weight:                 bold;
  color:                       #4D4D4D;
}

hr {
  width:                       100%;
  height:                      1px;
  border:                      0px;
  border-top:                  1px dotted #000000;
}

a {
  color:                       #0E9568;
  text-decoration:             underline;
  cursor:                      pointer;
}

a:hover {
  color:                       #0E9568;
  text-decoration:             none;
}

ol,ul {
  margin-left:                 12px;
  padding-left:                16px;
}

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  disc;
}

strong, b {
  font-weight:                 bold;
  color:                       #5B5B5B;
}

em {
  font-style:                  italic;
}

p {
  margin-top:                  18px;
}

table td {
  font:                        normal 12px tahoma,arial,sans-serif;
  line-height:                 18px;
  color:                       #000000;
  text-align:                  justify;
  vertical-align:              top;
}

/*#############################################################################
# Form CSS
#############################################################################*/
xmp {
  font-size:                   18px;
}

label.before {
  float:                       left;
  clear:                       left;
  width:                       150px;
  line-height:                 20px;
}

label.radio, label.checkbox {
  cursor:                      pointer;
}

input.required, textarea.required, select.required {
  background-image:            url('../images/form_required.gif');
  background-repeat:           no-repeat;
  background-position:         top right;
}

input.text {
  width:                       200px;
  height:                      18px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #003745;
  cursor:                      text;
  vertical-align:              middle;
}

input.file {
  width:                       204px;
  height:                      22px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #003745;
  cursor:                      text;
  vertical-align:              middle;
}

input.focus {
  background-color:            #FFFFCC;
}

input.button {
  font:                        normal 12px verdana, sans-serif;
  vertical-align:              middle;
}

input.contentwidth {
  margin-top:                  6px;
  width:                       360px;
}

input.error, textarea.error, select.error {
  border:                      1px solid #FF0000;
}

input.good, textarea.good, select.good {
  /*border:                      1px solid #339933;*/
}

input.radio {
  vertical-align:              middle;
  cursor:                      pointer;
  background-image:            none;
  background-color:            transparent;
  border:                      none;
}

input.checkbox {
  vertical-align:              middle;
  cursor:                      pointer;
  background-image:            none;
  background-color:            transparent;
}

select.select {
  width:                       200px;
  height:                      18px;
  margin:                      1px;
  font:                        normal 12px verdana, sans-serif;
  border:                      1px solid #003745;
  cursor:                      pointer;
}

textarea.textarea {
  width:                       200px;
  height:                      50px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #003745;
  cursor:                      text;
}

fieldset li, fieldset ul {
  list-style:                  none;
  margin:                      0px;
  padding:                     0px;
}

li.oneline {
  line-height:                 24px;
  white-space:                 nowrap;
  vertical-align:              top;
  padding-bottom:              4px;
}

li.buttons {
  clear:                       both;
  width:                       360px;
  height:                      22px;
  line-height:                 22px;
}

div.fielderror, div.counter {
  color:                       #FF0000;
  margin-left:                 160px;
  margin-top:                  4px;
  height:                      20px;
}
div.counter {
  color:                       #000000;
  white-space:                 nowrap;
}

.hidden {
  display:                     none;
  visibility:                  hidden;
}

span.fieldhint {
  color:                       #AAAAAA;
}

span.hint {
  color:                       #AAAAAA;
}

div#content {
  width:                       360px;
  line-height:                 20px;
}

input#street {
  width:                       133px;
}

input#housenr {
  width:                       60px;
}

input#zip {
  width:                       60px;
}

input#city {
  width:                       133px;
}

input#submit {
  float:                       right;
  cursor:                      pointer;
  font:                        normal 12px verdana, sans-serif;
}

div#requiredtext {
  float:                       left;
}

/*#############################################################################
# Beursgebouw CSS INTRO
#############################################################################*/
table#introfullscreen {
  width:                       100%;
  height:                      100%;
  background-color:            #A4A4A4;
}

table#introfullscreen td#inintrofullscreen {
  min-height:                  85%;
  padding:                     30px 0px 32px 0px;
  text-align:                  center;
  vertical-align:              middle;
}

div#intrositeholder {
  width:                       100%;
  height:                      516px;
}

div#introsite {
  width:                       952px;
  height:                      516px;
  margin:                      auto auto;
  background-color:            #FFFFFF;
}

div#intrositeleft {
  float:                       left;
  width:                       568px;
  height:                      516px;
  padding:                     0px 32px 0px 32px;
}
div#intrositeleft div#introlanguage {
  width:                       568px;
  height:                      24px;
  text-align:                  right;
}
div#intrositeleft div#introlanguage div {
  display:                     inline;
}
div#intrositeleft div#intrologo {
  width:                       568px;
  height:                      83px;
  padding:                     27px 0px 11px 0px;
  border-bottom:               1px dotted #000000;
}
div#intrositeleft div#introphoto {
  width:                       568px;
  height:                      155px;
  padding:                     10px 0px 10px 0px;
  border-bottom:               1px dotted #000000;
}
div#intrositeleft div.introbuttonholder {
  width:                       568px;
  height:                      66px;
  padding:                     10px 0px 10px 0px;
  border-bottom:               1px dotted #000000;
}

div.introbuttonholder a.introbutton {
  display:                     block;
  width:                       564px;
  height:                      62px;
  text-align:                  left;
  background:                  url('../images/introbutton_arrow.gif') no-repeat top right;
  border:                      2px solid #D9D9D9;
}
div.introbuttonholder a.introbutton:hover {
  background:                  url('../images/introbutton_arrow_over.gif') no-repeat top right;
  border:                      2px solid #4D4D4D;
}

table#introfullscreen td#introfooterholder {
  width:                       100%;
  height:                      22px;
  text-align:                  center;
  vertical-align:              bottom;
}
div#inintrofooterholder {
  width:                       100%;
  height:                      21px;
  border-top:                  1px dotted #FFFFFF;
}
div#introfooter {
  width:                       952px;
  height:                      21px;
  margin:                      0 auto;
}
div#introfooter div#introfooterleft {
  float:                       left;
  padding-left:                32px;
  font-size:                   11px;
  color:                       #FFFFFF;
}
div#introfooter div#introfooterright {
  float:                       right;
  padding-right:               16px;
  font-size:                   11px;
  color:                       #FFFFFF;
}
div#introfooter a {
  color:                       #FFFFFF;
  text-decoration:             none;
}
div#introfooter a:hover {
  color:                       #FFFFFF;
  text-decoration:             underline;
}

/*#############################################################################
# Beursgebouw CSS WEBSITE SIDEBAR
#############################################################################*/
div#sidebar {
  float:                       left;
  width:                       248px;
  height:                      492px;
  padding:                     24px 28px 0px 36px;
  font-size:                   11px;
  color:                       #FFFFFF;
  background-color:            #4D4D4D;
  border-left:                 8px solid #A7D4C3;
}
div#sidebar strong {
  color:                       #FFFFFF;
}

div.sidebartitle {
  width:                       248px;
  height:                      27px;
  margin-bottom:               7px;
}

div.sidebarsubtitle {
  margin-top:                  16px;
  font-weight:                 bold;
  color:                       #A7D4C3;
}

div#sidebar div#buildingplanholder {
  width:                       246px;
  height:                      246px;
  overflow:                    hidden;
  border:                      1px solid #FFFFFF;
}

div#sidebar a.agendabutton {
  display:                     block;
  width:                       248px;
  height:                      66px;
  padding:                     10px 0px 10px 0px;
  text-align:                  left;
  text-decoration:             none;
  border-bottom:               1px dotted #C0C0C0;
}

div#sidebar a.agendabutton img.agendaphoto {
  float:                       left;
  width:                       64px;
  height:                      64px;
  border:                      1px solid #FFFFFF;
}
div#sidebar a.agendabutton span.agendaphoto img {
  width:                       64px;
  height:                      64px;
}

div#sidebar a.agendabutton span.agendatext {
  display:                     block;
  float:                       left;
  width:                       166px;
  height:                      66px;
  margin-left:                 16px;
  font-size:                   11px;
  color:                       #FFFFFF;
}
div#sidebar a.agendabutton span.agendatext span.agendatexttitle {
  font-size:                   14px;
  font-weight:                 bold;
  color:                       #A7D4C3;
}
div#sidebar a.agendabutton span.agendatext span.agendatextlink {
  font-size:                   11px;
  font-weight:                 bold;
  color:                       #C5C5C5;
  text-decoration:             underline;
}
div#sidebar a.agendabutton:hover {
  background-color:            #5A5A5A;
}
div#sidebar a.agendabutton:hover span.agendatext span.agendatextlink {
  text-decoration:             none;
}

div#agendabuttons {
  width:                       248px;
  height:                      37px;
}
div#agendabuttons img {
  vertical-align:              middle;
}
div#agendabuttons a {
  color:                       #FFFFFF;
  text-decoration:             none;
}
div#agendabuttons a#previous {
  float:                       left;
}
div#agendabuttons a#next {
  float:                       right;
}
div#agendabuttons a.overlink:hover {
  color:                       #A7D4C3;
}
div#agendabuttons a.off {
  color:                       #969696;
  cursor:                      default;
}

div#sidebar a.sidebarbutton {
  display:                     block;
  width:                       244px;
  margin-top:                  32px;
  height:                      60px;
  background:                  url('../images/sidebarbutton_arrow.gif') no-repeat top right;
  border:                      2px solid #969696;
}
div#sidebar a.sidebarbutton:hover {
  background:                  url('../images/sidebarbutton_arrow_over.gif') no-repeat top right;
  border:                      2px solid #FFFFFF;
}

/*#############################################################################
# Beursgebouw CSS WEBSITE
#############################################################################*/
table#fullscreen {
  width:                       100%;
  height:                      100%;
  background:                  #4D4D4D url('../images/sidebarbottom_bg.gif') repeat-x bottom left;
}
table#fullscreen td.siteleft {
  width:                       1000px;
  text-align:                  right;
  background-color:            #FFFFFF;
}
table#fullscreen td.siteright {
  width:                       1000px;
  text-align:                  left;
  background:                  url('../images/sidebartop_bg.gif') repeat-x top left;
}

table#fullscreen td#menuholder {
  width:                       160px;
  padding:                     54px 0px 32px 0px;
  background-color:            #FFFFFF;
}
table#fullscreen td#menuholder a.menutitle {
  display:                     block;
  margin-top:                  32px;
}
table#fullscreen td#menuholder img.siteleft_button {
  margin-top:                  16px;
}

table#fullscreen td#menuholder div#menu {
  text-align:                  right;
}
table#fullscreen td#menuholder div#menu a.menuitem {
  display:                     block;
  padding:                     9px 0px 9px 0px;
  font-size:                   18px;
  color:                       #4D4D4D;
  text-decoration:             none;
}
table#fullscreen td#menuholder div#menu a.menuitem:hover,
table#fullscreen td#menuholder div#menu a.active {
  color:                       #1D9C71;
  text-decoration:             underline;
}
table#fullscreen td#menuholder div#menu a.subitem {
  display:                     block;
  padding:                     5px 28px 5px 0px;
  font-size:                   14px;
  line-height:                 14px;
  color:                       #4D4D4D;
  text-decoration:             none;
  background:                  url('../images/subitem_bg.gif') no-repeat right 2px;
}
table#fullscreen td#menuholder div#menu a.subitem:hover,
table#fullscreen td#menuholder div#menu a.subactive {
  color:                       #1D9C71;
  text-decoration:             none;
  background:                  url('../images/subitem_over.gif') no-repeat right 2px;
}
table#fullscreen td#menuholder div#menu a.sublast {
  margin-bottom:               10px;
}

table#fullscreen td#contentholder {
  width:                       492px;
  padding-bottom:              32px;
  background-color:            #FFFFFF;
}
td#contentholder div#logo {
  width:                       412px;
  height:                      60px;
  margin:                      26px 52px 0px 28px;
  padding:                     0px 0px 16px 0px;
  border-bottom:               1px dotted #000000;
}

table#contentblock {
  width:                       412px;
  height:                      100px;
  margin:                      16px 52px 32px 28px;
}
table#contentblock p.introduction {
  font-weight:                 bold;
  color:                       #0E9568;
}

img.agendaphoto_large {
/*  border:                      1px solid #4E4E4E; */
}

strong.titlebefore {
  display:                     block;
  float:                       left;
  width:                       108px;
}

table#fullscreen td#sidebarholder {
  width:                       248px;
  padding:                     0px 0px 10px 36px;
  border-left:                 8px solid #A7D4C3;
  background:                  url('../images/sidebartop_bg.gif') repeat-x top left;
}
table#fullscreen td#sidebarholder div#sidebar {
  float:                       none;
  height:                      auto;
  padding:                     16px 0px 0px 0px;
  border:                      0px;
  background-color:            transparent;
}

div#sidebar div#language {
  width:                       248px;
  height:                      72px;
  margin-bottom:               32px;
}
div#sidebar div#language a {
  display:                     block;
  height:                      24px;
}

table#fullscreen td#sidebarfooterholder {
  width:                       284px;
  height:                      300px;
  border-left:                 8px solid #A7D4C3;
  vertical-align:              bottom;
}
table#fullscreen td#sidebarfooterholder div#address {
  width:                       248px;
  height:                      285px;
  margin:                      15px 0px 0px 36px;
  color:                       #FFFFFF;
  line-height:                 23px;
}
table#fullscreen td#sidebarfooterholder div#address a {
  color:                       #FFFFFF;
  text-decoration:             underline;
}
table#fullscreen td#sidebarfooterholder div#address a:hover {
  color:                       #FFFFFF;
  text-decoration:             none;
}

table#fullscreen td#footerholder {
  height:                      23px;
  background-color:            #FFFFFF;
}

table#fullscreen td#footerholder div#sitemap {
  float:                       left;
  width:                       50px; /* 160px */
  height:                      22px;
  font-size:                   11px;
  color:                       #999999;
  text-align:                  left; /* center */
  line-height:                 22px;
  letter-spacing:              1px;
  border-top:                  1px dotted #000000;
}
table#fullscreen td#footerholder div#sitemap a {
  color:                       #999999;
  text-decoration:             none;
}
table#fullscreen td#footerholder div#sitemap a:hover {
  color:                       #999999;
  text-decoration:             underline;
}

table#fullscreen td#footerholder div#printbutton {
  float:                       left;
  width:                       110px;
  height:                      22px;
  font-size:                   11px;
  color:                       #999999;
  text-align:                  right;
  line-height:                 22px;
  letter-spacing:              1px;
  border-top:                  1px dotted #000000;
  cursor:                      pointer;
}
table#fullscreen td#footerholder div#printbutton:hover {
  text-decoration:             underline;
}

table#fullscreen td#footerholder div#breadcrumbs {
  float:                       left;
  width:                       412px;
  height:                      22px;
  margin:                      0px 52px 0px 28px;
  font-size:                   12px;
  color:                       #999999;
  text-align:                  left;
  line-height:                 22px;
  border-top:                  1px dotted #000000;
}
table#fullscreen td#footerholder div#breadcrumbs img {
  vertical-align:              middle;
}
table#fullscreen td#footerholder div#breadcrumbs a {
  color:                       #4D4D4D;
  text-decoration:             underline;
}
table#fullscreen td#footerholder div#breadcrumbs a:hover {
  color:                       #4D4D4D;
  text-decoration:             none;
}

table#fullscreen td#footerholder div#powered {
  float:                       left;
  width:                       248px;
  height:                      23px;
  padding-left:                36px;
  font-size:                   11px;
  color:                       #999999;
  text-align:                  right;
  line-height:                 22px;
  letter-spacing:              1px;
  border-left:                 8px solid #A7D4C3;
  background:                  #4D4D4D url('../images/sidebarbottom_bg.gif') repeat-x bottom left;
}
table#fullscreen td#footerholder div#powered a {
  color:                       #999999;
  text-decoration:             none;
}
table#fullscreen td#footerholder div#powered a:hover{
  color:                       #999999;
  text-decoration:             underline;
}
/*###########################################################################*/