/*  --Colors
------------------------------------------------- */

/*     --html
------------------------------------------------- */

html {height: 100.1%; margin-bottom: 1px; }

/*     --tags
------------------------------------------------- */
a {color: #6c543d; text-decoration: none;}
p {margin-bottom: 15px;}
blockquote {font-style: italic; font-size: 16px;}
blockquote p {line-height: 22px;}
cite, em, i {font-style: italic;}
ul {margin-bottom: 15px;}

/*     --listen in text und aufzaehlungselementen
------------------------------------------------- */
.ce_text li, .ce_list li {list-style-type: none; margin-bottom: 3px; line-height: 18px; background: url(../img/list-c.png) left top no-repeat; padding-left: 20px;}

/*     --headlines
------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {color:#977c5e; font-weight: normal;}
h1 {font-size: 24px; line-height: 27px; margin-bottom: 20px; font-family: Georgia, Times, serif;}
h2 {font-size: 22px; line-height: 25px; margin: 0px 0 20px 0; padding-bottom: 10px; border-bottom: 1px solid #E7E7E7; font-weight: normal;}
h3 {font-size: 16px; line-height: 20px; margin-bottom: 15px;}
h4 {font-size: 14px; line-height: 17px; margin-bottom: 15px;}
h5 {font-size: 14px; line-height: 17px; margin-bottom: 10px; font-weight: bold;}
h6 {font-size: 13px; line-height: 16px; margin-bottom: 10px; line-height: 16px;}

/*     --extra font size
------------------------------------------------- */
.font-10px {font-size: 10px;}

/*     --body
------------------------------------------------- */
body {background: #fff url(../img/background.jpg) left top repeat-x; color: #615d56; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19px; font-size: 13px; padding-top: 10px; overflow-x: hidden;}
#background2 {position: absolute; background: url(../img/background_2.png) center top no-repeat; height: 250px; width: 100%; left: -20px; top: 250px;}

/*     --top-container
------------------------------------------------- */
#top-container {width: 960px; margin: 0 auto; overflow: hidden; margin-bottom: 5px;}
#top-container p {margin: 0;}
#top-container .topmenue {float: left;}

/*     --mod_changelanguage
------------------------------------------------- */
.mod_changelanguage {float: right; margin-top: 3px;}
.mod_changelanguage li {float: left; margin-left: 4px;}
.mod_changelanguage a {display: block; text-indent: -9999px; width: 22px; height: 16px;}
.mod_changelanguage .lang-de a {background: url(../img/flags/de.gif)}
.mod_changelanguage .lang-en a {background: url(../img/flags/en.gif)}

/*     --wrapper
------------------------------------------------- */
#wrapper {margin-bottom: 20px; background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0px 0px 5px #af9a7e; -webkit-box-shadow: 0px 0px 5px #af9a7e; box-shadow: 0px 0px 5px #af9a7e; behavior: url(PIE.htc);}

/*     --header
------------------------------------------------- */
#header .inside {height: 425px;}
#header #logo {position: absolute; left: 10px; top: 43px; z-index: 1000;}
#header #bogen {position: absolute; bottom: 0; left: 0; z-index: 2000;}

/*     --submenu
------------------------------------------------- */
#submenu {background: #d6c2a5;}
#submenu ul {padding: 15px 0 0 0; margin-bottom: 0;}
#submenu li {background: none; padding: 0;}
#submenu li a {text-decoration: none; background: url(../img/icon-submenu.png) 5px 2px no-repeat; padding-left: 30px; display: block; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #dccbb2;}
#submenu li a:hover,
#submenu li.activ a {text-decoration: underline;}
#submenu ul.level_2 {padding-left: 10px; display: none;}
#submenu .activ ul.level_2 {display: block;}
#submenu li.last a {border: 0;}

/*     --container
------------------------------------------------- */
#container {margin-top: 12px; padding: 10px;}

/*     --main
------------------------------------------------- */
#main .inside {padding: 0px 30px 45px 30px;}

/*     --footer
------------------------------------------------- */
#footer {background: #92080d; padding: 25px; margin-top: 20px; color: #fff;}
#footer a {color: #fff;}
#footer p {margin: 0; text-align: center;}
#footer li {float: left;}
#footer li a {display: block; padding-right: 10px; text-decoration: none;}

/*     --galerie
------------------------------------------------- */
.ce_gallery li, 
.ce_metagallery li {float: left; padding-right: 5px; padding-bottom: 5px;}
.ce_gallery li.col_last, 
.ce_metagallery li.col_last {padding-right: 0;}
.ce_gallery li.last, 
.ce_metagallery li.last {margin: 0;}
.ce_gallery li a, 
.ce_metagallery li a {float: left;}
.ce_metagallery .caption {font-size: 10px;}
.ce_gallery li img, 
.ce_metagallery li img {-moz-box-shadow: 2px 2px 2px #c6c6c6; -webkit-box-shadow: 2px 2px 2px #c6c6c6; box-shadow: 2px 2px 2px #c6c6c6; behavior: url(PIE.htc); border: 1px solid #fff;}

/*     --nachrichtenliste
------------------------------------------------- */
.nachrichtenliste {margin-bottom: 20px; border-bottom: 1px dashed #ccc; padding-bottom: 20px;}
.nachrichtenliste h2 {margin-bottom: 6px;}
.nachrichtenliste h2 a {text-decoration: none;}
.nachrichtenliste .image_container {float: left; margin-right: 15px; background: url(../img/nachrichtenliste-img-schatten.png) left top no-repeat; padding: 4px 0 10px 0;}
.nachrichtenliste .image_container img {border: 1px solid #fff;}
.nachrichtenliste .more a {background: url(../img/icon-link.png) left center no-repeat; padding-left: 20px; text-decoration: none; font-weight: bold;}
.nachrichtenliste .info {background: url(../img/icon-uhr.png) left center no-repeat; padding-left: 15px; font-style: italic; font-size: 11px; margin-bottom: 6px;}

/*     --nachrichtenleser
------------------------------------------------- */
.nachrichtenleser .image_container {float: left; margin-right: 15px;}
.nachrichtenleser .caption {font-size: 10px; font-style: italic;}
.nachrichtenleser .info {background: url(../img/icon-uhr.png) left center no-repeat; padding-left: 15px; font-style: italic; font-size: 11px; margin-bottom: 6px;}
.nachrichtenleser .subheadline {font-style: italic; font-family: Georgia, Times, serif; text-transform: none;}
.back a {background: url(../img/icon-link.png) left 6px no-repeat; padding-left: 20px; text-decoration: none; font-weight: bold; display: block; border-top: 1px solid #ccc; margin-top: 20px; padding-top: 4px;}
.nachrichtenleser .ce_news_gallery li {float: left;}

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

/*     --blank
------------------------------------------------- */
body.blank {background: #fff; padding: 20px;}


/*     --table
------------------------------------------------- */
table {text-align: center; width: 98%; color: #666; font-size: 12px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; background: #f7f4ef; border: #ccc 1px solid; box-shadow: 0 1px 2px #d1d1d1; font-family: Arial, Helvetica, sans-serif; margin-bottom: 15px;}
table, table p {line-height: 15px;}
table p {margin: 0;}
table td {padding: 15px; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-top: 1px solid #e2dcd5; background: #f7f4ef;}
table th {padding: 21px 25px 22px 25px; border-bottom: 1px solid #e2dcd5; border-top: 1px solid #e2dcd5; background: #977c5e; color: #fff;}
table th.col_first {padding-left: 20px; text-align: left;}
table tr.odd td {background: #e9e3d9;}
table td.col_0 {text-align: left;}

/*     --buttons
------------------------------------------------- */
.button,
.button a {
	background: #940A0F; 
	display: inline-block; 
	padding: 8px 14px 9px 14px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	line-height: 1;
	font-size: 14px;
	margin-bottom: 5px;
}

.button-b,
.button-b a {
	background: #D6C2A5; 
	display: inline-block; 
	padding: 8px 14px 9px 14px; 
	color: #444; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	line-height: 1;
	font-size: 14px;
	margin-bottom: 5px;
}

.button a:hover,
.button-b a:hover,
.button:hover,
.button-b:hover {background-image: url(../img/buttons/overlay.png)}

/*     --testimonial-box
------------------------------------------------- */
.testimonial-box {width: 250px; border: 1px solid #c6c6c6; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; padding: 1px; position: relative; margin: 10px 0 35px; }
.testimonial-box img {float: left; margin: 0 5px 5px 0;}
.testimonial-outer {min-height: 200px; background: #fff url(../img/testimonial-bg.png) bottom left repeat-x; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.testimonial-inner {padding: 22px 28px 22px 48px; background: url(../img/testimonial-quotes.png) no-repeat 17px 24px; color: #424242; text-shadow: none; }
.testimonial-bottom-arrow {background: url(../img/testimonial-bottom-shadow.png) no-repeat; width: 150px; height: 14px; position: absolute; bottom: -14px; left: 1px; }
.testimonial-bottom-shadow {background: url(../img/testimonial-bottom-arrow.png) no-repeat; width: 23px; height: 23px; position: absolute; bottom: -22px; right: 38px; }
.testimonial-info { background: url(../img/testimonial-separator.png) repeat-x; padding: 13px 0 0; text-align: right; font-family: Georgia, serif; margin-top: 10px; }
.testimonial-author { font-size: 13px; color: #111111; display: block; }
.testimonial-company { font-size: 11px; color: #9c9c9c; font-style: italic; display: block; }

/*     --blockquote
------------------------------------------------- */
.blockquote-a {
  font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
  width: 400px;
  background: url(../img/close-quote.gif) no-repeat right bottom;
  padding-left: 18px;
  text-indent: -18px;
}
.blockquote-a p:first-letter {
  background: url(../img/open-quote.gif) no-repeat left top;
  padding-left: 18px;
  font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}

.blockquote-b { background: url(../img/left-quotes-big.png) no-repeat; padding-left: 57px; min-height: 40px; font-family: Georgia, serif; font-size: 14px; font-style: italic; }

/*     --content-box
------------------------------------------------- */
.content-box-a {background-color: #fefcf2; padding: 15px; border: 1px solid #dfdbd5; margin: 0 auto;}
.content-box-a p:first-letter {float: left;	font-size: 34px; font-weight: bold; margin: 8px 5px 5px 0;}
	
.content-box-b {
	padding: 20px;
	margin: 10px;
	border: 1px solid #fff;
	border-radius: 10px; /*Fallback for if/when IE supports it*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #ffffff; /*fallback for IE*/
	background: -moz-linear-gradient(top, #f1f1f1, #fff 15%);
	background: -webkit-gradient(linear, 0 0, 0 15%, from(#f1f1f1), to(#fff));
	box-shadow: 10px 10px 5px #999;
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.content-box-c {padding: 20px; border: 1px solid #ccc; background: url(../img/content-box-c.png); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-d {padding: 20px 20px 20px 90px; border: 1px solid #E09B85; background: #FFCEBE url(../img/content-box-warning.png) 20px 20px no-repeat; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: 1px 1px 1px white;}
.content-box-e {padding: 20px 20px 20px 90px; border: 1px solid #E0E0E0; background: #F6F6F6 url(../img/content-box-download.png) 15px 20px no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-f {padding: 20px 20px 20px 90px; border: 1px solid #E0E0E0; background: #F7F4B4 url(../img/content-box-info.png) 20px 20px no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-g {padding: 20px 20px 20px 110px; border: 4px solid #3D3E40; background: #E0E0E0 url(../img/content-box-contact.png) 20px 20px no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #818181; text-shadow: 1px 1px 1px white;}
.content-box-a p, .content-box-b p, .content-box-c p, .content-box-d p, .content-box-e p, .content-box-f p, .content-box-g p {margin: 0;}

/*     --sidebox-a
------------------------------------------------- */
.sidebox-a {margin-bottom: 4px; border: 8px solid #f7f4ef; position: relative;}
.sidebox-a p {margin: 0;}
.sidebox-a .inside {border: 1px solid #b7b8b9;}
.sidebox-a ul {margin: 0;}
.sidebox-a li {list-style-type: none; background: url(../img/icon-haken.png) left 4px no-repeat; font-size: 11px; padding-left: 20px;}
.sidebox-a h6 {background: #d6c2a5; padding: 6px; margin: 0; color: #6c543d;}
.sidebox-a h3 {position: absolute; top: 7px; left: 20px; font-size: 13px; color: #6c543d;}

/*     --unverbindlich-anfragen box
------------------------------------------------- */
.unverbindlich-anfragen p {background: url(../img/button-dunkel-bg.jpg) left top no-repeat; width: 202px; height: 42px; margin:0;}
.unverbindlich-anfragen a {padding: 12px 0 0 6px; display: block; color: #fff;}

/*     --wetter box
------------------------------------------------- */
.wetter-box {background: #e6dbca; text-align: center;}
.wetter-box a {text-align: right; display: block; background: url(../img/icon-pfeil.png) 96% center no-repeat; padding-right: 20px;}

	/*     --dropcaps
------------------------------------------------- */
.dropcap-a p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #940A0F;}
.dropcap-b p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #977C5E;}
.dropcap-c p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #615D56;}

	/*     --list
------------------------------------------------- */
.list-a ul {padding: 0;}
.list-a ul li ul {margin: 7px 0;}
.list-a li {padding-left: 25px; margin-bottom: 7px; background: url(../img/list-a.png) left top no-repeat; list-style: none;}

.list-b ul {padding: 0;}
.list-b ul li ul {margin: 7px 0;}
.list-b li {padding-left: 25px; margin-bottom: 7px; background: url(../img/list-b.png) left top no-repeat; list-style: none;}

.list-c ul {padding: 0;}
.list-c ul li ul {margin: 7px 0;}
.list-c li {padding-left: 25px; margin-bottom: 7px; background: url(../img/list-c.png) left top no-repeat; list-style: none;}

.list-d ul {padding: 0;}
.list-d ul li ul {margin: 7px 0;}
.list-d li {padding-left: 25px; margin-bottom: 7px; background: url(../img/list-d.png) left top no-repeat; list-style: none;}

/*     --top angebote
------------------------------------------------- */
.total {display: none;}
.angebote-top .zeitraum {padding: 6px 6px 0 6px; font-size: 11px; font-weight: bold;}
.angebote-top .liste {padding: 6px;}
.angebote-top .preis {margin-right: 6px; text-align: right; font-weight: bold; border-top: 1px solid #e2dcd5; border-bottom: 1px solid #e2dcd5; padding: 4px;}
.angebote-top .anfragen {padding: 6px;}
.angebote-top .more-button a {background: url(../img/icon-pfeil.png) 97% 5px no-repeat; padding-right: 20px; display: block; text-align: right;}

/*     --angeboteliste
------------------------------------------------- */
.angebote-liste {position: relative; background: url(../img/zimmerliste-bg.gif) left top repeat-x; padding: 20px 0 0 0; border-top: 1px solid #e2dcd5; margin-bottom: 25px;}
.angebote-liste .bild {width: 195px; float: left;}
.angebote-liste .container-right {margin-left: 220px;}
.angebote-liste li {background: url(../img/icon-haken.png) left 4px no-repeat; padding-left: 20px; font-size: 10px;}
.angebote-liste h5 {font-size: 13px; line-height: 17px; font-weight: bold; margin-bottom: 5px; width: 85%;}
.angebote-liste .zeitraum {margin-bottom: 10px;}
.angebote-liste .zeitraum span {font-weight: bold;}
.angebote-liste .preis {position: absolute; right: 0; top: 0; background: #931019; color: #fff; padding: 3px 6px; font-style: italic;}
.angebote-liste .anfragen {text-align: right;}
.angebote-liste .more-button a {background: url(../img/icon-pfeil.png) 97% 5px no-repeat; padding-right: 20px; display: block; text-align: right;}

/*     --angebotedetails
------------------------------------------------- */
.angebote-details .bild {margin-bottom: 15px;}
.angebote-details li {background: url(../img/icon-check.gif) left 1px no-repeat; padding-left: 20px; margin-bottom: 3px;}
.angebote-details .beschreibung {margin-top: 25px;}
.angebote-details .zeitraum {margin-bottom: 15px;}
.angebote-details .zeitraum span {font-weight: bold;}
.angebote-details .preis span {font-weight: bold;}
.angebote-details h1 {margin-bottom: 5px;}
.angebote-details .label,
.angebote-details .dz-preis,
.angebote-details .entry {width: 33.33333%; float: left;}
.angebote-details .line {padding: 5px; background: #efefef; font-weight: bold; text-align: center; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.angebote-details .preis-container {overflow: hidden;}
.angebote-details .row_1 .line {text-align: left;}
.angebote-details .extras {margin-top: 20px; background: #f5f4f3; padding: 10px;}
.angebote-details .extras li {background: none; padding: 0;}
.angebote-details .info {font-size: 10px; margin: 5px 0 35px 0;}

/*     --catalog-filter
------------------------------------------------- */
.mod_catalogfilter {margin-bottom: 20px;}
.mod_catalogfilter li {width: 33%; float: left;}
.mod_catalogfilter li a {display: block; margin-right: 5px; text-align: center;}

/*     --routenplaner
------------------------------------------------- */
.mod_gd_googledirections #fromAddress {padding: 7px;}
.mod_gd_googledirections form {margin-bottom: 25px;}
.mod_gd_googledirections table {margin: 5px;}
.gd_map_canvas {margin-bottom: 25px;}

/*     --anreise
------------------------------------------------- */
.anreise-bahn ul,
.anreise-flug ul {margin-left: 50px;}

/*     --zimmer
------------------------------------------------- */
.zimmer {margin-bottom: 25px; background: #F7F4EF; padding: 10px;}
.zimmer h2 {border-bottom: 1px solid #e2dcd5; margin-bottom: 6px; padding-bottom: 6px;}
.zimmer .bild-container {overflow: hidden; margin-bottom: 15px;}
.zimmer .bild-container .bild_1 {float: left; width: 50%;}
.zimmer .bild-container .bild_2 {float: left; width: 50%;}
.zimmer .ausstattung {overflow: hidden; margin-bottom: 20px;}
.zimmer li {background: url(../img/icon-haken.png) left 4px no-repeat; font-size: 11px; padding-left: 20px; width: 180px; float: left;}
.zimmer .personen {margin-bottom: 10px; font-weight: bold;}
.zimmer a {width: 175px;}

/*     --links-appartements
------------------------------------------------- */
.links-appartements {margin-top: 20px; border-top: 1px solid #e2dcd5; padding-top: 20px;}