/*

*/

body {
    padding: 0; margin: 0;
    font: 100% 'lucida grande', verdana;
    background: #e5ebf0; color: #333;
    text-align: center; /* Zentriert für die aelteren Browser den nachfolgenden Block */
}

/* Allgemeingueltige Klassen und Elemente */
img {
    border: none;
}

code {
    font: 14px consolas, 'courier new', monospace;
    color: #333333;
}

pre {
    overflow: auto; padding: 1em;
    font-size: 1em;
}

h1, h2, h3, h4 {
    font-family: verdana; font-weight: normal;
}

a {
    color: #333333;
}
a:hover {
    text-decoration: none;
}

.bild-links { /* Diese Klasse vergeben Sie einem Bild welches links ausgerichtet werden soll */
    float: left;
    margin: .1em 1em .4em 0;
}

.bild-rechts { /* Diese Klasse vergeben Sie einem Bild welches rechts ausgerichtet werden soll */
    float: right;
    margin: .1em 0 .4em 1em;
}

.bild-abstand img {
    margin: 0 .5em .5em 0; /* Bilder innerhalb dieses Elements bekommen zusaetzlichen Abstand */
}

.clearer {
    clear: both; /* hebt die vorhergehenden Floats auf */
}


/*
* Hauptbereich #container
 */

#container {
    text-align: left; /* Hebt die zentrierung auf */
    margin: 0 auto; /* Zentriert diesen Block auf horizontaler Ebene (für modernere Browser) */
    width: 960px;
}


/*
* Hauptbereich: #container
** Unterbereich: #kopfbereich (Logo/Schriftzug und horizontale Navigation)
 */
#kopfbereich {
    position: relative; /* Durch relative Positionierung koennen wir untergeordnete Elemente in Bezug auf #kopfbereich absolut positionieren */
    height: 268px; width: 960px;
    background: url(images/Dr.-Kirchberger-Taennesberg.jpg) no-repeat;
}

/*
* Hauptbereich: #container
** Unterbereich: #kopfbereich
*** Abschnitt: #logo
 */
#kopfbereich #logo {
  margin: 0;
  padding: 10px 10px 19px 10px;
  background: #ffffff none repeat scroll 0% 50%;
  font-size: 1.5em;
  height: 30px;
  font-family: verdana;
  left: 15px;
  text-align: left;
  top: 15pt;
  position: absolute;
  font-style: normal;
  text-transform: uppercase;
  font-size-adjust: none;
  font-weight: normal;
  font-stretch: normal;
  line-height: normal;
  width: 360px;
  font-variant: normal;
  opacity: 0.8
}

#kopfbereich #logo span {
    font-weight: bold; display: block;
}

#kopfbereich a {
    text-decoration: none;
}
#kopfbereich ul a {
    float: left; display: block; padding: 10px 15px;
    font: .9375em verdana;
    text-transform: uppercase;
}


/*
* Hauptbereich: #container
** Unterbereich: #kopfbereich
*** Abschnitt: #hauptnavi1 (Rechts) und #hauptnavi2 (Links)
 */

#hauptnavi1 {
    position: absolute; top: 0; right: 25px;
    margin: 0; padding: 0;
    background: #fff;
    list-style: none;
}

#hauptnavi2 {
    position: absolute; bottom: 0; left: 25px;
    margin: 0; padding: 0;
    background: #fff;
    list-style: none;
}
#hauptnavi2 a {
    background: #9FA60A; color: #fff;
}
#hauptnavi2 a:hover, #hauptnavi2 .aktiv a {
    background: #fff url(images/rahmen.gif) repeat-x; color: #9FA60A;
}
#hauptnavi1 a:hover, #hauptnavi1 .aktiv a {
    background: #fff url(images/rahmen.gif) repeat-x bottom; color: #9FA60A;
}

#kopfbereich ul li {
    display: inline; /* Damit sich die einzelnen Listenelemente horizontal anordnen */
}


/*
* Hauptbereich: #container
** Unterbereich: #mitte (Inhalt + Sidebar)
 */

#mitte {
    padding: 0 25px 25px 40px;
    font-size: 75%;
    background: #fff;
    line-height: 1.45;
}
#mitte p, mitte ul, #mitte ol {
    margin: 5px 0 15px 0;
}

#mitte li {
    margin-bottom: 2px;
}


/*
* Hauptbereich: #container
** Unterbereich: #kopfbereich
*** Abschnitt: #inhalt
 */

#inhalt {
    float: left;
    width: 46em; min-width: 552px; max-width: 590px;
}

#inhalt h2 {
    font-size: 1.833em;
}
#inhalt h3 {
    margin-bottom: 0; font-size: 1.5833em;
    border-bottom: 1px dotted #400;
}
#inhalt h4 {
    margin-bottom: 0; font-size: 1.4166em;
}
#inhalt h5 {
    margin-bottom: 0; font-size: 1em;
}


/*
* Hauptbereich: #container
** Unterbereich: #mitte
*** Abschnitt: #sidebar
 */

#sidebar {
    float: right;
    width: 280px;
    position: relative; top: -38px;
}

/* Die einzelnen Boxen in der Sidebar */
.sidebar-box {
    padding: 15px; margin-bottom: 25px;
    background: #eae5e5; color: #222;
}
.sidebar-box h2 {
    margin: 0;
}
.sidebar-box ul, .sidebar-box ol {
    list-style: none; margin-left: 0; padding-left: 0; /* Entfernt die Listenpunkte und den linken Abstand */
}

.erste-box {
    background: #9FA60A; color: #fff;
}
.erste-box a {
    color: #fff; text-decoration: underline;
}
.erste-box a:hover {
    text-decoration: underline;
}

.sonder-box {
/* Sonderbox mit Display: none true; einfach ausschalten  
    display: none;  */
    position: realtive; top: 0px;
    border-style: none;
    border-width: 3px;
    background: #ff6600 none repeat scroll 0% 50%;
    width: 250px;
    color: white;
    z-index: 10;
    font-size: 1.2em;
    text-align: center;
/*  top: 140px;
    left: 655px;
    position: absolute;  top: -120px; */
 }



/*
* Hauptbereich: #container
** Unterbereich: #footer
 */

#footer {
    background: #9FA60A; color: #fff; padding: 15px 25px 12px 40px;
    font-size: 75%;
}

#footer p {
    margin: 0 0 2px 0;
}

#footer a {
    color: #fff; text-decoration: underline;
}
#footer a:hover {
    text-decoration: none;
}