html,
body {
                 height: 100%;
                 margin: 0;
                 padding: 0;
                 font-family: Georgia, Times, serif;
                 background: #f6fce9 url(bilder/hg-site.png) repeat-y center;
                 }

/*  D O K U M E N T A U F B A U Anfang */

#pagewrap {
                 min-height: 100%;
                 width: 920px;
                 margin: 0 auto;
                 position: relative;
                 }

#logoheader {
                 height: 158px;
                 position: relative;
                 overflow:hidden;
                 background: #34521b url(bilder/hg-header.jpg) no-repeat;
                 }

#mainnavi {
                 height: 25px;
                 position: relative;
                 top:133px;
                 }

#content {
                 position: relative;
                 width: 882px;
                 padding: 25px 19px 25px 19px;
                 }

#leftcol {
                 position: relative;
                 float:left;
                 width: 422px;
                 }

#rightcol {
                 position: relative;
                 float:right;
                 width: 422px;
                 }

#leftcolsmall {
                 position: relative;
                 float:left;
                 width: 322px;
                 }

#rightcolwide {
                 position: relative;
                 float:right;
                 width: 522px;
                 }

#footer {
                 position: relative;
                 height: 25px;
                 margin-top: -25px;

                 }

#footer-inside {
                 position: relative;
                 background-color: #497e24;
                 height: 25px;
                 width: 920px;
                 margin: 0 auto;
                 }

#clearance {
                 clear: both;
                 height: 20px;
                 }

/*  D O K U M E N T A U F B A U Ende */

/*  N A V I G A T I O N Aufbau */

/*  ----------------------------------------------------------- HAUPTNAVIGATION Anfang */

#mNav {
                 list-style: none;
                 padding: 0;
                 margin: 0;
                 width: 800px;
                 }

#mNav li {
                 float:left;
                 }

#mNav li#spacer {
                 float:left;
                 width:19px;
                 height:25px;
                 }

#mNav li a       {
                 font-family: Georgia, Times, serif;
                 font-size: 13px;
                 line-height: 25px;
                 color: #e5f0cb;
                 text-decoration: none;
                 display: block;
                 overflow: hidden;
                 height: 25px;
                 text-align: center;
                 }

#mNav li a:hover {
                 color: #34521b;
                 background-color: #e5f0cb;
                 }

#mNav li a#uebermich {
                 width:88px;
                 }

#mNav li a#naturheil {
                 width: 208px;
                 }

#mNav li a#ohrakupunktur {
                 width: 118px;
                 }

#mNav li a#energetische {
                 width:190px;
                 }

#mNav li a#honorar {
                 width:70px;
                 }

#mNav li a#kontakt {
                 width:66px;
                 }

#mNav li a#nachoben {
                 width:100px;
                 }

#mNav li a#impressum {
                 width:98px;
                 }

/*  ----------------------------------------------------------- HAUPTNAVIGATION Ende */

/*  T Y P O  I M  C O N T E N T B E R E I C H Anfang */

p {
                 font-size: 13px;
                 line-height: 18px;
                 color: #34521b;
                 text-align: justify;
                 }

h1 {
                 font-size: 18px;
                 color: #34521b;
                 margin-top: 0px;
                 }

ul.imtext {
                 font-size: 13px;
                 line-height: 18px;
                 color: #34521b;
                 text-align: justify;
                 }

ul.imtext li     {
                 margin-top: 18px;
                 }

#spacer_s          {
                 display: inline-block;
                 width: 320px;
                 line-height: 18px;
}

a.link {
                 font-size: 13px;
                 line-height: 18px;
                 color: #34521b;
                 text-decoration: underline;
                 }

a.link:hover {
                 font-size: 13px;
                 line-height: 18px;
                 color: #34521b;
                 text-decoration: none;
                 color: #497e24;
                 }

/*  T Y P O  I M  C O N T E N T B E R E I C H Ende */

/*  B I L D E R Anfang */

img              {
                 width: 192px;
                 height: 136px;
                 border:0px;
                 float:left;
                 margin-right:19px;
}

img#schreibtisch {
                 width: 322px;
                 height: 210px;
                 border:0px;
                 float:left;
}

/*  B I L D E R Ende */

fieldset{border:0;}
ul.form{list-style:none;padding:0;margin:0 auto;width:420px;border:0;}
ul.form li{border-bottom:1px dashed #497e24;padding:6px 0;height:35px;}
ul.form li label{display:block;float:left;width:140px;color: #34521b;font-size: 13px;}
.required{display:block;font-size:10px;color:#497e24;width:140px;float:left;clear:left;}
ul.form li input, ul.form li select, ul.form li textarea{width:270px;background-color:#f6fce9;border:2px solid #497e24;padding-left:3px;}
ul.form li.submit{text-align:right;border:0;}
border:0 none;
cursor:pointer;
display:block;
height:34px;
width:110px;
overflow:hidden;
text-indent:-4000px;
float:right;}
#comment{width:400px;background-color:#f6fce9;border:2px solid #8f8f8f;}
ul.form li textarea{height:90px;width:410px;}
ul.form li.comment .required, ul.form li.comment label{width:120px;}
li.comments{height:130px !important;}
.valid{border:2px solid green !important;}
.invalid{border:2px solid #800 !important;}