/* === Grundlayout === */
/* http://scott.sauyet.name/CSS/Demo/FooterDemo1.html */

html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

body {
	margin: 0; /* Without this, Moz1.0 adds a vertical scrollbar */
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  background: url(layout/haende.jpg) no-repeat right #FFCBA5;
  background-position: 100% 160px;
  text-align: justify;
}

#contents {
	position: absolute;
	top: 0;
	left: 0;
  background: url(layout/navigation.gif) repeat-y;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
  height: 18px;
  background-color: #FF862D;
}

#main {
	margin-bottom: 20px;
	height: auto;
}

/* === Titel und gerundete Ecke === */

#titel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 80px;
  background: url(layout/titel.gif);
  text-align: center;
}

#lefttitle {
  float: left;
  width: 760px;
}

#righttitle {
  margin-top: 17px;
}

#ecke {
  position:absolute;
  top: 80px;
  left: 0px;
  width: 200px;
  height: 34px;
  background: url(layout/ecke.gif) no-repeat;
}

#lcn-gold {
  position: absolute;
  top: 500px;
  left: 36px;
}

/* === Navigation === */

#navigation {
  position: absolute;
  top: 130px;
  left: 4px;
}

#navigation a.button {
  display: block;
  background: url(layout/buttons.gif) no-repeat;
  width: 127px;
  height: 28px;
 /*   margin-bottom: 30px; */
  margin-bottom: 10px;
  color: black;
  text-decoration: none;
  font-size: 11px;
  text-align: center;
}

#navigation a.cur {
  background-position: 0px -60px;
}

#navigation a:hover {
  background-position: 0px -30px;
}

#navigation span {
  display: block;
  padding-top: 5px;
}

#navigation ul {
  /* margin: 0px 0px 0px 20px; */
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

#navigation li.cur {
  font-weight: bold;
}

/* === Ausrichtung des Seiteninhalts === */

#main {
  padding-top:100px;
  text-align:left;
}

#inner {
  width:570px;
  margin-left:160px;
}

/* === Schriftformate === */

h1 {
  font-size: 16px;
  text-align: center;
}

h2 {
  font-size: 14px;
  text-align: center;
  margin-top: 2.5em;
}

h3 {
  font-size: 12px;
  text-align: center;
}

p.long {
  line-height: 200%;
  text-align: justify;
}

div.center {
  text-align:center;
}
div.center * {
  text-align:left;
  margin-left: auto;
  margin-right: auto;
}

table.preisliste th {
  padding-right: 4em;
}
table.preisliste span {
  font-weight: normal;
}
table.preisliste td {
  text-align: right;
}
table.sonderangebote td {
  font-weight: bold;
  color: red;
}

table.large td,
table.large th {
  padding-bottom: 1em;
}

#team2 td {
  vertical-align: top;
}

#team2 h2 {
  margin-top: 0px;
}

a {
  color: #000000;
}

img.photo {
  border: 1px solid #FFA759;
}

#impressum {
  margin-top: 1em;
}
#impressum th {
  vertical-align: top;
  padding-right: 3em;
}
#impressum th,
#impressum td {
  padding-bottom: 2em;
  line-height: 1.5em;
}

#anfahrt {
  margin-top: 2em;
}
#anfahrt li {
  margin-bottom: 1em;
}
#anfahrt h2 {
  margin-top: 0;
}