html, body, ul, li {margin: 0; padding: 0; border: 0;}

a:link {
   text-decoration: none; 
   color: #8e2828;
   background-color: transparent;
}

a:visited {
    text-decoration: none; 
    color: #8e2828;
    background-color: transparent;
}

a:active {
 	 text-decoration: underline; 
 	 color: black;
    background-color: #ffe3cb;
}

a:hover {
    text-decoration: underline;
    color: black;
    background-color: #b09d8c;       
}

a:visited#logolink {
   color: white;
   background-color: transparent;
}

a:hover#logolink {
   color: white;
   background-color: transparent;
}

body {
   color: black;
   background: #ecf1f0;   
   background-image: url(Images/hintergrund.gif);   
   background-position: 150px 0;
   font-size: 100.01%;
   font-family: Helvetica,Arial,sans-serif;
 /*  min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */  
}

* html body {
  font-size: 80%;  /* Schrift beim Internet Explorers kleiner machen*/
  background-position: 150px 0; 
}

#top {
background: url(Images/grafik_oben.gif);
background-position: 150px 0;
height: 133px;
}

#left {
position:relative;
float: left;
width: 150px;
margin:0;
}

* html #left {
width: 12em;
}

#main {
margin-left: 150px;
padding: 30px;
padding-top: 14px;
font-size: 80%
}

* html #main {
font-size: 100%;
}

div#footer {
text-align: center;
font-size: 65%;
border-top: 1px solid silver;
padding-top: 5px;
margin-top: 5px;
margin-left: 250px;
margin-right: 100px;
margin-bottom: 10px;
}  

* html div#footer {
font-size: 80%;
}


/* Menue style */
 ul#navlist {
position: relative;
/*width: 158px;
\width: 160px;
w\idth: 158px;*/
width: 8em;
padding: 0;
margin-top: 0;
list-style-type: none;
font: bold large verdana,helvetica,arial,sans-serif;
/*background: url(Images/hintergrund.gif) 100% 0;*/
background-color: transparent;
}


ul#navlist li a, ul#navlist li a:visited {
position: relative;
display:block; 
text-decoration:none; 
text-align:center; 
overflow:hidden;
color: white; 
background-color: transparent;
}

ul#navlist li {
float:left; 
font-size: 80%;
margin-top: 1em;
position:relative;
list-style-type: none;
width: 10em;
}

ul#navlist li ul {
display: none;
}

ul#navlist li ul li {
margin-top: 0;
width: 11em;
border: 1px solid silver;
}

ul#navlist li#current a:link{ 
color: #8e2828; 
background-color: transparent;
}

ul#navlist li#current a:visited{ 
color: #8e2828; 
background-color: transparent;
}

ul#navlist li:hover a, ul#navlist li#current:hover a {
color:white; 
background:#8e2828;
}

ul#navlist li:hover ul ,ul#navlist li#current:hover ul {
display:block; 
position:absolute; 
top:0; 
left:8em; 
width:9em;
}

ul#navlist li:hover ul li a:hover,ul#navlist li#current:hover ul li a:hover {
background:#8e2828; 
color:white;
}


/* Hauptmenue Mozilla */
ul#navlist li:hover ul li a,ul#navlist li#current:hover ul li a {
display:block; 
background:#89c39c; 
color:white;
}


/* IE styling */
* html ul#navlist li {
font-size: 85%;
}

* html ul#navlist li ul li {
font-size: 75%;
}

* html ul#navlist li a.hide,
* html ul#navlist li#current a.hide,  
* html ul#navlist li a:visited.hide,
* html ul#navlist li#current a:visited.hide 
{
display:none;
}

* html ul#navlist li a:hover ul li a.hide, * html ul#navlist li#current a:hover ul li a.hide {
display:none;
}

* html ul#navlist li a:hover,* html ul#navlist li#current a:hover {
background:#8e2828; 
color:white;
}

* html ul#navlist li a:hover ul,* html ul#navlist li#current a:hover ul {
display:block; 
position:absolute; 
top:0; 
left:5em; 
width:9em;
}


* html ul#navlist li a:hover ul li a,* html ul#navlist li#current a:hover ul li a { 
background:#89c39c; 
color:white;
width: 14em;
}

* html ul#navlist li a:hover ul li a:hover,* html ul#navlist li#current a:hover ul li a:hover  {
background:#8e2828; 
color:white;
}

/* Reihenfolge der Menues */
#current {
z-index: 100;
}

#ma {
z-index: 15;
}

#mb {
z-index: 14;
}

#mc {
z-index: 13;
}
#md {
z-index: 12;
}
#me {
z-index: 10;
}
#mf {
z-index: 9;
}
#mg {
z-index: 8;
}
#mh {
z-index: 7;
}
#mi {
z-index: 6;
}
#mj {
z-index: 5;
}

/* Generelle Textformatierungen */
h1.top {
position: absolute;
left: 150px;
right: 0px;
top: 50px;
margin-top: 0;
margin-bottom: 0;
font-size: 150%;
font-weight: bold;
text-align: center;
}

* html h1.top {
margin-left: auto;
margin-right: auto;
width: 85%;
font-size: 180%;
}

h2,h3 {
text-align: center;
}

.textcenter {
text-align: center;
}

hr.book {
margin-top: 30px;
margin-bottom: 10px;
}

hr.bebi {
margin-top: 30px;
margin-bottom: 30px;
}

/* Bilderformatierung */
#logo {
width: 150px;
border: 0;
}

.piccenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.picleft {
float: left;
width: 12em;
margin-right: 20px;
vertical-align: center;
}

/* Hier wird das Impressum gestyled */
.info li{
color: #8e2828;
background: transparent;
list-style: none;
}
.info ul li{
color: black;
background-color: transparent;
list-style: none;
padding-left: 8em;
}

.info li.zeileeins{
margin-top: -1.3em;
}

* html .info li.zeileeins {
margin-top: -1.2em;
}

div#main div#impr {
      text-align: justify;
      margin-right: 1em;      
}


div#main div#impr ul li{
   margin-left: 3em;
   }
   
/* Kontaktformular */
dl#formular {
margin-left: 4em;
margin-bottom: 2em;
}

dl#formular dt {
padding-top: 0.5em;
padding-bottom: 0.1em;
}

p#fbutton {
margin-left: 11em;
}

* html p#fbutton {
margin-left: 13em;
}


/* Ab hier werden die Behandlungsbilder gestyled */

img.bebi {
width: 12em;
border: 2px solid black;
margin-bottom: 1em;
margin-left: 1em;
margin-right: 1em;
}

div.bebitext {
text-align: center;
padding-left: 2em;
padding-right: 2em;
}

div.bebitext p {
text-align: left;
padding-left: 6em;
}