body {
  margin: 0; padding: 0;
  position: absolute;
  width: 100%;
  
  background-color: #f2f7db;
  background-image: url(../images/background.gif);
  background-position: 0 -62px;
  background-repeat: repeat-x;
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 1.9em;
  color: #101010;
  
  text-align: left;
}
ul,ol,li,img,p,h1,h2,h3,h4,h5,h6,h7 {
  margin: 0; padding: 0; border: 0;
}

ul {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: #4b734f;
}
a:hover, a.current {
  padding: 0 2px 0 2px;
  margin: 0 -2px 0 -2px;
  background-color: #4b734f;
  color: #ffffff;
}

/* Clearfix-Hack */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.invisible {
  position: absolute;
  left: -1000em;
  width: 20em;
}
* html .invisible {
  display: none;
}


#pagecontent {
  position: relative;
  display: block;
  margin: -1px auto 0 auto;
  width: 971px;
  border-top: #ffffff 1px solid;
}



p, .container ul, .container ol {
  font-size: 1.3em;
}
* html p {
  line-height: 1.6em;
}
p.small {
  font-size: 1em;
  color: #999999;
}
.container ul {
  list-style-type: square;
}
.container ul li,
.container ol li {
  margin: 0 0 0 1.5em;
}
* html .container ol li { margin: 0 0 0 0; }
* html .container ul li { margin: 0 0 0 0; }

table {
  width: 100%;
}
* html table {
  width: 98%;
}
.container table td {
  padding: 2px 0.5em 2px 0.5em;
  border-bottom: solid 1px #4b734f;
}
.container table th {
  background: #e8f2c4;
  color: #4b734f;
  padding: 0.25em 0.5em 0.25em 0.5em;
  margin: 0 0 0.5em 0;
  border-bottom: solid 1px #4b734f;
}

.container form ul {
  font-size: 1em;
  list-style-type: none;  
}
.container form li {
  display: block;
  width: 100%;
  margin: 0 0 0.5em 0;
}
label {
  font-size: 1.3em;
  float: left;
  display: block;
  width: 150px;
}

form input,
form select,
form textarea {
  font-family: Arial, Verdana, sans_serif;
  font-size: 1.2em;
  padding: 3px 5px 3px 5px;
  border: 1px solid #4b734f;
  background: #ffffff;
  float: left;
  width: 282px;
}
form td input, form td select, form td textarea {
  float: none;
}
* html form input { font-size: 1.4em; width: 260px; }
* html form select { font-size: 1.4em; width: 260px; }
* html form textarea { font-size: 1.4em; width: 260px; }

form select {
  padding: 3px 3px 3px 1px;
  width: 282px;
}
form textarea {
  padding: 3px 3px 3px 5px;
  width: 272px;
}
form input:active, form input:focus,
form select:active, form select:focus,
form textarea:active, form textarea:focus {
  background: #f4f7e8;
}

form input.submit, #mailformformtype_mail {
  margin: 0 0 0 150px;
  background: #e8f2c4;
  width: 282px;
  font-weight: bold;
  color: #4b734f;
  float: none;
}
form li p {
  width: 282px;
  float: left;
}
form li table p {
  width: auto;
  float: none;
}
* html form input.submit {
  width: 268px;
  margin: 0 0 0 150px;
}
form .produkte input.submit {
  width: 100%;
  margin: 0;
}
form input.submit:hover,
form input.submit:focus {
  background: #4b734f;
  color: #ffffff;
}
form input.textfieldsmall {
  width: 84px;
  margin: 0 5px 0 0;
}
form input.textfieldmiddle {
  width: 169px;
  margin: 0 5px 0 0;
}
form select.selectsmall {
  width: 97px;
  margin: 0 0.5em 0 0;
}
form .produktbeschreibung input.submit {
  font-size: 0.9em;
  display: inline;
  margin: 0;
  padding: 0.1em;
  width: auto; height: auto;
}
form input.radio,
form input.checkbox {
  width: auto;
  margin: 4px 5px 0 150px;
  border: 0;
  background: 0;
}
form label.radio,
form label.checkbox {
  width: 212px;
}
*+html form input.radio,
*+html form input.checkbox {
  margin: 1px 5px 0 150px;
}
* html form input.radio,
* html form input.checkbox {
  margin: 1px 5px 0 150px;
}
h3 {
  background: #e8f2c4;
  font-size: 1.2em;
  color: #4b734f;
  padding: 0.25em 0.5em 0.25em 0.5em;
  margin: 0 0 0.5em 0;
}
* html h3 {
  margin: 0 0 0.5em 0;
  width: 420px;
}
h3.inactive {
  color: #999999;
}


.container form ul.produkte li ul li {
  border-bottom: 1px solid #4b734f;
  padding: 0 0 10px 0;
}
.container form ul.produkte img {
  float: left; margin: 0 10px 0 0;
}
.container form ul.produkte div.produktbeschreibung {
  float: left; margin: 0 10px 0 0;
  width: 295px;
}
.container form ul.produkte div.produktpreis {
  float: left;
  width: 40px;
}
.container form ul.produkte div.produktpreis p {
  width: auto;
}
.container p.preis {
  font-size: 1.8em;
  color: #4b734f;
}

.container .produktbilder {
  background-color: #e8f2c4;

  margin: 0 0 9px 0;
  padding: 4px;
}
#content .container .image .produktbilder img.thumbnail {
  float: none;
  margin: 1px;
  display: inline;
}


h1 {
  font-weight: normal;
  font-size: 2.1em;
  line-height: 1.1em;
  font-family: Georgia, 'Times New Roman', serif;

  position: absolute;
  margin: 0 0 9px 0 ;
  bottom: 0;
}
#startseite h1 {
  display: none;
}

div.headline {
  position: relative;
  height: 175px;
  margin: 0 0 42px 0;
}

#startseite div.headline {
  position: relative;
  height: auto;
  margin: 0 0 0.9em 0;
}

#contentframe {
  z-index: 10;
  margin: 76px 0 0 0;
  width: 969px;
}

#content {
  position: relative;
  width: 678px;
  float: right;
}

#startseite #content img {
  margin: 0 0 8px 0;
}

#startseite #content .container img {
  margin: 0;
}

.imghead_hello {
  display: block;
  width: 348px; height: 39px;
  background: url(../intro_hallo.gif) no-repeat;
  
}


#content .container {
  margin-bottom: 1em;
}

#content .container .text {
  width: 438px;
  float: left;
}
#content .container .image,
#content .container .extracontainer {
  width: 232px;
  float: left;
  margin: 0 0 0 8px;
  overflow: hidden;
}
#content .extracontainer {
  width: 232px;
  float: right;
  margin: 0 0 0 8px;
  overflow: hidden;
}
* html #content .container .image {
  width: 210px;
}
#content .container .image img,
#startseite #content .container .image img {
  display: block;
  margin: 0 0 2px 0;
}

#content .container .image .order {
  background-color: #e8f2c4;
  font-size: 1.3em;
  line-height: 1.3em;
  margin: 0 0 9px 0;
  padding: 4px;
}
#content .container .image .order:hover {
  color: #000000;
}
#content .container .image .order img {
  margin: 0 4px 0 0;
  padding:0;
}

#startseite #contentcontainer {
	float: left;
	width: 410px;
}

#content .extracontainer {
  margin: 0 0 0 0;
  width: 204px; height: 124px;
  padding: 16px 20px 22px 16px;
  background-image: url(../images/glaubensinfo_bg.gif);
  background-repeat: no-repeat;
  
  font-family: Arial, Helvetica, sans_serif;
}
* html #content .container .extracontainer {
}
.extracontainer h2 {
  font-size: 1.8em;
  font-weight: bold;
  margin: 0 0 0.85em 0;
}
.extracontainer p {
  font-size: 1.2em;
  font-weight: normal;
}


#navigation {
  width: 235px;
  margin: 216px 55px 0 0;
  float: right;
}
* html #navigation  {
  float: none;
}

#navigation li a {
  display: block;
  padding: 2px 5px 2px 5px;
  margin: 0;
  
  text-align: right;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  
  background-color: #e8f2c4;
}
* html #navigation li a {
  font-size: 1.3em;
}

#navigation li a:hover, #navigation li.current a {
  background-color: #4b734f;
  color: #ffffff;
}  
#navigation li.current li a {
  text-transform: none;
  font-weight: normal;
  background-color: transparent;
  color: #4b734f;
}
#navigation li.current li a:hover {
  background-color: #e8f2c4;
  color: #4b734f;
}
#navigation li.current li.current a {
  font-weight: bold;
}

#navigation li {
  width: 235px;
  margin: 0 0 2px 0;
}

#warenkorb {
  background: #f2f7db;
  font-size: 0.9em;
  width: 224px;
  border: 1px solid #4b734f;
  padding: 4px;
  display: block;
  margin: 0;
  top: 9px; right: 0;
  position: absolute;
}


#logo {
  position: absolute;
  display: block;
  width: 285px; height: 254px;
  top: 8px; left: 0;
  background-image: url(../images/background_a.gif);
  background-repeat: no-repeat;
  background-position: 0 68px;
  z-index: 1;
}

#logo img {
  margin: 0 0 0 6px;
  width: 285px; height: 59px;
}



#resize {
  position: absolute;

  top: 38px; left: 800px;
  width: 169px;
}
#resize a {
  background-color: #e8f2c4;
  display: block;
  float: right;
  margin: 0 0 0 9px;
  padding: 2px 0 5px 0;
  text-align: center;
  width: 30px; height: 22px;
  font-family: Arial, Helvetica, sans_serif;
  font-size: 14px;
  color: #000000;
  line-height: 18px;
  font-weight: bold;
}
#resize a:hover {
  background-color: #4b734f;
  color: #ffffff;
}
#resize a.smaller,
#resize a.bigger {
  padding: 7px 0 0 0;
  width: 28px; height: 22px;
  font-size: 16px;
  font-weight: bold;
  line-height: 14px;
}

h2, h2.green {
  font-weight: bold;
  font-size: 1.5em;
  margin: 0 0 9px 0 ;
}
h2.green {
  background-color: #e8f2c4;
  line-height:2em;
  text-indent:0.5em;
}