/*#############################################################################
# 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,a {
  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%;
  cursor:                      default;
  background-color:            #FFFFFF;
}

html, body, table td {
  font:                        normal 12px arial, sans-serif;
  line-height:                 26px;
  color:                       #636363;
  text-align:                  justify;
}

h1 {
  margin:                      0px 0px 8px 0px;
  padding:                     0px 0px 4px 0px;
  font:                        bold 13px verdana, sans-serif;
  border-bottom:               2px solid #D5D5D5;
}

h2 {
  margin-top:                  8px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   12px;
}

h3 {
  margin-top:                  8px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   12px;
}

h4 {
  margin:                      0px 0px 8px 0px;
  padding:                     0px 0px 4px 0px;
  font:                        bold 16px verdana, sans-serif;
  border-bottom:               2px solid #D5D5D5;
}

h5 {
  margin-top:                  8px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   14px;;
}

h6 {
  margin-top:                  8px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   12px;
}

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

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

strong {
  font-weight:                 bold;
}

em {
  font-style:                  italic;
}

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

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

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

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  square;
}

table td {
  vertical-align:              top;
}

/*#############################################################################
# Form CSS
#############################################################################*/
fieldset {
  border:                      0px;                                                 
}

xmp {
  font-size:                   18px;
}

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

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:                       220px;
  height:                      18px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  cursor:                      text;
  vertical-align:              middle;
}

input.file {
  width:                       224px;
  height:                      22px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  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:                  none;
  border:                      0px;
}

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

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

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

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

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

li.multilinein {
  margin-left:                 150px;
}

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

div.fielderror, div.counter {
  color:                       #FF0000;
  margin-left:                 150px;
  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;
}

input#street {
  width:                       133px;
}

input#housenr {
  width:                       60px;
}

input#zip {
  width:                       80px;
}

input#city {
  width:                       133px;
}

input#persontotal {
  width:                       80px;
}

div#captcha1 {
  float:                       left;
  padding-left:                150px;
}

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

input#captcha_code {
  width:                       111px;
}

div#captcha_code_error {
  clear:                       both;
}

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

div#requiredtext {
  float:                       left;
}


/*#############################################################################
# POOLQUIP CSS
#############################################################################*/
div#fullscreen {
  position:                    absolute;
  width:                       100%;
  height:                      100%;
  text-align:                  center;
}

div#site {
  width:                       952px;
  min-height:                  100%;
  margin:                      0 auto;
  text-align:                  left;
  background:                  url('../images/site_bg.gif') repeat-y left top;
}

div#menu {
  float:                       left;
  width:                       189px;
}

div#sitelogo {
  line-height:                 1px;
}

div#container {
  width:                       762px;
  margin-left:                 190px;
}
div#topbar {
  width:                       762px;
  height:                      26px;
  line-height:                 26px;
  border-bottom:               solid 1px #FFFFFF;
  background-color:            #6CA4EF;
}
div#topbar div#bar_left {
  float:                       left;
  width:                       548px;
  height:                      26px;
  padding-right:               13px;
  font:                        normal 18px verdana;
  line-height:                 26px;
  text-align:                  right;
  color:                       #FFFFFF;
  border-right:                solid 1px #FFFFFF;
  background-color:            #92BCF3;
}
div#topbar div#bar_right {
  width:                       200px;
  height:                      26px;
  background-color:            #6CA4EF;
}

div#header {
  width:                       762px;
  height:                      274px;
}
div#content {
  width:                       762px;
}
table.contentblock {
  width:                       762px;
  margin-top:                  5px;
}
td.content_left {
  width:                       469px;
  padding:                     9px 44px 52px 48px;
  border-right:                solid 1px #FFFFFF;
}

td.content_right {
  width:                       200px;
  padding-bottom:              52px;
}
table.first {
  margin-top:                  29px;
}
table.tableright {
  color:                       #747474;
  border-top:                  solid 1px #FFFFFF;
  text-align:                  left;
}
td.tabletitle {
  width:                       185px;
  height:                      25px;
  padding-left:                14px;
  font-weight:                 bold;
  color:                       #747474;
  line-height:                 25px;
  background-color:            #E7E7E7;
}
td.tabletext {
  width:                       200px;
  padding:                     14px 12px 30px 12px;
  color:                       #747474;
  line-height:                 20px;
}
td.tabletext a {
  font-weight:                 bold;
  color:                       #75ABE7;
  text-decoration:             none;
}
td.tabletext a:hover {
  text-decoration:             underline;
}

td.sublinks {
  width:                       200px;
  padding:                     10px 12px 33px 13px;
  font-weight:                 bold;
  line-height:                 26px;
  color:                       #9A9A9A;
}
td.sublinks a {
  color:                       #9A9A9A;
  text-decoration:             none;
}
td.sublinks a:hover {
  color:                       #9A9A9A;
  text-decoration:             underline;
}

div#sitefooter {
  clear:                       both;
  width:                       952px;
  height:                      25px;
  margin:                      -51px auto 0px auto;
  border-top:                  solid 1px #FFFFFF;
  background-color:            #DBDBDB;
}
div#sitefooter div#sitefooter_left {
  float:                       left;
  width:                       190px;
  height:                      25px;
  line-height:                 25px;
  text-align:                  center;
  border-right:                solid 1px #FFFFFF;
  background-color:            #AFAFAF;
}
div#sitefooter_left a {
  font-size:                   11px;
  color:                       #525252;
  text-decoration:             none;
}
div#sitefooter_left a:hover {
  color:                       #525252;
  text-decoration:             underline;
}
div#sitefooter div#sitefooter_right {
  float:                       right;
  width:                       200px;
  height:                      25px;
  line-height:                 25px;
  text-align:                  center;
  border-left:                 solid 1px #FFFFFF;
  background-color:            #CECECE;
}

div#footer {
  width:                       952px;
  height:                      25px;
  margin:                      0px auto;
  text-align:                  center;
  color:                       #595959;
  line-height:                 25px;
  background-color:            #FFFFFF;
}
div#footer a {
  font:                        normal 11px verdana;
  color:                       #595959;
  text-decoration:             none;
}
div#footer a:hover {
  color:                       #595959;
  text-decoration:             underline;
}

/*#############################################################################
# Listmenu POOLQUIP
#############################################################################*/
ul.mainmenu {
  width:                       189px;
  margin:                      49px 0px 0px 0px;
  padding:                     0px;
}

ul.mainmenu li {
  width:                       189px;
  height:                      25px;
  margin:                      0px 0px 9px 0px;
  padding:                     0px;
  line-height:                 25px;
  list-style-type:             none;
}

a.mainitem, a.mainitem:hover, a.mainitem_on {
  display:                     block;
  width:                       175px;
  height:                      25px;
  margin:                      0px;
  padding:                     0px 8px 0px 0px;
  font:                        normal 11px verdana;
  text-align:                  right;
  text-decoration:             none;
  letter-spacing:              3px;
  line-height:                 25px;
  color:                       #747373;
  border-right:                solid 6px #C8CDD1;
}

a.mi1, a.mi1:hover {
  border-color:                #75ABE7;
}
a.mi2, a.mi2:hover {
  border-color:                #99CCFF;
}
a.mi3, a.mi3:hover {
  border-color:                #388186;
}
a.mi4, a.mi4:hover {
  border-color:                #EC942A;
}
a.mi5, a.mi5:hover {
  border-color:                #AF0033;
}
a.mi6, a.mi6:hover {
  border-color:                #9BA5AC;
}

a.mainitem:hover, a.mainitem_on, a.mainitem_on:hover {
  color:                       #75ABE7;
  background-color:            #E1EBFA;
}

ul.mainmenu li:hover ul.submenu {
  left:                        auto;
  margin:                      -26px 0px 0px 189px;
}

ul.submenu, ul.subsubmenu {
  position:                    absolute;
  clear:                       both;
  left:                        -9999px;
  width:                       255px;
  margin:                      0px;
  padding:                     0px;
  border-top:                  solid 1px #EEEEEE;
  border-left:                 solid 1px #EEEEEE;
  background:                  url('../images/spacer.gif');
}

ul.submenu li, ul.subsubmenu li {
  float:                       left;
  display:                     block;
  width:                       100%;
  height:                      27px;
  margin:                      0px;
  padding:                     0px;
  list-style:                  none;
  border-bottom:               solid 1px #EEEEEE;
}
a.subitem, a.subitem:hover,
a.subitem_on, a.subitem_on:hover {
  display:                     block;
  height:                      27px;
  padding-left:                15px;
  line-height:                 27px;
  font:                        normal 11px verdana, sans-serif;
  line-height:                 27px;
  text-align:                  left;
  text-decoration:             none;
  letter-spacing:              2px;
  color:                       #666666;
  white-space:                 nowrap;
  background-color:            #E1E1E1;
}
a.subitem:hover,
a.subitem_on, a.subitem_on:hover {
  padding-left:                9px;
  border-left:                 solid 6px #B5B5B5;
  background-color:            #EFEFEF;
}

ul.submenu li:hover ul.subsubmenu {
  left:                        auto;
  margin:                      -28px 0px 0px 256px;
}

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