html, body {
  margin:0;
  padding:0;
  height:100%;
  background-color:#F7F1E9;
}



/* ********** Topbar ********** */
#topbar {
  position:absolute; 
  top:45px; 
  height:142px; 
  left:-485px; 
  width:970px;
  right:0;
  margin-left:50%;
  background-color:#764723; 
  z-index:1;
}



/* ********** Shopnavigation ********** */
#shopnav {
  position:absolute;
  top:0px;
  height:100%;
  width:175px;
  left:-430px;
  margin-left:50%;
  padding-top:210px;
  background-color:#997332;
  z-index:2;
  font-family:Verdana, sans-serif;
  font-size:9pt;
  color:#F7F1E9;
}
#einzug {
  padding-left:12px;
  padding-bottom:8px;
}
#shopnav a {
  color:#F7F1E9;
  text-decoration:none;
}
#shopnav a:hover {
  text-decoration:underline;
}
#shopnav .title {
  font-weight:bold;
  height:18px;
}
#shopnav form {
  margin:0;
}
#shopnav input {
  width:150px;
}



/* ********** Logo ********** */
#logo {
  position:absolute;
  top:62px;
  height:109px;
  width:151px;
  left:-418px;
  margin-left:50%;
  z-index:3;
}



/* ********** Topnavigation ********** */
#topnav {
  position:absolute;
  top:140px;
  width:550px;
  left:-270px;
  margin-left:50%;
  background-color:#D2C9BE;
  font-family: Verdana;
  font-size:9pt;
  font-weight:bold;
  color:#3F3F55;
  padding-top:5pt;
  padding-bottom:8px;
  padding-left:10pt;
  z-index:4;
}
#topnav a {
  color:#3F3F55;
  text-decoration:none;
}
#topnav a:hover {
  text-decoration:underline;
}



/* ********** Inhalt ********** */
#content {
  position:absolute;
  left:-430px;
  margin-left:50%;
  width:860px;
  top:210px;
  z-index:1;
  font-family:Verdana;
  font-size:9pt;
  color:#333333;
}
#content td {
  font-family:Verdana;
  font-size:9pt;
  color:#333333;
}
#content h1 {
  font-family:Tahoma;
  font-size:12pt;
  color:#92887B;
  margin-top:0;
  margin-bottom:16px;
}
#content h2 {
  font-family:Verdana;
  font-size:10pt;
  color:#3F3F55;
  font-weight:bold;
  margin-bottom:0;
  margin-top:0;
}
#content h3 {
  font-family:Verdana;
  font-size:10pt;
  color:#3F3F55;
  font-weight:bold;
  margin-bottom:4px;
  margin-top:0;
}
a:link, a:visited, a:hover {
  color:#764723;
  text-decoration:underline;
}



/* ********** graue Schrift und Links ********** */
.grey, .grey:link, .grey:visited {
  font-family:Verdana;
  font-size:9pt;
  color:#3F3F55;
  font-weight:bold;
  text-decoration:none;
}
.grey:hover {
  text-decoration:underline;
}



/* ********** braune Schrift und Links ********** */
.brown, .brown:link, .brown:visited {
  font-family:Verdana;
  font-size:9pt;
  color:#764723;
  font-weight:bold;
  text-decoration:none;
}
.brown:hover {
  text-decoration:underline;
}




/* ********** Bilderrahmen ********** */
#thumb {
  width:130px;
  height:130px;
  border-style:solid;
  border-width:1px;
  border-color:#574734;
  background-color:#FFFFFF;
  overflow:hidden;
}
#group {
  width:160px;
  height:80px;
  border-style:solid;
  border-width:1px;
  border-color:#574734;
  background-color:#FFFFFF;
  overflow:hidden;
}
.img {
  margin-right:16px;
  border-style:solid;
  border-width:1px;
  border-color:#574734;
}




/* ********** KASSE / KAUFABWICKLUNG ********** */
.label {
  width:110px;
}
.address1 {
  width:200px;
  margin-bottom:5px;
}
.address2 {
  width:150px;
  margin-bottom:5px;
}
.address3 {
  width:50px;
  margin-bottom:5px;
}
.address4 {
  width:80px;
  margin-bottom:5px;
}
#payment input {
  margin-right:8px;
}




/* ********** KONTAKTFORMULAR ********** */
#contact {
  margin-top:24px;
}
#contact label {
  display:block;
  float:left;
  width:200px; 
  margin-right:20px;
}
#contact input {
  display:block;
  float:left;
  width:200px; 
  margin-right:20px;
  margin-bottom:8px;
}
#contact textarea {
  display:block;
  float:left;
  width:420px; 
  height:140px; 
  margin-bottom:12px;
}
#contact  br {
  clear:left;
}
#contact input#submit {
  float:none;
  width:auto;
}