/* -----------------------------------------------------------------------------
-----------------------------------------------------------------------------
Chris Weinmann, Joe Schäfer - Grafikbuero GEBHARD|UHL, Freiburg    
http://www.gebharduhl.de   Copyright (c) 2007 GEBHARD|UHL
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------
*/

/* Speisekarte */
#id_46 #content table {}
#id_46 #content table tr { 
  vertical-align: bottom; 
  padding-bottom: 5px; 
}
#id_46 #content table td { padding: 3px; min-width: 80px; }
#id_46 #content table td+td{ text-align: right; font-style: italic; }

/* Guestbook */
.tx-veguestbook-pi1 .tx-guestbook-result { font-weight: normal; }
.tx-veguestbook-pi1 .tx-veguestbook-pi1-browsebox-strong { font-weight: bold; }
.tx-veguestbook-pi1 .tx-guestbook-entry  { background-color: #EDD57F; margin: 12px 0; padding: 8px 14px; }
.tx-veguestbook-pi1 h2.tx-guestbook-header { color: #4A5914; }
.tx-veguestbook-pi1 .tx-guestbook-left { width: 200px; float: left; color: #4A5914; }
.tx-veguestbook-pi1 .tx-guestbook-right { width: 260px; margin-left: 200px; }

/* Schwarzwald-Teaser unten */
#bf_teaser { position: absolute; top: -10px; right: 10px; }

#c74 { position: relative; }
#c74 h1 { 
  font-family: "Times New Roman", Times, Georgia, serif;
  font-size: 22px;
  width: 580px;
  color: #4a5914;
  position: absolute;
  top: 30px;
  left:0px;
  width: 866px;
  text-align: center;
}
.rgsgcontent .myGallery { border: 1px solid black; }
.rgsgcontent .myGallery .slideElement { background-color: white !important; /*background-color: transparent !important;*/ }

#id_63 #contentWrap,
#id_63 #content {
  width: 866px;
}
#id_63 #sidebar { display: none; }

.zimmer { 
  margin-left: 0; 
  position: relative; 
  background-color: white; 
  width: 836; 
  height: 350px;
  padding: 15px; 
  padding-bottom: 0; 
  margin-bottom: 25px;
}
.zimmer .image { width: 388px; }
.zimmer .desc,
.zimmer .links,
.zimmer .preis {
  position: absolute; 
  top: 65px; 
  left: 418px; 
  width: 259px;
}
.zimmer .links {
  left: 682px; /* 418 + 100 + 159 */ 
  width: 169px;
  /*font-size: 1.2em;*/
}
.zimmer .preis {
  bottom: 0;
  top: auto;
  width: 418px;
}

#content .zimmer .links p {
  background: url(../bilder/bullet.gif) top left no-repeat;
  padding-left: 20px;
  padding-top: 3px;
  margin-bottom: 4px;
}

/* preis tabellen  */

.zimmer .preis table {
  text-align: center;
  width: 418px;
  background-color: white;
  margin: 5px;
}
.zimmer .preis table th,
.zimmer .preis table td { border-top: thin dotted black; border-collapse: collapse; }

.zimmer .preis table tr.thead th { border: none; }
.zimmer .preis th { font-weight: normal; }
.zimmer .preis th[scope=col] { color: #4a5914; }
.zimmer .preis th[scope=row] { width: 100px !important; }

.zimmmer .preis p { font-size: .8em; text-align: right; width: 418px; }

#extras.zimmer,
#kinder.zimmer { height: auto; }
#extras .preis,
#kinder .preis { position: static; }

#extras table { width: 826px; }
#extras th { width: 205px; text-align: left;  }
#extras td { width: 100px; text-align: left; }

#kinder { padding-bottom: 10px; }

/*----------------General Rules-------------*/
* {
  margin: 0;
  padding: 0;
}
a {
  color:#000000;
}
a:hover {
  color:#4a5914;
}
.alt {
  display: none;
}
img {
  border: 0;
  padding: 0;
  margin: 0;
}
.noBorder img {
  border:none !important;
}
/*----------------General Rules-------------*/
html, body {
  background-color: #f4e4a3;
  color:#000000;
  font: 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
  text-align: center;
}
#wrapper {
  position: relative;
  width:866px;
  margin: 0 auto;
  color:#000000;
  text-align: left;
  height:100%;
}
/*----------------Header--------------------*/
#id_start #header #header { display: none; }
#id_start #header {
  width: 866px;
  height: 100px;
  background: transparent url(../bilder/logo.gif) left top no-repeat;
}
#header {
  width: 866px;
  height: 185px;
}
#header h1 a{
  display:block;
  height:150px;
  width:185px;
  margin-left:15px;
}
#id_start #languageSelector {ent
    position:absolute;
  top:80px;
  left:840px;
}
#languageSelector {
  position:absolute;
  top: 290px/* old 260px*/ ;
  left:840px;
}
#languageSelector img{
  margin-right:5px;
}
/*----------------Header--------------------*/
/*----------------mainNav-------------------*/
#mainNav {
  height:65px;
  background: transparent url(../bilder/navBG.gif) left bottom no-repeat;
}
#mainNav #navContainer {
  position:relative;
  top:20px;
  left:12px;
  width:854px;
}
#mainNav ul {
  list-style: none;
  font-size:11px;
  margin-left:12px;
}
#mainNav ul li{
  list-style-type: none;
  display:inline;
  float:left;
  margin-right:14px;
  padding-top:2em;
}
#mainNav ul li a {
  display:block;
  color:#000000;
  
}
#mainNav ul li a.last {
  margin-right:0;
}
#mainNav ul li a:hover {
  color:#4a5914;
  text-decoration:none; 
}
#mainNav ul li.active a {
  color:#4a5914;
  text-decoration:none;
}
/* Untermenüs */


#mainNav li.active li a { color: inherit; text-decoration: underline; }
#mainNav li.active li:hover a { color: #4a5914; text-decoration: none; }

#mainNav li:hover a { 
  color: #4A5914;
}
#mainNav li:hover li a { 
  color: inherit;
}
#mainNav li:hover ul.subnav {
  display: block;
  z-index: 200;
}
#mainNav li.active ul.subnav { 
  display: block;
  z-index: 190;  
}
#mainNav ul.subnav { 
  display: none;
  list-style: none !important;
  position: absolute; 
  top: 73;
  left: 0;
  margin: 0;
  padding-top: 7px;
  margin-left: -12px;
  padding: 0;
  padding-top: 7px;
  width: 866px;
  height: 23px;
  background: #e5c458;
}
#mainNav ul.subnav li { 
  float: left;
  height: 23px;
  margin: 0;
  padding: 0;
  margin-right: 23px;
  margin-left: 12px;
}

#mainNav li.Willkommen ul.subnav,
#mainNav li.Welcome ul.subnav { padding-left: 23px; width: 843px; }
#mainNav li.Rooms ul.subnav,
#mainNav li.Zimmer ul.subnav { padding-left: 96px; width: 670px; }
#mainNav li.Pauschalen ul.subnav,
#mainNav li.all-in  ul.subnav{ padding-left: 206px; width: 660px; }
#mainNav li.Gastronomie ul.subnav,
#mainNav li.restaurant ul.subnav{ padding-left: 286px; width: 580px; }
#mainNav li.Freizeit ul.subnav,
#mainNav li.leisure-time ul.subnav{ padding-left: 371px; width: 495px; }
#mainNav li.Wellness ul.subnav,
#mainNav li.wellness ul.subnav{ padding-left: 426px; width: 440px; }
#mainNav li.Ausflugsziele ul.subnav,
#mainNav li.destinations ul.subnav{ padding-left: 490px; width: 376px; }
#mainNav li.Wissenswertes ul.subnav,
#mainNav li.information ul.subnav{ padding-left: 578px; width: 288px; }
#mainNav li.Kontakt ul.subnav,
#mainNav li.contact ul.subnav{ padding-left: 606px; width: 260px; }


/*----------------mainNav-------------------*/

#subNav {
  float:left;
  display:block;
  min-width:155px;
  width:auto !important;
  width:155px;
  margin-top:135px;
}
#subNav ul{
  list-style-type: none;
}
#subNav li a{
  display:block;
  font-size:12px;
  background-color:#EDD57F;
  width:135px;
  margin-bottom:7px;
  padding:3px;
  color:#4A5914;
  text-decoration: none;
}
#subNav li a:hover, #subNav li a.Active {
  color:#EDD57F;
  background-color: #4A5914
}

#mood {
  border-top:1px solid #afa255;
  padding-top:2px;
  padding-bottom:2px;
  border-bottom:1px solid #afa255;
}
/*
#id_start #mood {
  border-top:1px solid #afa255;
  padding-top:2px;
  padding-bottom:0;
  border-bottom:0;
}
*/
#mood img{
  padding:0;
  margin:0;
  display:block;
}
/*----------------content-------------------*/
#id_start #contentHeader {
  background: transparent;
  background-image: none;
  width: 100%;
  display:none;
}
/*
#id_start #contentContainer {
  display: none;
}
*/
#contentWrap {
  float:left;
  width:630px;
  text-align: left;
}
#contentHeader {
  height:95px;
  margin-top:40px;
  margin-bottom:12px;
  background: transparent url(../bilder/footerBG.gif) center bottom no-repeat;
  display: block;
  overflow: hidden;
}
#contentHeader h1{
  font-size: 40px;
  font-family: "Times New Roman",Times, serif;
  color:#4a5914;
  font-style: italic;
}
#contentHeader h3{
  font-size: 16px;
  font-family: "Times New Roman",Times, serif;
  color:#000;
  font-style: italic;
  font-weight:normal;
  margin-left:35px;
  position:relative;
  top:-20px;
}

#content {
  float:left;
  width: 490px;
}
#content h1 {
  margin-bottom: 7px;
  font-family: "Times New Roman",Times, serif;
  color: #4a5914;
  font-style: italic;
}
#content h2 {
  font: 24px  "Times New Roman",Times, serif;
  font-style:italic;
  margin-bottom:12px;
}
#content h3 {
  font-weight:bold;
  margin-bottom:5px;
  line-height:18px;
  font-size:12px;
}
#content p {
  margin-bottom:12px;
  line-height:18px;
}
#content ul {
  margin-bottom:12px;
  line-height:18px;
  list-style-image: url(../bilder/bullet.gif);
}
#content ul li{
  margin-left:2em;
}
#content table p {
  margin:5px;
  line-height:18px;
}
#content table  {
  margin-bottom:12px;
}
#content img {
  padding:5px;
  border:1px solid #4a5914;
  margin-top:8px;
  margin-bottom:8px;
}
#content img.noindent {
  margin-left:0px;
  padding:5px;
  border:1px solid #4a5914;
  margin-top:8px;
  margin-bottom:8px;
  display:block;
}
#content img.threesixty {
  padding:5px;
  border:0;
  margin-top:-16px;
  margin-bottom:8px;
  display:block;
}
#content .wetterinfo img { margin: 0; padding: 0; }
#content .pauschale {
  color:#ffffff;
  background-color:#edd57f;
  font-size:12px;
  font-weight:normal;
  background: #edd57f url(../bilder/sidebarBG.gif) left bottom repeat-x;
  width:100%;
  margin-bottom:15px;
}
#content .pauschale p{
  width:495px;
}
#content .pauschale ul{
  width:495px;
}
#content .fruehling {
  background: #edd57f url(../bilder/pauschaleFruehling.jpg) right bottom no-repeat;
}
#content .fruehling2 {
  background: #edd57f url(../bilder/pauschaleFruehling2.jpg) right bottom no-repeat;
}
#content .herbst {
  background: #edd57f url(../bilder/pauschaleHerbst.jpg) right bottom no-repeat;
}
#content .sommer {
  background: #edd57f url(../bilder/pauschaleSommer.jpg) right bottom no-repeat;
}
#content .winter {
  background: #edd57f url(../bilder/pauschaleWinter.jpg) right bottom no-repeat;
}
#content .winter2 {
  background: #edd57f url(../bilder/pauschaleWinter2.jpg) right bottom no-repeat;
}
#content .weihnachten {
  background: #edd57f url(../bilder/pauschaleWeihnachten.jpg) right bottom no-repeat;
}
#content .sylvester {
  background: #edd57f url(../bilder/pauschaleSylvester.jpg) right bottom no-repeat;
}
#content .verwoehn {
  background: #edd57f url(../bilder/pauschaleVerwoehn.jpg) right bottom no-repeat;
}
#content .paket {
  background: #edd57f url(../bilder/pauschaleVerwoehn2.jpg) right bottom no-repeat;
}
#content .pauschale h2 {
  color:#ffffff;
  background-color:#4a5914;
  font-size:16px;
  font-weight:normal;
  padding:3px 0 3px 8px;
}
#content .pauschale p {
  color:#000000;
  font-size:12px;
  font-weight:normal;
  padding:3px 0 8px 8px;
  margin-left:0px;
}
#content .pauschale ul {
  color:#000000;
  font-size:12px;
  font-weight:normal;
  padding:3px 0 8px 8px;
  margin-left:0px;
  list-style-image: url(../bilder/bullet.gif);
}

/* form */

#content fieldset.tx-powermail-pi1_fieldset { background-color: transparent; }

#content legend {
  border:0;
  display: block;
}
#content fieldset {
  border:0;
}
#content label {
  display:block;
}
#content input, #content textarea, #content select {
  width:400px;
  border:1px solid #4a5914;
  background-color:#edd57f;
  margin-bottom:8px;
  padding:3px;
}
#content input.validation-failed, 
#content textarea.validation-failed,
#content select.validation-failed {
  border-color: red;
}
#content textarea {
  height:200px;
}
#content fieldset.tx-powermail-pi1_fieldset .powermail_check_inner label {
  width: auto;
  margin-right: 65px;
}  
#content input.powermail_submit {
  /* width:400px; */
  border:1px solid #edd57f;
  background-color:#4a5914;
  color:#ffffff;
  clear:both;
}
#content fieldset.tx-powermail-pi1_fieldset input.powermail_submit { margin: 0; }
#content .powermail_check_inner { clear: both; margin-bottom: 18px;  }
#content input.powermail_check {
  margin-left:0px;
  border:1px solid #4a5914;
  background-color:#edd57f;
  vertical-align: bottom;
  width:auto;
  position:relative;
  float: left;
}
#content .powermail_check_inner label {
  padding-left: 25px;
}  
#content .tx_powermail_pi1_fieldwrap_html_date input[type^=check] { display: none; }
#content .tx_powermail_pi1_fieldwrap_html_date input[type=text] {
  width: 375px;
}
#powermaildiv_uid10 p{
}
.powermail_check_inner_uid10_0 label{
  margin-left:2em;
}
/*----------------content-------------------*/
/*----------------sideBar-------------------*/
#id_start #sidebar {
  margin-top: 10px;
}

#sidebar {
  float:right;
  width:200px;
  margin-top:125px;
}
.sidebar {
  margin-bottom:24px;
}
.sidebar h3 {
  text-align:center;
  color:#ffffff;
  background-color:#4a5914;
  font-size:12px;
  font-weight:normal;
  padding:3px 0 3px 0;
}
.sidebar p,
.sidebar ul {
  text-align:center;
  color:#000000;
  background-color:#edd57f;
  font: 13px  "Times New Roman",Times, serif;;
  font-weight:normal;
  font-style:italic;
  padding:8px 3px 8px 3px;
  background: #edd57f url(../bilder/sidebarBG.gif) left bottom no-repeat;
  line-height:20px;
}
.sidebar ul { padding-left: 20px; text-align: left; }
.sidebar .mitte,
.sidebar .unten { margin-top: 25px; }
/*----------------sideBar-------------------*/
/*----------------footer-------------------*/  
#footer {
  background: transparent url(../bilder/footerBG.gif) center top no-repeat;
  clear:both;
  margin-top:36px;
  text-align: center;
  position: relative;
}
#id_start #footer {
  background: transparent url(../bilder/footerStartBG.gif) left top no-repeat;
  width:866px;
  clear:both;
  margin-top:0px;
}
#contentContainer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html #contentContainer {
  height: 1%;
}
/* End hide from IE-mac */
#footer p{
  text-align:center;
  padding-top:36px; 
  padding-bottom:10px;
}
#footer p a{
  color:#000;
  text-decoration:underline;
}
#footer p a:hover{
  color:#4a5914;
}
#quickLinks p{
  text-align:center;
  padding-top:0px; 
  padding-bottom:36px;
}
#quickLinks p a{
  color:#000;
  text-decoration:underline;
}
#quickLinks p a:hover{
  color:#4a5914;
}
/*----------------footer-------------------*/
#content div.panoContainer {
  padding-bottom: 20px;
}
#content div.panoContainer a{
  padding-bottom:20px;
  z-index: 100;
  background: url(../bilder/360-Grad-Ansicht.gif) bottom left no-repeat;
  
}
/*----------------content typography-------------------*/
/* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/* Default selector for indentation.*/
div.indent { margin-left: 2em; }