/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
 
/* remember to define focus styles! */
:focus {
  outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}


html, body {
  height:100.1%;
}
body {
  background:url(../images/hg.jpg);
  font-family:Arial, Helvetica, sans-serif;
  color:#59595b;
}
#wrapper {
  position:relative;
  background:#FFF;
  width:930px;
  margin:210px auto 0;
  box-shadow:0px 0px 15px #67A091;
  -moz-box-shadow:0px 0px 15px #67A091;
  -webkit-box-shadow:0px 0px 15px #67A091;
  box-shadow:0px 0px 15px #67A091;
}
#wrapper {
  border /*\**/: 2px solid #DFEBE8\9
}

*+html #wrapper {
  border:2px solid #DFEBE8;
}
#overlay {
  position:absolute;
  cursor:pointer;
  z-index:999;
  left:0;
}
blockquote {
  background:url(../images/quote.png) no-repeat;
  position:absolute;
  top:50px;
  left:270px;
  padding:0 83px 45px; 83px;
  line-height:22px;
  letter-spacing:1px;
  font-style:italic;
}
#logo-start {
  position:absolute;
  left:363px;
  top:-210px;
}
#logo {
  cursor:pointer;
}
#navigation {
  width:290px;
  float:left;
  background:#DDEFE5;
}
#navigation ul {
  height:275px;
  background:#DDEFE5;
  overflow:hidden;
  margin-top:10px;
}
*+html #navigation ul {
  margin-top:-3px;
}
#navigation li {
  font-size:12px;
  letter-spacing:1px;
  line-height:40px; /*47px */
  height:40px; /*47px */
  position:relative;
}
#navigation li a {
  text-transform:uppercase;
  color:#868789;
  text-decoration:none;
  padding-left:83px;
  display:block;
  height:47px;
  width:207px;
}
#navigation li.aktiv a {
  font-weight:bold;
  color:#52b281;
  letter-spacing:2px;
}
#navigation li.aktiv ul a {
  font-weight:normal;
  color:#868789;
  letter-spacing:1px;
}

#navigation li a:hover {
  color:#52b281;
}
#navigation li.layout-0 a {
  background:url(../images/icons.png) 0 -1px;
}
#navigation li.layout-0 a:hover,
#navigation li.layout-0.aktiv a {
  background:url(../images/icons.png) -290px -1px;
}

#navigation li.layout-1 a {
  background:url(../images/icons.png) 0 -41px; /* 48px */
}
#navigation li.layout-1 a:hover,
#navigation li.layout-1.aktiv a {
  background:url(../images/icons.png) -290px -41px;
}

#navigation li.layout-2 a {
  background:url(../images/icons.png) 0 -81px; /* 95px */
}
#navigation li.layout-2 a:hover,
#navigation li.layout-2.aktiv a {
  background:url(../images/icons.png) -290px -81px;
}

#navigation li.layout-3 a {
  background:url(../images/icons.png) 0 -121px; /* 142px */
}
#navigation li.layout-3 a:hover,
#navigation li.layout-3.aktiv a {
  background:url(../images/icons.png) -290px -121px;
}

#navigation li.layout-4 a {
  background:url(../images/icons.png) 0 -161px; /* 189px */
}
#navigation li.layout-4 a:hover,
#navigation li.layout-4.aktiv a {
  background:url(../images/icons.png) -290px -161px;
}

#navigation li.layout-5 a {
  background:url(../images/icons.png) 0 -201px; /* 236px */
}
#navigation li.layout-5 a:hover,
#navigation li.layout-5.aktiv a {
  background:url(../images/icons.png) -290px -201px;
}

#navigation li.layout-6 a {
  background:url(../images/icons.png) 0 -241px; /* 236px */
}
#navigation li.layout-6 a:hover,
#navigation li.layout-6.aktiv a {
  background:url(../images/icons.png) -290px -241px;
}
#navigation li.layout-7 {
  position:absolute;
  margin-left: 250px;
  margin-top: -36px;
  text-indent:-999em;
}
#navigation li.layout-7 a {
  width:35px;
  height:27px;
  padding:0;
  background:url(../images/icon-fotos.png) right;
}
#navigation li.layout-7 a:hover,
#navigation li.layout-7.aktiv a {
  background:url(../images/icon-fotos.png);
}
#navigation li.layout-8 {
  position:absolute;
  margin-left: 210px;
  margin-top: -36px;
  text-indent:-999em;
}
#navigation li.layout-8 a {
  width:35px;
  height:27px;
  padding:0;
  background:url(../images/geschenkgutschein.png) right;
}
#navigation li.layout-8 a:hover,
#navigation li.layout-8.aktiv a {
  background:url(../images/geschenkgutschein.png);
}


#navigation ul li ul {
  position:absolute;
  top:0;
  left:290px;
  height:auto;
  display:none;
}
#navigation ul li:hover ul {
  display:block;
}
#navigation li ul li {
  line-height:30px;
  height:30px;
}
#navigation li ul li a {
  height:30px;
  width:auto;
  white-space:nowrap;
}
#wrapper #navigation li ul a {
  background:none;
  padding:0 15px;
}
#wrapper #navigation li ul a:hover {
  background:none;
  background-color:#90caaa;
  color:#FFF;
}
#wrapper #navigation li.aktiv ul li.aktiv a {
  font-weight:bold;
  color:#52b281;
  letter-spacing:2px;
}

#utilities {
  position:absolute;
  right:0;
  margin-top:5px;
  color:#868789;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:1px;
}
#utilities li {
  float:left;
}
#utilities li a {
  color:#868789;
  text-decoration:none;
  font-weight:bold;
  margin:0 4px;
}
#utilities li a:hover {
  text-decoration:underline;
}

#content {
  height:95px;
  overflow:hidden;
  padding:20px 50px;
}
#content div {
  background:#FFF;
}
h1 {
  color:#8fcaaa;
  margin-bottom:15px;
}
h2 {
  color:#8fcaaa;
  font-weight:normal;
  margin-bottom:5px;
  margin-top:20px;
}
#content p {
  font-size:14px;
  line-height:1.6;
  margin-bottom:10px;
}
#content a {
  color:#8FCAAA;
}


#headerimages {
  position:relative;
  height:465px;
  left:290px;
}
#headerimages IMG {
  position:absolute;
  top:0;
  left:0;
  z-index:8;
}
#headerimages IMG.active {
  z-index:10;
}
#headerimages IMG.last-active {
  z-index:9;
}
#slidshowControls {
  display:none;
}

#kontakt {
  float:right;
  margin:10px 200px 0 0;
}
#form-error {
  margin-left:15px;
  margin-bottom:10px;
}
#form-error li {
  margin-left:15px;
  list-style:disc;
  color:#F00;
}
#kontaktformular,
#newsletter {
  margin-top:20px;
  margin-bottom:20px;
  width:400px;
  /*float:left;*/
  font-size:14px;
}
#kontaktformular label,
#newsletter label {
  width:120px;
  display:block;
  float:left;
  line-height:20px;
}
#kontaktformular select,
#kontaktformular input,
#newsletter select,
#newsletter input {
  margin-bottom:3px;
}
#kontaktformular select,
#newsletter select {
  width:80px;
}
#kontaktformular input,
#newsletter input {
  width:225px;
}
#kontaktformular #nachricht {
  float:left;
  width:345px;
  height:110px;
  margin:25px 0 10px -120px;
}
#kontaktformular p,
#newsletter p {
  font-size:.9em;
  margin-top:10px;
}

div.csc-textpic-imagerow {
  clear:both;
}
dl.csc-textpic-image {
  float:left;
  margin: 0 7px 7px 0;
}
dl.csc-textpic-image dd {
  font-size:12px;
  padding:4px;
  background:#DDEFE5;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.html) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}