/**********************************************

 * CONECTO Business Communication GmbH        *

 * Project: Landhotel Oberdanner              *

 * Type: screen                               *

 * Author: Alexander Dick <a.dick@conecto.at> *

 **********************************************/



@import url(default.css);



html {

  font-size: 100.01%;  

}



body {

  padding: 0;

  margin: 0;

  font-family: Arial, Helvetica, sans-serif, Verdana;

  font-size: 11px;

  line-height: 1.5em;

  color: #6c6747;

}



a,

a:visited {

  color: #194b15; 

  text-decoration: underline;

}

a:hover {

  color: #194b15; 

  text-decoration: none;

}



h1, h2, h3 {

  font-weight: normal;

}



td, input, select, textarea {

  font-family: Arial, Helvetica, sans-serif, Verdana;

  font-size: 12px;

}



hr {

  visibility:hidden;

}



.clear {

  clear: both;

}



.overflow-hidden {

  overflow: hidden;

}



.border-bottom {

  border-bottom: 1px solid #9f9869;  

}

.border-top {

  border-top: 1px solid #ece9d8;

}

.block {

  display: block;

}



#wrap {

  width: 945px;

  margin: 0 auto 0 auto;

}



  #container {

    overflow: hidden;

  }

  

    #left-col, 

    #right-col {

      background: #e7e4cc url(../img/layout/col-bg.gif) repeat-x left top;

      padding-bottom: 500em;

        margin-bottom: -500em;

    }

  

    #left-col {

      width: 260px;

      float: left;

    }

      #logo {

        width: 260px; 

        height: 260px;

        overflow: hidden;

        position: relative;

      }

        #logo a {

          display: block;

          position: absolute; 

          left: 0; 

          top: 0; 

          z-index: 0;

        }

        #language-selection {

          position: absolute; 

          left: 50px; 

          bottom: 3px; 

          z-index: 1;

          height: 12px;          

        }

          #language-selection a {

            position: static; 

            display: inline;

          }          

          #language-selection img {

            border: 1px solid #bedcbb;

            margin-right: 5px;

          }

          #language-selection a.active img {

            border: 1px solid #6a6648;

          }

      

      #left-lower {

        padding: 10px 35px 35px 35px;

      }

        #left-lower div div {

          padding: 10px 20px;

        }

        #left-lower h1 {

          font-size: 12px;

          font-weight: bold;

          color: #fff;

          background: #194b15; 

          height: 20px; 

          line-height: 20px;

          text-indent: 20px;

        }

        #quicknav {

          background: #d8d5bc url(../img/layout/quicknav-bg.gif) no-repeat right bottom;

          height: 100px;

          margin-bottom: 20px;

          color: #fff;

        }

          #quicknav div {

            padding: 10px 20px !important;

          }

          #quicknav ul {

            margin-left: 10px;

          }

          #quicknav li {

            list-style-type: square; 

          }

            #quicknav a {

              font-size: 10px;

              font-weight: bold;

              color: #6a6648;

              text-decoration: none;

              text-transform: uppercase;

            }

            #quicknav a:hover,

            #quicknav a.active { 

              color: #194b15;

              text-decoration: none;

            }

        

        #inquiry {

          background: #cac6a4;

          color: #6a6648; 

        }

          #inquiry label.block {

            font-weight: bold; 

            margin-bottom: 5px;

          }

          #inquiry table td {

            padding: 2px;

            font-size: 11px;

          }

          #inquiry input.inquiry-submit {

            width: 100%;

            color: #ece9d8;

            text-align: center;

            background: #b0aa81;

            border: 1px solid #dedbc3;

            margin-top: 5px;

            font-weight: bold;

            cursor: pointer;

          }

        

    #right-col {

      width: 685px;

      float: left;

    }

      #right-col-inner {

        position: relative;    

      }

        #header {

          background: url(../img/layout/right-top.jpg) no-repeat left top;

          width: 800px;

          height: 260px;

          overflow: hidden;

        }

        

          #mainnav {

            position: absolute;

            left: 0; 

            top: 0;

            z-index: 1;

            width: 685px;

            height: 50px;

          }

            #mainnav .fb-button {
                position: absolute;
  top: 5px;
  left: -215px;
            }

#mainnav .fb-button a {
   display: block;
  padding-left: 17px;
  width: 151px;
  height: 17px;
  line-height: 17px;
  background: url(../img/layout/fb-button.gif) no-repeat 0 0 transparent;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
}

            #mainnav ol {

              float: left;

              margin-right: 1px;

              background: #fff;

              -moz-box-shadow: 1px 1px 0px #222;

              -webkit-box-shadow: 1px 1px 0px #222;              

            }    

              ol.s1 {

                margin-top: -20px;

              }

              ol.s2 {

                margin-top: -40px;

              }

              ol.s3 {

                margin-top: -60px;

              }            

              ol.s4 {

                margin-top: -80px;

              }

              ol.s5 {

                margin-top: -100px;

              }

              ol.s6 {

                margin-top: -120px;

              }

              ol.s7 {

                margin-top: -140px;

              }

              ol.s8 {

                margin-top: -160px;

              }

              ol.s9 {

                margin-top: -180px;

              }

              ol.s10 {

                margin-top: -200px;

              }

              ol.s11 {

                margin-top: -220px;

              }

              ol.s12 {

                margin-top: -240px;

              }

              ol.s13 {

                margin-top: -260px;

              }

              ol.s14 {

                margin-top: -280px;

              }

              ol.s15 {

                margin-top: -300px;

              }

              

              #wrap.nojs ol {

                margin-top: 0 !important;

              }

              

                #mainnav a {

                  white-space: nowrap;

                  text-align: center;          

                }            

              

                #mainnav ul li a {

                  display: block;

                  color: #194b15;

                  height: 20px;

                  line-height: 20px;

                  background: #fff;

                  text-decoration: none;

                }

                  #mainnav ul li a:hover {

                    color: #248a1c;

                  }

                      

              #mainnav ol a.level-1 {

                display: block;

                height: 30px;

                line-height: 30px;

                color: #194b15;

                background: #fff;

                text-decoration: none; 

                text-transform: uppercase;                  

                font-weight: bold;

              }

              #mainnav ol a.level-1:hover {

                color: #255420;            

              }

              #mainnav ol a.level-1.active {

                color: #fff;

                background: #255420;

              }  

              #mainnav ol a.level-1.active:hover {

                color: #fff;

              }

            /*

            #mainnav ul {

              display: none;

            }

            */

            #mainnav ul li a:hover {

              color: #6C6747;

            }

              

          #header-image {

            position: absolute;

            left: 0; 

            top: 50px;

            z-index: 0;          

            background-color: #fff;

            background-position: center center;

            background-repeat: no-repeat;

            width: 610px;

            height: 295px;

            padding: 10px;  

            overflow: hidden;

          }

            #header-image-container {

              position: absolute; 

              left: 10px; 

              top: 10px;

              z-index: 1;

            }

            #info-box {        

              position: absolute; 

              bottom: -260px;

              right: 10px;

              z-index: 2;

              width: 240px;

              height: 295px;

            }              

              #info-box-handle {

                background: #194b15 url(../img/layout/expand.gif) no-repeat 5px center;

                width: 240px;                

              }

              #info-box-handle a {              

                color: #fff;

                height: 25px;

                line-height: 25px;

                text-transform: uppercase;

                text-decoration: none;

                text-align: right; 

                padding-right: 20px;

              }

                #info-box-content {

                  background: url(../img/layout/trans-fff-80.png) repeat left top;

                  width: 240px;

                  height: 0;

                  display: none;

                  overflow: hidden;

                }

                #info-box-content div {

                  padding: 20px;

                  color: #194b15;

                }

                  #info-box-content div ul {

                    list-style-type: square;

                    margin: 10px 0 10px 15px;

                  }

                  #info-box-content div img {

                    border: 5px solid #fff;

                    margin-bottom: 10px;

                  }

                

                

        #content {

          margin-top: 130px;

          font-size: 12px;

          width: 630px;

        }

          #content p {

            margin-bottom: 20px;

          }

          #content h1, 

          #content h2, 

          #content h3 {

            text-transform: uppercase;

            color: #9f9869;

          }

          #content h1 {

            font-size: 22px;

            margin-bottom: 20px;

          }

          #content h2 {

            font-size: 16px;

            margin-bottom: 15px;

          }

          #content h3 {

            font-size: 14px;

            margin-bottom: 10px;

          }

          #content ul {

            list-style-type: square;

            margin: 10px 0 10px 25px;

          }

          /*#content div.contentElement ul {

            margin: 10px 0 10px 245px;

          }*/

        

  #footer {

    background: url(../img/layout/footer-bg.jpg) no-repeat left top;    

    margin-top: 10px;

    width: 685px;

    height: 80px;

    padding: 15px 15px 0 260px;

    font-size: 1.1em;    

  }

    #footer-left {

      width: 160px;

      height: 65px;

      float: left;

    }

    #footer-right {

      width: 520px;

      height: 65px;

      float: left;

      position: relative;

    }

      #footer-right ul {

        margin-top: 10px;

      }

      #footer-right li {

        display: inline;

      }

      #footer-right li a {

        text-decoration: none;

        color: #6a6648;

        font-weight: bold;

      }

      #footer-right li a:hover,

      #footer-right li a.active {

        text-decoration: underline;

      }

      

      #footer-right a#conecto-link {

        position: absolute; 

        left: 525px;

        top: -15px;

        display: block;

        height: 96px;

        width: 10px;

        text-indent: -10000px;

      }



/**

 * content elemente

 */

.contentElement {

  margin-bottom: 20px;

}



div.contentImage img {

  border: solid 5px #fff;

}



div.contentImageBig {



}



div.contentImageLeft img {

  float: left;

  margin-right: 30px;

}



div.contentImageRight img {

  float: right;  

  margin-left: 20px;

}



div.fourImages img {  

  margin-right: 5px;

  border: solid 5px #fff;

}



.contenttable {

  width: 100%;

  margin-bottom: 20px;

  border-collapse: collapse;

}



.contenttable th,

.contentTable table th {            

  background-color: #194b15;     

    color: #fff;

    text-align: center;

}



/*

.contenttable th,

.contenttable td,

.contentTable table th,

.contentTable table td {

  height: 24px;

    line-height: 24px;

}

*/



.contenttable td, 

.contentTable table td {

/*padding-left: 10px;*/

  text-align: center;

    color: #6a6648;

  background: #cac6a4;

}



.contenttable th,

.contenttable td {

  vertical-align: middle;

  padding: 4px 8px;

  text-align: center;

  border-bottom: 1px solid #E7E4CC;

}



.contenttable th p,

.contenttable td p {

  margin: 0 !important;

}



.contenttable th {

  height: 20px;

}



table.contenttable tr:hover td {

  background-color: #E7E4CC;

}

table.contenttable th:first-child,

table.contenttable td:first-child,

table.contenttable th.first,

table.contenttable td.first {

  text-align: left;

}



/** 

 * powermail

 */

.tx-powermail-pi1 fieldset {

  margin-bottom: 20px;

}



.tx-powermail-pi1 fieldset legend {

  display: none;

}



.tx-powermail-pi1 label {

  display: block; 

  float: left; 

  width: 100px;

}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_submit {

  padding-left: 100px;

}



/* NUggets */

#newsSwitcherNav {

  display: none;

}

div.newsSwitcherBox {

  float: left;

  width: 204px;

  margin-right: 6px;

}



div.newsSwitcherBox p {

  background: #d5d1b6;

  color: #6c6747;

  padding: 10px;

}



div.newsSwitcherBox.last {

  margin-right: 0;  

}



#newsSwitcher div.newsSwitcherBox h3 {

  background: url(../img/layout/nugget-headline-bg.gif) no-repeat right top;

  width: 204px;

  height: 24px;

  line-height: 24px;

  text-indent: 10px;

  color: #194b15;

  text-transform: uppercase;

  font-size: 12px;

  font-weight: bold;

  margin: 0;

}



#newsSwitcher div.newsSwitcherBox img {

  border: 4px solid #fff;

}