/**
 * Login
 */
.pageLogin#wrapper #body
{ background-color: #F2F4F3; }

  .pageLogin#wrapper #body .roundedTopHelper
  { padding: 20px 20px 20px 40px; }

.pageLogin#wrapper #foot
{ background-image: none;
  margin-top: 22px;
  padding: 12px 40px; }

  .pageLogin#wrapper #foot a
  { margin-right: 15px; }



/**
 * Standard
 */
.pageStd#wrapper #rightContent .left, .pageStd#wrapper #rightContent .right
{ width: 150px; }

  .pageStd#wrapper #rightContent img
  { border: 1px solid #D6DBDE;
    margin-bottom: 10px; }

.pageStd#wrapper #oemContent
{ float: right;
  width: 75%;
  margin: 50px 0; }

  .pageStd#wrapper #oemContent .left, .pageStd#wrapper #oemContent .right
  { width: 43%; }

  .pageStd#wrapper #oemContent img
  { float: left; }

  .pageStd#wrapper #oemContent ul
  { list-style: none;
    margin: 50px 0 0 0;
    padding: 10px 0; }



/**
 * Library
 *
 * To create other blocks with different height, do the following:
 * The other blocks have an other class, let's say "sg_imgtext_block2": Add ", sg_imgtext_block2" after ".sg_imgtext_block" and at the end ".sg_imgtext_block2 { height: 600px; }"
 * OR
 * The other blocks have an additional class, let's say "style2" (=> class="sg_imgtext_block style2"): Simply add ".style2 { height: 600px; }"
 */
#body div.left ul
{ margin: 0;
  list-style: none; }

.sg_imgtext_block
{ width: 150px;
  float: left;
  margin-left: 20px;
  height: 290px; /* Change height of boxes in right column here! */ }

  .sg_imgtext_block img
  { border: 1px solid #D6DBDE;
    margin-bottom: 10px; }

.style330 { height: 330px; }
.style360 { height: 360px; }
.style400 { height: 400px; }


/**
 * Search result
 */
table.collection_set, table.download_set
{ width: 100%;
  border-collapse: collapse;
  margin-top: 2em; }

    td.collection
    { width: 134px;
      text-align: center;
      vertical-align: top;
      padding: 0 0 20px 48px; }

      td.collection .img
      { width: 132px;
        height: 90px;
        border: 1px solid #D6DBDE;
        overflow: hidden;
        text-align: center; }

        td.collection .img img
        { margin: auto; }

      td.collection .actions
      { text-align: left;
        overflow: hidden; }

        td.collection .actions img
        { width: auto;
          height: auto;
          border: none; }

    td.coll-first
    { padding-left: 0; }



/**
 * Downloads
 *
 * table.download_set see table.collection_set
 */
.imgname
{ font-size: 90%;
  margin-bottom: .25em; }





/* philipp schäfer: */
.tab_fixed {
    height: 25px;
    width: 120px;
    vertical-align:bottom;
    }
.tab_variable {
    height: 25px;
    width: 325px;
    font: normal 110% Arial, sans-serif;
    vertical-align:bottom;
    }
.tab_variable input, select, option {
    border: 1px solid #D6DBDE;
    background-color: white;
    font: normal 110% Arial, sans-serif;
    color: #65767D;
    }
hr {
    background-color: #F2F4F3;
    color: #F2F4F3;
    }