/*
---------------------------------------------------------
| container -> kopf    -> .hnm              |
|            -> .collage            |
|            -> .ecke            |
|            -> .menue_hor  (hor. Menue)  |
|            -> .angebot            |
|      -> links          (ver. Menue)  |
|            -> .footer            |
|      -> mitte                  |
|            -> .clickstream          |
|      -> rechts          (Shortcuts)    |
|                            |
|  CSS & HTML - Jan Pietruska, im Februar 2007       |
---------------------------------------------------------
*/

HTML, BODY {
  margin: 27px 0 0 0;
  _margin-top: 54px;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  
#container {
  width: 1180px;
  border-left: 8px solid #99CC01;
  border-right: 8px solid #99CC01;
  border-top: 8px solid #99CC01;
  margin: 0 auto;
  position: relative;
/*overflow:auto;*/
min-height:580px;

  }
.clearing {
  clear: both;
  height: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 0;
}

/*
##################################################################### KOPF
*/
  #container #kopf {
    }
    #container #kopf .hnm {
      position: absolute;
      left: 1041px;
      top: -23px;
      }
    #container #kopf .hnm A {
      color: #A6B5D4;
      text-decoration: none;
      font-size: 0.7em;
      font-family: "Trebuchet MS", Tahoma, Arial;
      }
    #container .collage {
      float:right;
      margin-top:-62px;
      }
/* IE 6 */
    * html #container .collage {
      float:right;
      position:absolute;
      top:0px;
      left:398px;
      }
/* IE 7 */
    * + html #container .collage {
      position:absolute;
      top:0px;
      left:398px;
      }
    #container #kopf .ecke {
      float: left;
      }
    #container #kopf .menue_hor {
      background:url("bilder/hg_menue_hor.png") no-repeat scroll right 0 transparent;
      float:right;
      height:46px;
      text-align:left;
      width:873px;
      }
      #container #kopf .menue_hor UL {
        margin: 0;
        padding: 16px 0 0 5px;
        }
        #container #kopf .menue_hor UL LI {
          display: inline;
          }
          #container #kopf .menue_hor UL LI A {
            color: #FFFFFF;
            font-size: 0.65em;
            text-transform: uppercase;
            text-decoration: none;
            font-weight: bold; 
            padding: 5px 7px 0 8px;
            _background-image: url(bilder/hg_link_hor-ie6.png);
            }
          #container #kopf .menue_hor UL LI A:HOVER,
          #container #kopf .menue_hor UL LI A.aktiv {
            background-image: url(bilder/hg_link_hor.png);
            background-repeat: no-repeat;
            }
      #container #kopf .angebot {
      float: right;
      border: 10px solid white;
      background-color: #33509E;
      color: white;
      width: 128px;
      height: 138px;
      font-size: 0.7em;
      overflow: hidden;
      font-family: "Arial, Verdana, Helvetica";
      padding-top:3px;
      } 
      #container #kopf .angebot A {
        color: white;
        text-decoration: none;
        }
      #container #kopf .angebot H3 {margin: 0;}
      #container #kopf .internal-link 
        {color: white;}
      #container #kopf .angebot STRONG {
        color: white;
        }
#container #kopf .angebot P{margin: 0px 5px;}
/*
##################################################################### LINKS/MENUE
*/
    #container #links {
      float: left;
      width: 156px;
      height: 419px;
      background-image: url(bilder/hg_links_01.png);
      background-repeat: no-repeat;
      text-align: right;
      position: relative;
      }
      #container #links UL {
        margin: 0;
        padding: 0;
        margin-right: 20px;
        list-style: none;
        }
        #container #links UL LI A {
          color: #FFFFFF;
          text-decoration: none;
          font-size: 0.7em;
          }
          #container #links UL LI A:HOVER,
          #container #links UL LI A.aktiv {
            font-weight: bold;
            letter-spacing: -0.05em;
            }
    #container #links .footer {
      font-size: 0.7em;
      bottom: 6px;
      left: 18px;
      position: absolute;
      font-family: Tahoma, Verdana, Arial;
      }
      #container #links .footer A {
        color: #000000;
        }
/*
##################################################################### MITTE
*/
    #container #mitte {
      float: left;
      width: 830px;
      /*height: 416px;
      overflow: auto;*/
      border-left: 3px solid white;
      border-right: 3px solid white;
      background-image: url(bilder/hg_mitte.png);
      background-repeat:repeat;
      padding: 0 15px;
      font-size: 0.7em;
      scrollbar-base-color:#33509F;
      scrollbar-arrow-color: white;
      }
    /*Temporaere Klassen*/  
    #container #mitte H1, #container #mitte H3 {
      margin: 15px 0;
      font-size: 1.2em;
      }
      #content_normal {float: left; width:610px;}
      #content_rechts {float: right; width: 200px; text-align: right;}
      .printer {clear: both;}
/*
##################################################################### CLICKSTREAM
*/
      #container #mitte UL.clickstream  {
        margin: 5px 0 0 0;
        padding: 0;
        background-image: url(bilder/hg_h1.png);
        background-repeat: no-repeat;
        font-size: 0.9em;
        color: #848FA3;
        height: 17px;
        }
        #container #mitte .clickstream A {
          color: #000000;
          text-decoration: none;
          padding-left: 10px;
          background-image: url(bilder/clickstream_unterstrich.png);
          background-repeat: no-repeat;
          background-position: 2px 10px;
          }
          #container #mitte .clickstream A.st {
            padding: 0;
            background-image: none;
            }
        #container #mitte .clickstream LI {
          display: inline;
          }
/*
##################################################################### RECHTS
*/
    #container #rechts {
      float: left;
      width: 148px;
      padding-top: 3px;
      }
      #container #rechts IMG {
        border-bottom: 3px solid white;
        }

h2.shortcuts{
  height:37px;
  background-repeat:no-repeat;
  padding: 0;
  margin: 0;
  width: 148px;
  padding-top:8px;
}

h2.tophotel, h2.holidaycheck {
height: 133px;
background-repeat:no-repeat;
padding: 0;
margin: 0;
width: 148px;
padding-top:8px;
}

h2.shortcuts strong,
h2.tophotel strong,
h2.holidaycheck strong {
  display:none;
}

/* default styles for extension "tx_veguestbook_pi1" */
  /* example styles */
.tx-guestbook-list-table { border-style: solid; border-color: #000000; border-width: 1px; }
.tx-guestbook-list-header { background-color: #334E9D; color: #FFFFFF; font-weight:bold; }
.tx-guestbook-list-row { background-color: #FFFFFF; }
.tx-guestbook-list-rowleft { background-color: #EEEEEE; }
.tx-guestbook-list-entrycomment-title {font-weight: bold; }
.tx-guestbook-list-entrycomment { font-style: italic; }
.tx-guestbook-list-small { font-size: 9px; color: #666666; }
.tx-veguestbook-pi1-browsebox TD { font-size: 9px; color: #666666; }
.tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
.tx-veguestbook-pi1-browsebox-SCell { background-color: #EEEEEE; }
.tx-guestbook-latest-header { background-color: #334E9D; color: #FFFFFF; font-weight:bold; }
.tx-guestbook-latest-row { background-color: #FFFFFF; }
.tx-guestbook-latest-small { font-size: 9px; color: #666666; }
.tx-guestbook-form-inputfield-med { border-style: solid; border-width: 1pt; border-color:#334E9D; font-size:14px; color:#333333; width:100px; }
.tx-guestbook-form-inputfield-big { border-style: solid; border-width: 1pt; border-color:#334E9D; font-size:14px; color:#333333; width:150px; }
.tx-guestbook-form-textarea { border-style: solid; border-width: 1pt; border-color:#334E9D; font-size:14px; color:#333333; width:250px; }
.tx-guestbook-form-obligationfield { color: #CC0000; }
.tx-guestbook-form-error { color: #CC0000; }