/*#############################################################################
# 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 12px arial, sans-serif;
  line-height:                 20px;
  color:                       #000000;
  text-align:                  justify;
  cursor:                      default;
  background-color:            #EEEEEE;
}

h1 {
  margin:                      0px 0px 18px 0px;
  padding:                     0px;
  font-weight:                 normal;
  font-size:                   24px;
  color:                       #EF3124;
  line-height:                 32px;
}

h2 {
  margin:                      0px 0px 18px 0px;
  padding:                     0px;
  font-weight:                 normal;
  font-size:                   20px;
  color:                       #EF3124;
  line-height:                 32px;
}

h3 {
  margin:                      0px 0px 18px 0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   16px;
  color:                       #707070;
  line-height:                 24px;
}

h4 {
  margin:                      0px 0px 18px 0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   16px;
  color:                       #707070;
  line-height:                 24px;
}

h5 {
  margin:                      0px 0px 18px 0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   14px;
  color:                       #707070;
  line-height:                 22px;
}

h6 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   12px;
  color:                       #EF3124;
  line-height:                 18px;
}

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

strong {
  font-weight:                 bold;
}

em {
  font-style:                  italic;
}

a {
  color:                       #EF3124;
  text-decoration:             none;
  cursor:                      pointer;
}

a:hover {
  color:                       #EF3124;
  text-decoration:             underline;
}

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 18px 0px;
}

table td {
  font-size:                   12px;
  color:                       #000000;
  text-align:                  justify;
  line-height:                 20px;
  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 #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 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 {
  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;
  border:                      none;
  background-color:            #000066;
  color:                       #FFFFFF;
  cursor:                      pointer;
  font:                        normal 12px arial, sans-serif;
  border:                      1px outset #000066;
}

div#requiredtext {
  float:                       left;
}

/*#############################################################################
# Wakkervandeijzerenrijn INTRO CSS
#############################################################################*/
div#introfullscreen {
  position:                    absolute;
  width:                       100%;
  height:                      100%;
  text-align:                  center;
  background-color:            #EEEEEE;
}

div#shim {
  visibility:                  hidden;
  width:                       100%;
  height:                      50%;
  margin:                      0 auto;
  margin-top:                  -300px;
  float:                       left;
}

div#introsite {
  position:                    static;
  clear:                       both;
  width:                       876px;
  height:                      600px;
  margin:                      0px auto;
  text-align:                  left;
  background:                  #FFFFFF url('../images/introsite_bg.gif') repeat-y top center;
}

div#introtop {
  width:                       876px;
  height:                      9px;
  line-height:                 9px;
  font-size:                   9px;
}

div#introleft {
  float:                       left;
  display:                     inline;
  width:                       606px;
  height:                      568px;
  margin:                      0px 0px 0px 9px;
  background:                  url('../images/introphoto_01.jpg') no-repeat top left;
}

div#intrologo {
  width:                       208px;
  height:                      225px;   
}

div#intromenu {
  width:                       208px;
  height:                      302px;
}
div#intromenu a.menuitem {
  display:                     block;
  width:                       192px;
  padding:                     13px 0px 13px 16px;
  font-size:                   18px;
  color:                       #FFFFFF;
  text-decoration:             none;
}
div#intromenu a.menuitem:hover,
div#intromenu a.active {
  background-color:            #E98583;
  text-decoration:             none;
}

div#introflags {
  width:                       208px;
  height:                      17px;
}
div#introflags a {
  float:                       left;
  display:                     inline;
  margin-left:                 16px;
}

div#introcontent {
  float:                       left;
  width:                       252px;
  height:                      568px;
}

table#introcontentblock {
  width:                       226px;
  height:                      498px;
  margin:                      16px 10px 16px 16px;
}
table#introcontentblock a {
  text-decoration:             underline;
}
table#introcontentblock a:hover {
  text-decoration:             none;
}

div#introtitle {
  width:                       252px;
  height:                      38px;
  line-height:                 38px;
  background-color:            #000000;
}

div#introfooter {
  float:                       left;
  clear:                       both;
  width:                       876px;
  height:                      13px;
  padding-top:                 10px;
  font-size:                   11px;
  line-height:                 13px;
  color:                       #A3A3A3;
  background:                  url('../images/introsite_bottom.gif') no-repeat top left;
}
div#introfooter div#intrositemap {
  float:                       left;
  margin-left:                 25px;
}
div#introfooter div#intropowered {
  float:                       right;
  margin-right:                25px;
}
div#introfooter a {
  color:                       #A3A3A3;
  text-decoration:             none;
}
div#introfooter a:hover {
  color:                       #A3A3A3;
  text-decoration:             underline;
}

/*#############################################################################
# Wakkervandeijzerenrijn CSS
#############################################################################*/
table#fullscreen {
  width:                       100%;
  height:                      100%;
}
table#fullscreen td.fullscreencentercolumn {
  width:                       1000px;
  height:                      100%;
}
table#fullscreen td#infullscreen {
  width:                       876px;
  background:                  #EEEEEE url('../images/site_bg.gif') repeat-y top center;
}

div#site {
  width:                       876px;
  min-height:                  100%;
  text-align:                  justify;
}

div#top {
  width:                       858px;
  height:                      25px;
}

div#header {
  width:                       858px;
  height:                      188px;
  margin:                      0px 9px;
  font-size:                   8px;
}

div#printheader{
  display:                     none;
}

div#menu {
  float:                       left;
  width:                       208px;
  padding-left:                8px;
  padding-top:                 8px;
}
div#menu a.menuitem {
  display:                     block;
  width:                       192px;
  padding:                     13px 0px 13px 16px;
  font-size:                   18px;
  color:                       #EE3124;
  text-decoration:             none;
}
div#menu a.menuitem:hover,
div#menu a.active {
  color:                       #666666;
  text-decoration:             none;
}
div#menu a.subitem {
  display:                     block;
  width:                       178px;
  padding:                     7px 0px 7px 30px;
  font-size:                   12px;
  color:                       #666666;
  text-decoration:             none;
}
div#menu a.subitem:hover,
div#menu a.subactive {
  font-weight:                 bold;
  text-decoration:             none;
}

a#sitemap {
  display:                     block;
  width:                       176px;
  height:                      45px;
  margin:                      52px 0px 67px 16px; 
  font-size:                   14px;
  color:                       #999999;
  text-align:                  center;
  text-decoration:             none;
  line-height:                 45px;
  border:                      1px solid #999999;
  border-width:                1px 0px;
}
a#sitemap:hover {
  color:                       #EE3124;
  text-decoration:             none;
  border-color:                #EE3124;  
}

div#onlinepetitie {
  width:                       176px;
  height:                      291px;
  margin-left:                 16px; 
}

div#breadcrumbs {
  width:                       577px;
  height:                      37px;
  margin:                      0px 0px 0px 266px;
  line-height:                 37px;
}

div#content {
  width:                       577px;
  margin:                      8px 0px 0px 266px;
}

table#contentblock {
  width:                       577px;
  height:                      100px;
  background-color:            #FFFFFF;
}
table#contentblock p#intro {
  font-weight:                 bold;
  color:                       #666666;
}
table#contentblock td#contentleft {
  width:                       368px;
  padding:                     2px 16px 0px 0px;
  border-right:                1px solid #A3A3A3;
}
table#contentblock td#contentright {
  width:                       176px;
  padding:                     0px 0px 0px 16px;
}

table#column2 {
  width:                       545px;
}
table#column2 td#leftcolumn {
  width:                       106px;
  font-size:                   18px;
  font-weight:                 bold;
  color:                       #999999;
  border-right:                1px solid #A3A3A3;
}
table#column2 td#rightcolumn {
  width:                       422px;
  padding:                     0px 0px 14px 16px;
}
table#column2 a {
  text-decoration:             underline;
}
table#column2 a:hover {
  text-decoration:             none;
}

table#fullscreen td#footerholder {
  height:                      68px;
  text-align:                  center;
  background:                  #EEEEEE url('../images/site_bg.gif') repeat-y top center;
}

div#footerbuttons {
  width:                       610px;
  height:                      40px;
  padding-left:                266px;
  font-size:                   12px;
  color:                       #666666;
  line-height:                 40px;
  text-align:                  left;
}
div#footerbuttons img {
  vertical-align:              middle;
  margin-bottom:               2px;
}
div#footerbuttons div#printbutton {
  display:                     inline;
  cursor:                      pointer;
}
div#footerbuttons a {
  color:                       #666666;
  text-decoration:             none;
}
div#footerbuttons a:hover {
  color:                       #666666;
  text-decoration:             none;
}

div#sitebottom {
  width:                       876px;
  height:                      28px;
  background:                  #EEEEEE url('../images/site_bottom.gif') no-repeat top left;
}

div#sitebottom div#powered {
  float:                       right;
  margin-right:                65px;
  font-size:                   11px;
  color:                       #A3A3A3;
  line-height:                 28px;
}
div#sitebottom div#powered a {
  color:                       #A3A3A3;
  text-decoration:             none;
}
div#sitebottom div#powered a:hover {
  color:                       #A3A3A3;
  text-decoration:             underline;
}

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