/* !!! stylesheet für Zahnarztpraxis Dres. Schlerf und Tögemann (Karlstr., Hamburg), erstellt von Arztpraxis-Heute.de !!! */

/* Farben:
dunkelbeige / braun (border): #aba391
dazu Schriftfarbe dunkelbraun: #6a4a00
hintergrund beige: #ece5db
dunkelrot: #8c0b0b;
*/

* { padding: 0; margin: 0 }

html, body {
  font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
  color: #000;
  font-size: 100.01%;
  background-color: white;
  background-image: url(../images/seite_bg.jpg);
  background-repeat: repeat-x;
  text-align:center;
}


/* ##### Definition der div-container ##### */
/* ######################################## */
#seite {
width: 960px;
margin: 0 auto;
text-align: left;
}
#rahmen {
width: 930px;
padding-left: 10px;
min-height:350px;
height:auto !important;  /* für moderne Browser */
height:350px;  /*für den IE */
border: 1px solid #aba391;
}
#navi {
width: 930px; /* fest */
height: 30px;
line-height: 30px;
vertical-align: middle;
position: absolute;
top: 138px;
}
/* Abweichung wegen border 1px bei IE6 */
* html #navi {
position: absolute;
top: 137px;
}
#head {
width: 940px; /* fest */
height: 140px; /* geändert mit neuem Logo */
background-image: url(../images/head_bg.gif);
background-repeat: no-repeat;
margin-bottom:12px;
}
* html #head {
background-image: url(../images/head_bg_ie6.gif);
}
#subnavi {
float: left;
width: 175px;
margin-left: -17px; /* damit listbullits auf border sind */
margin-top: 20px;
position:relative; /* damit negatives margin im div subnavi dargestellt wird */
}
/* subnavi für IE6 */
* html #subnavi { 
margin-left: -8px;
}
/* platz für bilder, deshalb feste Breite wichtig (Austausch head, untersch. breite inhalt !! */
/* bilder im rechten Bereich haben IMMER eine Breite von 218px, Mindesthöhe 375px */
#rechts {
float:right;
width: 220px;
margin-top: 12px;
margin-right: 2px; 

background-color: white;
}

#inhalt {
margin-left: 162px; /* Abstand links subnavi */
margin-top: 12px; /* Abstand Navi*/
margin-bottom: 4px; /* Abstand zur unteren Linie der Seite */
padding-top: 10px; /* Abstand zur H1 */
/* hier keine paddings left/right wegen h1 mit Linie! */
min-height:355px; /* anders als #rechts, weil padding für H1 berücksichtigt */
height:auto !important;  /* für moderne Browser */
height:375px;  /* anders!!! für den IE */
width: 542px;
background-color: #ece5db;
padding-bottom: 10px; /* Abstand zum letzten Text */
}
/* inhalt für IE6 */
* html #inhalt {
margin-left: 158px;
width: 528px;
}
#footer {
height:10px;
width: 940px; /* wie container */
color: #8c0b0b;
font-size: 70%;
text-align: center;
margin-top:5px;
}
.clearer {
clear: both;
}
/* ##### ab hier Formatierungen der einzelnen div-Inhalte ##### */
/* ############################################################ */

/* ##### INHALT ##### */
#inhalt h1 {
font-size: 90%;
color: #8c0b0b;
text-align: center;
line-height: 38px;
background-image: url(../images/h1_bg.jpg);
background-repeat: no-repeat;
background-position: left center;
margin-bottom:10px;
}
* html #inhalt h1 {
background-image: url(../images/h1_bg_ie6.jpg); 
}
#inhalt h2 {
font-size: 80%;
color: #8c0b0b;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
#inhalt p {
font-size: 80%;
color: #6a4a00;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
#inhalt ul {
color: #6a4a00;
font-size: 80%;
list-style-image: url(../images/listbullit.jpg);
padding-left: 35px;
padding-right: 10px;
padding-bottom: 10px; /* am Ende der Liste */
}
#inhalt ul li {
padding-bottom: 4px;
}
#inhalt a {
color: #8c0b0b;
}

/* ##### NAVI ##### */
#navi ul  {
  font-size: 90%;
  font-weight: normal;
  margin-left: 162px;
  color: #6a4a00;
}
#navi ul li { 
  display: inline;
  list-style-type: none;
}
#navi ul li a {
  color: #6a4a00;
  text-decoration: none;
  background-image: url(../images/listenavi.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  background-color: white;
  padding-left: 18px;
  padding-right: 10px;
  margin-right: 30px;
}
#navi ul li a:visited {
  color: #6a4a00;
  text-decoration: none;
}
#navi ul li a:hover {
  color: #8c0b0b;
  text-decoration: none;
  background-image: url(../images/listenavi_hi.jpg);
  background-repeat: no-repeat;
  background-position: left center;
}
#navi ul li a:active {
  color: #8c0b0b;
  text-decoration: none;
  background-image: url(../images/listenavi_hi.jpg);
  background-repeat: no-repeat;
  background-position: left center;
}
#navi ul li a:focus {
  color: #8c0b0b;
  text-decoration: none;
  background-image: url(../images/listenavi_hi.jpg);
  background-repeat: no-repeat;
  background-position: left center;
}
.aktiv_main {
  color: #8c0b0b;
  text-decoration: none;
  background-image: url(../images/listenavi_hi.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  background-color: white;
  padding-left: 18px;
  padding-right: 10px;
  margin-right: 30px;
}

/* ##### SUBNAVI ##### */
#subnavi ul {
  position: relative; /* damit negatives margin im div subnavi dargestellt wird */
  color: #6a4a00;
  font-size: 90%;
}
#subnavi ul li {
  list-style-type: none;
}
#subnavi ul li a {
  color: #6a4a00;
  text-decoration: none;
  background-image: url(../images/listesubnavi.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
  line-height: 40px;
}
#subnavi ul li a:visited {
  color: #6a4a00;
  text-decoration: none;
}
#subnavi ul li a:hover {
  color: #8c0b0b;
  text-decoration: none;
  background-image: url(../images/listesubnavi_hi.jpg);
  background-repeat: no-repeat;
  background-position: left center;
}
#subnavi ul li a:active {
  color: #8c0b0b;
  text-decoration: none;
  background-image: url(../images/listesubnavi_hi.jpg);
  background-repeat: no-repeat;
  background-position: left center;
}
#subnavi ul li a:focus {
  color: #8c0b0b;
  text-decoration: none;
  background-image: url(../images/listesubnavi_hi.jpg);
  background-repeat: no-repeat;
  background-position: left center;
}
/* aktiver Zustand Subnavi */
.aktiv_sub1 {
  color: #8c0b0b;
  text-decoration: none;
  background-image: url(../images/listesubnavi_hi.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
  line-height: 40px;
}
/* Subnavi 2. Ebene, Entfernung background image !! */
#subnavi .subebene2 a {
  font-size: 90%;
  padding-left: 20px;
  background: none;
  line-height: 20px;
}
/* aktiver Zustand Subnavi */
.aktiv_sub2 {
  color: #8c0b0b;
  font-size: 90%;
  background-image: url(../images/listesubnavi_hi.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
  line-height: 20px;
}

/* ##### SITEMAP ##### */
.csc-sitemap ul {
padding-bottom:0 !important;
}
.csc-sitemap ul ul ul {
font-size: 90% !important;
padding-top: 5px;
}
.csc-sitemap ul li{
background-image: none !important;
line-height: 170%;
}
.csc-sitemap ul li a{
font-size: 100%;
}
/* zweite Ebene */
.csc-sitemap ul li ul li a{
font-size: 130%;
padding-left: 2px;
}