/* StyleSheet http://www.brustzentrum-bodensee.de/
   Erstellt von Werner Merk, http://www.kunsterbunt.de/ - Nov 17, 2009
   Letzte Aktualisierung: Aug 30, 2010 */

/* ------------- Grundsaetzliche Formatierungen --- */

#fl_end {
height: 0px;
clear: both;
}

body {
text-align: center;
margin: 0;
padding: 0;
background-image: url(../bld/leiste2.gif);
background-repeat: repeat-x;
background-position: 0 111px;
}

#oben {
top: -10px;
left: -10px;
width: 0;
height: 0;
position: absolute;
}

/* ------------- Generelle Schriftart --- */

#koerper {
font-family: verdana,arial,helvetica,sans-serif;
}


/* ------------- Allgemeine Schriftformatierungen --- */

p {
margin: 0;
padding: 0;
margin-bottom: 15px;
}

p, li {
color: #393C39;
font-size: 9pt;
line-height: 14pt;
}

p b {
color: #393C39;
}

li {
font-size: 9pt;
}

h1 {
color: rgb(60,80,110);
font-size: 12pt;
font-weight: bold;
padding: 6px 0 0px 0;
}

h2 {
color: dimgray;
font-size: 10pt;
font-weight: bold;
line-height: 14pt;
padding-top: 6px;
}

/* ------------- Weitere Gestaltungselemente --- */

div.box {
font-size: 9pt;
line-height: 14pt;
border-top: 2px solid lightgrey;
border-left: 1px solid lightgrey;
border-right: 1px solid lightgrey;
border-bottom: 1px solid lightgrey;
margin-top: 25px;
padding: 15px 20px;
background: url(../bld/box.gif) top left repeat-x;
margin-bottom: 15px;
}

/* ------------- Aufbau

<div id="koerper">

  <div id="huelle1">
    <div id="kopf">
      <div id="kopfli"></div>
      <div id="kopfre">
        <div id="kopfmenue"></div>
      </div>
    </div>
  </div>

  <div id="huelle2">
    <div id="leiste">
      <div id="menue"></div>
    </div>
  </div>

  <div id="huelle3">
    <div id="inhalt">
      <div id="flanke">
        <div id="navi"></div>
      </div>
      <div id="bauchhuelle">
        <div id="bauch">
          <h1></h1>
          <h2></h2>
          <p></p>
        </div>
      </div>
    </div>
  </div>

  <div id="fl_end"></div>

  <div id="fuss">
    <div id="unten">
      <div id="u1"></div>
      <div id="u2"></div>
      <div id="u3"></div>
    </div>
    <div id="fl_end"></div>
    <div id="fuss1">
      <div id="fuss2"></div>
    </div>
  </div>

</div>

*/


/* ------------- Basiselement --- */

#koerper {
width: 794px;
margin: 0 auto;
position: relative;
}

/* ------------- Kopfbereich --- */

#huelle1 {
width: 794px;
height: 111px;
background: url(../bld/hg_oben.gif) top left no-repeat;
}

#kopf {
width: 754px;
height: 111px;
margin: 0 20px;
background: url(../bld/titel.gif) top left no-repeat;
}

#kopfli {
float: left;
width: 377px;
height: 100px;
}

#kopfre {
float: left;
width: 377px;
text-align: right;
}

#kopfmenue {
font-size: 8pt;
font-weight: bold;
padding: 10px 10px 0 0;
}

#kopfmenue a {
color: gray;
text-decoration: none;
}

#kopfmenue a:hover {
color: firebrick;
text-decoration: underline;
}

/* ------------- Mitte --- Bilderleiste :: Navigation --- */

#huelle2 {
width: 794px;
height: 250px;
background: url(../bld/hg_mitte2.gif) top left no-repeat;
}


#leiste {
text-align: left;
width: 754px;
height: 250px;
margin: 0 20px;
}

body#impressum #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#kontakt #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#index #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#leitbild #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#kompetenz #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#standorte #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#kooperationen #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#antworten #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#erfahrung #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#angehoerige #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#zuweiser #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#literatur #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#diagnose #leiste,
body#diagnose_01 #leiste,
body#diagnose_02 #leiste,
body#diagnose_03 #leiste,
body#diagnose_04 #leiste,
body#diagnose_05 #leiste,
body#diagnose_06 #leiste,
body#diagnose_07 #leiste,
body#diagnose_08 #leiste,
body#diagnose_09 #leiste,
body#diagnose_10 #leiste,
body#diagnose_11 #leiste,
body#diagnose_12 #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#therapie #leiste,
body#therapie_01 #leiste,
body#therapie_02 #leiste,
body#therapie_03 #leiste,
body#therapie_04 #leiste,
body#therapie_05 #leiste,
body#therapie_06 #leiste,
body#therapie_07 #leiste,
body#therapie_08 #leiste,
body#therapie_09 #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#nachsorge #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

body#studien #leiste {
background: url(../bilder/schwester1.jpg) top left no-repeat;
}

/* ------------- Menue --- */

#menue {
width: 240px;
height: 250px;
border: 0;
voice-family: male;
font: normal 0.8em verdana,arial,helvetica,sans-serif;
}

#menue a:link, #menue a:visited {
display: block;
width: 240px;
text-indent: 20px;
color: #3f3f3f;
text-decoration: none;
padding: 4px 0px 4px 0px;
background: transparent;
border-bottom: 1px solid lightgrey;
border-top: 1px solid white;
}

#menue a:hover {
color: black;
text-decoration: none;
background: url(../bld/button_grau.png) top left repeat-x;
}

/* Erster Hauptmenueeintrag - ohne oberer Linie -- enfällt: siehte a0 */

#menue a:link.a1, #menue a:visited.a1 {
border-top: 0px solid lightgrey;
}

/* Letzer Hauptmenueeintrag - ohne untere Linie */

#menue a:link.a9, #menue a:visited.a9 {
border-bottom: 0px solid lightgrey;
}

/* Zuteilung aktiver Linkfarben im Hauptmenue */

body#leitbild #menue a.a2,
body#standorte #menue a.a3,
body#kompetenz #menue a.a4,
body#diagnose #menue a.a5,
body#diagnose_01 #menue a.a5,
body#diagnose_02 #menue a.a5,
body#diagnose_03 #menue a.a5,
body#diagnose_04 #menue a.a5,
body#diagnose_05 #menue a.a5,
body#diagnose_06 #menue a.a5,
body#diagnose_07 #menue a.a5,
body#diagnose_08 #menue a.a5,
body#diagnose_09 #menue a.a5,
body#diagnose_10 #menue a.a5,
body#diagnose_11 #menue a.a5,
body#diagnose_12 #menue a.a5,
body#therapie #menue a.a6,
body#therapie_01 #menue a.a6,
body#therapie_02 #menue a.a6,
body#therapie_03 #menue a.a6,
body#therapie_04 #menue a.a6,
body#therapie_05 #menue a.a6,
body#therapie_06 #menue a.a6,
body#therapie_07 #menue a.a6,
body#therapie_08 #menue a.a6,
body#therapie_09 #menue a.a6,
body#nachsorge #menue a.a7,
body#kooperationen #menue a.a8,
body#kontakt #menue a.a9 {
color: white;
font-weight: bold;
background: url(../bld/menu.gif);
cursor: default;
}

#menue a.a0 {
color: white;
background: transparent;
border-top: 1px solid silver;
}


/* ------------- Inhaltsebene --- */

#huelle3 {
width: 794px;
height: 397px;
background: url(../bld/hg_unten.gif) top left no-repeat;
}

#inhalt {
text-align: left;
width: 754px;
margin: 0 20px;
}

/* ------------- Linkes Innenelement :: Unternavigation --- */

#flanke {
float:left;
width: 240px;
/* background-color: rgb(220,220,220); */
}

#links {
margin-top: 35px;
margin-left: 15px;
font-size: 8pt;
}

#navi {
margin-top: 20px;
}

#navi a {
width: 240px;
display: block;
text-indent: 40px;
color: #6B6D6B;
font: normal 9pt verdana,arial,helvetica;
text-decoration: none;
padding: 6px 0px 4px 0px;
border-bottom: 1px dotted gray;
/* background-color: rgb(235,235,235); */
}

#navi a:hover {
color: black;
text-decoration: none;
border-bottom: dotted 1px white;
background: url(../bld/button_grau.png) top left repeat-x;
/* background-color: rgb(65,100,150); */
}

body#diagnose_01 #navi a.d1,
body#diagnose_02 #navi a.d2,
body#diagnose_03 #navi a.d3,
body#diagnose_04 #navi a.d4,
body#diagnose_05 #navi a.d5,
body#diagnose_06 #navi a.d6,
body#diagnose_07 #navi a.d7,
body#diagnose_08 #navi a.d8,
body#diagnose_09 #navi a.d9,
body#diagnose_10 #navi a.d10,
body#diagnose_11 #navi a.d11,
body#diagnose_12 #navi a.d12,
body#therapie_01 #navi a.d1,
body#therapie_02 #navi a.d2,
body#therapie_03 #navi a.d3,
body#therapie_04 #navi a.d4,
body#therapie_05 #navi a.d5,
body#therapie_06 #navi a.d6,
body#therapie_07 #navi a.d7,
body#therapie_08 #navi a.d8,
body#therapie_09 #navi a.d9,
body#nachsorge #navi a.h03 {
color: rgb(60,80,100);
background: url(../bld/nav.gif);
cursor: default;
}

/* ------------- Rechtes Innenelement :: Content --- */

#bauchhuelle {
float: left;
width: 514px;
}

#bauch {
width: 434px;
margin: 25px 30px 40px; 30px;
}

#bauch a {
color: firebrick;
text-decoration: none;
}

#bauch a:hover {
color: crimson;
text-decoration: underline;
}

/* ------------- Endelement FUSS --- */

#fuss {
width:754px;
margin: 0 20px;
}

#fuss1 {
width: 100%;
background-image: url(../bld/fuss.gif);
background-repeat: no-repeat;
background-position: 40px;
}

#fuss2 {
text-align: left;
width: 514px;
font-size: 8pt;
line-height: 12pt;
margin-left: 240px;
padding: 25px 0;
}

/* ------------- Fusselement UNTEN --- */

#unten {
width: 754px;
height: 40px;
font-size: 9pt;
background: url(../bld/unten.gif) no-repeat top left;
}

#u1, #u2, #u3 {
float: left;
font-weight: bold;
padding-top: 10px;
}

#u1 {
width: 240px;
color: white;
}

#u2 {
width: 260px;
}

#u3 {
width: 200px;
}

#u2 a, #u3 a {
color: rgb(60,80,110);
text-decoration: none;
}

#u2 a:hover, #u3 a:hover {
text-decoration: underline;
}