body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 12px;
    margin-bottom: 0px;
}

table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
}

#content {
    padding:5px;
    margin-top: 5px;
    margin-bottom: 9px;

    margin-right:auto;
    margin-left:auto;
    text-align:center;
}

.schloss {
    color: #58a050;
}

.schlossbg {
    background-color: #58a050;
}

.karin {
    color: #3364ce;
}

.karinbg {
    background-color: #3364ce;
}

.diana {
    color: #f9a107;
}

.dianabg {
    background-color: #f9a107;
}

.laetitia {
    color: #e85555;
}

.laetitiabg {
    background-color: #e85555;
}

.seerose {
    color: #2db5b0;
}

.seerosebg {
    background-color: #2db5b0;
}

.residenz {
    color: #a5268f;
}

.residenzbg {
    background-color: #a5268f;
}

.sanddorn {
    color: #c3c91e;
}

.sanddornbg {
    background-color: #c3c91e;
}

.seewind {
    color: #829ae0;
}

.seewindbg {
    background-color: #829ae0;
}

h1.main {
    margin-top: 0px;
    margin-bottom: 0px;
}

h1.normal {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 100%;
    font-weight: normal;
}

h2.main {
    margin-top: 0px;
    margin-bottom: 10px;
}

table.navbar {
    width: 100%;
    background-color: #dddddd;
    font-size: 90%;
}

table.navbar a {
    color: black;
}

table.navbar td {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}

table.sonderangebot {
/*    width: 99%;*/
    margin-right: auto;
    margin-left: auto;
    
    background-color: white;
    font-size: 140%;
    margin-top: 0px;
    margin-bottom: 14px;
    border: 4px solid red;
}

table.sonderangebot td {
    color: #777777;
}


table.impressumlink {
    font-size: 80%;
    padding: 6px;
    width: 99%;
    text-align: right;
    margin-bottom: 5px;
}

div.kontakt {
    text-align: center;
    background-color: #dddddd;
    font-weight: bold;
    font-size: 120%;
    padding: 4px;
}

table.grundrisse {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 14px;
}

table.grundrisse td {
    padding: 4px;
}

table.grundriss {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right:auto;
    margin-left:auto;
}

table.grundriss h3 {
    margin-bottom: 0px;
}

div.solunas-cal-immo table {
    margin-right:auto;
    margin-left:auto;
}

/*********/
/* index */
/*********/

div.haustitel {
    text-align: center;
}

div.haustitel div.title {
    font-size: 195%;
    font-weight:bold;
}

div.haustitel div.subtitle {
    font-size: 145%;
    font-weight:bold;
}

div.haustitel div.sterne {
    font-size: 145%;
}

div.haustitel div.sterne img {
    vertical-align: middle;
}

table.haeuser {
    width: 99%;
    font-size: 85%;
}

table.haeuser td {
    vertical-align: top;
}

table.haeuser .hausimg {
    text-align: center;
}

span.teaser {
     background-color:#dddddd;
     padding: 5px 5px 5px 5px; 
     border: 2px dashed black;
}

div.infobox {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px; 
  margin-bottom: 20px; 

  background-color: #f8bb15;
  padding: 5px 5px 5px 5px;
  border: 2px dashed black;
  text-align: left; 
}

div.infobox div.teaser {
  font-size: 160%;
  font-weight: bold;
  font-style: italic;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  color: white;
}

/* preise */

table.preise {
    padding: 5;
    width: 99%;
}

table.preise td.hausname {
    text-align: center;
    color: white;
    font-size: 130%;
    font-weight: bold;
}

table.preise td.saison {
    text-align: center;
    color: white;
    font-weight: bold;
}

table.preise td.wohnungname {
    text-align: center;
    color: white;
    font-weight: bold;
}

table.preise td.preis {
    text-align: center;
    background-color: #dddddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.preis-separator {
  margin-top: 30px;
  margin-bottom: 44px;
  border-bottom: solid 3px #777777;
}

/* Wohnung */

div.wohnung table.galerie {
    /*	width: 99%*/
}

div.wohnungsauswahl {
    background-color: #dddddd;
    margin-bottom: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

div.haus_info {
    text-align: left;
    margin-bottom: 10px;
}

div.wohnung td {
    vertical-align: top;
}

div.wohnung table.galerie {
    margin-top: 14px;
}

div.wohnung table.galerie td.pic {
    width: 530px;
    text-align: center;
}

div.wohnung table.galerie td.thumb {
    width: 130px;
    vertical-align: middle;
    text-align: center;
}

div.wohnung table.galerie td.thumb img {
    border: 0px;
}

div.wohnung table.thumbs {
    border: dotted 1px #777777;
}

div.wohnung div.wohnung_name {
    font-size: 160%;
    font-weight: bold;
}

div.wohnung div.wohnung_typ {
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 10px;
    margin-top: 4px;
}

div.wohnung div.wohnung_ausstattung {
    text-align: left;
    width: 600px;
    margin-right:auto;
    margin-left:auto;
}

div.wohnung div.wohnung_ausstattung div.hausinfo {
    margin-top: 6px;
}

table.wohnungliste  { 
    margin-bottom: 15px;
}

table.wohnungliste tr.even { 
    background-color: #dddddd;
}

table.wohnungliste tr.odd { 
    background-color: #ffffff;
}

table.wohnungliste td { 
    vertical-align: top;   
    padding: 4px 8px 4px 8px;
}

table.wohnungliste td.radio { 
    white-space: nowrap;
    padding-left: 2px;
    padding-right: 1px;
}

table.wohnungliste td.name, td.etage { 
    white-space: nowrap;
}

table.wohnungliste td.qm { 
    text-align: right;
}

table.wohnungliste td.personen { 
    text-align: center;
}

table.kalender_public td.kalender_head {
    font-weight: bold;
    padding-bottom: 7px;
    vertical-align: top;   
}

table.kalender_public td.kalender_month {
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 7px;
    vertical-align: top;   
}

div.centerblock {
text-align:center;
font-size:120%;
margin-top:6px;
margin-bottom:6px;
}

/* weihnachts-special */

#weihnachts-special {
  text-align:left; 
  width: 750px;
/*  border: 1px solid red; */
}

#weihnachts-special div.left {
/*  border: 1px solid black;*/
  width: 350px;
  float: left;
  clear: both;
  margin-bottom: 10px;
}

#weihnachts-special div.right {
/*  border: 1px solid black;*/
  width: 350px;
  float: right;
  margin-bottom: 10px;
}

#weihnachts-special h2 {
  clear: both;
  border-bottom: 1px solid #aaa;
  margin-bottom: 10px;

}

#weihnachts-special h3 {
  text-align: center;
  margin-bottom: 1px;
}

.mark {
  font-weight: bold;
  background-color: yellow;  
}