/* CSS Document */
* { padding: 0; margin: 0; }
html { height: 100%;margin-bottom:1px;}
body {
  color: #fff;
  background: #40e0d0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  }
#container {
  width: 1000px;
  margin: 0 auto;
  }
#wrapper {
  color: #643D02;
  background: transparent url(images/wrappback.gif) top left repeat-y;
  width: 900px;
  height: 100%;
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  font-weight: bold;
  }
#wrapper img {
	border: 0;
	padding: 0;
	margin: 0;
  }
#wrapper li {
    margin: 0;
	}
#kopfbereich {
  color: #000;
  padding: 0;
  height: 165px;
  background: transparent url(images/header.gif) top left no-repeat;
  }
#kopfbereich img {
	margin-left: 300px;
	margin-top: 15px;
  }
#kopfbereich p {
  padding: 5px 0 5px 0;
  margin-bottom: 0;
  }
#navibereich {
  list-style-type: none;
  width: 30%;
  height: 100%;
  float: left;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 15px;
  font-size: small;
  }
#navibereich a {
      display: block;
      text-indent: -900%;
      border: none;
}
#navibereich ul li {
      list-style-type: none;
	  margin-bottom: 10px;
}
#navibereich a:hover,
#laden #navi01 a,
#werkstatt #navi02 a,
#produkte #navi03 a,
#arbeit #navi04 a {
  background-position: left bottom;
  }
#navibereich .laden {
  width: 265px;
  height: 125px;
  background: transparent url(images/laden.jpg) top left no-repeat;
  }
#navibereich .werkstatt {
  width: 265px;
  height: 125px;
  background: transparent url(images/werkstatt.jpg) top left no-repeat;
  }
#navibereich .produkte {
  width: 265px;
  height: 125px;
  background: transparent url(images/produkte.jpg) top left no-repeat;
  }
#navibereich .arbeit {
  width: 265px;
  height: 125px;
  background: transparent url(images/arbeit.jpg) top left no-repeat;
  }
#subnavitop {
  height: 40px;
  background: transparent url(images/menutop.gif) top left no-repeat;
  }
#subnavibereich {
	width: 32%;
	float: left;
	padding: 0px;
	list-style-type: none;
	position: relative;
	}
#subnavimiddle {
    height: 120px;
    background: transparent url(images/menu.gif) top left repeat-y;
	margin-top: -15px;
  }
#subnavibereich ul li {
      list-style-type: none;
}
#subnavibereich a {
      display: block;
      text-indent: -900%;
      position: absolute;
      border: none;
}
#subnavibereich a:hover,
#startseite #navi10 a,
#links #navi12 a,
#impressum #navi11 a,
#presse #navi13 a,
#kontakt #navi14 a,
#kurse #navi15 a,
#aktuelles #navi16 a {
      background-position: left bottom;
}
#subnavibereich .kontakt{
	width: 120px;
	height: 65px;
	left: 155px;
	top: 110px;
	background-image: url(images/kontakt.gif);
	background-repeat: no-repeat;
}
#subnavibereich .startseite {
	width: 65px;
	height: 65px;
	left: 15px;
	top: 25px;
	background-image: url(images/startseite.gif);
	background-repeat: no-repeat;
}
#subnavibereich .presse {
	width: 130px;
	height: 65px;
	left: 15px;
	top: 110px;
	background-image: url(images/presse.gif);
	background-repeat: no-repeat;
}
/* RESERVE
#subnavibereich .memoriam {
	width: 100px;
	height: 50px;
	left: 550px;
	top: 125px;
	background-image: url(bilder/button_memoriam_gr.gif);
	background-repeat: no-repeat;
}
#subnavibereich .galerie {
	width: 138px;
	height: 93px;
	left: 430px;
	top: 70px;
	background-image: url(bilder/button_galerie_gr.gif);
	background-repeat: no-repeat;
}
#subnavibereich .gaestebuch {
	width: 150px;
	height: 65px;
	left: 120px;
	top: 20px;
	background-image: url(bilder/button_gaestebuch_gr.gif);
	background-repeat: no-repeat;
}*/
#subnavibereich .impressum {
	width: 130px;
	height: 65px;
	left: 160px;
	top: 15px;
	background-image: url(images/impressum.gif);
	background-repeat: no-repeat;
}
#subnavibereich .links {
	width: 65px;
	height: 65px;
	left: 85px;
	top: 45px;
	background-image: url(images/links.gif);
	background-repeat: no-repeat;
}
#subnavibereich .kurse {
	width: 150px;
	height: 65px;
	left: 10px;
	top: 180px;
	background-image: url(images/kurse.gif);
	background-repeat: no-repeat;
}
#subnavibereich .aktuelles {
	width: 150px;
	height: 65px;
	left: 140px;
	top: 220px;
	background-image: url(images/aktuelles.gif);
	background-repeat: no-repeat;
}
#subnavibottom {
  height: 423px;
  background: transparent url(images/menubottom.gif) top left no-repeat;
  }
#textbereich {
	width: 34%;
	float: left;
	font-size: small;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	}
#textbereichstartseite {
	width: 26%;
	float: left;
	font-size: small;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 80px;
  }
#textbereichstartseite h1 {
    font-size: 110%;
}
#wrappbottom {
	width: 900px;
	background: transparent url(images/footer.gif) top left no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
  }
h1 {
	font-size: 150%;
	color: #643E00;
	font-style: normal;
	line-height: 1.3em;
  }
h2 { 
  font-size: 160%;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0.5em;
  }
h3 { 
  font-size: 125%;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  margin-bottom: 0.5em;
  line-height: 2em;
  }
a { 
  text-decoration: none;
  outline: none;
  }
a:link {
  /*color: #653A01;*/
  color: #2D5E73;
  }
a:visited {
  color: #cc6666;
  }
a:hover, a:focus {
  color: #000;
  }
p, ul {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 0;
  }
ul ul {
  margin: 0;
  }
li {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 1em;
  }
.cleaner {
    clear: both;
}  
#slide {
    width: 300px;
	margin-top: 20px;
}  
.pdf {
    font-size: 9px;
	}