/*     --headerbild
------------------------------------------------- */
#headerbild {overflow:hidden; margin-left: -10px;}
#headerbild img {width:100%; vertical-align:middle }

/*     --headlines
------------------------------------------------- */
h1, h2 {color: #000; font-size: 19px;}
h1.ui-title {color: #fff;}

/*     --tags
------------------------------------------------- */
iframe { width: 100%; height: 91%; margin: -20px -20px 0 -20px }

/*     --title
------------------------------------------------- */
h1.ui-title {color: #575749; text-shadow: none;}

/*     --link normale website
------------------------------------------------- */
.link-normal-website {font-size: 0.67em; text-align: center; margin-bottom: 10px;}
.link-normal-website a {color: #333!important;}

/*     --icons
------------------------------------------------- */
#telefon .ui-icon { background:  url(../icons/75-phone.png) 50% 50% no-repeat; background-size: 24px 24px; }
#kontakt .ui-icon { background:  url(../icons/18-envelope.png) 50% 50% no-repeat; background-size: 24px 16px;  }
#anreise .ui-icon { background:  url(../icons/07-map-marker.png) 50% 50% no-repeat; background-size: 16px 24px;  }
#bilder .ui-icon { background:  url(../icons/icon-cam.png) 50% 50% no-repeat; background-size: 25px 29px;  }

.nav-glyphish .ui-btn .ui-btn-inner { padding-top: 40px !important; }
.nav-glyphish .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: none !important; border-radius: none !important; }

/*     --table
------------------------------------------------- */
.ce_table table { width: 100%; font-size: 12px; margin: 10px 0 }
.ce_table td, .ce_table th { padding: 2px; text-align: center; border: solid 1px #999; border-width: 0 1px 1px 0 }
.ce_table .col_last { border-right: none; }
.ce_table .row_last td { border-bottom: none; }
.ce_table h2 { display: none; }
.ce_table table { width: 100%; }

/*     --ce_image
------------------------------------------------- */
.ce_image img {width: 100%; overflow: hidden; vertical-align: middle;}
.ce_image {overflow: hidden;}
.gallery img {width: 100%; overflow: hidden; vertical-align: middle; margin-bottom: 1px;}

/*     --pagination
------------------------------------------------- */
.pagination {clear: both;}
.pagination ul {padding: 0;}
.pagination li {background: none; padding: 0; margin: 0; float: left; list-style-type: none;}
.pagination li a,
.pagination li span {background: #c6c6c6; display: block; margin-right: 1px; color: #fff; text-decoration: none; padding: 3px 7px;}
.pagination li span {color: #222;}

/*     --accordion
------------------------------------------------- */
.ui-collapsible-content .image_container img {width: 100%;}

/*     --catalog liste
------------------------------------------------- */
.angebote-liste .liste {font-size: 12px; font-weight: normal;}
.angebote-liste .preis {font-size: 12px; border-top: 1px solid #ccc; margin: 5px 0; padding-top: 5px;}


/*     --catalog detail
------------------------------------------------- */
.layout_full ul { list-style-image: url(img/li.png); padding: 10px 20px; margin: 0; }
.layout_full table { width: 100%; }
.layout_full table td { padding: 0 20px 10px 0; vertical-align: top }
.layout_full table td p { padding: 0; margin: 0; }
.layout_full .title { font-size: 20px; text-transform:uppercase }
.layout_full h1 { color: #000; }

.bild img,
.bild {width: 100%; overflow: hidden; vertical-align: middle;}
.angebote-details .entry {border-top: 1px dotted #575749; padding: 10px 0;}
.angebote-details .zimmer-name {margin: 0;}
.angebote-details .bild {margin: 10px 0;}

.preis-eintrag {margin-bottom: 25px; border-bottom: 1px dotted #575749; padding-bottom: 25px;}
.preis-eintrag h3 {margin: 0;}
.preis-eintrag .bild {margin-bottom: 10px;}

/*     --photoswip gallery
------------------------------------------------- */
div.gallery-row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div.gallery-item { float: left; width: 33.333333%; }
div.gallery-item a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
div.gallery-item img { display: block; width: 100%; height: auto; }

.big-buttons a {padding: 15px 30px 15px 15px!important; font-weight: normal; text-transform: uppercase;}

.ui-listview .ui-btn-up-a, .ui-listview .ui-btn-hover-a, .ui-listview .ui-btn-active-a {-webkit-box-shadow: inset 0 1px 0 #fff;} 

/*     --main_navi_angebote
------------------------------------------------- */
#main_navi_angebote .ui-btn-up-a {background: #a49773;}
#main_navi_angebote .ui-btn-up-a a {color: #fff; text-shadow: none;}

/*     --copyright
------------------------------------------------- */
#copyright {text-align: center; padding: 15px 0; border-top: 1px dotted #575749; border-bottom: 1px dotted #575749; margin: 15px 0; font-size: 12px;}

/*     --preistabellen
------------------------------------------------- */
table.preisezimmer {margin-bottom: 10px; border-bottom: solid 3px #EEE6D8; font-size: 11px; width: 100%;}
table.preisezimmer td p {margin: 0;}
table.preisezimmer td {border-top: solid 1px #EEE6D8; padding: 2px 0px 2px 0px;}
table.preisezimmer td.preis {text-align: right;}
table.preisezimmer th.preis {text-align: right;}
table.preisezimmer .col_1 {width: 25%;}
table.preisezimmer .col_2,
table.preisezimmer .col_3,
table.preisezimmer .col_4 {width: 25%;}

table.preiseangebote {margin-bottom: 10px; border-bottom: solid 3px #EEE6D8; width: 100%;}
table.preiseangebote  td p {margin: 0;}
table.preiseangebote  td {border-top: solid 1px #EEE6D8; padding: 2px 0px 2px 0px;}
table.preiseangebote td.preis {text-align: right;}
table.preiseangebote th.preis {text-align: right;}
table.preiseangebote th.zimmer {text-align: left;}
table.preiseangebote .col_1 {width: 80%;}
table.preiseangebote .col_2,
table.preiseangebote .col_3,
table.preiseangebote .col_4 {width: 20%;}

.total {display: none;}
label {margin-top: 8px!important;}
.fieldcontain {margin: 0!important; padding: 20px 0 0 0!important;}
.fieldcontain label {display: none!important;}
.fieldcontain fieldset {margin: 0!important;}
.fieldcontain.ui-br {border: 0!important;}
fieldset.margin-top {margin-top: 25px;}

/*     --insert-angebot
------------------------------------------------- */
.anfrage-angebot {overflow: hidden; position: relative; margin-bottom: 20px;}
.anfrage-angebot h3 {margin: 5px 0;}
.anfrage-angebot-zeitraum-headline {font-weight: bold; border-top: 1px dotted #575749; padding-top: 5px; margin-top: 15px;}
.anfrage-angebot-zeitraum {border-bottom: 1px dotted #575749; padding: 5px 0; margin-bottom: 5px; text-decoration: none;}
.anfrage-angebot-preis {position: absolute; bottom: 22px; right: 0; font-weight: bold; color: #861625;}
.anfrage-angebot-left,
.anfrage-angebot-middle {text-align: center;}

#buttons50-50 {font-size: 13px; text-transform: uppercase;}

/*     --sprachwechsler
------------------------------------------------- */
.mod_changelanguage .sprachwechsler {text-align: center;}

.gallery img {margin-bottom: 15px;}