html, body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 85%;
  line-height: 15px;
  padding-top: 0;
  background: #e8e5e1;
  width: 100%;
  overflow-x: hidden;
}
a {
  text-decoration: none;
}
.hide, legend, hr {
  display: none;
}
#base {
  margin: auto;
  width: 800px;
  background: #fff;
}
#rechts .anker {
  display: none;
}
/* Head */
#head {
  /* 2011-02-25:  height: 95px; */
  height: 95px;
  width: 800px;
  background: url("../grafiken/head.jpg") no-repeat;
  color: #bbb2a6;
}
#head #service {
  width: 235px;
  margin-top: 20px;
  float: right;
  font-size: 85%;
}
#head #service a {
  /* 2011-02-25:  color: #fff; */
  color: #ffffff;
}
#head #service li {
  border-right: 1px solid #fdb813;
  padding: 0 5px 0 5px;
  float: left;
}
#head #suche {
  position: absolute;
  top: 75px;
  margin-left: 600px;
}
#head #tx-indexedsearch-searchbox-sword {
  width: 120px;
  padding: 1px;
  height: 12px;
  font-size: 90%;
  margin-top: -1px;
}
#head #suche .submitGrafik {
  margin-bottom: -2px;
}
#head #suche label {
  font-size: 90%;
  float: left;
  margin-right: 4px;
}
/* Navigation */
#navigation {
  background: #bbb2a6;
  float: left;
  width: 100%;
}
#navigation a {
  color: #fff;
  font-weight: bold;
}
#navigation li {
  float: left;
  border-right: 1px solid #fff;
}
#navigation li a {
  float: left;
  padding: 5px 10px 5px 10px;
}
#navigation li .active, #navigation li .sub {
  background: #fdb813;
}
/* Main */
#main {
  float: left;
  padding: 30px 0 20px 0;
  background: #fff;
  font-size: 13px;
}
/* Subnavigation */
#main #subnavigation {
  float: left;
  font-size: 95%;
  width: 150px;
  margin-left: 9px;
  display: inline;
}
#subnavigation a:hover {
  color: #083f88 !important;
  font-weight: bold;
}
#subnavigation li .active {
  color: #083f88 !important;
  font-weight: bold;
}
#subnavigation ol li a.active, #subnavigation ol li a.sub {
  background-color: #fdb813;
  color: #fdb813 !important;
}
#subnavigation li li .active {
  color: #fdb813 !important;
  font-weight: bold;
}
#subnavigation .sub {
  font-weight: bold;
}
#main #subnavigation ol {
  background: #f2f0ed;
  float: left;
  width: 150px;
  overflow: hidden;
  /*padding: 0 0 0px 0;
*/
}
#main #subnavigation ol ol, #main #subnavigation ol ol ol {
  padding-bottom: 0px;
  padding-left: 0;
}
#main #subnavigation li .last a {
  border-bottom: 1px solid #c6beb4;
}
#main #subnavigation li {
  float: left;
  width: 138px;
}
#main #subnavigation li a {
  color: #fff;
  font-weight: bold;
  background: #083f88;
  border-bottom: 1px solid #c6beb4;
  width: 140px;
  padding: 5px 10px;
  float: left;
}
#main #subnavigation li a:hover {
  color: #fdb813 !important;
  font-weight: bold;
}
#main #subnavigation li li a:hover {
  color: #083f88 !important;
  font-weight: bold;
}
#main #subnavigation li li a {
  /* color: #85735f; */
  color:black;
  border-bottom: 1px solid #c6beb4;
  background: none;
  font-weight: normal;
  width: 140px;
  padding: 5px 10px;
  margin-left: 0px;
  float: left;
}
#main #subnavigation li li a {
  width: 128px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}
#main #subnavigation li li a.sub {
  color: #083f88 !important;
  font-weight: bold;
}
#main #subnavigation li li a.sub:hover {
  color: #fdb813 !important;
}

#main #subnavigation li li li a {
  width: 123px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 20px;
  padding-left: 0px;
}
#main #subnavigation li li li li a {
  width: 115px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 40px;
  padding-left: 0px;
}
#main #subnavigation a.active {
  font-weight: bold;
  color: #083f88;
}
#main #subnavigation a.active:hover {
  color: #fdb813 !important;
}
#main #subnavigation p {
  margin-top: 30px;
  float: left;
  color: #ac9f92;
  font-size: 85%;
  line-height: 120%;
  padding: 0 5px 0 5px;
}
#main #subnavigation p a {
  color: #ac9f92;
}
/* Content */
#main #content {
  width: 466px;
  float: left;
  margin-left: 8px;
  margin-right: 8px;
  /* color: #646567; */
  display: inline;
  position: relative;
}
#main #content p {
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 6px;
}
#main #content a,
#rechts a {
  color: #002BB8 !important;
}
#main #content a:hover,
#rechts a:hover {
  text-decoration: underline;
}
#base .noRS #content {
  width: 624px;
  margin-right: 9px;
}
#base .startseite #content {
  width: 455px;
  padding-right: 9px;
  float: right;
}
#base .startseite #leftContent {
  float: left;
  min-height: 10px;
  width: 308px;
  padding-left: 9px;
}
/*h2-Formatierung von FAIRRANK hinzugefügt*/
#base .startseite #leftContent h1, #base .startseite #leftContent h2.news-cat {
  background: #083f88;
  font-size: 13px;
  color: #fff;
  padding: 2px 5px 2px 5px;
  margin-top: 10px;
  margin-bottom: 0px;
}
#base .startseite #leftContent .csc-textpic {
  background: #f0f0f0;
  margin: 0px;
}
#base .startseite #leftContent .csc-textpic-below .csc-textpic-imagewrap img {
  padding-left: 5px;
}
#base .startseite #leftContent .csc-textpic-above {
  margin-top: 8px;
  margin-bottom: 0px;
}
#base .startseite #leftContent .news-links {
  background-color: #f0f0f0;
  padding-bottom: 5px;
  float: left;
}
#leftContent #news-links h3, #leftContent .news-links p {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 13px;
}
#main #history {
  font-size: 9px;
  padding-top: 5px;
  padding-left: 0px;
  font-family: Arial, Helvetica, sans-serif !important;
  position: absolute;
  left: 0;
  top: -28px;
}
#main p#history {
  font-size: 9px;
}
#main #history a {
  color: #646567;
  font-size: 9px;
}
#main h1 {
  /* color: #083f88; */
   color: black;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 8px;
  line-height: 18px;
}
#main h2 {
  /* color: #083f88; */
  color: black;
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 15px;
}
#main h3, rechts h3 {
  color: #083f88;
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 11px;
}
#main h4, #rechts h4 {
  color: #083f88;
  font-weight: normal;
  margin-bottom: 8px;
  font-size: 11px;
}
#main h5 {
  color: #646567;
  font-weight: normal;
  font-size: 11px;
}
#main h6 {
  background: #083f88;
  font-weight: bold;
  font-size: 11px;
  color: #fff;
  padding: 2px 5px 2px 5px;
}
/* Rechte Spalte */
#main #rechts {
  color: black;
  margin-left: 0;
  float: left;
  width: 150px;
  margin-right: 9px;
  display: inline;
}
#main #rechts div {  
  float: left;
  margin-bottom: 10px;
  width: 146px;
}

#main #rechts .csc-default, #main #rechts div {  
   border: 1px solid #bbb2a6;
}
/* Doppelrahmen entfernt 29.12.2011 WSpecht Anfang */
#main #rechts .csc-default, #main #rechts div div div {
    border: 0px solid #BBB2A6;
}
/* Doppelrahmen entfernt 29.12.2011 WSpecht Ende */

#main #rechts .csc-textpic-single-image {
   margin-bottom: 0px !important;
}

#main #rechts .csc-textpic-clear {
   margin-bottom: 0px !important;
}

#main #rechts .csc-textpic-below {
   margin-bottom: 0px !important;
}

#main #rechts .csc-textpic-text {
   margin-bottom: 0px !important;
}



#main #rechts h2, #main #rechts h3, #main #rechts h1, #main #rechts p, #main #rechts ul, #main #rechts ol {
  padding: 0 5px;
  margin-top: 8px;
}
#main #rechts h1 {
  font-size: 110%;
  margin-top: 5px;
}
#main #rechts h4 {
  margin-left: 5px;
}
#main #rechts p {
  font-size: 11px;
  line-height: 13px;
  margin-bottom: 8px !important;
  margin-top: 0px !important;
}
#main #rechts ul {
  margin-bottom: 8px;
}
#main #rechts li {
  padding-left: 0px;
  margin-left: 15px;
  font-size: 11px;
  line-height: 13px;
  list-style-type: square;
}
#main #rechts a {
  /* color: #083F88; */
  font-weight: normal;
  /*  background: url("../grafiken/pfeile.gif") no-repeat top right;
  padding-right: 15px;
*/
}
#main #rechts .more {
  background: none;
  /* color: #fdb813; */
  color: #002BB8;
}
/* News */
#rechts .news-latest-item, #rechts .news-latest-item p, #rechts .news-latest-item h3, #rechts .news-latest-item div {
  border: none !important;
}
#rechts .news-latest-item a, .news-latest-gotoarchive {
  display: none;
}
#rechts .news-latest-item h3 a, #rechts .news-latest-item div a {
  display: block;
  float: left;
}
#rechts .news-latest-morelink {
  padding: 0 5px;
  margin-bottom: 10px;
  margin-top: -5px;
}
#rechts .news-latest-container {
  padding-top: 5px;
}
#rechts .news-latest-container {
  overflow: hidden !important;
  width: 144px !important;
}
#base .startseite #content .csc-textpic {
  border: 2px solid #bbb2a6;
  float: left;
}
#base .startseite #content .csc-textpic-imagewrap, #content .csc-textpic {
  margin-bottom: 0px;
  float: left;
}
#base .startseite #content .csc-textpic-text {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
#base .startseite .csc-textpic {
  margin: 5px 0;
}
#base .startseite #content p, #rechts p {
  margin: 5px 0 5px 0;
}
#base .startseite #content .csc-textpic-intext-left, #base .startseite #content .csc-textpic-intext-left-nowrap {
  padding-right: 5px;
}
#base .startseite #content .csc-textpic-intext-right, #base .startseite #content .csc-textpic-intext-right-nowrap {
  padding-left: 5px;
}
#footer {
  color: #646567;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 20px;
  clear: both;
  border-top: 1px solid #646567;
}
#content .more,
#content .external-link-new-window-more {
  /* color: #FDB813 !important; */
  font-weight: bold !important;
  background: none !important;
  padding-right: 0px !important;
}
/* News tt_news */
.news-bild {
  float: left;
  margin-right: 8px;
  padding-left: 5px;
}
#content .csc-textpic {
  margin-bottom: 8px;
  margin-top: 0px;
}
#content ul li {
  margin-bottom: 0px;
  line-height: 15px;
}
#content .csc-textpic dl {
  margin: 0px;
  padding: 0px;
}
#content .csc-texpic {
  margin: 0px;
}
#content dd.csc-textpic-caption {
  font-style: normal;
  font-weight: bold;
  font-size: 8px;
  line-height: 8px;
  height: 8px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  text-transform: uppercase;
  
  margin-bottom:8px;

}
#content .csc-textpic-intext-right .csc-textpic-imagewqrap {
  float: right !important;
  clear: both !important;
  margin-left: 10px;
  margin-bottom: 5px;
  display: inline;
}
#content .csc-textpic-intext-right .csc-textpic-text {
  margin-right: 10px;
}
#content .csc-textpic-imagerow {
  margin-bottom: 8px;
}
#content .csc-textpic-imagerow-last {
  margin-bottom: 0px;
}
#content .bu-links {
  width: 150px;
  float: left;
}
#content .bu-links {
  width: 150px;
  float: right;
}
#content .csc-textpic csc-textpic-intext-left-nowrap .csc-textpic-text {
  float: left;
  width: 100%;
  background: Lime;
}
/* Tabellen im Inhaltsbereich */
#content table {
  width: 460px;
  margin-bottom: 8px;
}
#content table p {
  margin: 0 !important;
}
#content table thead {
  background-color: #ffefbf;
  border-bottom: 4px solid #ffffff;
  border-right: 1px solid #ffffff;
}
#content table thead th {
  font-weight: bold;
  color: #083f88;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  border-right: 1px solid #ffffff;
}
#content table tbody {
  background-color: #EEEEEE;
  border-right: 1px solid #ffffff;
}
#content table td {
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
}
/* Textausrichtungen RTE */
.align-left {
  text-align: left !important;
}
.align-right {
  text-align: right !important;
}
.align-center {
  text-align: center !important;
}

.kleine-schrift {
  background: Lime;
}
.grosse-schrift {
  background: Fuchsia;
}

/* Weiteres */
.csc-textpic-intext-left .csc-textpic-imagewrap {
  float: left;
  margin-right: 8px;
}
.csc-textpic-intext-right .csc-textpic-imagewrap {
  float: right;
  margin-left: 8px;
}
.startseite .csc-textpic-imagewrap {
  float: left;
  width: 158px;
}
#content .csc-textpic dl {
  float: left;
  /* 2009-09-05 ab@berg.net: 8x unter den Bildern soll eingefügt werden*/
  /* margin-bottom: 8px; */
}
div.csc-textpic-imagerow dl dt {
  padding-bottom: 8px;
}
div.csc-textpic-imagerow-last dl dt {
  padding-bottom: 8px;
}
#content .csc-textpic .csc-textpic-text ul {
  float: none;
  width: auto;
}
#content .csc-textpic-intext-left-nowrap .csc-textpic-text {
  margin-left: 10px;
}




/* Gegen "Blitzer" auf der Startseite */
#base .startseite #content .csc-textpic .csc-textpic-image img{
  float:left;
}

#base .startseite #leftContent .csc-textpic-above {
  margin-top:0;
}

#base .startseite #leftContent .csc-textpic-above{
  background:#fff;
}


#base .startseite #leftContent .csc-textpic-text h1,#base .startseite #leftContent .news-links h1{
  margin-top:0;
}

#base .startseite #leftContent .csc-textpic,#base .startseite #leftContent .news-links{
  border-bottom:8px solid #fff;
}

div.csc-textpic-imagerow dl dt{
  padding-bottom:2px;
}

#main .csc-textpic-border .csc-textpic-imagerow dl {
  margin-bottom: 3px;
}

.clear {
  clear: both;
  float: none;
}
/* Sitemap */
.csc-sitemap ul {
  background: #f0f0f0;
}
.csc-sitemap ul li {
  padding-left: 0px !important;
}
.csc-sitemap li a {
  border-bottom: 1px solid #083f88;
  font-weight: bold;
  width: 466px;
  float: left;
  background: #FFFFFF;
  text-transform: uppercase;
  padding-top: 16px;
}
.csc-sitemap li li a {
  background: #f0f0f0;
  width: 442px;
  margin-left: 8px;
  border-bottom: 1px solid #083f88;
  text-transform: none;
  padding-top: 0px;
   line-height: 15px;
   padding-bottom:6px;
   padding-left: 8px;
   
}
.csc-sitemap li li li a {
  width: 434px;
  margin-left: 16px;
  border-bottom: none;
  background: none;
}
.csc-sitemap li li li li a {
  width: 426px;
  margin-left: 24px;
  font-weight: normal !important;
}
.csc-sitemap li li li li li a {
  display: none;
}
.csc-sitemap ul ul ul ul ul {
  display: none;
}
/* FCE § Spalten */
.spalten-drei .spalte-links {
  width: 150px;
  margin-right: 8px;
  float: left;
}
.spalten-drei .spalte-mitte{
  width: 150px;
  margin-right: 8px;
  float: left;
}
.spalten-drei .spalte-rechts{
  width: 150px;
  float: left;
}

/* Gästebuch */
.tx-ttguest table {
  background: none;
}

.tx-ttguest input {
  background: #f0f0f0;
  border: none;
  border-bottom: 1px solid #000000;
  width: 310px;
}
.tx-ttguest textarea {
  background: #f0f0f0;
  border: none;
  border-bottom: 1px solid #000000;
  width: 310px;
}
.gaestebuch .gaestebuch-eintrag {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.gaestebuch .gaestebuch-eintrag .zusatz {
  margin-top: 10px !important;
}

/* Suchformular Startseite */
table#suchmaske {
  background-color: #F5F1EE;
  width: 400px !important;
}
table#suchmaske th {
  color: #FFFFFF;
  background-color: #003B83;
  text-align: left;
  height: 20px;
  padding-left: 8px;
  font-weight: bold;
}
table#suchmaske #inhalt p {
  padding-left: 4px;
}
table#suchmaske input {
  width: 80px;
}

/* Kontaktformularelemente */
.csc-mailform .csc-mailform-field label {
  width: 200px !important;
}
.csc-mailform-field {
  width: 100%;
}
.csc-mailform .csc-mailform-check {
  float: none !important;
  width: 20px !important;
}
fieldset #mailformAnrede {
  width: 100%;
}
fieldset #mailformAnrede .csc-mailform-radio {
  width: 20px !important;
  float: none !important;
}
fieldset #mailformAnrede label {
  width: 50px !important;
  float: none !important;
}
fieldset #mailformWohnungsTyp {
  width: 100% !important;
}
fieldset #mailformWohnungsTyp .csc-mailform-radio {
  width: 20px !important;
  float: none !important;
}
fieldset #mailformWohnungsTyp label {
  width: 50px !important;
  float: none !important;
}
fieldset #mailformHaustier {
  width: 100% !important;
}
fieldset #mailformHaustier .csc-mailform-radio {
  width: 20px !important;
  float: none !important;
}
fieldset #mailformHaustier label {
  width: 50px !important;
  float: none !important;
}

/* ### Belegungsplan Formate ### */
/* Überschreiben der Standard-Table Größe im Content-Bereich */
#content .tx-bnmdruegenurlaubapi-pi1 table {

}

/* Überschreiben der Hintergrundfarbe von Standard-Tabellen */
#content .tx-bnmdruegenurlaubapi-pi1 table table {
  width: 150px;
}

#content .tx-bnmdruegenurlaubapi-pi1 table tbody {
  background-color: #FFFFFF;
}

#content .tx-bnmdruegenurlaubapi-pi1 table tbody td {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
#content .tx-bnmdruegenurlaubapi-pi1 td.wohnungsspalte {  
  padding-right: 8px;
}

/* Belegungsplan */
.belegungsplan-monat th {
  background-color: #CCCCCC;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
  font-size: 11px !important;
  text-align: center;
}
.belegungsplan-monat td {
  font-size: 11px !important;
  text-align: center !important;
}
.belegungsplan-status-frei {
  background: #00FF00;
}
.belegungsplan-status-belegt {
  background: #ff3300;
}
.belegungsplan-status-reserviert {
  background: #ffff00;
}
.belegungsplan-status-anreisetag {
  background: #f69ea2;
}

.tx-bnmdruegenurlaubapi-pi2 .wohnungssuche-status-frei {
  font-weight: bold;
  text-align: center !important;
  background: #00FF00;
  color: #000000;
}
.tx-bnmdruegenurlaubapi-pi2 .wohnungssuche-status-belegt {
  background: #ff3300;
  font-weight: bold;
  text-align: center !important;
  color: #000000;
}
.tx-bnmdruegenurlaubapi-pi2 .wohnungssuche-status-reserviert {
  font-weight: bold;
  text-align: center !important;
  background: #ffff00;
  color: #000000;
}
a.external-link-new-window {
  background: transparent url(../grafiken/external_1_.png) no-repeat scroll right center;
  padding-right:13px;
}
a.internal-link-new-window {
  color: #fdb813 !important;
}
#main h1 a,
#main h2 a {
  font-weight: bold !important;
  color: #083f88 !important;
}

/* Gästebuch */
.tx-veguestbook-pi1 {
  padding: 0 !important;
}
.tx-guestbook-header{
  background: none !important;
  padding: 0 !important;
  border-bottom: 1px solid #083f88;
}
.tx-guestbook-left {
  background: none !important;
  padding: 0 !important;
  float: none  !important;
  min-height: 0 !important;
  height: auto !important;
  width: 100% !important;
}
.tx-guestbook-right {
  padding: 0 !important;
  float: none  !important;
  width: 100% !important;
}
.tx-veguestbook-pi1 ul {
  float: none !important;
}

/* Flash-Bildergalerie */
.carouselBtn {
  color: #FFFFFF !important;
  font-weight: bold;
}.accordion-box .accordion-box-content .accordion h3.accordion-slider {
  background-image: url(../grafiken/video.gif);
  background-repeat: no-repeat;
  background-position: left 2px;
  padding-left: 36px;
  padding-top: 8px;
  background-color: #F0F0F0;
  height: 26px;
  cursor: pointer;
}

/*************************
 * Extension: Powermail
 *************************/

/* Formularseite */
.tx-powermail-pi1 label {
   font-weight: bold;
   width: 150px;
   float: left;
}


/* Captcha Image */
.powermail_captcha_captcha {
   padding-left: 150px;
}

.news-single-img {
   float: left;
   padding-right:5px;
   padding-bottom:5px;
}

.box{
     border: 2px solid #BBB2A6;
     width: 455px;
     margin-bottom:8px;
}
.box img{
     float:left;
     margin-right:8px;
}
.box p{
     font-family: Verdana,Arial,Helvetica,sans-serif;
     font-size: 13px;
     line-height: 15px;
     margin: 5px 8px 6px 8px;
}
.box a{
     color:#002BB8;
     text-decoration:none;
}
.box a:hover{
     text-decoration:underline;
}