/* Sprach- und Template-Übergreifende CSS-Styles */

body {
  margin: 0px;
  padding: 0px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  background-color: #65965c;
}

#wrapper {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  margin-top: 20px;
  margin-bottom: 20px;
  
  -moz-box-shadow: 0px 0px 10px black;
  -webkit-box-shadow: 0px 0px 10px black;
  box-shadow: 0px 0px 10px black;

  position: relative;
}

#header {
  height: 213px;
  zoom: 1;
  background:  #f0eebf url(/uploads/template/bg_header.gif) repeat-x;
  background:  -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.0, #FFFFFF),
    color-stop(1.0, #ffe8b5)
  );
  background: -moz-linear-gradient(
    center bottom,
    #FFFFFF 0%,
    #ffe8b5 100%
  );
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffe8b5', endColorstr='#FFFFFF');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffe8b5', endColorstr='#FFFFFF')";
  position: relative;
}

#header #sharlopov {
  position: absolute;
  top: 37px;
  left: 20px;
}

#header #palmenwald {
  position: absolute;
  top: 0px;
  left: 359px;
}

#header #searchbox {
  position: absolute;
  top: 0px;
  right: 0px;  
  text-align: right;
}

#searchbox #search_wrapper {
  margin-right: 10px;
  margin-top: 5px;
  font-weight: bold;
  width: 120px;
}

#searchbox #lang_wrapper {
background-color: #FFFFFF;
  padding: 10px;
  -moz-border-radius: 0px 0px 0px 15px;
  border-radius: 0px 0px 0px 15px;
  -webkit-border-radius: 0px 0px 0px 15px;
  -khtml-border-radius: 0px 0px 0px 15px;
}

#searchbox ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#searchbox li {
  display: inline;
}

#searchbox form {
  padding: 0px;
  margin: 0px;
}

#searchbox .search-input {
  border: 1px solid #9e336b;
  width: 120px;
}

#searchbox .search-button {
  border: 1px solid #9e336b;
  background-color: #C0C0C0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em;
  margin-top: 3px;
}

#header #menu {
  position: absolute;
  bottom: 0px;
  border-top: 2px solid #9e336b;
  width: 100%;
  padding-top: 1px;
  font-family: "Lucida Sans Unicode", Arial, sans-serif;
}

#main_image {
  border-top: 4px solid #9e336b;
  border-bottom: 4px solid #9e336b;
  height: 350px;
}

img {
  border-style: none;
}

#content {
  background:  #ffe8b5 url(/uploads/template/bg_content.gif) repeat-x;
}

#footer {
  border-top: 4px solid #9e336b;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "Lucida Sans Unicode", Arial, sans-serif;
}

#footer ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#footer li {
  display: inline;
  text-transform: uppercase;
  color: #343434;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
}

#footer a, #footer a:visited {
  color: #343434;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 1.6em;
  margin-top: 0px;
  padding-top: 10px;
}

h2 {
   font-size: 1.3em;
   border-bottom: 2px solid #9e336b;
   width: 75%;
}

.news h3 a {
  color: inherit;
  text-decoration: none;
}

a, a:visited {
  color: #9e336b;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.columns, .columnsl, .columnsr {
  width: 100%;
}

.columns .left {
  width: 45%;
}

.columnsl .left {
  width: 60%;
}

.columnsr .left {
  width: 30%;
}

.columns .spacer, .columnsl .spacer, .columnsr .spacer {
  width: 10%;
}

.columns .right {
  width: 45%;
}

.columnsl .right {
  width: 30%;
}

.columnsr .right {
  width: 60%;
}

#addthis {
  position: absolute;
  right: 0px;
  bottom: 5px;
}

.guestbook input {
  border: 1px solid #9e336b;
  background-color: #FFFFFF;
}
.guestbook .fullwidth {
  width: 100%;
}

.guestbook textarea {
  width: 100%;
  height: 75px;
  border: 1px solid #9e336b;
  font-family: inherit;
  font-size: 1em;
}

.guestbook td {
  padding-left: 10px;
}

.cms-guestbook-pagination_nav a {
  padding-left: 5px;
  padding-right: 5px;
}

.ngallerywrapper {
  width: 290px;
  padding: 10px;
}

.ngallerywrapper.pink {
  background-color: #9e336b;
  color: #FFFFFF;
}

.ngallerywrapper img {
  border: 1px solid #FFFFFF;
}

.ngalleryselector {
  overflow: hidden;
  width: 210px !important;
}

.ngalleryselector_large {
  overflow: hidden;
  width: 368px !important;
}


.ngallery_inner {
  position: relative;
}

.ngallery_inner img {
  margin-right: 17px;
}

.ngallery_sl {
  cursor: pointer;
  font-weight: bold;
  width: 10px;
}

.ngallery_sr {
  cursor: pointer;
  font-weight: bold;
  width: 10px;
}

.gallerylist {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 210px;
}

.gallerylist li {
  border: 1px solid #FFFFFF;
  background-color: #9e336b;
  padding: 10px;
  text-align: center;
}

.gallerylist img {
  width: 190px;
  margin-bottom: 10px;
}

.gallerylist a {
  color: #FFFFFF !important;
  text-decoration: none;
}

#booking_frame {
  width: 100%;
  height: 600px;
}

#newsletter {
  width: 266px;
  padding: 10px;
  padding-top: 0px;
  text-align: left;
  background-color: #c1cfa2;
  border: 2px solid #81ad52;
  float: right;
}

#newsletter input {
  width: 150px;
  border: 1px solid #9e336b;
  background-color: #FFFFFF;
}

#newsletter .cms_submit {
  margin-top: 5px;
}

/* EDITOR */

.mceContentBody ul {
  list-style-type: disc;
}

.mceContentBody a {
  color: #990052 !important;
}

/* BROWSER FIXES */

.ie7 #newsletter h3, .ie6 #newsletter h3 {
  margin-top: 10px;
  font-size: 1.2em;
}

.ie7 .guestbook .fullwidth, .ie7 .guestbook textarea {
  width: 95%;
}

.ie6 .guestbook .fullwidth, .ie6 .guestbook textarea {
  width: 95%;
}

.ie #header {
  position: static;
}

.ie8 #header #searchbox {
  right: -13px;
  top: 14px;
}

.ie7 #main_image img, .ie6 #main_image img {
  margin-bottom: -4px;
}

.ie8 #wrapper {
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=0, Strength=5)
  progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=45, Strength=4)
  progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=90, Strength=5)
  progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=4)
  progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=180, Strength=5)
  progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=225, Strength=4)
  progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=260, Strength=5)
  progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=305, Strength=4);
}

.ie8 #primary-nav ul li:hover {
  background-color: inherit !important;
}

.ie8 #primary-nav ul li:hover a {
  color: inherit !important;
}

.ie7 #header {
  z-index: 3000;
}

.ie7 #menu {
  position: relative !important;
  margin-top: 182px;
  z-index: 2000 !important;
}

.ie7 #primary-nav, .ie7 #primary-nav ul, .ie7 #menuwrapper {
  z-index: 3000 !important;
}

.ie6 #header {
  z-index: 3000;
}

.ie6 #menu {
  position: relative !important;
  margin-top: 182px;
  z-index: 2000 !important;
}


.ie6 #primary-nav, .ie6 #primary-nav ul, .ie6 #menuwrapper {
  z-index: 3000 !important;
}

.ie8 #content {
  position: relative;
  left: 13px;
  top: 13px;
}

.ie8 #header {
  position: relative;
  left: 13px;
  top: 13px;
}

.ie8 #searchbox {
  right: 0px !important;
  top: 1px !important;
}

.ie8 #addthis {
  bottom: -7px;
}
