/*
  Standart-Template CSS | © 2009 by aparthotel-am-sonnenhuegel.de
  Ebenen-Styles
------------------------------------ */

* {
	margin: 0;
	padding: 0;
	border: 0
}

body {
	width: 100%;
	text-align: center;
	background: #a64b37
}

html, body {
	height: 100%
}

#ajaxshell {
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9997;
  position: absolute;
  top: 0;
  left: 0;
  display: none
}

    #ajaxcontainer {
      width: 100%;
      height: 100%;
      z-index: 9998;
      position: absolute;
      top: 0;
      left: 0;
      display: none
    }
    
        #ajaxframe {
          width: 700px;
          height: 600px;
          margin: 50px auto 0 auto;
          padding: 5px;
        	background: #FFE19D;
        	border: 5px solid #F6B759
        }

#shell {
  margin: auto;
  width: 955px;
  text-align: left;
  overflow: hidden;
  -moz-box-shadow: 0 0 4px 0 #333;
  -webkit-box-shadow: 0 0 4px 0 #333;
  box-shadow: 0 0 4px 0 #333
}

    #header {
      width: 955px;
      height: 200px;
      float: left;
      background: url(pix/sonnenhuegel_header.jpg) no-repeat 0 0 #F6B759;
      position: relative
    }
    
      * html #header a {
        font-size: 0
      }
      
      #header img {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0
      }
      
      #logo {
        z-index: 2 !important;
        position: absolute;
        top: 0;
        left: 0
      }

    #nav {
      width: 891px;
      height: 27px;
      float: left;
      padding: 5px 32px 0 32px;
      background: #732727;
      position: relative
    }
    
        #virtual_view {
          height: 19px;
          position: absolute;
          top: 5px;
          right: 32px;
          cursor: pointer
        }
    
    #unav {
      width: 891px;
      height: 27px;
      float: left;
      padding: 5px 32px 0 32px;
    	background: #F6B759;
    }

    #section {
      width: 955px;
      min-height: 350px;
      height: auto !important;
      height: 350px;
      float: left;
    	background: #FFE19D
    }
    
        #gallery {
          width: 246px;
          float: left;
          padding: 32px 0 0
        }

        #article {
          width: 379px;
          padding: 32px 32px 0 0;
          float: left
        }

            #article_great {
              width: 677px;
              padding: 32px 32px 0 0;
              float: left
            }

        #hover_gallery {
          float: left;
          margin: 8px 0 0 32px
        }
        
        * html #hover_gallery {
          float: left;
          margin: 8px 0 0 16px
        }
        
            #hover_gallery li {
              width: 77px;
              height: 77px;
              margin: 0 8px 8px 0;
              border: 5px solid #f6b759;
              float: left;
              overflow: hidden
            }
            
            #hover_gallery li img {
              width: 77px;
              height: 77px;
              cursor: pointer
            }
        
        #aside {
          width: 298px;
          height: 298px;
          float: left;
          padding: 32px 0 0;
          overflow: hidden
        }
        
        #contact_left {
          width: 446px;
          float: left;
          padding: 32px 32px 0 32px
        }
        
        #contact_right {
          width: 445px;
          float: left
        }

    #footer,
    #contact_footer {
      width: 955px;
      height: 42px;
      float: left;
      padding: 22px 0 0;
      background: #F6B759;
      border-top: 32px solid #FFE19D;
      font-size: 10px;
      text-align: center
    }
    
        #footer a,
        #contact_footer a {
          font-size: 10px
        }
        
    #contact_footer {
      border: 0
    }

/*
  Navigation-Styles
------------------------------------ */

.nav_1_n {
  float: left;
  padding: 0 16px 0 0
}

.nav_1_h {
  float: left;
  padding: 0 16px 0 0
}

    .nav1_n {
      line-height: 21px;
      font-size: 15px;
      border: 0 !important;
      color: #FFE19D
    }

    .nav1_h {
      line-height: 21px;
      font-size: 15px;
      font-weight: 700;
      border-bottom: 2px solid #FFE19D !important
    }
    
    .nav1_n:hover,
    .nav1_n:focus {
      border-bottom: 2px solid #FFE19D !important
    }

.nav_2_n {
  float: left;
  padding: 0 16px 0 0
}

.nav_2_h {
  float: left;
  padding: 0 16px 0 0
}

    .nav2_n {
      line-height: 21px;
      font-size: 15px;
      border: 0 !important
    }

    .nav2_h {
      line-height: 21px;
      font-size: 15px;
      font-weight: 700;
      border-bottom: 2px solid #732727 !important
    }

    .nav2_n:hover,
    .nav2_n:focus {
      border-bottom: 2px solid #732727 !important
    }

/*
  HTML-Tag-Styles
------------------------------------ */

div,td,p,span,a,h1,h2,h3,h4,h5,h6,ul,ol,li,address,table,th,td,tr,input,button,textarea,option,select {
	font: 15px Georgia, "Times New Roman", Times, sans-serif;
	color: #732727;
	line-height: 22px
}

h1,h2,h3,h4,h5,h6 {
  width: 100%;
  padding: 0 0 14px 0;
  font: 20px Georgia, "Times New Roman", Times, sans-serif;
  letter-spacing: -0.045em;
  font-weight: 700;
  text-shadow: 0 1px 2px #A64B37
}

img {
	margin: 0;
	padding: 0;
	border: 0;
  image-rendering: optimizeQuality;
  -ms-interpolation-mode: bicubic
}

img[src$=".gif"] {
  image-rendering: -moz-crisp-edges;
  -ms-interpolation-mode: nearest-neighbor
}

li {
  list-style-type: none
}

strong {
  font-weight: 700
}

address {
  font-style: normal
}

a:link,a:visited,a:hover,a:active,a:focus {
  color: #732727;
  outline: none;
  text-decoration: none;
  border-bottom: 1px dotted #BA7D49
}

a:hover,a:active,a:focus {
  border-bottom: 1px solid #BA7D49
}

::-moz-selection {
	color: #FFE19D;
	background: #732727
}

::selection {
	color: #FFE19D;
	background: #732727
}

a::-moz-selection {
	background: #BA7D49
}

a::selection {
	background: #BA7D49
}

/*
	Kontaktformular-Styles
------------------------------------ */

.form_div {
  width: 379px;
  margin: 0 0 5px 0;
  overflow: hidden
}

.radio_div {
  width: 294px;
  float: left;
  padding: 0 0 5px 85px
}

.input_text,
.textarea {
	width: 288px;
  float: left;
  padding: 0 2px 0
}

.input_text,
.textarea,
.button,
.select_date,
.select_date_last {
	background: #FFE19D;
	border: 1px solid #BA7D49
}

.input_text {
	height: 22px
}

    .input_text:hover,
    .textarea:hover,
    .button:hover,
    .select_date:hover,
    .select_date_last:hover,
    .input_text:active,
    .textarea:active,
    .button:active,
    .select_date:active,
    .select_date_last:active,
    .input_text:focus,
    .textarea:focus,
    .button:focus,
    .select_date:focus,
    .select_date_last:focus {
    	background: #F6B759;
    	border: 1px solid #732727
    }

    .plz {
      width: 40px;
      margin: 0 5px 0 0
    }

    .city {
      width: 237px;
      float: left
    }
    
        * html .city {
          width: 230px
        }

.textarea {
	height: 111px
}

.button {
  clear: both;
	width: 100px;
	margin: 3px 180px 0 85px;
	cursor: pointer
}

    * html .button {
      width: 100px
    }

.form_text {
  clear: both;
  width: 85px;
  float: left;
  padding: 2px 0 0;
  line-height: 20px !important
}

.radio_text {
  width: 100px;
  float: left;
  padding: 2px 5px 0 0
}

.radio_text_right {
  width: 92px;
  float: left;
  padding: 2px 0 0 60px
}

    * html .radio_text_right {
      padding: 2px 0 0 55px
    }

.radio_text_large {
  float: left;
  padding: 9px 0 0;
  width: 281px
}

* html .radio_text_large {
  width: 272px
}

.radio_button {
  float: left;
  margin: 6px 0 0
}

.radio_button_large {
  float: left;
  margin: 14px 0 0
}

.infotext {
  float: left;
  width: 294px;
  padding: 15px 0 0 85px
}

.text_after_sending {
  width: 379px;
  float: left
}

.select_date {
  width: 95px;
  margin: 0 5px 0 0;
  float: left
}

.select_date_last {
  width: 94px;
  margin: 0 !important;
  float: left
}

.select_room {
  width: 294px;
  margin: 0
}

/*
	Baustein-Styles
------------------------------------ */

#slider {
  width: 172px;
  height: 172px;
  margin: 0 0 0 32px;
  border: 5px solid #f6b759
}

    #slider ul,
    #slider li {
    	margin: 0;
    	padding: 0;
    	list-style: none
    }

    #slider li {
    	width: 172px;
    	height: 172px;
    	overflow: hidden
    }
    
    * html #slider a {
      font-size: 0
    }
    
        #slider li img {
        	width: 172px;
        	height: 172px
        }

    #prevBtn, #nextBtn {
    	display: none
    }

.flat_rate {
  width: 677px;
  float: left;
  margin: 0 0 16px 0
}

    .flat_rate h2 {
      width: 661px;
      float: left;
      padding: 5px 8px 8px;
      font-size: 13px;
      background: #F6B759
    }

    .flat_rate p {
      width: 661px;
      float: left;
      padding: 5px 8px 8px
    }

    .flat_rate .price {
      width: 661px;
      float: left;
      padding: 5px 8px 8px;
      background: #FFFCDF
    }
    
.layout {
  width: 379px;
  float: left;
  margin: 0 0 16px 0
}

    .layout h2 {
      width: 379px;
      float: left;
      padding: 5px 0 8px 0;
      font-size: 13px
    }

    .layout img {
      float: left
    }

    .layout p {
      width: 379px;
      float: left;
      padding: 5px 0 0
    }

.tableX64 {
  width: 100%;
  margin: 0 0 16px 0
}
    
    .tableX64 td {
      padding: 2px 5px
    }