body {
  padding:0;
  margin:0;
  background: black;
  font-family: Arial;
}

#seite {
  width: 1000px;
  height: 600px;
  background: url(images/bg.gif) no-repeat;
  margin: 0 auto;
  position: relative;
}
#cafeintencion {
  position: absolute;
  left: 164px;
  top: 146px;
  width: 780px;
  height: 367px;
  background: url(images/cafeIntencion.jpg);
}
#intencion {
  position: absolute;
  left: 164px;
  top: 146px;
  width: 780px;
  height: 367px;
  background: url(images/intencion.jpg);
}
#kooperation {
  position: absolute;
  left: 164px;
  top: 146px;
  width: 780px;
  height: 367px;
  background: url(images/kooperation.jpg);
}
#sorten {
  position: absolute;
  left: 164px;
  top: 146px;
  width: 780px;
  height: 367px;
  background: url(images/sorten.jpg);
}
#darboven {
  position: absolute;
  left: 164px;
  top: 146px;
  width: 780px;
  height: 367px;
  background: url(images/darboven.jpg);
}
#impressum {
  position: absolute;
  left: 164px;
  top: 146px;
  width: 780px;
  height: 367px;
  background: url(images/impressum.jpg);
}
#heft {
  position: absolute;
  left: 838px;
  top: 150px;
  width: 104px;
  height: 142px;
  background: url(images/heft.jpg);
}
#logo {
  position: absolute;
  left: 67px;
  top: 94px;
  border: 0;
}
#menu {
  position: absolute;
  left: 56px;
  top: 218px;
  padding:0;margin:0;
}
#menu a {
  color: black;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  background: url(images/dot.gif) no-repeat left center;
  padding-left: 10px;
}
#menu a.active {
  color: white;
}
#menu li {
  height: 30px;
  width:   114px;
  margin:0;
  padding:0;
  background: url(images/underline.gif) 0 24px no-repeat;
  list-style-type: none;

}
#menu li#eins {
  padding-left: 40px;
  background-position: 35px 24px;
}
#menu li#zwei {
  padding-left: 31px;
  background-position: 26px 24px;
}
#menu li#zwei2 {
   height: 20px;
   padding-left: 31px;
   background-image: none;
}
#menu li#sub2 {
  height: 20px;
  padding-left: 28px;
  list-style-type: none;
  background: none;  
}
#menu li#sub2 a {
  font-size: 11px;
  background-image: none;
}
#menu li#sub2e {
  padding-left: 25px;
  list-style-type: none;
  background: url(images/underline.gif) 0 24px no-repeat;
  background-position: 26px 24px;
}
#menu li#sub2e a {
  font-size: 11px;
  background-image: none;
}
#menu li#drei {
  padding-left: 24px;
  background-position: 16px 24px;
}
#menu li#vier {
  padding-left: 14px;
  background-position: 9px 24px;
}
#menu li#fuenf {
  padding-left: 5px;
  background-position: 0px 24px;
}
#menu li#fuenf2 {
  height: 20px;
  padding-left: 5px;
  background-image: none;
}
#menu li#sub3 {
  height: 20px;
  padding-left: 3px;
  list-style-type: none;
  background: none;  
}
#menu li#sub3 a {
  font-size: 11px;
  background-image: none;
}
#menu li#sub3e {
  padding-left: 0px;
  list-style-type: none;
  background: url(images/underline.gif) 0 24px no-repeat;
  background-position: 0px 24px;
}
#menu li#sub3e a {
  font-size: 11px;
  background-image: none;
}

#submenu {
  position: absolute;
  right: 68px;
  top: 80px;
  margin:0;padding:0;
  height: 23px;

}

#hiddensubmenu{
  background: #ffe88e;
  position: absolute;
  right: 68px;
  top: 80px;
  margin-right:-10px;padding:0;
  height: 23px;
  z-index:1000;
}

#submenu li {
  float: left;
  background: green;
  height: 16px;
  margin-right: 10px;
  background: url(images/slash.gif) no-repeat right top;
  padding-right: 20px;
  list-style-type: none;
  padding-top: 7px;
}
#submenu li#end {
  background: none;
}

#submenu a {
  text-decoration: none;
  color: black;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
}
#submenu a.active {
  color: #e7954b;
}
#content {
  position: absolute;
  left: 435px;
  top: 204px;
  width: 370px;
  height: 294px;
  padding-right: 30px;
  z-index: 1;
}
#content h1 {
  font-size: 18px;
  color: #351007;
  margin:0;padding:0;
  padding-bottom: 14px;
}
#content h2 {
  font-size: 14px;
  color: #884d00;
  margin:0;padding:0;
  padding-bottom: 9px;
}
#content h3 {
  font-size: 12px;
  font-weight: bold;
  margin:0;padding:0;
  padding-bottom: 9px;
}
#content p{
  font-size: 13px;
  margin:0;padding:0;
  padding-bottom: 7px;
}
#content li{
  font-size: 13px;
  margin:0;padding:0;
  padding-bottom: 7px;
}
#content img {
  border: 0px;
}
#content img.imgright {
  float: right;
  margin-left: 5px;
  margin-bottom: 5px;
}
#content img.imgleft {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
#content em {
  font-weight: bold;
  color: #C92702;
}
#content a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

#content br {
  line-height: 6px;
}
#impr {
  position: absolute;
  right: 50px;
  top: 54px;
}
#impr a{
  text-decoration: none;
  color: #AB8862;
  font-size: 11px;
  font-weight: bold;
}
#impr a.active {
  color: white;
}
#copyright {
  position: absolute;
  left: 80px;
  bottom: 35px;
  color: #AB8862;
  font-size: 12px;
  font-weight: bold;
}
#copyright a {
  text-decoration: none;
  color: #AB8862;
  }
#div1 {
  height: 20px;
  width: 20px;
  position: absolute; 
  right: 151px;
  bottom: 140px;
  z-index: 2;
}
#div3 {
  height: 20px;
  width: 20px;
  position: absolute; 
  right: 152px;
  bottom: 100px;
  z-index: 2;
}

#textarea{
  margin-bottom:15px;
}

#news{
  position:absolute;
  left:300px;
  top:90px;
  font-family: Arial;
  font-size: 12px;
}
#news a{
  text-decoration: none;
  color: #AB8862;
  font-size: 12px;
  font-weight: bold;
}
  
.left{
  float:left;
  width:100px;
}

input{
  height:12px;
}