/* CSS Document Erbe */

/* Struktur */

* {
  margin:0;
  padding:0;
}

body {
  margin:0;
  padding:0;
  background:#B1C95F;
  height:100%;
  width:100%;
  position:absolute;
}

#page {
  background:#BBB8B8 url('/img/background2.png') repeat-y;
  margin:0 auto;
  width:883px;
  min-height:100%
}

#header {
  background:url('/img/logo_header2.png') no-repeat 580px 0px;
  padding-left:4px; padding-right:4px; padding-top:66px; padding-bottom:0
}

#slogan {
  clear:left;
  width:625px;
  margin:0 8px 52px 250px;
  padding-top:26px;
}

#content {
  float:right;
  width:551px;
  padding-right:78px;
  /* background:#FBF9F9; im Hintergrundbild */
}

#sidebar {
  padding-left:22px;
  margin-right:625px;
/* unterschiedliche Boxen-Interpretation */
  width:225px;
  /* background:#FBF9F9; im Hintergrundbild */
}

#footer {
  clear:both;
}

/* Schriften und Farben */

body {
  font:normal normal 12px/150% Verdana,Helvetica,sans-serif;
  text-align:left;
  color:#333333;
}

#page {
  color:inherit;
}

#content {
  font:normal normal 12px/150% Verdana,Helvetica,sans-serif;
  color:#333333;
  background-color:transparent;
}

#sidebar address {
  font:normal 11px/130% Verdana,Helvetica,sans-serif;
  color:#666666;
  background-color:inherit;
}

#sidebar address strong {
  line-height:18px;
}

#slogan {
  font:bold 18px/150% Verdana,Helvetica,sans-serif;
  color:#982C50;
  background-color:inherit;
}

#content h1 {
  font:bold 12px/150% Verdana,Helvetica,sans-serif;
  color:#982C50;
  text-transform:uppercase;
  background-color:inherit;
}

#content h2 {
  font:bold 12px/150% Verdana,Helvetica,sans-serif;
  color:#333333;
  background-color:inherit;
}

#content li {
  font:normal 12px/150% Verdana,Helvetica,sans-serif;
  color:#333333;
  background-color:inherit;
}

#content blockquote {
  font:italic 11px/130% Verdana,Helvetica,sans-serif;
  text-align:left;
}

#caption h2 {
  font:italic 11px/130% Verdana,Helvetica,sans-serif;
  text-align:right;
}

a, a:visited {
  font:bold 11px/130% Verdana,Helvetica,sans-serif;
  color:#000000;
  background-color:inherit;
  text-transform:uppercase;
}

a:hover, a:active {
  color:#982C50;
  background-color:inherit;
}

  /* Abstände und Ausrichtung */

#content blockquote, #content h1, #content p {
  margin-bottom:20px;
}

#content li {
  margin:10px 0;
}

#content ul {
  margin-bottom:20px;
}

.imgbox {
}

#content img {
  width:275px;
  height:55px;
  text-align:left;
  xmargin-bottom:20px;
  float:left;
}

div.caption {
  border:1px solid #982C50;
  margin-bottom:20px;
}

div.caption blockquote {
  padding:0 12px 0 12px;
  height:55px;
  vertical-align:middle;
  display:table-cell;
}

div.caption h2 {
  padding:0 12px 0 12px;
  height:55px;
  vertical-align:middle;
  display:table-cell;
}

#content p {
  clear:both;
}

#uebermich #content p {
  clear:none;
}

/* Aufzählungen */

#content ul {
  padding-left:0;
  list-style-type:none
}

#content ul li {
  background:url('/img/pfeil_liste.png') no-repeat 0 0.3em;
  padding-left:10px
}

#sidebar, #content {
  overflow:hidden
}

#content .bilderleiste {
  list-style:none;
  padding:0;
  height:100%;
  width:125px;
  background:#B1C95F;
  color:inherit;
  float:left;
  /* Höhe 100% Alternative: faux columns */
  padding-bottom:10000px;
  margin:0 20px -10000px 0;
}

#content .bilderleiste li {
  background:url('none');
  padding:0; margin-left:6px; margin-right:6px; margin-top:6px; margin-bottom:10px
}

#content .bilderleiste img {
  width:113px;
  height:84px;
  margin:0;
  padding:0;
  border:none;
  float:none;
}

#uebermich #content div {
  margin-left:145px;
}

/* Links */

a {
  background:url('/img/pfeil_link_right.png') no-repeat 100% 50%;
  padding-right:8px;
  text-decoration:none
}

#content p a {
  background:url('/img/pfeil_link_right.png') no-repeat 100% 50%;
  padding-right:8px;
  text-decoration:none
}

#topnav a {
  background:url('/img/pfeil_link_left.png') no-repeat 0% 50%;
  padding-left:8px
}

#mainnav a {
  background:none;
  padding:0;
}

/* Navigation */

#mainnav {
  list-style:none;
  margin:0;
  padding:0;
}

#mainnav li {
  float:left;
}

#mainnav a {
  display:block;
  width:125px;
  height:126px;
}

#mainnav a span {
  display:none;
}

#nav-coaching a {
  background:url('/img/n_psychotherapie2.jpg');
}

#nav-coaching a:hover, #nav-coaching a.current-navitem{
  background:url('/img/n_psychotherapie2.jpg') 0px 126px;
}

#nav-angebot a {
  background:url('/img/n_meinangebot2.jpg');
}

#nav-angebot a:hover, #nav-angebot a.current-navitem{
  background:url('/img/n_meinangebot2.jpg') 0px 126px;
}

#nav-nutzen a {
  background:url('/img/n_ihrnutzen2.jpg');
}

#nav-nutzen a:hover, #nav-nutzen a.current-navitem{
  background:url('/img/n_ihrnutzen2.jpg') 0px 126px;
}

#nav-kurse a {
  background:url('/img/n_kurse2.jpg');
}

#nav-kurse a:hover, #nav-kurse a.current-navitem{
  background:url('/img/n_kurse2.jpg') 0px 126px;
}

#nav-methoden a {
  background:url('/img/n_methoden2.jpg');
}

#nav-methoden a:hover, #nav-methoden a.current-navitem{
  background:url('/img/n_methoden2.jpg') 0px 126px;
}

#nav-infothek a {
  background:url('/img/n_infothek2.jpg');
}

#nav-infothek a:hover, #nav-infothek a.current-navitem{
  background:url('/img/n_infothek2.jpg') 0px 126px;
}

#nav-ueber-mich a {
  background:url('/img/n_uebermich2.jpg');
}

#nav-ueber-mich a:hover, #nav-ueber-mich a.current-navitem{
  background:url('/img/n_uebermich2.jpg') 0px 126px;
}

#topnav {
  list-style:none;
  padding-left:22px;
  padding-bottom:14px;
  position:absolute;
  top:40px;
}

.sidenav {
  list-style:none;
  margin-top:14px;
}

#content img.right
{
        padding:3px;
        position: relative;
        float: right;
        margin: 0px 10px 10px 0px;
}

.angebot {
background-color:inherit;
color:#000000;
font:bold 11px/130% Verdana,Helvetica,sans-serif;
text-transform:uppercase;
padding:5px 0px 5px 0px;
border-spacing: 0px 5px;
}