html, body {
  background:#ccc;
  height:100%;
  margin:0;
}
#overallcontent {
  background: url(summer-theme_web_bg.gif) repeat -401px top;
  min-height:100%;
}
a, a:link,a:active,a:visited {
  color: #cb2026;
  text-decoration: none;
}
a:hover {
  color: #c00;
  text-decoration: underline;
}
#content #head #headline h1 { font-size: 3.5em; line-height: 1; margin-bottom: 0; text-transform: uppercase; font-weight: bold; color:#cb2026;}
#content #head #headline h2 { font-size: 2.5em; margin-bottom: 0.75em; margin-left:180px; font-weight: bold;}
#content {
  border-top: 1px solid transparent;
  background:url(summer-theme_web.jpg) no-repeat scroll left top;
  margin:-1px auto 0;
  position:relative;
  width:999px;
}
#head {
  border-top: 1px solid transparent;
  height:300px;
  margin-bottom:20px;
}
#language-menu {
  width: 60px;
  height: auto;
  position: absolute;
  right: 0;
  top: 20px;
}
#language-menu  { margin: 0; padding: 0; }
#language-menu a:hover,
#language-menu a { text-decoration: none !important; }
#innercontent {
  padding: 0 10px 60px;
  overflow:hidden;
}
#leftcontent {
  float:left;
  padding:0;
  margin:0 10px 0 0; 
  min-height:1px;
  width:210px;
}
#maincontent {
  float:left;
  width:758px;
}
#searchcontainer {
  position:absolute;
  width:400px;
  height:30px;
  top:10px;
  left:20px;
  background: none;
}
#search {
  float:left;
  margin:7px;
}
#search fieldset {
  border:0;
  margin:0;
  padding:0;
}
#searchfield {
  background-image: url(csc-frame-frame1-bg.png);
  border:1px solid #CCC;
  width:200px;
  font-size:11px;
  height:15px;
  padding:4px;
  color:#666;
}
#searchsubmit {
  background:transparent;
  border:0;
  vertical-align:middle;
  color:#000;
}
#headline {
  height: 120px;
  margin:65px 0 0 170px;
  width: 850px;
}
#navigation {
  position:absolute;
  top:200px;
  left:400px;
  width: 520px;
}
#navigation .menue {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  font-size: 1.4em;
  font-weight:bold;
}
#navigation .menue li {
  float: left;
  list-style-image: none !important;
  list-style-position: outside !important;
  list-style-type: none !important;
  position: relative;
  margin: 0 .7em .1em 0;
  white-space:nowrap;
}
#subnavigation {
  display:block;
  background-image:url(csc-frame-frame1-bg.png);
  background-repeat:repeat;
  padding:1em 3%;
}
#subnavigation ul {
  padding:0;
  margin:0;
  list-style:none;
  list-style-position:outside;
}
#subnavigation ul li {
  padding:0;
  margin:0;
  font-size:1.25em;
}
#subnavigation ul li a,#subnavigation ul li a:link, #subnavigation ul li a:visited,#subnavigation ul li a:hover {
  font-weight:bold;
}
#footer {
  height:52px;
  position:fixed;
  bottom:0;
  width:100%;
  z-index:20;
}
#innerfooter {
  background-image:url(footer-bg.png);
  background-repeat: repeat-x;
  height:52px;
  margin:0 auto;
  position:relative;
  width:999px;
}
#footernavi {
  max-width:600px;
  margin:75px 0 0 0;
  float:left;
}
#footernavi .menue {
  position:absolute;
  top:15px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  font-size: 1.3em;
  font-weight:bold;
  color:#c33;
}
#footernavi .menue li {
  float: left;
  list-style-image: none !important;
  list-style-position: outside !important;
  list-style-type: none !important;
  position: relative;
  margin: 2px 3px 4px 2px;
}
#footer #logo {
  position:absolute;
  right:0;
  top: -61px;
  margin:0;
  float:right;
  width:166px;
  padding:0 10px 0 10px;
}
.clearer {
  clear:both;
  font-size:0pt;
  height:0pt;
  line-height:0pt;
}
.twocols, .fourcols, .sixthree, .threecols, .threesix {
  margin-bottom:10px;
}
.twocols .cols, .fourcols .cols, .sixthree .cols, .threecols .cols, .threesix .cols {
  float:left;
  padding:0;
  margin-right:10px;
}
.csc-frame-frame1.cols, .csc-frame-frame1.last { padding:10px; }

.twocols .cols, .twocols .last { width:374px; }
.twocols .csc-frame-frame1.cols, .twocols .csc-frame-frame1.last { width:354px; }

.threecols .cols, .threecols .last { width:246px; }
.threecols .csc-frame-frame1.cols, .threecols .csc-frame-frame1.last { width:226px; }

.fourcols .cols, .fourcols .last { width:182px; }
.fourcols .csc-frame-frame1.cols, .fourcols .csc-frame-frame1.last { width:162px; }

.threesix .last, .sixthree .cols { width:490px; }
.threesix .csc-frame-frame1.last,
.sixthree .csc-frame-frame1.cols { width:470px; }
.threesix .cols, .sixthree .last { width:258px; }
.threesix .csc-frame-frame1.cols,
.sixthree .csc-frame-frame1.last { width:238px; }

.twocols .last, .threecols .last, .fourcols .last, .threesix .last, .sixthree .last {
  float:left;
  margin:0;
}
.threecols .cols p, .twocols .cols p, .fourcols .cols p, .sixthree .cols p, .threesix .cols p {
  padding:0;
}

.clearer {
  font-size:0;
  height:0;
  line-height:0;
  clear:both;
}
.csc-frame {
  padding:10px;
  margin-bottom:10px;
}
.csc-frame-rulerAfter { background:#ccc; height:1px; padding:0; }
.csc-frame-frame1 {
  background-image:url(csc-frame-frame1-bg.png);
  background-repeat:repeat;
}
.csc-frame-frame1 .csc-frame-frame1 {
  background: none;
  padding:0;
}
.tr-even {
  background-color: #FFF;
}
.tr-odd {
  background:url(csc-frame-frame1-bg.png);
  background-repeat:repeat;
}
.contenttable {
  border-spacing: 2px;
}
.contenttable th {
  background-image:url(bg-rot_transparent.png);
  background-repeat:repeat;
}
.contenttable th h5 {
  color: #fff;
}
.contenttable caption {
  background-image:url(bg-rot_transparent.png);
  background-repeat:repeat;
  text-transform: uppercase;
  font-weight: bold;
  color:#fff;
  margin:2px 2px 2px 2px;
  padding:2px 2px 2px 5px;
}
.contenttable h1, .contenttable h2, .contenttable h3, .contenttable h4, .contenttable h5, .contenttable h6 { margin-bottom:0; }
.tx-veguestbook-pi1 .tx-guestbook-result {
  float:left;
  font-weight:bold;
  color:#cb2026;
}
.tx-veguestbook-pi1 h2.tx-guestbook-header {
  background:#cb2026 none repeat scroll 0 0;
  clear:both;
  color:#fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size:100%;
  padding:1em;
  width:100%;
}
.tx-veguestbook-pi1 .tx-guestbook-left {
  background: none;
  float:left;
  min-height:4em;
  padding-left:5%;
  padding-right:5%;
  width:20%;
}
.tx-veguestbook-pi1 .tx-guestbook-right {
  background:#FFFFFF none repeat scroll 0 0;
  float:left;
  padding-left:5%;
  padding-right:5%;
  width:60%;
}
#mainspacer {
   min-height:17em;
}
/*Suche*/
#searchform fieldset dl dd {
  float:left;
  margin-left:15;
}
#searchform fieldset dl dt {
  float:left;
  margin-left:15;
}
#searchform fieldset dl {
  float:left;
}
.tx-indexedsearch-whatis {
  background-image:url(csc-frame-frame1-bg.png);
  padding:10px 10px 5px 5px;
}
.tx-indexedsearch-res {
  clear:both;
  margin-top:1em;
}
#tx-indexedsearch-icon {
  float:left;
  padding:10px 10px 0 0;
  width:71px;
}
#tx-resultcontainer {
  float:left;
  width:630px;
}
#tx-indexedsearch-title {
  float:left;
  width:500px;
}
#tx-indexedsearch-descr {
  float:left;
  width:500px;
}
#tx-indexedsearch-precent {
  float:left;
  align:right;
  width:49px;
}
#tx-indexedsearch-info {
  clear:both;
  background-image:url(csc-frame-frame1-bg.png);
  padding:10px 10px 5px 5px;
  margin-bottom:20px;
  margin-top:5px;
  width:630px;
}
.tx_dfauliquidimage { margin-bottom: 10px; }

  #spot-map {
    position: relative;
    float: left;
    width: 750px;
    height: 287px;
    margin-bottom: 24px;
    background-image: url('spot-map.png');
    background-repeat: no-repeat;
  }

  a.map-spots {
    display: block;
    position: absolute;
  }
  
  a.map-spots div {
    position: absolute;
  }
  a.map-spots:hover div {
    height: 200px;
    width: 198px;
    z-index: 1500;
    margin-top: -100px;
    background: url("Schild-Baer_small.png") no-repeat center center;
  }
  a.map-spots:hover div span {
    margin: 126px 0 0 30px;
    transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
  }
  a.map-spots:hover div img{
    top: 100px;
  }

  a.map-spots div span{
    display: none;
    positon: absolute;
  }
  a.map-spots:hover div span{
    position: absolute;
    display: block;
    z-index: 2000;
  }

  a.map-spots img {
    display: block;
    position: absolute;
    z-index: 1000;
  }

  #spot-1 {left: 254px; top: 53px; }
  #spot-2 {left: 325px; top: 59px; }
  #spot-3 {left: 200px; top: 57px; }
  #spot-4 {left: 223px; top: 83px; }
  #spot-5 {left: 180px; top: 118px;}
  #spot-6 {left: 127px; top: 150px;}
  #spot-7 {left: 268px; top: 176px;}
  #spot-8 {left:  93px; top: 193px;}
  #spot-9 {left: 162px; top: 235px;}
  a.map-spots { width: auto; height: auto;}
/*E-Cards*/
.tx-srsendcard-pi1 input, .tx-srsendcard-pi1 select, .tx-srsendcard-pi1 textarea {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #BBBBBB;
    margin: 0.5em 0;
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset {
    border: 1px solid #CB2026;
}
.tx-srsendcard-pi1 fieldset {
    margin: 1em 0%;
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form legend {
    font-weight: bold;
    margin: 0 10px;
    padding: 0 10px;
    font-size:1em;
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset label {
    clear: both;
    float: left;
    font-size: 0.9em;
    margin-top: 0.4em;
    text-align: right;
    width: 35%;
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset div.tx-srsendcard-pi1-field {
    float: right;
    text-align: left;
    width: 63%;
}
.tx-srsendcard-pi1 label, .tx-srsendcard-pi1 .tx-srsendcard-pi1-field {
    margin: 0 0 0.3em;
}
.tx-srsendcard-pi1 p {
    color: #35006D;
}
.tx-srsendcard-pi1 p {
    color: #000000;
}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CB2026;
    margin: 2em 0;
}
.tx-srsendcard-pi1 a,.tx-srsendcard-pi1 a:link,.tx-srsendcard-pi1 a:active,.tx-srsendcard-pi1 a:visited {
    color: #CB2026;
    text-decoration: none;
}
.tx-srsendcard-pi1 a:hover {
    color: #CC0000;
    text-decoration: underline;
}