@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.1
 * 
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/base.css);

/* import screen layout | Screen-Layout einbinden
@import url(screen/content.css); */

/* import print layout | Druck-Layout einbinden
@import url(../yaml/print/print_draft.css); */

@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background:#E4CAA4; padding:0px; font-family: trebuchet ms; font-size: 9pt; }

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: 960px; background:transparent; }
  .page { padding: 0px; }
  #header { padding: 10px 0 10px 0; background:transparent; height:56px; }
  #topnav { margin-top:66px; color: #aaa; background:transparent; }
  #topnav a { margin:0 0 0 8px; }
  #main { margin: 10px 0; background:transparent; }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 163px;  margin:0; }
  #col2 { float: right; width: 160px;  margin:0; }
  #col3 { width: auto; margin: 0 160px 0 163px; }
  
  /*
   * Anpassungen für Startseite
   */
  #startseite #col2 { float: right; width: 240px;  margin:0 }
  #startseite #col3 { width: auto; margin: 0 240px 0 163px}
	
  /*-------------------------------------------------------------------------*/
  
  img { border:none; }
  
  a { color:#000000; text-decoration:none;  }
  a:focus, a:hover, a:active { color:#7D6A54; text-decoration:none; }
  a:visited { color:#000000; }
  
  .print_only { display:none; }
  .no_print {  }
  
  #header div#logo { float:left; }
  
  #header div#top_submenue { position:absolute; right:160px; top:0px; margin-top:65px; }
  #header div#top_submenue ul { margin:0; padding:0; }
  #header div#top_submenue ul li { list-style:none; margin:0; padding:0; float:left; }
  #header div#top_submenue ul li a { display:block; width:40px; height:40px; background-position: 0 0; background-repeat:no-repeat;
    border-top:1px solid #FFF9DF; border-right:1px solid #FFF9DF; border-left:1px solid #FFF9DF; }
  #header div#top_submenue ul li a.last { border-right:none; }
  #header div#top_submenue ul li a.active { background-position: 0 -40px; }
  #header div#top_submenue ul li a:hover { background-position: 0 -40px; }
  
  /* NAVIGATION COL1 --------------------------------------------------------*/
  
  #col1_content { margin:0; padding:0; border-top:1px solid #FFF9DF; }
  #col1_content ul { margin:0; padding:0; }
  #col1_content ul li { list-style:none; margin:0; padding:0; border-bottom:1px solid #FFF9DF; border-right:1px solid #FFF9DF; 
    border-left:1px solid #FFF9DF; width:80px; height:80px; float:left; }
  #col1_content ul li.end { border-left:none; }
  
  #col1_content ul li a { display:block; width:80px; height:80px; background-position: 0 0; background-repeat:no-repeat; }
  #col1_content ul li a.active,
  #col1_content ul li a:hover { background-position: -81px 0; }

  #col1_content div#sterne {width:160px; text-align:center; margin-top: 10px;}
  }

  
  /* CONTENT COL2 --------------------------------------------------------*/
  
  #col2_content { margin:0; padding:0; }
  #col2_content h1 span{ background-color:#CAB33B; color:#000000; font-size:10pt; 
    font-weight:bold; padding-left:5px; padding-right:5px; }
  #col2_content div.portrait_image { border-top:1px solid #FFF9DF; border-right:1px solid #FFF9DF; border-bottom:1px solid #FFF9DF; 
    overflow:hidden; height:323px; }
  
  #col2_content div.teaser_newslist { margin:27px 0 0 0; padding:0 8px; }
  #col2_content div.teaser_newslist ul { margin:12px 0 0 0; padding:0; }
  #col2_content div.teaser_newslist ul li:first-child { border-top:none; }
  #col2_content div.teaser_newslist ul li { margin:2px 0; padding:0 0 0 4px; list-style:none; border-top: 1px solid #CAB33B; }
  #col2_content div.teaser_newslist ul li span.date { color:#897D71; }
  #col2_content div.teaser_newslist ul li span.shortdesc { display:block; color:#3F3D3B; }
  
  #col2_content div.submenue { overflow:hidden; height:323px; }
  #col2_content div.submenue ul { border-top:1px solid #FFF9DF; border-right:1px solid #FFF9DF; border-bottom:1px solid #FFF9DF;
    margin:0; padding:0; }
  #col2_content div.submenue ul li { list-style:none; margin:0; padding:0; border-bottom:1px solid #FFF9DF; }
  #col2_content div.submenue ul li.last { border-bottom:none; }
  #col2_content div.submenue ul li a { display:block; width:161px; height:80px; background-position: 0 -80px; background-repeat:no-repeat;
    color:#000; text-decoration:none; }
  #col2_content div.submenue ul li a.active,
  #col2_content div.submenue ul li a:hover { background-position: 0 0; }
  
  #col2_content div.imglist { overflow:hidden; width:160px; height:323px;
    border-top:1px solid #FFF9DF; border-right:1px solid #FFF9DF; border-bottom:1px solid #FFF9DF; }
  #col2_content div.imglist ul { margin:0; padding:0; }
  #col2_content div.imglist ul li { list-style:none; margin:0; padding:0; border-bottom:1px solid #FFF9DF; }
  #col2_content div.imglist ul li.last { border-bottom:none; }
  #col2_content div.imglist ul li a { display:block; width:160px; height:80px; background-position: 0 0; background-repeat:no-repeat;
    color:#000; text-decoration:none; }
  
  #col2_content div.events_menu {  }
  #col2_content div.events_menu ul { margin:0; padding:0; border-top:1px solid #FFF9DF; }
  #col2_content div.events_menu ul li { margin:0; padding:0; list-style:none; float:left; display:block; width:79px; height:80px; 
    border-right:1px solid #FFF9DF; border-bottom:1px solid #FFF9DF; vertical-align:bottom; }
  #col2_content div.events_menu ul li.last {  }
  #col2_content div.events_menu ul li a,
  #col2_content div.events_menu ul li a:visited { display:block; width:72px; height:72px; padding:4px 3px 4px 4px; color:#FFF; background:#897D71;
    text-decoration:none; }
  #col2_content div.events_menu ul li a:focus,
  #col2_content div.events_menu ul li a:hover,
  #col2_content div.events_menu ul li a:active,
  #col2_content div.events_menu ul li a.active { background:#FFFFFF; color:#000; text-decoration:none; }
  
  /* CONTENT COL3 --------------------------------------------------------*/
  
  #col3_content { margin:0; padding:0; }
  #col3_content h1 { font-size:10pt; margin:36px 0 16px 0; }
  #col3_content h2 { font-size:10pt; }
  #col3_content h3 { font-size:10pt; }
  #col3_content p { margin-bottom:12px; }
  
  #col3_content div.teaser_image { border-top:1px solid #FFF9DF; border-right:1px solid #FFF9DF; border-bottom:1px solid #FFF9DF;
    overflow:hidden; height:323px; }
  
  #startseite #col3_content div.teaser_image { border-top:1px solid #FFF9DF; border-right:1px solid #FFF9DF; border-bottom:1px solid #FFF9DF;
    overflow:hidden; height:323px; width:556px; background-position: 0 0; background-repeat:no-repeat; }
  
  #col3_content #teaser_submenue {  }
  #col3_content #teaser_submenue ul { margin:0; padding:0; text-align:right; }
  #col3_content #teaser_submenue ul li { margin:0; padding:0; list-style:none; float:right; color:#FFF;
    border-bottom: 1px solid #FFF9DF; border-left: 1px solid #FFF9DF; }
  #col3_content #teaser_submenue ul li.last { border-right: 1px solid #FFF9DF; }
  #col3_content #teaser_submenue ul li.switch_image { background:#897D71; padding:0px 5px; }
  #col3_content #teaser_submenue ul li.active { background:#FFFFFF; color:#000; text-decoration:none; }
  #col3_content #teaser_submenue ul li a,
  #col3_content #teaser_submenue ul li a:visited { color:#FFF; text-decoration:none; background:#897D71; padding:0px 5px; }
  #col3_content #teaser_submenue ul li a:focus,
  #col3_content #teaser_submenue ul li a:hover,
  #col3_content #teaser_submenue ul li a:active,
  #col3_content #teaser_submenue ul li a.active { background:#FFFFFF; color:#000; text-decoration:none; }
  
  #col3_content div#content { margin:16px; padding:0; }
  #col3_content div#content a { color:#000000; background-color:#CAB33B; text-decoration:none;  }
  #col3_content div#content a:focus, a:hover, a:active { color:#7D6A54; text-decoration:underline; }
  #col3_content div#content a:visited { color:#000000; }
  #col3_content div#content h1 span{ background-color:#CAB33B; color:#000000; font-size:10pt; 
    font-weight:bold; padding-left:5px; padding-right:5px; }
  
  #col3_content div#content table#pricelist { border-bottom:2px solid #CAB33B; border-top:2px solid #CAB33B; border-collapse:collapse; 
    margin:1em 0 2.5em; width:100%; }
  #col3_content div#content table#pricelist thead { font-weight:bold; border-collapse:collapse; border-bottom:2px solid #CAB33B; }
  #col3_content div#content table#pricelist tbody {  }
  #col3_content div#content table#pricelist tbody tr:hover { background:#A48768; }
  #col3_content div#content table#pricelist tbody tr td{ vertical-align:top; }
  
  #col3_content div#content table#booking { border-collapse:collapse; margin:1em 0 2.5em; width:100%; }
  #col3_content div#content table#booking tr td { padding:2px 0; vertical-align:top; text-align:left; }
  #col3_content div#content table#booking tr td label { font-weight:bold; }
  #col3_content div#content table#booking tr td input.text { width:300px; background:#C1AD8F; border:none; font-family:trebuchet ms; font-size:11px; 
    padding:2px; height:14px; }
  #col3_content div#content table#booking tr td input.plz { width:50px; background:#C1AD8F; border:none; font-family:trebuchet ms; font-size:11px; 
    padding:2px; height:14px; }
  #col3_content div#content table#booking tr td input.ort { width:242px; background:#C1AD8F; border:none; font-family:trebuchet ms; font-size:11px; 
    padding:2px; height:14px; }
  #col3_content div#content table#booking tr td input.zimmer { width:50px; background:#C1AD8F; border:none; font-family:trebuchet ms; font-size:11px; 
    padding:2px; height:14px; }
  #col3_content div#content table#booking tr td input.von { width:136px; background:#C1AD8F; border:none; font-family:trebuchet ms; font-size:11px; 
    padding:2px; height:14px; }
  #col3_content div#content table#booking tr td input.bis { width:137px; background:#C1AD8F; border:none; font-family:trebuchet ms; font-size:11px; 
    padding:2px; height:14px; }
  #col3_content div#content table#booking tr td textarea { width:300px; height:120px; background:#C1AD8F; border:none; font-family:trebuchet ms; 
  font-size:11px; padding:2px; }
  #col3_content div#content table#booking tr.antiSpam{ display:none; }
  
  #col3_content div#content dl.newslist { margin:0; padding:0; }
  #col3_content div#content dl.newslist dt { font-weight:bold; font-size:120%; }
  #col3_content div#content dl.newslist dt span { color:#897D71; }
  #col3_content div#content dl.newslist dd { margin:0 0 22px 0; }
  #col3_content div#content dl.newslist dd p { margin:0; padding:0; }
  #col3_content div#content dl.newslist dd span { display:block; }
  
  #col3_content div#content div.teaser_menu { position:absolute; left:420px; }
  #col3_content div#content div.teaser_menu a { text-decoration:none; background:transparent; }
  #startseite #col3_content div#content p { width:495px; }
  
  #col3_content div.showNewEntry { display:block; margin:0 0 20px 0; }
  #col3_content div.containerNewEntry { display:none; margin:0 0 20px 0; }

  #col3_content form.newEntry {  }
  #col3_content form.newEntry div { display:block; }
  #col3_content form.newEntry div label{ display:block; }
  #col3_content form.newEntry div input.text{ width:300px; background:#C1AD8F; border:none; font-family:trebuchet ms; font-size:11px; 
    padding:2px; height:14px; }
  #col3_content form.newEntry div textarea{ width:300px; background:#C1AD8F; border:none; font-family:trebuchet ms; font-size:11px; 
    padding:2px; height:120px; }
  #col3_content form.newEntry div.antiSpam{ display:none; }
  #col3_content form.newEntry div.submit{ margin-top:12px; }
  
  #col3_content div#entrys { margin:0; padding:0; }
  #col3_content div#entrys dl { margin:0 0 25px 0; padding:0 0 5px 0; border-bottom:2px solid #CAB33B; }
  #col3_content div#entrys dt { margin:0; padding:0; }
  #col3_content div#entrys dd { margin:0; padding:0; }
  #col3_content div#entrys dd p{ margin:0; padding:0; }
  #col3_content div#entrys dd span{ display:block; font-size:90%; }
  
  #col3_content div#content ul.linklist {  }
  #col3_content div#content ul.linklist li { margin-bottom:4px; }
  
  #col3_content div#content p.ico_parken { padding:0 0 0 20px; background: url('../img/icon_parken.gif') no-repeat left top; }
  #col3_content div#content p.ico_net { padding:0 0 0 20px; background: url('../img/icon_net.gif') no-repeat left top; }
  #col3_content div#content p.ico_offer { padding:0 0 0 20px; background: url('../img/icon_offer.gif') no-repeat left top; }

  #col3_content span.switch_image { cursor:pointer; }
  #col3_content li.switch_image { cursor:pointer; padding:1px 3px; }
  
  #col3_content div#imggal {  }
  #col3_content div#imggal { margin: 6px 0 12px 0; display:block; overflow:hidden; }
  #col3_content div#imggal div { display:block; float:left; margin-left:6px; width:116px; }
  #col3_content div#imggal div.first { margin-left:0; }
  #col3_content div#imggal div a { display:block; height:80px; width:116px; }
  #col3_content div#imggal div.reset { clear:both; float:none; font-size:0; line-height:0; padding:3px 0; }
  
  /*
   * ICONLEISTE
   */
  
  #col3_content div#presence { height:40px; position:absolute; margin:41px 0px 0px 16px; top:495px; background:#A7A392; cursor:pointer; }
  #col3_content div#presence div.icon { float:left; width:88px; height:40px; text-align:center; vertical-align:middle;}
  #col3_content div#presence div.icon div.tooltip { display:none; width:160px; padding:8px; margin-left:-45px;}

  /* FOOTER -----------------------------------------------------------------*/
  
  #footer { height:30px; padding: 10px 20px; color:#666; background:transparent; }
  #footer ul { float:right; margin:0; padding:0; }
  #footer ul li { background: url('../img/footer.gif') left 3px no-repeat; margin:0 0 0 16px; padding:0 0 0 14px; float:left; list-style:none; }
  #footer ul li.active { background: url('../img/footer_a.gif') left 3px no-repeat; }
  
  #footer div.copyright { display:none; }
  
  /* FADER -------------------------------------------------------------------------*/
  
  #col3_content div.teaser_image ul#slider { margin:0; padding:0; }
  #col3_content div.teaser_image ul#slider li { margin:0; padding:0; list-style:none; }
  
  /*-------------------------------------------------------------------------*/
}