/*#############################################################################
# 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;
}

/*#############################################################################
# Setup Upstairs
#############################################################################*/
body, html {
  width:                       100%;
  height:                      100%;
  font:                        normal 11px verdana, sans-serif;
  line-height:                 22px;
  color:                       #000000;
  text-align:                  justify;
  cursor:                      default;
  background-color:            #EDEBD9;
}

h1 {
  font-size:                   14px;
  font-weight:                 bold;
  color:                       #004F8F;
}

h2 {
  font-size:                   12px;
  font-weight:                 bold;
  color:                       #004F8F;
}

h3 {
  font-size:                   11px;
  font-weight:                 bold;
  color:                       #000000;
}

h4 {
  font-size:                   14px;
  color:                       #004F8F;
}

h5 {
  font-size:                   12px;
  color:                       #004F8F;
}

h6 {
  font-size:                   11px;
  color:                       #000000;
}

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

strong {
  font-weight:                 bold;
}

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

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

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

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  square;
}

/*#############################################################################
# Upstairs action form
#############################################################################*/
xmp {
  font-size:                   24px;
}

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:                       250px;
  height:                      17px;
  padding:                     2px 0px 0px 2px;
  font:                        normal 11px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000066;
  cursor:                      text;
  vertical-align:              middle;
}
input.contentwidth {
  width:                       400px;
}

input.jpegfile, input.file {
  width:                       250px;
  height:                      17px;
  padding:                     2px 0px 0px 2px;
  font:                        normal 11px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000066;
  vertical-align:              middle;
}

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

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

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:                       254px;
  height:                      19px;
  font:                        normal 11px verdana, sans-serif;
  border:                      1px solid #000066;
  cursor:                      pointer;
}

textarea.textarea {
  width:                       250px;
  height:                      75px;
  padding:                     2px;
  font:                        normal 11px verdana, 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:                 22px;
  white-space:                 nowrap;
  vertical-align:              top;
  padding-bottom:              4px;
}

li.buttons {
  height:                      22px;
  line-height:                 22px;
}

div.fielderror, div.counter {
  color:                       #FF0000;
  margin-left:                 150px;
  margin-top:                  2px;
  height:                      24px;
}
div.counter {
  color:                       #000000;
  white-space:                 nowrap;
}

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

span.fieldhint {
  color:                       #AAAAAA;
}

span.hint {
  color:                       #AAAAAA;
}

div#content {
  width:                       400px;
  line-height:                 22px;
}

input#street {
  width:                       200px;
}

input#housenr {
  width:                       42px;
}

input#zipcode {
  width:                       72px;
}

input#city {
  width:                       170px;
}

input#dayofbirth, input#monthofbirth {
  width:                       25px;
}

input#yearofbirth {
  width:                       50px;
}

input#submit {
  float:                       right;
  border:                      none;
  background-color:            #000066;
  color:                       #FFFFFF;
  cursor:                      pointer;
  font:                        normal 11px verdana, sans-serif;
  border:                      1px outset #000066;
}

div#requiredtext {
  float:                       left;
}

div#pricequestion_error, div#inform_error, div#soonstairsredecorate_error {
  margin-left:                 0px;
}

/*#############################################################################
# Upstairs action template
#############################################################################*/
div#fullscreen {
  position:                    absolute;
  width:                       100%;
  height:                      100%;
  text-align:                  center;
}

div#site {
  width:                       932px;
  min-height:                  1400px;
  margin:                      0 auto;
  text-align:                  left;
  border-left:                 10px solid #FFFFFF;
  border-right:                10px solid #FFFFFF;
  background:                  #BFD3E3 url('../images/site1_bg.gif') repeat-y top left;
}

div#header {
  width:                       932px;
  height:                      170px;
  text-align:                  center;
  border-top:                  10px solid #FFFFFF;
  border-bottom:               10px solid #FFFFFF;
  background-color:            #BFD3E3;
}

div#headerspacer {
  width:                       932px;
  height:                      1px;
  background-color:            #004F8F;
  border-bottom:               10px solid #FFFFFF;
}

div#contentleft {
  float:                       left;
  width:                       722px;
  padding-bottom:              71px;
  border-right:                10px solid #FFFFFF;
  background-color:            #E5EDF4;
}

table#contentblock {
  font-size:                   11px;
  width:                       616px;
  margin:                      50px;
  background-color:            #E5EDF4;
  line-height:                 22px;
}
table#contentblock table {
  font-size:                   11px;
  line-height:                 22px;
}

div#contentright,
div#contentright2 {
  float:                       right;
  width:                       170px;
  padding:                     15px 15px 140px 15px;
  line-height:                 15px;
}
div#contentright2 {
  padding:                     19px 15px 325px 15px;
}
div#contentright img,
div#contentright2 img {
  width:                       170px;
}

div.submenuholder {
  width:                       150px;
  font:                        bold 14px verdana, sans-serif;
  color:                       #FFFFFF;
  border:                      10px solid #9ABAD3;
  background-color:            #FFFFFF;
}
div.submenutitle {
  width:                       150px;
  min-height:                  18px;
  padding-top:                 8px;
  padding-bottom:              8px;
  text-align:                  center;
  background-color:            #00427A;
}
div.submenu {
  text-align:                  left;
  padding:                     7px 0px;
}

div.rightsubmenu a {
  display:                     block;
  width:                       168px;
  height:                      32px;
  font-size:                   13px;
  font-weight:                 bold;
  color:                       #FFFFFF;
  line-height:                 32px;
  text-align:                  center;
  text-decoration:             none;
  border:                      1px solid #00427A;
  background-color:            #00427A;
  white-space:                 nowrap;
  overflow:                    hidden;
}

div.rightsubmenu a:hover {
  background-color:            #9ABAD3;
}

div#footer {
  clear:                       both;
  width:                       932px;
  height:                      30px;
  margin:                      -71px auto 0px auto;
  text-align:                  right;
  border-top:                  10px solid #FFFFFF;
  border-bottom:               10px solid #FFFFFF;
  background-color:            #00427A;
}

img#footerimage {
  height:                      30px;
}

div#sitebottom {
  clear:                       both;
  font-size:                   10px;
  width:                       952px;
  height:                      21px;
  margin:                      0em auto;
  color:                       #AFB0A4;
  text-align:                  left;
  line-height:                 21px;
  background-color:            #EDEBD9;
}

div#sitebottom a {
  color:                       #AFB0A4;
  text-decoration:             none;
}

div#sitebottom a:hover {
  color:                       #AFB0A4;
  text-decoration:             underline;
}

div#powered {
  float:                       left;
  margin-left:                 10px;
}

div#sitemap {
  float:                       right;
  margin-right:                40px;
}

span#debug {
  font-size:                   10px;
  color:                       #CCCCCC;
}

div#banner,
div#banner2 {
  width:                       902px;
  text-align:                  right;
  margin:                      -120px auto 0px auto;
}
div#banner2 {
  margin-top:                  -312px;
}
div#banner p,
div#banner2 p {
  font-size:                   11px;
  text-align:                  center;
}
div#banner img,
div#banner2 img {
  width:                       170px;
}
div#banner a,
div#banner2 a {
  color:                       #000000;
  text-decoration:             none;
}
div#banner a:hover,
div#banner2 a:hover {
  color:                       #000000;
  text-decoration:             underline;
}
div#banner2 div.photoslider {
  width:                       168px;
  height:                      168px;
  border:                      1px solid #00427A;
}

/*#############################################################################
# Stairs galary
#############################################################################*/
div#stairsgalery {
  width:                       616px;
  z-index:                     1;
}

div#stairsgalery div.imageholder {
  float:                       left;
  width:                       107px;
  height:                      107px;
  margin-right:                5px;
  margin-bottom:               5px;
  padding:                     6px;
  overflow:                    hidden;
  line-height:                 107px;
  text-align:                  center;
  background-color:            #FFD204;
  z-index:                     2;
}

div#stairsgalery div.last {
  margin-right:                0px;
}

div#stairsgalery div.imageholder img.landscape {
  width:                       106px;
  vertical-align:              middle;
  z-index:                     3;
}

div#stairsgalery div.imageholder img.portrait {
  height:                      106px;
  vertical-align:              middle;
  z-index:                     3;
}

div#stairsgalerybrowser {
  width:                       399px;
  height:                      32px;
  padding:                     15px 0px;
  margin:                      0px 0px 0px 110px;
}

div#stairsgalerybrowser div {
  float:                       left;
}

div#stairsgalerybrowser div.text {
  width:                       330px;
  font-size:                   13px;
  font-weight:                 bold;
  color:                       #004F8F;
  line-height:                 32px;
  text-align:                  center;
}

div#stairsgalery_topnavigation {
  width:                       100%;
  height:                      40px;
}

div#stairsgalery_search {
  overflow:                    hidden;
  float:                       left;
}
div#stairsgalery_search input.search {
  width:                       180px;
  height:                      15px;
  margin-left:                 50px;
}

div#stairsgalery_filter {
  overflow:                    hidden;
  float:                       left;
}
div#stairsgalery_filter select.select {
  width:                       140px;
  height:                      19px;
  vertical-align:              middle;
}
div#stairsgalery_filter input.button {
  vertical-align:              middle;
}

/*#############################################################################
# PopUp for details of photo
#############################################################################*/
div.PopupDiv {
  position:                    absolute;
/*  width:                       730px;
  height:                      550px; */
  width:                       730px;
  height:                      550px;
  margin-left:                 32px;
  left:                        0px;
  top:                         0px;
  z-index:                     777;
  visibility:                  hidden;
  text-align:                  center;
  vertical-align:              middle;

  overflow:                    hidden;
}

a.popupTitleLink {
  color:                       #FFFFFF;
  font-weight:                 bold;
  text-decoration:             none;
}

iframe#popupIFrame {
/*  width:                       730px;
  height:                      550px; */
  width:                       100%;
  height:                      100%;
  left:                        0px;
  top:                         0px;

  overflow:                    hidden;
  border:                      none;
  background-color:            #FFFFFF;
}

div.popupmenu {
  width:                       730px;
  height:                      30px;
  background-color:            #00427A;
}

div.popupmenu div {
  float:                       left;
}

div.popupmenu div.text {
  width:                       456px;
  font-size:                   12px;
  font-weight:                 bold;
  color:                       #FFFFFF;
  line-height:                 30px;
  text-align:                  center;
}

div.popupmenu div.close {
  width:                       180px;
  font-size:                   11px;
  font-weight:                 bold;
  color:                       #FFFFFF;
  line-height:                 30px;
  text-align:                  right;
}
div.popupmenu div.close a {
  color:                       #FFFFFF;
  text-decoration:             none;
}

div.popupcontent {
  width:                       728px;
  height:                      518px;
  border:                      1px solid #9ABAD3;
  background-color:            #FFFFFF;
}

div.popupcontent div.popupphoto {
  width:                       500px;
  height:                      500px;
  float:                       left;
  margin-top:                  9px;
  margin-left:                 9px;
  text-align:                  center;
  line-height:                 500px;
}
div.popupcontent div.popupphoto img.landscape {
  width:                       500px;
  vertical-align:              middle;
}
div.popupcontent div.popupphoto img.portrait {
  height:                      500px;
  vertical-align:              middle;
}

div.popupcontent div.text {
  float:                       right;
  width:                       180px;
  height:                      480px;
  padding:                     10px;
  margin-top:                  9px;
  margin-right:                9px;
  text-align:                  left;
  background-color:            #BFD3E3;
}
div.popupcontent div.text img {
  vertical-align:              middle;
}

div.popupcontent div.text h2 {
  font-size:                   12px;
  margin-bottom:               12px;
}

div.popupcontent div.text span {
  font-size:                   11px;
}

div.popupcontent div.text div.textbottom {
  width:                       180px;
  position:                    absolute;
  bottom:                      24px;
  text-align:                  center;
}

div.popupcontent div.text div.textbottom span {
  font-size:                   11px;
  font-weight:                 bold;
}

a.button_prime, a.button_prime:hover, a.button_secun, a.button_secun:hover {
  display:                     block;
  width:                       178px;
  padding:                     7px 0px;
  font-size:                   11px;
  font-weight:                 bold;
  text-decoration:             none;
  border:                      1px solid #01437A;
}
a.button_prime, a.button_prime:hover {
  color:                       #00427A;
  background-color:            #FFD204;
}
a.button_secun, a.button_secun:hover {
  color:                       #FFFFFF;
  background-color:            #9ABAD3;
}
a.button_prime:hover, a.button_secun:hover {
  color:                       #FFFFFF;
  background-color:            #01437A;
}

div.popupcontent div.text div.textbottom a.button_prime {
  margin-bottom:               10px;
}

/*#############################################################################
# Photo in forms
#############################################################################*/
div#formphoto {
  width:                       396px;
  text-align:                  center;
}

div#formphoto img {
  height:                      170px;
  border:                      10px solid #FFD204;
}

/*#############################################################################
# UPSTAIRS MENU CSS
#############################################################################*/
ul.mainmenu {
  width:                       150px;
  margin:                      0px;
  padding:                     0px;
  line-height:                 20px;
}

ul.mainmenu li {
  height:                      19px;
  list-style-type:             none;
}

a.mainitem, a.mainitem:hover, a.mainitem_on {
  display:                     block;
  width:                       138px;
  height:                      17px;
  padding:                     2px 0px 0px 12px;
  font:                        normal 11px verdana, sans-serif;
  text-decoration:             underline;
  color:                       #00427A;
  white-space:                 nowrap;
}

a.mainitem:hover, a.mainitem_on, a.mainitem_on:hover {
  font-weight:                 bold;
  text-decoration:             none;
  color:                       #00427A;
  background-color:            #FFD30A;
}

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