/* "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de)
**
** YAML Version: 2.5.2
** Dateiversion: 01.11.06
** Datei       : content.css
** Funktion    : Formatierung der Inhalte
*/

@media all
{
/* ########################### Standard-Vorgaben ############################ */

/* Formatierung der Seite */

* { font-size:100.01%; font-family:'Trebuchet MS', Verdana, Arial, sans-serif; }

body { font-size:90%; padding:8px; background:#99a; cursor:default; line-height:1.4; }

/* Rand um die gesamte Webseite */

#page_margins { border:1px solid #889; min-width:600px; max-width:80em; margin:auto; }
#page { border:1px solid #667; background:#fff; }

/* Überschriften, Fließtexte */

h1, h2, h3 {
  padding:0;
  font-family:'Lucida Grande', Verdana, Arial, sans-serif;
  font-weight:bold;
  color:#369;
  line-height:1.2;
}

h1 { margin:0.4em 0 0.5em 0; font-size:1.2em; border-bottom:1px solid #ccc; }
h2 { margin:0.2em 0 0.5em 0; font-size:1.1em; }
h3 { margin:0.2em 0 0.3em 0; font-size:1.0em; }

small { font-size:0.9em; }
big { font-size:1.1em; }

ul { list-style:square; }
li ul, li ol { margin:0; }
li { margin-left:2em; }

p { margin:0 0 1em 0; }

strong, b { font-weight:bold; }
em, i { font-style:italic; }
address { font-style:normal; margin:0 0 1em 0; }

pre, code {
  margin:0 0 1em 1em;
  padding:0.5em;
  display:block;
  font-family:'Courier New', Courier, monospace;
  color:#000;
  background:#f0f0f4;
  border:1px solid #ccd;
  border-left:8px solid #ccd;
}

blockquote, cite { color:#666; background:transparent; border:0; }

hr {
  color:#fff;
  background:transparent;
  margin:0 0 1em 0;
  padding:0;
  border:0;
  border-bottom:1px solid #eee;
}

acronym, abbr {
  letter-spacing:.07em;
  border-bottom:1px dashed #c00;
  cursor:help;
}

img { vertical-align:middle; }

.alright { color:#060; }
p.alright {
  color:#000;
  border:1px solid #060;
  padding:6px 6px 6px 26px;
  background:#ebf8a4 url('../../bilder/icons/annahme.gif') no-repeat left;
}

.warning { color:#c00; }
p.warning {
  color:#000;
  border:1px solid #c00;
  padding:6px 6px 6px 26px;
  background:#ffc0cb url('../../bilder/icons/warnung.gif') no-repeat left;
}

.date { color:#888; }

/* Positionierung links- und rechtsbündig als Fließobjekte */

.float_left { float:left; padding:0 1em 0.5em 0; }
.float_right { float:right; padding:0 0 0.5em 1em; }
.float_left_nopad { float:left; padding:0 1em 0em 0; }
.float_right_nopad { float:right; padding:0 0 0em 1em; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }

/* Auszeichnung lokaler und externer Links */

a { padding:0.1em; color:#900; text-decoration:underline; cursor:pointer; }
a:hover, a:active, a:focus { background-color:#fff2d6; }

a[href^="http:"], a[href^="https:"], a[href^="extern/link.php"] {
  padding-left:12px;
  background-image:url('../../bilder/icons/ext-link.gif');
  background-repeat:no-repeat;
  background-position:left;
}

/* ########################## Formulare & Tabellen ########################## */

table { border-collapse:collapse; border-spacing:0; table-layout:auto; }
caption { caption-side:top; }
th { font-weight:bold; }
th, td { vertical-align:top; }
th+th, th+td, td+td { padding-left:1em; }

label { cursor:pointer; }
label * { cursor:pointer; }

select, input, textarea {
  margin:0.2em 0;
  padding:0.1em 0.2em;
  color:#000;
  background:#fff;
  border:1px solid #888;
}
select.warning, input.warning, textarea.warning {
  color:#000;
  border:1px solid #c00;
}
input.file {
  background:none;
  border:none;
}
input.button {
  background:#ccc url('../../bilder/hintergrund/button.gif') repeat-x top;
  text-align:center;
}
input.check { margin:0.1em 0; padding:0; }
select { padding:0; }
option { padding:0.1em 0.2em; }

fieldset {
  overflow:hidden;
  margin:0 0 1em 0;
  padding:4px;
  background:#f7f5fb;
  border:1px #cfcfe0 solid;
}
fieldset legend {
  padding:2px;
  font-weight:bold;
  color:#222;
  background:#cfcfe0;
  border:1px solid #cfcfe0;
}
fieldset .labels {
  width:10em;
  margin:0.2em 0.4em 0.2em 0;
  text-align:right;
  float:left;
}
fieldset .inputs {
  float:left;
}
fieldset .post {
  margin:0.2em 0 0.2em 0.4em;
  float:left;
}
fieldset .note {
  margin-left:10.4em;
}
fieldset .buttons {
  margin-left:10.4em;
  background:#ccc url('../../bilder/hintergrund/button.gif') repeat-x top;
  text-align:center;
}
fieldset br { clear:both; }

/* ################ Spezielle Formatanweisungen des Layouts ################# */

/* Formatierung des Kopfbereiches */

#header {
  width:auto;
  margin:8px 8px 0 8px;
  padding:0 8px 0 8px;
  color:#fff;
  background:#5d6679 url('../../bilder/hintergrund/header-bg.gif') repeat-x top;
  text-shadow:#345 0.2em 0.2em 0.2em;
}
#header img { float:left; margin:8px 5% 8px 4%; }
#header h1, #header h2, #header h3 {
  color:#fff;
  background:transparent;
  margin:0;
  padding:16px 0 8px 0;
  border:0;
}
#header p { display:inline; margin:0; padding:0 0 8px 0; }

/* Formatierung des Navigationsbereiches */

#nav {
  margin:0 8px 8px 8px;
  padding:0 8px 0 8px;
  color:#fff;
  background:#7b8191 url('../../bilder/hintergrund/header-nav-bg.gif') repeat top;
  border-top:1px solid #fff;
}
#nav strong, #nav em { float:left; font-size:0.9em; line-height:1.5; }
#nav ul { display:inline; list-style:none; }
#nav li { float:left; font-size:0.9em; line-height:1.5; margin:0 0 0 0.5em; }
#nav li+li {
  padding:0 0 0 15px;
  background:url('../../bilder/hintergrund/header-nav-sep.gif') no-repeat left;
}
#nav a { color:#fff; background:transparent; }

/* Formatierung Hauptinhaltsbereich */

#main { color:#000; background:#fff; }

/* Formatierung der Fußzeile */

#footer {
  margin:0 8px 8px 8px;
  padding-top:0.5em;
  font-size:0.9em;
  color:#888;
  background:#fff;
  border-top:1px solid #ccc;
}

#footer a { color:#669; }
#footer a:hover, #footer a:active, #footer a:focus { background:#eef; }

/* Textformatierungen */

.free { padding:0.1em; background:#9c9; }
.arrival {
  padding:0.1em;
  background-color:#fc9;
  background-image:url('../../bilder/icons/belegung-anreise.gif');
  background-repeat:no-repeat;
  background-position:center;
}
.departure {
  padding:0.1em;
  background-color:#fc9;
  background-image:url('../../bilder/icons/belegung-abreise.gif');
  background-repeat:no-repeat;
  background-position:center;
}
.partly { padding:0.1em; background:#fc9; }
.occupied, .closed { padding:0.1em; background:#f66; }
.unknown { padding:0.1em; background:#ddd; }

/* Unterschiedlich formatierte Listen */

.vlist li { list-style:none; margin:0; }

.hlist li { list-style:none; margin:0 1em 0 0; display:inline; }

.content small { margin-bottom:0.5em; display:block; line-height:1.2; }

.bar {
  list-style:none;
  display:block;
  overflow:hidden;
}
.bar li {
  margin:0;
  padding:0;
  float:left;
  color:#666;
  background:#f7f5fb;
  border:1px solid #cfcfe0;
}
.bar li * { padding:2px 4px; margin:0; display:block; }
.bar li strong { color:#000; background:#cfcfe0; }
.bar a { color:#669; display:block; }
.bar a:hover, .bar a:active, .bar a:focus { background:#eef; }

/* Auszeichnung spezieller Links */

a.request, a.pictures, a.info, a.special {
  padding-left:20px;
  line-height:1.7;
  background-repeat:no-repeat;
  background-position:left;
}
a.request { background-image:url('../../bilder/icons/anfrage.gif'); }
a.pictures { background-image:url('../../bilder/icons/bilder.gif'); }
a.info { background-image:url('../../bilder/icons/info.gif'); }
a.special { background-image:url('../../bilder/icons/angebot.gif'); }

a.text { padding:0.1em; color:#000; background:transparent; }

/* Navigation als Box */

.nav_box_tab, .find_box_tab {
  padding:3px 6px;
  font-size:1.2em;
  background:#c9af84 url('../../bilder/hintergrund/nav-box-tab.gif') no-repeat right top;
  text-shadow:#edc 0.2em 0.2em 0.2em;
  display:block;
}

.nav_box {
width: 100%;
  margin:0 0 0.5em 0;
  overflow:hidden;
  font-size:0.9em;
  background:#f4e6cc url('../../bilder/hintergrund/nav-box-bg.gif') repeat-x top;
  list-style:none;
}
.nav_box li { width:100%; margin:0; float:left; line-height:1.2em; }
.nav_box a, .nav_box span {
  padding:3px 6px;
  display:block;
  border-bottom:1px solid #c9af84;
  font-weight:bold;
  text-decoration:none;
}
.nav_box a:hover, .nav_box a:active, .nav_box a:focus {
  background-color:#fff2d6;
}

.find_box {
  margin:0 0 0.5em 0;
  padding:3px 6px;
  font-size:0.9em;
  background:#f4e6cc url('../../bilder/hintergrund/nav-box-bg.gif') repeat-x top;
}
.find_box input, .find_box textarea, .find_box select {
  width:90%;
  background:#fff2d6;
  border:1px solid #c9af84;
}
.find_box input.button {
  width:auto;
  background:#c9af84 url('../../bilder/hintergrund/nav-box-button.gif') repeat-x top;
  border:1px solid #c9af84;
}

/* Information in der Box */

.info_box_tab {
  padding:3px 6px;
  display:inline;
  font-size:0.9em;
  background:#cfcfe0 url('../../bilder/hintergrund/info-box-tab.gif') no-repeat right top;
  text-shadow:#eef 0.2em 0.2em 0.2em;
}
.info_box {
  margin:0 0 8px 0;
  padding:3px 6px;
  font-size:0.9em;
  background:#f7f5fb url('../../bilder/hintergrund/info-box-bg.gif') repeat-x top;
  border-top:3px solid #cfcfe0;
  list-style:none;
}
.info_box li { margin:0; }

/* Tabelle für Bescheibungen und Bilder */

table.type th.desc { width:52%; }
table.type th.cal { width:2%; }
table.type th.size { width:18%; }
table.type th.price { width:28%; }
table.type td { border-top:1px solid #cfcfe0; }

table.house {
  width:100%;
  margin:0 0 0.5em 0;
  background:#ebebf5;
}
table.house caption {
  padding:0.2em 0.4em;
  background:#cfcfe0 url('../../bilder/hintergrund/desc-tab.gif') repeat-x top;
}
table.house td {
  padding:0 0.4em;
  font-size:0.9em;
  border-top:1px solid #cfcfe0;
}
table.house th { padding:0 0.4em; width:33.3%; }
table.house th#specials, table.house th#mealExtra { width:66.6%; }
table.house th#desc { width:52%; }
table.house th#size { width:18%; }
table.house th#price { width:30%; }

table.admin {
  width:100%;
  margin:0 0 0.5em 0;
  background:#ebebf5;
}
table.admin caption {
  padding:0.2em 0.4em;
  background:#cfcfe0 url('../../bilder/hintergrund/desc-tab.gif') repeat-x top;
}
table.admin td {
  padding:0 0.4em;
  font-size:0.9em;
  border-top:1px solid #cfcfe0;
}
table.admin th { padding:0 0.4em; }

table.event { width:100%; }
table.event th { width:24%; }
table.event td { width:76%; }

#cal table {
  margin:4px;
  float:left;
  border-collapse:separate;
  border-spacing:1px;
  border:1px solid #666;
}
#cal table caption { font-size:0.9em; text-align:center; }
#cal table th { padding:0; font-size:0.8em; text-align:center; }
#cal table td { padding:0.2em; font-size:0.8em; text-align:center; }

table.img_gallery { width:100%; }
table.img_gallery td {
  padding:0 4px 4px 4px;
  text-align:center;
  vertical-align:middle;
}

table.img { margin:auto auto 0.5em auto; }
table.img td { padding:0; text-align:center; }
table.img p { margin:0.4em 0 0.6em 0; }

.img_left { margin-left:216px; }

/* Formatierungen für den Wetterbericht */

#weather { text-align:center; font-size:0.9em; }
#weather table { margin:auto; margin-bottom:0.5em; }
#weather table table td { padding:0; border:2px solid #fff; }
#weather td[align="center"] { text-align:center; }
#weather td[align="right"] { text-align:right; }

#weather a[href="http://www.donnerwetter.de"] {
  padding:0.1em;
  background:transparent;
}

/* Formatierungen für Google-Maps */

#google_map a { padding:0.1em; background:transparent; }

}