/*#############################################################################
# Reset CSS (http://developer.yahoo.com/yui/reset/)
#############################################################################*/
body,div,dl,dt,dd,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;
}
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;
}

/*#############################################################################
# HTML TAGS
#############################################################################*/
BODY {
  width:                       100%;
  height:                      100%;
  margin:                      0px;
  padding:                     0px;
  cursor:                      default;
  background-color:            #FFFFFF;
}

H1 {
  margin:                      0px;
  padding:                     0px;
  font:                        bold 16px Arial;
  color:                       #61A51F;
}

H2 {
  margin:                      0px;
  padding:                     0px;
  font:                        bold 14px Arial;
  color:                       #61A51F;
}

H3 {
  margin:                      0px;
  padding:                     0px;
  font:                        bold 12px Arial;
  color:                       #61A51F;
}

H4 {
  margin:                      0px;
  padding:                     0px;
  font:                        normal 16px Arial;
  color:                       #61A51F;
}

H5 {
  margin:                      0px;
  padding:                     0px;
  font:                        normal 14px Arial;
  color:                       #61A51F;
}

H6 {
  margin:                      0px;
  padding:                     0px;
  font:                        normal 12px Arial;
  color:                       #61A51F;
}

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

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

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

table {
  font:                        normal 11px Verdana;
  color:                       #4C4C4C;
  text-align:                  justify;
  line-height:                 20px;
}

table td {
  vertical-align:              top;
}

.clear {
  clear:                       both;
}
/*#############################################################################
# Form CSS
#############################################################################*/
input.search {
  width:                       158px;
  height:                      18px;
  padding-right:               3px;
  border:                      1px solid #FFFFFF;
  font:                        normal 10px Verdana;
  color:                       #337FA3;
  text-align:                  right;
  vertical-align:              middle;
}

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:                       300px;
  height:                      19px;
  padding:                     1px;
  font:                        normal 11px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #93958A;
  cursor:                      text;
  vertical-align:              middle;
}

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

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

input.button {
  font:                        normal 11px 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.select {
  width:                       300px;
  height:                      19px;
  font:                        normal 11px verdana, sans-serif;
  border:                      1px solid #93958A;
  cursor:                      pointer;
}

textarea,
textarea.textarea {
  width:                       300px;
  height:                      80px;
  padding:                     1px;
  font:                        normal 11px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #93958A;
  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:                       450px;
  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#zip {
  width:                       100px;
}

input#city {
  width:                       196px;
}

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

div#requiredtext {
  float:                       left;
}
/*############################################################################*/
/*# TELL-A-FRIEND CSS */

form.tellafriend div.fielderror {
  margin-left:                 100px;
}

label.taf_before {
  float:                       left;
  clear:                       left;
  width:                       100px;
  line-height:                 22px;
}

div#captcha1 {
  clear:                       both;
  float:                       left;
}

div#captcha2 {
  float:                       left;
  padding-left:                18px;
  font-size:                   11px;
  line-height:                 13px;
}
div#captcha2 img {
  margin:                      0px 6px 0px 0px;
}

input#captcha_code {
  width:                       115px;
}

div#captcha_code_error {
  clear:                       both;
  margin:                      0;
}

input#taf_submit {
  float:                       right;
  padding:                     2px 10px;
  font:                        normal 11px Arial,sans-serif;
  text-transform:              lowercase;
  color:                       #BFBEBE;
  cursor:                      pointer;
  border:                      0;
  background-color:            #3B3750;
}


/*# TELL-A-FRIEND CSS */

/*#############################################################################
# CUSTOM CSS
#############################################################################*/
.fullscreen {
  width:                       100%;
  height:                      100%;
}

.siteholder {
  width:                       100%;
  height:                      100%;
  vertical-align:              top;
}

.site {
  width:                       954px;
  height:                      100%;
}

.sitetop {
  width:                       954px;
  height:                      8px;
  line-height:                 8px;
}

.header_logo {
  width:                       200px;
  height:                      144px;
  line-height:                 10px;
  background-color:            #61A51F;
}

.header_flash {
  width:                       554px;
  height:                      165px;
}

.header_quickmenu {
  width:                       200px;
  padding-top:                 3px;
  background-color:            #EDD2E2;
}

a.quickmenubutton, a.quickmenubutton:hover {
  height:                      29px;
  padding:                     0px 28px 0px 0px;
  font:                        bold 13px Arial;
  color:                       #AA5386;
  text-align:                  right;
  line-height:                 26px;
  letter-spacing:              1px;
  text-decoration:             none;
  background:                  #EDD2E2 url('../images/quickmenu_bg.gif') no-repeat top left;
  display:                     block;
}

a.quickmenubutton:hover {
  color:                       #FFFFFF;
  background:                  #EDD2E2 url('../images/quickmenu_over.gif') no-repeat top left;
}

.header_quickmenubottom {
  width:                       200px;
  height:                      14px;
  line-height:                 10px;
  background-color:            #E5BFD6;
}

.header_titlename {
  width:                       200px;
  height:                      21px;
  font:                        bold 13px Arial;
  color:                       #4A870F;
  text-align:                  center;
  line-height:                 21px;
  letter-spacing:              1px;
  background-color:            #9CC522;
}

.header_titlename a, .header_titlename a:hover {
  color:                       #4A870F;
  text-decoration:             none;
}

.header_titlecolumns {
  height:                      21px;
  padding:                     0px 8px 0px 0px;
  font:                        bold 13px Arial;
  color:                       #FFFFFF;
  text-align:                  right;
  line-height:                 21px;
  letter-spacing:              1px;
  background-color:            #C674A4;
}

.sitespacer {
  width:                       954px;
  height:                      16px;
  line-height:                 16px;
}

.menuholder {
  width:                       200px;
}

.menu {
  width:                       200px;
}

.searchbutton {
  padding:                     5px 0px 5px 8px;
  margin-top:                  16px;
  font:                        bold 13px Arial;
  color:                       #FFFFFF;
  text-align:                  left;
  letter-spacing:              1px;
  text-decoration:             none;
  background-color:            #81CFF7;
}

.searchbutton_bottom {
  height:                      8px;
  line-height:                 8px;
  background-color:            #4EB7EB;
}

a.inloggenbutton, a.inloggenbutton:hover {
  height:                      24px;
  padding:                     0px 0px 0px 8px;
  margin-top:                  16px;
  font:                        bold 13px Arial;
  color:                       #FFFFFF;
  text-align:                  left;
  line-height:                 24px;
  letter-spacing:              1px;
  text-decoration:             none;
  background-color:            #9D74BC;
  display:                     block;
}

a.inloggenbutton:hover {
  color:                       #FFFFFF;
}

.inloggenbutton_bottom {
  height:                      8px;
  line-height:                 8px;
  background-color:            #8859AC;
}

a.tellafriendbutton, a.tellafriendbutton:hover {
  height:                      24px;
  padding:                     0px 0px 0px 8px;
  margin-top:                  16px;
  font:                        bold 13px Arial;
  color:                       #FFFFFF;
  text-align:                  left;
  line-height:                 24px;
  letter-spacing:              1px;
  text-decoration:             none;
  background-color:            #F8DA40;
  display:                     block;
}

a.tellafriendbutton:hover {
  color:                       #FFFFFF;
}

.tellafriendbutton_bottom {
  height:                      8px;
  line-height:                 8px;
  background-color:            #F2BE20;
}

a.groepenbutton, a.groepenbutton:hover {
  height:                      24px;
  padding:                     0px 0px 0px 8px;
  margin-top:                  16px;
  font:                        bold 13px Arial;
  color:                       #FFFFFF;
  text-align:                  left;
  line-height:                 24px;
  letter-spacing:              1px;
  text-decoration:             none;
  background:                  #9CC522 url('../images/groepenbutton_bg.gif') no-repeat top right;
  display:                     block;
}

a.groepenbutton:hover {
  color:                       #FFFFFF;
  background:                  #9CC522 url('../images/groepenbutton_over.gif') no-repeat top right;
}

.groepenbutton_bottom {
  height:                      8px;
  line-height:                 8px;
  background-color:            #61A51F;
}

.contentholder {
  padding:                     0px 36px 0px 36px;
}

.breadcrumbs {
  width:                       482px;
  height:                      24px;
  font:                        normal 11px Arial;
  color:                       #999999;
  text-align:                  right;
}

.breadcrumbs a {
  color:                       #999999;
  text-decoration:             underline;
}

.breadcrumbs a:hover {
  color:                       #999999;
  text-decoration:             none;
}

.contentblock {
  width:                       482px;
  height:                      100px;
}

.contentcolumn1 {
  width:                       241px;
  padding-right:               18px;
}

.contentcolumn2 {
  width:                       241px;
  padding-left:                18px;
}

.textblock {
  width:                       223px;
}

.textblock_title {
  width:                       223px;
  height:                      24px;
  padding-left:                8px;
  font:                        bold 13px Arial;
  color:                       #FFFFFF;
  text-align:                  left;
  line-height:                 24px;
  letter-spacing:              1px;
  background-color:            #AAAAAA;
}

.textblock_photo {
  width:                       223px;
  height:                      25px;
  background-color:            #DCDCDC;
}

.textblock_text {
  width:                       223px;
}

.textblock_link {
  width:                       223px;
  height:                      28px;
  font:                        bold 11px Verdana;
  line-height:                 28px;
  text-align:                  right;
  color:                       #C8783C;
}

.textblock_bottom {
  width:                       223px;
  height:                      8px;
  background-color:            #A0A0A0;
}

.columnholder {
  width:                       200px;
}

.columnholder img {
  margin-bottom:               16px;
}

.footertop {
  width:                       954px;
  height:                      5px;
  line-height:                 5px;
  background-color:            #4EB7EB;
}

.footer1, .footer2, .footer3 {
  height:                      20px;
  font:                        bold 11px Verdana;
  color:                       #FFFFFF;
  text-align:                  center;
  line-height:                 16px;
  background-color:            #81CFF7;
}

.footer1 {
  padding:                     0px 0px 0px 8px;
  text-align:                  left;
}

.footer2 {
  width:                       544px;
}

.footer3 {
  padding:                     0px 8px 0px 0px;
  text-align:                  right;
}

.footer1 a, .footer2 a, .footer3 a {
  color:                       #FFFFFF;
  text-decoration:             none;
}

.footer1 a:hover, .footer2 a:hover, .footer3 a:hover {
  color:                       #FFFFFF;
  text-decoration:             underline;
}

.sitebottom {
  width:                       954px;
  height:                      4px;
  line-height:                 4px;
}

/*#############################################################################
# Menu CSS
#############################################################################*/
.menutitle {
  height:                      24px;
  padding:                     0px 0px 0px 8px;
  font:                        bold 13px Arial;
  color:                       #FFFFFF;
  text-align:                  left;
  line-height:                 24px;
  letter-spacing:              1px;
  background:                  #B4B4B4 url('../images/menu_bg.gif') no-repeat top right;
}

a.menubutton, a.menubutton:hover, a.menubutton_on {
  height:                      34px;
  padding:                     0px 0px 0px 26px;
  font:                        bold 13px Arial;
  color:                       #999999;
  text-align:                  left;
  line-height:                 34px;
  text-decoration:             none;
  background:                  url('../images/menubutton_bg.gif') no-repeat top left;
  border-bottom:               2px solid #DADADA;
  display:                     block;
}

a.menubutton:hover, a.menubutton_on, a.menubutton_on:hover {
  color:                       #9CC522;
  background:                  url('../images/menubutton_over.gif') no-repeat top left;
}

a.submenubutton, a.submenubutton:hover, a.submenubutton_on {
  height:                      24px;
  padding:                     0px 0px 0px 38px;
  font:                        bold 11px Verdana;
  color:                       #999999;
  text-align:                  left;
  line-height:                 24px;
  text-decoration:             none;
  background:                  url('../images/submenubutton_bg.gif') no-repeat top left;
  border-bottom:               2px solid #DADADA;
  display:                     block;
}

a.submenubutton:hover, a.submenubutton_on, a.submenubutton_on:hover {
  color:                       #9CC522;
  background:                  url('../images/submenubutton_over.gif') no-repeat top left;
}

.menubottom {
  width:                       200px;
  height:                      8px;
  line-height:                 8px;
  background-color:            #999999;
}

/*#############################################################################
# Menu 2 CSS
#############################################################################*/
.menutitle2 {
  height:                      24px;
  padding:                     0px 0px 0px 8px;
  font:                        bold 13px Arial;
  color:                       #FFFFFF;
  text-align:                  left;
  line-height:                 24px;
  letter-spacing:              1px;
  background:                  #B4B4B4 url('../images/menu_bg.gif') no-repeat top right;
}

a.menubutton2, a.menubutton2:hover, a.menubutton2_on {
  height:                      34px;
  padding:                     0px 0px 0px 26px;
  font:                        bold 13px Arial;
  color:                       #999999;
  text-align:                  left;
  line-height:                 34px;
  text-decoration:             none;
  background:                  url('../images/menubutton2_bg.gif') no-repeat top left;
  border-bottom:               2px solid #DADADA;
  display:                     block;
}

a.menubutton2:hover, a.menubutton2_on, a.menubutton2_on:hover {
  color:                       #9CC522;
  background:                  url('../images/menubutton2_over.gif') no-repeat top left;
}

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