/* !!! stylesheet fuer Zahanrztpraxis Krueger (Hamburg Sasel), erstellt von Arztpraxis-Heute.de !!! */

/* Farben:
tuerkis/blau: #03a9ab
rot: #bf0000
*/

* { padding: 0; margin: 0 }

html, body {
  font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
  color: #000;
  font-size: 100.01%;
  background-color: white;
  /* Zentrierung IE6 - wird berichtigt in #seite*/
  text-align:center;
}

/* ##### Definition der div-container ##### */
/* ######################################## */
#seite {
width: 960px;
margin: 10px auto;
/* wegen Zentrierung IE6 hier Berichtigung*/
text-align:left;

}
#spacer_oben {
height: 20px;
background-color: white;
}
#container_re {
float:right;
width: 196px; /* immer in Summe mit navi und head 960px*/
height: 488px;
border: 1px solid silver;
margin-bottom: 10px; /* Abstand zum Footer*/
}
#logo {
width: 176px;
height: 248px;
background-image: url(../images/logo_web.jpg);
background-repeat: repeat-y;
border: 1px solid silver;
margin: 10px 10px 0 10px;
}
#zeiten {
width: 176px;
height: 98px;
background-image: url(../images/box_re_bg.jpg);
background-repeat: repeat-y;
border: 1px solid silver;
margin: 10px 10px 0 10px;
}
#bild {
width: 176px;
height: 98px;
background-image: url(../images/becher_bg.jpg);
border: 1px solid silver;
margin: 10px 10px 0 10px;
}
#navi {
float:left;
width: 760px; /* fest */
height: 30px;
background-image: url(../images/navi_bg.jpg);
}
#head {
float:left;
width: 760px; /* fest */
height: 80px;
background-image: url(../images/head_bg.jpg);
}
#clearer {
clear: both;
}
#container_li {
width: 750px; /* 760px max mˆglich */
border-left:1px solid #bf0000;
border-top:1px solid #bf0000;
float:left;
min-height:400px;
height:auto !important;  /* f¸r Gecko */
height:400px;  /*f¸r den IE6 */
padding-top: 15px; /* Abstand vom Header */
}
#subnavi {
float: left;
width: 200px;

}
#content {
margin-left: 200px;
padding-bottom: 10px;
width: 540px; /* f¸r IE nicht auf max gehen! */
border-left: 1px solid #03a9ab;
}
#footer {
height:10px;
background-color: #bf0000;
}

/* ##### ab hier Formatierungen der einzelnen div-Inhalte ##### */
/* ############################################################ */

/* ##### CONTENT ##### */
/* generelles padding-left oben angegeben*/
#content h1 {
font-size: 100%;
color: #03a9ab;
margin-bottom:5px;
padding-left: 10px;
}
#content h2 {
font-size: 80%;
margin-bottom:10px;
padding-left: 10px;
color: gray;
}
#content p {
font-size: 80%;
margin-bottom: 10px;
padding-left: 10px;
}
#content ul {
  font-size: 80%;
  list-style-image: url(../images/listbullit.jpg);
  padding-left: 25px;
  padding-bottom: 5px; /* am Ende der Liste */
  margin-left: 0px;
}
#content ul li {
  
  padding-bottom: 5px;
  padding-left: 0px;
  margin-left: 0px;
}

/* ##### CONTAINER RECHTS ##### */
#logo h4 {
font-size: 80%;
color: #666666;
padding-left: 5px;
margin-top:155px;
margin-bottom: 8px;
}
#zeiten h4 {
font-size: 80%;
color: #666666;
padding-left: 5px;
margin-top: 10px;
margin-bottom: 10px;
}
#container_re p {
font-size: 70%;
padding-left: 5px;
}
#container_re hr {
margin-left: 5px;
margin-right: 5px;
color:silver;
}
#bild img {
/* nur Bildgrˆsse 166px x 88px */
padding: 5px;
}

/* ##### NAVI ##### */
#navi ul  {
  font-size: 90%;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
}
#navi ul li { 
  display: inline;
}
#navi ul li a:link {
  color: white;
  text-decoration: none;
  padding: 7px 22px 6px 22px;
}
#navi ul li a:visited {
  color: white;
  text-decoration: none;
  padding: 7px 22px 6px 22px;
}
#navi ul li a:hover {
  color: black;
  text-decoration: none;
  background-color: transparent;
  background-image: url(../images/navi_high_bg.jpg);
  background-repeat: repeat-x;
  line-height: 30px;
  padding: 7px 22px 6px 22px;
}
#navi ul li a:active {
 color: black;
  text-decoration: none;
  background-image: url(../images/navi_high_bg.jpg);
  background-repeat: repeat-x;
  line-height: 30px;
  padding: 7px 22px 6px 22px;
}
#navi ul li a:focus {
 color: black;
  text-decoration: none;
  background-image: url(../images/navi_high_bg.jpg);
  background-repeat: repeat-x;
  line-height: 30px;
  padding: 7px 22px 6px 22px;
}
/* aktiver Zustand Navi (mit ACT) */
.aktiv_main {
  color: black;
  text-decoration: none;
  background-color: transparent;
  background-image: url(../images/navi_high_bg.jpg);
  background-repeat: repeat-x;
  line-height: 30px;
  padding: 7px 22px 6px 22px;
}


/* ##### SUBNAVI ##### */
#subnavi h3 {
  font-size: 90%;
  color: #03a9ab;
  margin-bottom:5px;
  padding-left: 10px;
}
#subnavi ul {
  font-size: 80%;
  font-weight: normal;
}
#subnavi ul li { 
  padding-left: 10px;
  list-style-type: none;
  line-height: 24px;
}
/* Subnavi 2. Ebene */
.subebene2 {
  font-size: 90%;
  padding-left: 10px;
  line-height: 20px;
}
#subnavi ul li a:link {
  color: black;
  text-decoration: none;
}
#subnavi ul li a:visited {
  color: black;
  text-decoration: none;
}
#subnavi ul li a:hover {
  color: #03a9ab;
  text-decoration: none;
}
#subnavi ul li a:active {
  color: #03a9ab;
  text-decoration: none;
}
#subnavi ul li a:focus {
  color: #03a9ab;
  text-decoration: none;
}
/* aktiver Zustand Subnavi 1. Ebene */
.aktiv_sub1 {
  color: #03a9ab;
  font-weight: bold;
}
/* aktiver Zustand Subnavi 2. Ebene (weiter rechts, kleiner) */
.aktiv_sub2 {
  color: #03a9ab;
  font-size: 90%;
  font-weight: bold;
  padding-left: 10px;
}

/* Links im Contentbereich */
#content a:link {
  color: #bf0000;
  text-decoration: none;
}
#content a:visited {
  color: #bf0000;
  text-decoration: none;
}
#content a:hover {
  color: #bf0000;
  text-decoration: underline;
}
#content a:active {
  color: #bf0000;
  text-decoration: underline;
}
#content a:focus {
  color: #bf0000;
  text-decoration: underline;
}

/* Sitemap */
.csc-sitemap ul {
font-size: 90% !important;
}