html {
height: 100%;
margin-bottom: 1px;
}
body {
font-family: "Trebuchet MS", Helvetica, sans-serif;
line-height: 1.6em;
margin: 0;
font-size: 12px;
color: #4c4a4f;
background: #fff;
}

a {
  text-decoration: none;
  color: #808080;
  color: #195ca0;
}

.main a {
  font-weight:bold;
}

#osteo h1 { font-size: 24px; border-bottom: 1px solid #d3d3d3;}
#osteo h2  {font-size: 18px; }
#osteo strong { font-weight: normal; }

div.center { 
  background: #fff; width: 904px; margin: 0 auto;
  background: url(../i/hintergrund.jpg) #fff no-repeat;
  text-align: left;
  width: 904px;
  min-height: 689px;
}
div.header {
  text-align: right;
  width: 780px;
  padding: 136px 120px 0 0;
}

div.header ul {
  border:0;
  margin: 0;
  padding: 0;
}

div.header ul li {
  display: inline;
  padding: 0 2px;
}

div.header ul li a{
  font-size: 13px; 
  font-weight: normal;
  font-family:  verdana, arial, "trebuchet ms", helvetica, sans-serif; 
  color: white;
  padding: 2px 0px;
  text-decoration:none;
  display: inline-block;
  text-align: center;
}

div.header li a:hover,
#home div.header li#lhome a,
#termine div.header li#ltermine a,
#osteo div.header li#losteopathie a,
#therapeut div.header li#ltherapeuten a,
#kontakt div.header li#lkontakt a {
background-position: 0 -23px;
}

.tm_55 a{ min-width: 55px; width: 55px; background: url(../i/55.gif) top left no-repeat;}
.tm_65 a{ min-width: 65px; width: 65px; background: url(../i/65.gif) top left no-repeat;}
.tm_100 a{ min-width: 100px; width: 100px; background: url(../i/100.gif) top left no-repeat;}



div.content { padding: 0px; }
div.main {
  padding: 30px 22px 20px 50px;
  margin-left: 222px;
  width: 504px;
}

div.left {
  width: 196px;
  float: left;
  padding: 22px 0 0;
  background: url(../i/menue-oben.jpg) top left no-repeat #cdcdcd;;
  text-align: right;
  margin: 70px 0 0 55px;
}

div.leftinner {
  padding: 0 0 15px;
  background: url(../i/menue-unten.jpg) bottom left no-repeat #cdcdcd;
}

div.leftinner p {
  padding: 0 12px;
}

.left ul {  list-style-type: none; margin: 0; border:0; padding:0; background: #cdcdcd; }
.left ul li { padding: 0 0 3px; }
.left ul li a {  padding: 12px 10px; color: #808080; text-decoration:none;    color: #195ca0;}
.left ul li a:hover {  color: #494949; text-decoration:underline;  }

div.outer {
  display:none;
  padding: 10px;
  margin-top: 50px;
  border: 1px solid #1a5ea4;
  width: 120px;
  background: white;
}
.right { float: left; margin-left: -15px;}

#footer {
  text-align: right;
  background: url(../i/footer.jpg) bottom left no-repeat transparent;
    
  padding: 10px 22px 25px 50px;
  margin-left: 222px;
  width: 504px;
}

dt { font-weight: bold;}

img.right {
  float: right;
  padding: 2px;
  border: 1px solid #d3d3d3;
  margin: 0 2px;
}

#therapeut .main a.anker {
  margin: 10px;
  font-weight: bold;
  font-size: 18px;
}

.therapeut {
  background: url(../i/hintergrund-person.jpg) #fff top left no-repeat;
  margin: 10px;
  padding: 5px 15px;
  min-height: 182px;
  width: 392px;
}

.therapeut h4 {
  width: 300px;
  font-size: 14px;
}


.therapeut img.portrait {
  float: left;
  border:0;
  width: 107px;
  height: 119px;
  margin-right: 15px;
}

.therapeut .adresse {
  float: left;
  margin: 0;
  margin-right: 15px;
  width: 250px;
}

.therapeut .more {
  float: right;
  margin: 15px 15px 0 0 ;
  font-size: 14px;
}

.event {
  border-top: 1px solid #808080;
}
.kontakt {
  border-bottom: 1px solid #808080;
  padding-bottom: 15px;
}

 a:hover { color: #494949; text-decoration: underline; }
 #sitemap .main ul { list-style-type: none;}
 #sitemap .main ul li { padding: 5px 0;}
 #sitemap .main ul li a { font-size: 14px;}
 #sitemap .main ul li ul li a { font-size: 12px;}
 
 .pdf {
  background: url(../i/pdf.gif) top left no-repeat;
  padding-left: 20px;  
 }
 
.mail {
  background: url(../i/mail.gif) top left no-repeat;
  padding-left: 15px;  
 }