/*
Theme Name: Hotel Eichinger
Theme URI: http://www.2freaks.de/
Description: Hotel Eichinger designed by 2freaks, programmed by Alexander Steinhöfer
Version: 1.0
Author: 2freaks - raum für gesaltung
Author URI: http://www.2freaks.de/
*/

html, body  {
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
}

body {
   background-repeat: repeat-x;
   background-color: #fefff7;
   color: #81725e;
   height: 100%;
   font-family: Arial, sans-serif;
   font-size: 0.9em;
}

.wrapper {
   width: 960px;
   margin: 0 auto;
   text-align: left;
}

/* Links */

a {
   color: #86a10b;
   text-decoration: underline;
}

a:hover {
   color: #a5c70e;
}

a img {
   border: none;
}
   

/* Content */

#header {
   height: 342px;
   padding-bottom: 1px;
   border-bottom: 1px solid #97ad00;
}

   #header #topBar  {
      background-color: #e9e7db;
      color: #948470;
      height: 28px;
      margin-top: 1px;
      width: 100%;
   }
   
   #header #topBar a {
      font-weight: bolder;
      text-transform: uppercase;
      color: #948470;
      text-decoration: none;
   }
   
      #header #topBar #topBarNavLeft {
         float: left;
         font-size: 0.75em;
         background-image: url('./images/icons/home.jpg');
         background-repeat: no-repeat;
         background-position: 0 7px;
         margin-left: 8px;
         padding-left: 17px;
      }

      #header #topBar #topBarNavRight {
         float: right;
         font-size: 0.75em;
      }

      #header #topBar ul {
         list-style-type: none;
         margin: 0;
         padding: 0;
      }  
      
      #header #topBar ul li {
         float: left;
         padding-right: 15px;
         height: 28px;
      }

         #header #topBar ul li a {
            display: block;
            width: 100%;
            height: 21px;
            padding-top: 6px;
            padding-left: 5px;
         }
         
         #header #topBar ul li a:hover {
            background-color: #958571;
            color: #fff;
            background-image: url('./images/icons/page_indicator_top.gif');
            background-repeat: no-repeat;
            background-position: center 21px;
         }

         #header #topBar ul li.current_top_page_item  a {
            background-image: url('./images/icons/page_indicator_top_current.gif');
            background-repeat: no-repeat;
            background-position: center 21px;
         }


   #header #logos #logoMid {
      float: left;
      width: 262px;
      height: 314px;
      background-image: url('./images/logo.png');
      background-repeat: no-repeat;
   }

      #header #logos #logoMid h1 {
         display: none;
      }

   #header #logos #logoLeft {
      background-image:url('./images/header/default_head_left.jpg');
      float: left;
      width: 348px;
      height: 314px;
   }

   #header #logos #logoRight {
      background-image:url('./images/header/default_head_right.jpg');
      width: 350px;
      height: 314px;
      float: right;
   }
   
   #header #nav {
      position: absolute;
      left: 50%;
      margin-left: -480px;
      top: 297px;   
      background-image: url('./images/navi_bg.png');
      height: 46px;
      width: 960px;
      text-align: center;
   }


      #header #nav ul {
         font-weight: bolder;
         text-transform: uppercase;
         color: #fff;
         list-style-type: none;
         line-height: 1.05em;
         margin: 0;
         padding: 0;
         padding-left: 175px;
      }

         #header #nav ul li {
            float: left;
            text-align: center;
            padding-right: 30px;
            height: 50px;
         }

         #header #nav ul li.current_page_item  a {
            background-image: url('./images/icons/page_indicator.gif');
            background-repeat: no-repeat;
            background-position: bottom center;
         }

            #header #nav ul li a {
               color: #fff;
               display: block;
               text-decoration: none;
               width: 100%;
               height: 30px;
               padding-top: 15px;
            }

            #header #nav ul li a:hover {
               color: #fff;
               background-color: transparent;
               background-image: url('./images/icons/page_indicator.gif');
               background-repeat: no-repeat;
               background-position: bottom center;
            }

.clear {
   clear: both;
}

#content {
   padding-top: 30px;
   padding-bottom: 40px;
   font-size: 0.73em;
   font-family: 'Segoe UI', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
}

#content #columnContainer {
   width: 960px;
}

#content #columnContainer #leftCol {
   float: left;
   width: 299px;/* 348px - 2*30px*/
   margin-left: 25px;
   margin-right: 25px;
}

#content #columnContainer #midCol {
   float: left;
   width: 262px;
   background-image: url('./images/stripe_mid_bg.jpg');
   background-position: -2px 2px;
   background-repeat: no-repeat;
}

#content #columnContainer #midRightCol {
   float: left;
   width: 594px;
}

#content #columnContainer #rightCol {
   float: right;
   padding-right: 25px;
   width: 300px; /* 350px - 25px */
}

.box {
   background-color: #fff;
   margin-top: 30px;
   background-position: center bottom;
   background-repeat: no-repeat;
   padding-bottom: 10px;
   padding-left: 15px;
   padding-right: 17px;
}

#leftCol .box {
   background-image: url('./images/box_left_bg.jpg');
}

#midRightCol .box {
   background-image: url('./images/box_midright_bg.jpg');
}

#midCol .box {
   background-color: transparent;
}

#rightCol .box {
   background-image: url('./images/box_right_bg.jpg');
}

.midBottomBox {
   background-image: url('./images/box_mid_bg.jpg');
}

.buchungsBox {
   background-image: none;
}


.buchungsBox p {
   font-weight: bold;
}

.switchBox {
   width: 275px; /* 275 - padding-left; */
   overflow: hidden;
}

   .switchBox .switchBoxContentContainer {
      width: 260px;
      height: 90px;
    	position: relative;
      overflow: hidden;
   }
   
   .switchBox .switchBoxContentContainerBig {
      height: 621px;
   }
   
   .switchBox .switchBoxUmgebungContentContainer {
      height: 320px;
   }
   
   .switchBox .roomBox {
      height: 265px;
   }
   
      .switchBox .switchBoxContentContainer .boxes {	
         position:absolute;
         width:20000em;	
         clear:both;
         overflow: hidden;
      }

         .switchBox .switchBoxContentContainer .boxes .bigContent, .switchBox .switchBoxContentContainer .boxes .content {
            width: 265px;
            float: left;
            padding: 10px;
            padding-left: 0;
            padding-top: 0;
            overflow: hidden;
         }
         
         .switchBox .switchBoxContentContainer .boxes .bigContent {
            padding: 0;
         }

         .switchBox .switchBoxContentContainer .boxes .bigContent .content {
            width: 260px;
            background-color: transparent;
            height: 112px;
            border-top: 1px solid #d5de99;
            overflow: hidden;
         }
         
         .switchBox .switchBoxContentContainer .boxes .umgebungContent .content {
            height: 400px;
         }

         a.switchBoxBigLink {
            padding-top: 30px;
            display: block;
            text-decoration: none;
            height: 100px;
            width: 245px;
            padding-left: 10px;
            padding-right: 15px;
         }
         
         a.switchBoxBigLink p {
            color: #81725e;
         }

         a.switchBoxBigLink h2 {
            color: #98ae00;
         }
         
         a.switchBoxBigLink:hover, a.switchBoxBigLinkActive,
         a.switchBoxBigLink:hover h2 span, a.switchBoxBigLinkActive h2 span,
         a.switchBoxBigLink:hover p, a.switchBoxBigLinkActive p{
            color: #fff;
            background-color: #85a016;
         }

         a.switchBoxBigLink:hover, a.switchBoxBigLinkActive {
            background-image: url('./images/icons/bigteaser_selection.jpg');
            background-position: center 2px;
            background-repeat: no-repeat;
         }
         
   .switchBox .switchBar {
      border-top: 1px solid #d5de99;
      padding-top: 3px;
   }

      .switchBox .switchBar .previous {
         float: left;
         padding-top: 3px;
      }

      .switchBox .switchBar .next {
         float: right;
         padding-top: 3px;
      }

      .switchBox .switchBar .indicator {
         float: left;
         width: 85%;
         text-align: center;
      }


img.umgebungArtikelImage {
   border-top: 1px solid #d5de99;
   border-bottom: 1px solid #d5de99;
   display:block;
   width: 300px;
   height: 166px;
   padding-top: 1px;
   padding-bottom: 1px;
}
      
.calendarIcon {
   background-image: url('./images/icons/calendar.gif');
   width: 20px;
   height: 23px;
}

#content hr {
   border: 0;
   border-bottom: 1px solid #86a10b;
   height: 1px;
}

#content p {
   margin-top: 2px;
   line-height: 1.4em;
}

#content h1 {
   background-image: url('./images/icons/arrow_right.gif');
   background-repeat: no-repeat;
   background-position: 0 7px;
   padding-left: 10px;
   color: #98ae00;
   font-size: 1.3em;
}

#content h2 {
   color: #98ae00;
   margin: 0;
   padding: 0;
   font-size: 1.0em;
}

#content h3 {
   color: #98ae00;
   margin: 0;
   padding: 0;
   font-size: 0.9em;
}

input, select {
   color: #80725e;
   border: 1px solid #c3c3c3;
}

.buchungsBox select {
   width: 170px;
}

.buchungSubmit {
   background-image: url('./images/button_submit.jpg');
   color: transparent;
   width: 121px;
   height: 22px;
   border: 0;
}

.kontaktSubmit {
   background-image: url('./images/kontakt_submit.jpg');
   color: transparent;
   width: 121px;
   height: 22px;
   border: 0;
}

.routeSubmit {
   background-image: url('./images/button_route.jpg');
   color: transparent;
   width: 121px;
   height: 22px;
   border: 0;
}

/* Word Press*/

img.centered,
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.alignright {
   padding: 4px;
   margin: 0 0 2px 7px;
   display: inline;
}

img.alignleft {
   padding: 4px;
   margin: 0 7px 2px 0;
   display: inline;
}

.alignright {
   float: right;
}

.alignleft {
   float: left;
}

.wpcf7-not-valid-tip-no-ajax {
   font-weight: normal;
}

.wpcf7-validation-errors, .wpcf7-not-valid-tip-no-ajax {
   color: #ed8311;
}

.wpcf7-mail-sent-ok {
   font-weight: bold;
   color: #86a10b;
}

a.post-edit-link, a.post-edit-link img {
   border: 0;
   margin: 0;
   padding: 0;
   height: auto;
   width: auto;
   display: inline;
}

/* Google */

div#googleMap {
   width: 277px;
   height: 200px;
}