/*  #################################################
    CSS Template �projekt� for TYPO3
    -------------------------------------------------

  company:    DACHCOM digital AG
  publisher:  Falk Ulrich
  date:       2010-11
  www:        www.dachcomdigital.com

  INCLUDES										  */

  @import url("resets.css");

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


/****************************************/
/* main                                 */
/****************************************/

html {
  font-size: 100.1%;
  height: 100%;
  min-height: 100%;
}

body {
  font-size: .75em;
  font-family: Lucida Grande,sans-serif;
  line-height:1.4em;
  margin:0;
  padding:0;
  /*background: url(http://www.gustav-zuerich.ch/fileadmin/templates/images/interface/background.jpg) repeat-x;*/
  background-color:#b4975a;
}

/****************************************/
/* links                                */
/****************************************/

a,
a:link,
a:visited {
  text-decoration:none;
  color: #7C6A55;
}

a:active,
a:hover {
  text-decoration:underline;
  color: black;
}

/****************************************/
/* structure                            */
/****************************************/
#background {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: url(http://www.gustav-zuerich.ch/fileadmin/templates/images/interface/background.jpg) repeat-x;
  background-color:#000000;
  z-index: 1;
}

#container {
  position: relative;
  margin: 30px auto 0;
  width: 845px;
  z-index: 10;
  min-height: 530px;
  background-color: white;
}

/****************************************/
/* header                               */
/****************************************/

#header {
  position: relative;
  height: 48px;
  border-bottom: 1px solid black;
}

#header #hnav {
  position: absolute;
  bottom: 0px;
  right: 25px;
}
#header #hnav li {
  height: 100%;
  float: left;
  margin-left: 15px;
}

#header #hnav li a,
#header #hnav li a:link,
#header #hnav li a:visited {
  display: block;
  text-decoration:none;
  padding-bottom: 2px;
  border-bottom: 4px solid white;
  color: #000000;
}

#header #hnav li.act_0 a,
#header #hnav li a:hover,
#header #hnav li a:active {
  border-bottom: 4px solid #7C6A55;
}

/****************************************/
/* content container                    */
/****************************************/

#content {
  padding: 25px;
}

/****************************************/
/* footer                               */
/****************************************/

#footer {
  font-size:0.9em;
  margin: 0 auto 0;
  position: relative;
  width: 845px;
  z-index: 10;
}

#footer #upper {
  color: #000000;
  height: 33px;
  background-color: white;
}

#footer #upper #slogan {
  position: absolute;
  left: 25px;
  bottom: 120px;
}

#footer #upper #logo {
  position: absolute;
  right: 25px;
  bottom: 118px;
}

#footer #lower {
  padding: 10px 0;
  color: #B2B2B1;
  height: 90px;
  background-color: #7C6A55;
}

#footer #lower span {
  float: left;
  padding-left: 25px;
  color: #E5E0DA;
}

#footer #lower span.right {
  padding-left: 270px;
  padding-top: 51px;
}

#footer #lower span.right a:first-child {
  padding-right: 10px;
}

#footer #lower img {
  margin-top: 15px;
}

#footer #lower a,
#footer #lower a:link,
#footer #lower a:visited {
  color: #E5E0DA;
}

#footer #lower a:active,
#footer #lower a:hover {
  color: white;
  text-decoration:underline;
}

/****************************************/
/* content style                        */
/****************************************/

h1 {
  margin-bottom: 15px;
  font-size: 1.5em;
  line-height: 1.2em;
}

h2 {
  margin-bottom: 10px;
  font-weight: bold;
}

p {
  margin-bottom: 15px;
}

/****************************************/
/* container flex content               */
/****************************************/

.fce_2_cols_40_60 {
  width:100%;
}

.fce_2_cols_40_60 .left{
  width: 35%;
  float:left;
}



.fce_2_cols_40_60 .right{
  width: 65%;
  float:left;

}


/****************************************/
/* container flex content               */
/****************************************/

.fce_2_cols_25_75 {
  width:100%;
}

.fce_2_cols_25_75 .left{
  width: 190px;
  float:left;
}

.fce_2_cols_25_75 .right{
  width: 425px;
  float:left;
  margin-left: 50px;
}



/****************************************/
/* container flex content               */
/****************************************/

.fce_3_cols {
  width:100%;
}

.fce_3_cols .left{
  width:195px;
  float:left;
}

.fce_3_cols .left .upper{
 /* height: 150px;
    background-color: red; */

}

.fce_3_cols .left .lower{
/*  height: 150px;
   background-color: blue;  */

}

.fce_3_cols .middle{
  margin: 0 20px 0;
  width:305px;
  float:left;
}

.fce_3_cols .middle .upper{
  padding: 15px 0 15px 15px;
  margin-bottom: 20px;
  /*height: 100px;*/
  background-color: #BFC9CB;

}

.fce_3_cols .middle .lower{
  padding: 15px 0 15px 15px;
  /*height: 120px; */
  background-color: #BFC9CB;
}

.fce_3_cols .right {
  width:254px;
  float:left;
  /*background-color: yellow; */
}

/****************************************/
/* kontakt form                         */
/****************************************/

fieldset.tx-powermail-pi1_fieldset legend {
  font-weight: bold;
  margin-bottom: 4px;
}

div.tx_powermail_pi1_fieldwrap_html {
  display: block;
  float: left;
  font-weight: normal;
  margin: 4px 0;
}

fieldset.tx-powermail-pi1_fieldset label {
  display: block;
  float: left;
  width: 55px;
}

fieldset.tx-powermail-pi1_fieldset input {
  width: 150px;
}

fieldset input#submit, fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
  background-color: #BFC9CB;
  border: 1px solid black;
  color: black;
  font-family: arial;
  margin-left: 10px;
  width: 55px;
}