@charset "utf-8"; 
/** 
* Internetseite Naturheilpraxis Hennebach-Werner
* 
* @link http://www.s-hennebach.de 
* @package Naturheilpraxis
* @version 1.0 
*/

/** 
* Rahmen verlinkter Bilder entfernen 
*/
a img { border: 0; }

/* Zurücksetzen der Innen- und Außenabstände 
*/
* { margin: 0; padding: 0; }

/**  
* Schriftgröße kontrollieren 
*/

body, td, th { font: normal 75%/167% Verdana, Arial, nonserif; } 
   
/* Farben und Hintergründe setzen 
*/

html, body   { color: Black; background-color: #FFFFCF;  width: 900px;     }

/** 
* Regeln für allgemeine Elemente 
*/

h1     { color: #9F0F00; background-color:  transparent; font-size: 1.5em;   line-height: 1;  } 
h2     { color: blue;   background-color: #FFFFCF; font-size: 1.2em; line-height: 1.1; text-transform: uppercase; font-weight: bold; } 
h3     { color: blue;    background-color: #FFFFCF; font-size: 1em;   line-height: 1.1; text-transform: uppercase; } 
h4     { color: blue; font-size: 1.4em;   background-color: transparent;  }
ol      { font-size: 1em; left: 10px; padding-left:40px;   }                             
ol li    { list-style-type:decimal; list-style-position:outside;} 
tab    { font-size: .7em; color: black; background-color: transparent;  position: relative; }
td, 
th      { font-size: 1em; padding: 10px;  }
a       { color: purple;  background-color: transparent; } 

/** 
* @section Absätze 
*/
*  { padding: .2em 0; }

div#name           { position: absolute; left: 175px;  top: 5px;    background-color: transparent; padding: 0;  }  
    #name h1      { font-size: 1.5em; color: blue;   background-color: transparent;   text-transform: none; }
 
div#kopf             { width: 850px; margin: auto; position: absolute;top: 0px; left:140px; bottom: 160px;} 
    #kopf ul         { position: absolute; top: 40px; left: 0px; bottom: 0;  right: 0; font-size: .9em;  }
    #kopf ul li      { float: left; list-style: none; padding: 50px 0 0 0;  padding-left:0px; }
    #kopf ul a, 
    #kopf ul strong { color: blue;  background:#CDCDCD;   display: block; padding: .6em; text-transform: uppercase;  text-decoration: none;   font-weight: bold;      } 
    #kopf ul a:hover, 
    #kopf ul a:focus, 
    #kopf ul a:active,  
    #kopf ul strong   { color: white; background: #55B7DE      }

div#foto   { position: absolute; top: 0px; left: 20px;   } 

/** 
* @section Content 
*/

div#content         { width: 920px; color: black; background-color: #FFFFCF;  position: absolute; left: 40px;  top: 140px;      }
   #content h2      { color: blue; font-size: 1.3em; padding: .8em 0; font-weight: bold; } 
   #content h3      { color: blue; font-size: 1em;  padding: .8em 0;    background-color: transparent;   text-transform: uppercase; }
   #contend text    { font-size: .7em; }
   #content img     { float: right; padding: .5em .5em .5em .5em; }
   #content ul      { font-size: 1em; left: 10px; padding-left:40px;   }                             
   #content ul li    { list-style-type:disc; list-style-position:outside;}  

div#content1         { width: 820px; color: black; background-color: #FFFFCF;  position: absolute; left: 140px;  top: 140px;  padding-top: 10px;     }
    #content1 h2    { color: blue; font-size: 1.3em; } 
    #content1 h3    { color: blue; font-size: 1em;    padding: .8em 0;    background-color: transparent;   text-transform: uppercase; }
    #content1 h4    { color: blue; font-size: 1.4em;   background-color: transparent;  }
    #contend1 text  { font-size: .7em; }
    #content1 img   { float: right; padding:  .5em .5em .5em .5em; }
   #content1 ul      { font-size: 1em; left: 10px; padding-left:40px;   }                             
   #content1 ul li    { list-style-type:disc; list-style-position:outside;}  

  
div#content2        { width: 920px; color: black; background-color: #FFFFCF;  position: absolute; left: 40px;  top: 70px;      }
   #content2 h2    { color: blue; font-size: 1.3em; padding: .8em 0;  } 
   #content2 h3    { color: blue; font-size: 1em;   padding: .8em 0;   background-color: transparent;   text-transform: uppercase; }
   #contend2 text  { font-size: .7em; }
   #content2 img   { float: right; padding:  .5em .5em .5em .5em; }

 
table.link { width: 900px; position: absolute; left: 60px;  top: 170px; }
.link tr { color: inherit; } 
.link td, 
.link th { font-size: 1em; padding: 10px; width:450px; }

 
table.kalo { width: 900px; position: absolute; left: 60px;  top: 1120px; } 
.kalo tr { color: inherit; } 
.kalo td, 
.kalo th { font-size: 1em; padding: 10px; width:450px; }