@CHARSET "UTF-8";

@MEDIA screen {
   body,h1,h2,h3,h4,p,form,fieldset,legend,label,select,input,textarea,dl,dd,ul,ol,blockquote {
    margin: 0;
    padding: 0;
  }
  body {
    font: 75% Verdana, Arial, sans-serif;
    color:#634315;
    background:url(../img/bg-body.jpg) center top;
    text-align:center;
  }
  a {
    color:#D37324;
  }
  img {
    border:none;
  }
  h2 {
    font-size:1.7em;
    letter-spacing: 1px;
    font-family: Verdana, serif;
  }
  h2, p, blockquote {
    padding-bottom:15px;
    line-height:1.5em;
  }  
  h3 {
    margin: 10px 0;
  }
  #mainBody {
    width:912px;
    margin:0 auto;
    text-align:left;
  }
  #shadowBody {
    background:url(../img/bg-shadow-body.jpg) repeat-y;
  }
  #shadowBottom {
    height:16px;
    background:url(../img/bg-shadow-bottom.png) no-repeat;
    font-size:0;
  }
  #shadowTop {
    height:6px;
    background:url(../img/bg-shadow-top.jpg) no-repeat;
    font-size:0;
  }
  #innerBody {
    padding:0 54px;
    background:url(../img/bg-butterfly.gif) no-repeat left bottom;
  }
  #header-de {
    position: relative;
	background:url(../img/bg-header-de.gif) no-repeat;
    width:804px;
    height:146px;
  }
  #header-en {
    position: relative;
	background:url(../img/bg-header-en.gif) no-repeat;
    width:804px;
    height:146px;
  }
  #language {
    position: absolute;
    right: 0;
    bottom: 5px;
    margin: 3px 8px;
   background:url(../img/bg/flags-language.gif) no-repeat;
  }
  #language a,
  #language em {
    display: block;
    padding: 2px 8px 2px 30px;
    margin: 0;
    font-style: normal;
    color: #634315;
    text-decoration: none;
  }
  #language a:hover,
  #language a:focus {
    text-decoration: underline;
  }
  #nav {
  }
  #nav ul {
    border-top: solid 1px #fff;
    list-style-type:none;
  }
  #nav li {
    background:url(../img/bg-mainNav.gif) no-repeat right;
    float:left;
  }
  #nav li.last {
    background:none;
  }
  #nav li a { 
    display:block;
    padding: 10px 26px;
    text-decoration:none;
    color:#634315;
    float:left;
  }
  #nav li strong, 
  #nav li em a {
    background:url(../img/bg-mainNav-strong.gif) right;
   display:block;
    text-decoration:none;
    float:left;
    color: #D96707;
    font-weight: bold;
    padding: 10px 24px;
  }
  #nav li a:hover,
  #nav li a:focus,
  #subNav li a:hover,
  #subNav li a:focus {
    color: #D96707;
  }
  #nav li em {
    font-style: normal;
  }
  .clearing:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }
  *+html .clearing {
    display: inline-block;
  }
  * html .clearing {
    height: 1%;
  }
  .clearing {
    display: block;
  }
  .invisible, #nav dfn, #subNav dfn {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }
  #content {
    padding:25px 0 150px 45px;
  }
  #leftCol {
    width:464px;
    float:left;
    margin-right:30px;
    padding-bottom:240px;
  }
  #leftCol p{
  line-height: 1.6em;
  }
  #rightCol {
    width:232px;
    float:left;
    padding-bottom:90px;
  }
  #subNavHeadline {
    text-align: right;
    padding: 0 20px 9px 0;
    font-size: 1.25em;
  }
  #subNav {
    list-style-type: none;
    margin:0 0 20px 30px;
    background: url(../img/bg/subnav-border.gif) no-repeat 100% 0;
    padding-top:1px;
  }
  #subNav li {
    background: url(../img/bg/subnav.gif) repeat-y 100% 0;
  }
  #subNav a,
  #subNav strong {
    background: url(../img/bg/subnav-border.gif) no-repeat 100% 100%;
    display: block;
    padding: 9px 20px 9px 0;
    color: #634315;
    text-decoration: none;
    text-align: right;
  }
  #subNav li strong {
    color: #D96707;
    font-weight: bold;
  }
  .twoCol #rightCol {
    width: 264px;
  }
  #oneCol {
    padding:0 45px 240px 0;
  }
  .textImage img {
  margin-bottom: 15px;
  }
  .textImage p {
  line-height: 1.75em;
  }
  blockquote {
    margin-top: 20px;
    font-size:1.25em;
    font-weight:bold;
    color:#C6BBA9;
    padding-top:32px;
    background:url(../img/quotation.gif) no-repeat;
  }
  .houseproperties ul {
   padding-bottom: 15px;
    list-style-type:none;
  }
  .houseproperties ul li {
    background:#F9F7F0;
    margin-bottom:3px;
    vertical-align:middle;
  }
  .houseproperties ul li img {
    vertical-align:middle;
  }
  .imgIndex {
    text-align:center;
  }
  .imageNav {
    width:492px;
    margin:0 auto 30px;
  }
  .slideshow .prev, .slideshow .next {
    display:block;
    width:40px;
    float:left;
  }
  .slideshow {
    margin-bottom:15px;
  }
  .slideshow .prev {
    background: url(../img/bg/arrow-ia-left.gif) no-repeat 50%;
    margin-right: 2px;
  }
  .slideshow .next {
    background: url(../img/bg/arrow-ia-right.gif) no-repeat 50%;
    margin-left: 2px;
  }
  .slideshow .prev:hover,
  .slideshow .prev:focus {
    background: url(../img/bg/arrow-ac-left.gif) no-repeat 50% #634315;
  }
  .slideshow .next:hover,
  .slideshow .next:focus {
    background: url(../img/bg/arrow-ac-right.gif) no-repeat 50% #634315;
  }
  .slideshow .imageNav p, .slideshow .imageNav dl, .thumbs a {
    display:block;
    border:1px solid #FFC354;
    padding:2px;
    float:left;
  }
  .slideshow .imageNav p, .thumbs a {
    line-height:0;
    font-size:0px;
  }
  .slideshow .img {
    float:left;
  }
  .thumbs a {
    margin: 4px;
  }
  .thumbs a:hover,
  .thumbs a:focus,
  .thumbs a.active {
    border-color: #6E5238;
    border-width: 2px;
    margin: 3px;
  }
  .thumbs a.active {
    opacity: .4;
  }
  .houseTeaser {
    float:left;
    margin-bottom: 2em;
    background:url(../img/bg/flower.gif) center bottom no-repeat;
  }
  .houseTeaser p {
    line-height:1.65em; 
    padding:0 0 10px 0;
  }
  .houseTeaser img {
    border:5px solid #FFEFE4;
    margin-left:35px;
  }
  .houseLink {
    margin:0 !important;
    float:right;
  }
  #rightCol .slideshow {
    margin:0 0 15px 15px;
  }
  #rightCol h2{
    font-size:1.1em;
  }
  #rightCol h3{
  margin: 10px 0;
  }
  #leftCol strong a,
  #leftCol strong a:hover,
  #leftCol strong a:focus,
  #leftCol strong a:active{
    font-size: 1.25em;
    text-decoration: none;
    display:block;
    padding: 13px 0 14px 45px;
    margin-top: 10px;
  }
  #leftCol strong a{
    color: #fff;
    background:url(../img/bg/arrow-ac-right.gif) 10px 5px no-repeat #634315;   
  }
  #leftCol strong a:hover{
    color: #634315;
    background:url(../img/bg/arrow-ia-right.gif) 10px 5px no-repeat #F9F7F0;
  }
  .welcome{
    display: block;
    width: 575px;
    font-size: 1em;
    line-height: 1.25em;
  }
  .contactForm fieldset{
    border: none;
    width: 465px;
  }
  .contactForm legend{
    font-size:1.7em;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom:5px;
  }
  .contactForm p{
    display: block;
    height: 2.2em;
    border-top: 1px solid #fff;
    background:#F9F7F0;
  }
  .contactForm label {
    float: left;
    padding: 10px;
  }
  .contactForm input, textarea, select{
    float:right;
    margin: 12px 8px;
    font-size: 1.2em;
    width: 230px;
   border: 1px solid #634315;
  }
  .contactForm select{
    width: 234px;
  }
  .contactForm strong{
    display:block;
    height: 2em;
    margin: 15px 0 0 10px; 
  }
  .contactForm input:focus{
  background: #FEFBE7;
  }
  .contactForm .inputRequired{
  font-weight: bold;
  }
  .contactForm .textareaLarge{
    height: 4.2em;
  }
  .contactForm .pNobackground{
    background: #fff;
  }
  .SB_SlideshowTeaser .thumbs {
    padding-bottom:10px;
  }
  #pagepeel {
   position: absolute; top:0px; right: 0px; z-index: 999; width:100px; height:100px;
   background-image: url(../img/pagepeel/klein.gif);
   background-repeat: no-repeat;
   background-position: right top;
   border:none;
   padding:0;
   margin:0;
   text-align: right;
   }
   #pagepeel img {
   border:none;
   padding:0;
   margin:0;
   background: none;
   }
   #pagepeel a #akpagepeel img {
   width: 100px;
   height: 100px;
   }
   #pagepeel  a, #pagepeel a:hover {
   text-decoration: none;
   display: block;
   background: none;
   height:100px;
   }
   #pagepeel a#akpagepeel:hover {
   position: absolute; top:0px; right: 0px; z-index: 999; width:368px; height:363px;
   display: block;
   background-image: url(../img/pagepeel/gross.gif);
   background-repeat: no-repeat;
   background-position: right top;
   }
   #pagepeel a#akpagepeel {
   background-image: url(../img/pagepeel/gross.gif);
   background-repeat: no-repeat;
   background-position: 234px 0px;
   }
}