/* CSS Document */

	/*
	**	Stylesheet Formatierungen für hotelsteidlerhof.it
	**
	**	line endings: unix; encoding: utf-8; BOM: off; tabs: spaces; tab width: 2
  **
  **  @copyright  (c) 2008 Profi IT KG
  **  @author     SNK, menu by Tommy
  **  @since      4.4.2008 14:58:25
  */

  @import url('style-reset.css');
  @import url('style-form.css');
  @import url('style-typography.css');
  
  html {
    height: 100%;
  }
  
  body {
    font: 100%/100% Arial, Helvetica, sans-serif;
    color: #605B5F;
    background-color: #FAF5E1;
    background-image:url('../img/content-bg.jpg');
    background-position:center;
    background-repeat:repeat-y;
    height: 100%;
  }
  
  .clear {
    clear: both;
    font-size: 0%;
    height: 0px;
    line-height: 0%;
  }
  
  a {
    color: #fff;
    text-decoration: none;
  }

  div#wrap {
    font-size: 10pt;
    height: 100%;
  }
  
  div#header-container {
    background-image:url(../img/body-bg.jpg);
    background-repeat:repeat-x;
    width: 100%;
    height: 361px;
  }
  
  div#header {
    position: absolute;
    left: 50%;
    width: 962px;
    margin-left: -481px; 
    text-align:center;
  }

  h1#header-logo {
    background-image:url(../img/header-logo.jpg);
    float:right;
    margin-right:60px;
  }
  
  h1#header-logo a {
    display: block;
    text-indent: -9999em;
    width: 149px;
    height: 95px;
  }

    div#menu-main {
      width:709px;
      padding-top:74px;
      /* raised by 7 because Typo3 will generate one long line for the menu */
      padding-top: 81px;
    }

      #menu-main ul {
        background-color: #fff;
        line-height: 2em;
        padding: 0px 0.5em 0px 0.5em;
      }

      #menu-main ul a {
        text-decoration: none;
      }
      
      #menu-main ul li.active {
        background-color: #b6d999;
      }
      
      #menu-main ul li.active a{
        color: #fff;
      }
      
      #menu-main ul li.active ul li a {
        color: #605b5f !important;
      } 

        #menu-main ul a img {
          vertical-align: text-bottom;
          padding-right: 0.25em;
        }

      #menu-main ul li {
        padding: 0.5em;
        line-height: 1.5em;
        font-size:8pt;
      }

        #menu-main ul li a {
          color: #605b5f;
          font-weight:bold;
        }

      #menu-main ul > li.sub {
        display: inline;
        position: relative;
        margin-right: 0.5em;
      }

      #menu-main ul li.sub ul {
        display: none;
        padding: 0em;
        border:1px solid #b6d999;
      }

        #menu-main ul li.sub ul li {
          padding: 0;
        }

        #menu-main ul li.sub ul a {
          display: block;
          padding: 0.5em;
        }

        #menu-main ul li.sub ul a:hover {
          background-color: #b6d999;
          color: #fff !important;
        }

      #menu-main ul li.sub:hover {
        background-color: #b6d999;
        color: #fff !important;
        font-weight:bold;
      }

      #menu-main ul li.sub:hover > a {
        color: #fff !important;
      }

      #menu-main ul li.sub:hover ul {
        display: block;
        position: absolute;
        top: 2em;
        left: 0;
        width: 124px;
      }
      
  div.column {
    float: left;
  }

  div#header-content {
    width: 962px;
    margin:0 auto;
    padding-top: 101px;
  }
  
  div#header-address-container {
    width:251px;
    height:260px;
    color: #fff;
    border-right:2px solid #b6d999;
  }
  
  div#header-address {
    padding:54px 0px 0px 46px;
    line-height:150% !important;
    font-size:9pt;
  }
  
  div#header-address p.bodytext {
    line-height:150% !important;    
  }
  
  div#header-address p.bodytext strong{
    line-height:150% !important;    
  }
  
  div#language-select {
    position:relative;
    margin-top:35px;
    margin-left:10px;
    font-size: 11pt;
    font-weight: bold;
    color: #fff;
    text-transform:uppercase;
  }
  
  /* content-container */

  div#content-container {
    position: absolute;
    left: 50%;
    width: 962px;
    margin-left: -481px;
  }
  
    div#content {
      width:637px;
      padding:20px 36px 0px 36px;
      height:100%;
    }

    div#content a {
      text-decoration:underline;
      color: #7bb638;
    }

    div#footer {
      clear: both;
    }
  
      div#impressum-link {
        text-align: right !important;
        padding: 2em;
      }