/* ----------- Generel styling af trappedelen ----------- */

/* ----------- styling af trappekategorierne ----------- */
div#stairCategories ul
{
  padding-top: 40px;
  list-style: none;
}
div#stairCategories ul li
{
  width: 33%;
  float: left;
  text-align: center;
}

/* ----------- styling af trappetypen ----------- */
div#stairTypes ul
{
  padding-top: 40px;
  list-style: none;
}
div#stairTypes ul li
{
  width: 33%;
  float: left;
  text-align: center;
  overflow: hidden;
}

/* ----------- styling af trapperetningen ----------- */
div#stairDirection ul
{
  padding-top: 40px;
  list-style: none;
}
div#stairDirection ul li
{
  width: 50%;
  float: left;
  text-align: center;
  overflow: hidden;
}

/* ----------- styling af trappehøjden ----------- */
div#stairHeight
{

}

/* ----------- styling af gelænderne ----------- */
div#stairBanisters ul
{
  padding-top: 25px;
  list-style: none;
}
div#stairBanisters ul li
{
  width: 33%;
  float: left;
  text-align: center;
  overflow: hidden;
  margin-bottom: 25px;
}

/* ----------- styling af træsorterne ----------- */
div#woodSpecies form, div#woodSpecies form fieldset
{
  width: 100%;
  max-width: 100%;
}
div#woodSpecies form fieldset legend
{
  font-size: 20px;
}
div#woodSpecies form fieldset li
{
  clear: none;
  text-align: center;
  width: 33%;
  float: left;
}
div#woodSpecies form label.element
{
  width: 100%;
  text-align: center;
}
div#woodSpecies form div.element label
{
  float: left;
  font-weight: bold;
}
div#woodSpecies form div.element input
{
  margin-left: 60px;
  float: left;
}
div#woodSpecies form div.element
{
  text-align: center;
  width: 100%;
}

/* ----------- styling af håndlistene ----------- */
div#handMouldings ul
{
  padding-top: 25px;
  list-style: none;
}
div#handMouldings ul li
{
  width: 33%;
  float: left;
  text-align: center;
  overflow: hidden;
  margin-bottom: 25px;
}

/* ----------- styling af stolperne ----------- */
div#stairPosts ul
{
  padding-top: 25px;
  list-style: none;
}
div#stairPosts ul li
{
  width: 25%;
  float: left;
  text-align: center;
  overflow: hidden;
  margin-bottom: 25px;
}

/* ----------- styling af tilbehøret ----------- */
div#stairAccessories form label.element
{
  width: 300px;
}
div#stairAccessories form label.element a
{
  display: inline;
  margin-left: 5px;
}

/* ----------- styling af trappeoverflade ----------- */
div#stairSurface form label.element
{
  width: 300px;
}
div#stairSurface form label.element a
{
  display: inline;
  margin-left: 5px;
}