/*#############################################################################
# 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,em,strong,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 11px verdana, sans-serif;
  line-height:                 24px;
  color:                       #656566;
  text-align:                  justify;
  cursor:                      default;
  background:                  #E7E7E7 url('../images/background.jpg') repeat-x top left;
}

h1 {
  margin:                      0px 0px 12px 0px;
  padding:                     0px;
  font:                        bold 18px arial, sans-serif;
  text-transform:              uppercase;
  color:                       #27447E;
}

h2 {
  margin:                      0px 0px 12px 0px;
  padding:                     0px;
  font:                        bold 16px arial, sans-serif;
  text-transform:              uppercase;
  color:                       #B20138;
}

h3 {
  margin:                      0px 0px 12px 0px;
  padding:                     0px;
  font:                        bold 14px arial, sans-serif;
  text-transform:              uppercase;
  color:                       #B20138;
}

h4 {
  margin:                      0px 0px 12px 0px;
  padding:                     0px;
  font:                        bold 12px arial, sans-serif;
  color:                       #27447E;
}

h5 {
  margin:                      0px 0px 12px 0px;
  padding:                     0px;
  font:                        bold 11px arial, sans-serif;
  color:                       #27447E;
}

h6 {
  margin:                      0px 0px 12px 0px;
  padding:                     0px;
  font:                        normal 11px arial, sans-serif;
  color:                       #B20138;
}

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

strong {
  font-weight:                 bold;
}

em {
  font-style:                  italic;
}

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

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

a img {
  vertical-align:              middle;
}

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

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  square;
}

p {
  margin:                      0px 0px 24px 0px;
}

table td {
  font-size:                   11px;
  color:                       #656566;
  text-align:                  justify;
  line-height:                 24px;
  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 arial, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000066;
  cursor:                      text;
  vertical-align:              middle;
}

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

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

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

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

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 arial, sans-serif;
  border:                      1px solid #000066;
  cursor:                      pointer;
}

textarea.textarea {
  width:                       200px;
  height:                      50px;
  padding:                     1px;
  font:                        normal 12px arial, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000066;
  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:                       #B20138;
  margin-left:                 160px;
  margin-top:                  4pxem;
  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#submit {
  float:                       right;
  cursor:                      pointer;
  font:                        normal 12px arial, sans-serif;
}

div#requiredtext {
  float:                       left;
}

/*#############################################################################
# Parco CSS
#############################################################################*/
table#fullscreen {
  width:                       100%;
  height:                      100%;
}
table#fullscreen td#infullscreen {
  width:                       100%;
  text-align:                  center;
  vertical-align:              middle;
}

td#infullscreen div#site {
  width:                       944px;
  height:                      578px;
  margin:                      0 auto;
  text-align:                  left;
  background-color:            #FFFFFF;
  border:                      1px solid #B3B3B2;
}
div#site div#header {
  width:                       944px;
  height:                      143px;
  margin-top:                  -521px;
}
div#header div#logo {
  margin-top:                  20px;
  margin-left:                 24px;
  float:                       left;
}
div#header div#headerimages {
  width:                       372px;
  height:                      100px;
  margin-top:                  20px;
  float:                       right;
}
div#headerimages div.headerimage {
  float:                       left;
  height:                      94px;
  width:                       94px;
  margin-right:                24px;
  border:                      3px solid #979799;
}

div#site div#menu {
  width:                       806px;
  height:                      28px;
/*  margin:                      -378px 23px 0px 23px; */
  margin:                      0px 23px;
  padding-left:                92px;
  border-top:                  1px solid #9A9A9C;
  border-bottom:               3px solid #9A9A9C;
}
div#site div#content {
  width:                       944px;
  height:                      346px;
  margin-top:                  175px; /* 32px */
  overflow:                    auto;
  overflow-x:                  hidden;
  overflow-y:                  auto;

  scrollbar-base-color:        #FFFFFF;   /*basiskleur */
  scrollbar-face-color:        #FFFFFF;   /*basiskleur frontvlakken */
  scrollbar-arrow-color:       #B20138;   /*pijlkleur */
  scrollbar-3dlight-color:     #B5B5B5;   /*randkleur linkboven */
  scrollbar-highlight-color:   #C9C9C9;   /*hooglicht linksboven */
  scrollbar-darkshadow-color:  #B5B5B5;   /*randkleur rechtsonder */
  scrollbar-shadow-color:      #C9C9C9;   /*laaglicht rechtsonder */
  scrollbar-track-color:       #FFFFFF;   /*achtergrondkleur lege ruimte scrollbar */
}
table#contentblock {
  width:                       790px;
  height:                      100px;
  margin:                      25px 0px 15px 132px;
  background-color:            #FFFFFF;
}
table#contentblock td#contentleft {
  width:                       518px;
  padding-right:               24px;
}
table#contentblock td#contentright {
  width:                       224px;
  padding-left:                24px;
}

div#site div#link{
  width:                       898px;
  height:                      43px;
  margin:                      346px 23px 0px 23px;
  border-top:                  3px solid #9A9A9C;
  border-bottom:               1px solid #9A9A9C;
}
div#link a.links {
  display:                     block;
  float:                       left;
  padding:                     0px 23px;
}
div#link a.linksfirst {
  padding-left:                108px;
}
div#link a.linkslast {
  padding-right:               0px;
}

table#fullscreen td#footerholder {
  width:                       100%;
  height:                      15px;
  text-align:                  center;
}
td#footerholder div#footer {
  width:                       898px;
  height:                      15px;
  margin:                      0 auto;
}

td#footerholder div#disclaimer {
  float:                       left;
  width:                       170px;
  margin-left:                 29px;
  font-size:                   11px;
  color:                       #979799;
}
td#footerholder div#powered {
  float:                       right;
  width:                       170px;
  margin-left:                 0px;
  font-size:                   11px;
  color:                       #979799;
  line-height:                 28px;
}
div#footer a {
  color:                       #979799;
  text-decoration:             none;
}
div#footer a:hover {
  color:                       #979799;
  text-decoration:             underline;
}

/*#############################################################################
# Listmenu Parco
#############################################################################*/
ul.mainmenu {
  width:                       806px;
  height:                      28px;
  margin:                      0px;
  padding:                     0px;
}

ul.mainmenu li {
  height:                      28px;
  margin:                      0px;
  padding:                     0px;
  list-style-type:             none;
  float:                       left;
}

a.mainitem, a.mainitem:hover, a.mainitem_on {
  height:                      28px;
  padding:                     0px 16px;
  font-size:                   14px;
  font-weight:                 bold;
  text-align:                  center;
  text-decoration:             none;
  text-transform:              uppercase;
  line-height:                 28px;
  color:                       #979799;
  white-space:                 nowrap;
}

a.mainitem:hover, a.mainitem_on, a.mainitem_on:hover {
  color:                       #1A3876;
}

ul.mainmenu li:hover ul.submenu {
  display:                     block;
  margin:                      0px 0px 0px -16px;
}

ul.submenu, ul.subsubmenu {
  position:                    absolute;
  display:                     none;
  width:                       180px;
  margin:                      0px;
  padding:                     0px;
  border-top:                  3px solid #B20138;
  background:                  url('../images/spacer.gif');
}
ul.subsubmenu {
  border-top:                  0px;
}

ul.submenu li, ul.subsubmenu li {
  display:                     block;
  width:                       100%;
  height:                      32px;
  list-style:                  none;
  float:                       left;
}

a.subitem, a.subitem:hover, a.subitem_on, a.subitem_on:hover {
  display:                     block;
  width:                       100%;
  height:                      32px;
  line-height:                 32px;
  font-size:                   12px;
  text-align:                  center;
  text-decoration:             none;
  color:                       #656566;
  white-space:                 nowrap;
  background-color:            #F2F2F2;
  border-top:                  1px solid #FFFFFF;
  border-left:                 1px solid #FFFFFF;
}

a.subitem:hover, a.subitem_on, a.subitem_on:hover {
  color:                       #656566;
  background-color:            #FFFFFF;
}

ul.submenu li:hover ul.subsubmenu {
  display:                     block;
  margin:                      -32px 0px 0px 180px;
}

/*###########################################################################*/
