/* ======================================
1. Kalibrierung und Restauration
====================================== */
/* Reset - alle Abstände auf NULL */
* { padding: 0; margin: 0; }
/* optional: erzwingt Scrollbar im Firefox */
html { height: 101%; }
h2, p, ul, ol { margin-bottom: 1em; }
h4 { margin-bottom: 0.0em; }
p { margin-bottom: 0.5em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em ; }
/* hier ggfs. Abstände für weitere Elemente restaurieren */

/* ======================================
2. Allgemeine Styles
====================================== */
body {
  background-color: #ccff86;
  color: white;
  font-family: Verdana, 'Lucida Sans Unicode', sans-serif; 
  font-size:small;
}
h1 { font-size: 150%; }
h2 { font-size: 130%; font-style:italic; color:#202020; }
h3 { font-size: 120%; }
h4 { font-size: 103%; line-height:14px ;}
h5 { }
address {
  text-align: center;
  font-size: 80%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5;
}
a {
  text-decoration: none;
  /* outline: none; */ /* nur wenn es Sie wirklich stört 
}
a:link { color: blue; border-style:none;}
a:visited { color: green !important; border-style:none;}
a:hover{
  border-bottom: 0px solid #d90000;
  border-style:none;
}
a:focus {
  border-bottom: 0px solid #d90000; border-style:none; outline: none;
}
a:active {
   color: black; border-style:none; */
}
a.spalte_links_txtb:link{ 
	color: #0b710b;
	border-bottom: 1px solid #0b710b;
 }

a.tip {
  text-decoration: none;
  outline: none;    
  }
a.tip:link{ 
	color: #0b710b;
	border-bottom: 1px solid #0b710b;
  }
a.tip:visited {
	}
a.tip:focus {
  }
a.tip:hover {
    cursor: pointer;
    border-style:none;
    color: #d51b1b;
    }

a.tip:active {
  }


a.tip_o {
  text-decoration: none;
  }
a.tip_o:link{ 
	color: black;
  }
a.tip_o:hover {
    cursor: default;
    }

a.ptip {
  text-decoration: none;
  outline: none;    
  font-size: 130%; 
  font-style:italic; 
  color:#0b710b;
  }
a.ptip:link{ 
	color: #0b710b;
  }
a.ptip:visited {
	}
a.ptip:focus {
  }
a.ptip:hover {
    cursor: pointer;
    border-style:none;
    color: #d51b1b;
    }

a.ptip:active {
  }

/*
 a.tip span {
    display: block;
}*/
a.spalte_rechts:hover span {
    border-bottom: 1px solid #d90000;border-style:none;
}
/* Allgemeine Klassen und IDs */
img#logo {
  background-color: white;
  color: black;
  padding: 10px;
  border: 10px solid #d9d9d9;
} 

img#kraft {
  background-color: white;
  color: black;
  padding: 0px;
  margin-top: 20px;  
  margin-bottom: 20px;
  margin-left: 25px;
}

.bild {

  background-color: white;
  color: black;
  padding: 0px;
  border: 1px solid black;
  margin-bottom: 5px;  
  text-align: center;
} 

.bild:hover{
}
 
.bild_h {

  background-color: white;
  color: black;
  padding: 0px;
  border: 1px solid #808080;
  margin: 15px 40px 15px 35px;  
  text-align: center;
} 

.bild_q {

  background-color: white;
  color: black;
  padding: 0px;
  border: 1px solid #808080;
  margin: 10px 10px 15px 5px;  
  text-align: center;
} 

.layer {
/*  border-style: double;*/
  width:450px;
  padding:5px 5px 5px 5px;
  margin:10px 10px 10px 0px;
  border-top:1px solid black;
  border-bottom:1px solid black;
  background: none;
  line-height: 1.1
}
.layer_li{
/*  border-style: double;*/
  width:100px;
  padding:5px 4px 2px 2px;
  margin:2px 2px 2px 30px;
  border-top:0px solid black;
  border-bottom:0px solid black;
  background: none;
  line-height: 1
}

.praxis {
/*  border-style: double;*/
  width:602px;
  padding:5px 5px 5px 5px;
  margin:10px 10px 10px 0px;
  border-top:1px solid black;
  border-bottom:1px solid black;
  background: #e7f4ac;
  line-height: 1.1
/*  box-shadow: 10px 10px 5px #888888; */
}

.button input[type="button"] {
    cursor:pointer; 
    width: 120px;
    height: 25px;
    border-radius: 3px;
    color:black;}
 
.button input[type="button"]:hover {
    color:blue;
}

.spalte_rechts_txtb {
  float:right;
  width: 340px;
  height: 400px;
  padding: 5px;
  margin: 0px;
  position: relative; top:0px; right:0px;
  background: none;   
  border:0px solid black;
  } 
.spalte_links_txtb {
  float:left;
  width: 340px;
  height: 400px;
  padding: 5px;
  margin: 0px;
  position: relative; top:0px; right:0px;
  background: none;   
  border:0px solid black;
  } 


 	
.clearing { clear: both; }
/* ======================================
3. Styles für die Layoutbereiche
====================================== */

#wrapper {
  background-color: white;
  color: black;
  background: #81e925;
  height:auto;
  width: 960px;
  margin: 0px auto;
  }

#kopfbereich {
  position: relative; /* positioniert, aber bleibt im Fluss */
  color: black;
  background: #81e925; 
  padding: 10px 20px 0 20px;
}
#kopfbereich p {
  position:absolute;
  top: 10px ;
  right: 10px; /* war vorher left: 50% */
  padding: 5px 0 5px 0;
  margin-bottom: 0;
}

div#kopfbereich p span {
  color: #d90000;
  display: block;
  text-align: right;
}

#navibereich {
  text-align: right; /* rechtsbündig */
  color: black;
  background: #81e925 url(farbverlauf.jpg) repeat-y top left;
  padding: 5px 10px 4px 10px;
  border-bottom: 1px solid #8c8c8c;
}

#navibereich ul { margin-bottom: 0; }
  #navibereich li {
    display: inline; /* li nebeneinander anzeigen */
    list-style-type: none; /* ohne Aufzählungspunkte */
    margin: 0; /* war vorher 10px für rechts margin: 0 10px 0 0; rechts 10px, sonst 0 */
  }
  #navibereich a { 
  	color: black;  
  	background-color: #81e925;
    padding: 4px 8px 4px 8px;
    border: 1px solid #8c8c8c; 
    }
   #startseite #navi01 a,
   #leistungen #navi02 a,
   #mich #navi03 a,
   #kontaktseite #navi04 a,
   #kurse #navi05 a,
   #impressum #navi06 a,
   #datenschutz #navi07 a {
    color: black;
    background-color: #e7f4ac;
    border-bottom-color: #e7f4ac;
  
}
  #navibereich a:hover,
  #navibereich a:focus {
  color: black;
  background-color: #e7f4ac;;
  border-bottom-color: #e7f4ac;
  }
  #navibereich a:active {
  color: black;
  background-color: #e7f4ac;
  border-bottom-color: #e7f4ac;
  }
  /**************************************/
  /* spalte_links */
  /**************************************/
  
  #aktuell a{background-color: #6cb32d;
  } 
  #naktuell a{background-color:blue;
  } 
  
  div.spalte_links {
  float:left;
  width: 155px;
  padding: 10px;
  margin: 0px;
  }   
  /* Links Untermenü in Liste */
   div.spalte_links li 
  {
  list-style-type: none; /* ohne Aufzählungspunkte*/
  margin: 0px;
  padding: 0px;
  border:0px;
  } 

  div.spalte_links li a
  {
    /* Schriftgröße relativ zu font-size: 0.8em; bei body */
    font-size: 0.85em;
    /* Schriftfarbe */
    color: black;
    /* Hintergrundfarbe */
    background-color: #ffffff;
    /* Innenabstand oben rechts unten links */
    padding: 3px 20px 4px 10px;
    /* macht aus Inline- ein Blockelement */
    display: block;
    /* Abstand oben */
    margin-top: 5px;
    /* Rahmen unten */
    border-left: 17px solid #6cb32d;
    /* feste Breite wegen möglichem rechten Rahmen bei :hover */
    width: 125px;   
  }
     
#textlstg {
  float:right;
  width: 715px;
  height: 900px;
  background: #e6f5ab url() center no-repeat; 
  padding: 15px 25px 25px 25px;
  margin-left: 15px;
  border-left: 1px solid #8c8c8c;
  }
/* #textlstg ul li:before {
		content: "\00BB"; color:red;
	     }*/
#textlstg ul { margin-top: 10px;}
  #textlstg li {
  	line-height: 1.6; }

#textbereich {
  float:right;
  width: 715px;
  height: auto;
  background: #e6f5ab url() center no-repeat; 
  padding: 15px 25px 25px 25px;
  margin-left: 15px;
  border-left: 1px solid #8c8c8c;
}
/*#textbereich a {
  border-bottom: 1px dotted #8c8c8c;
}
#textbereich a:hover,
#textbereich a:focus {
  border-bottom: 1px solid #d90000;
}*/

#fussbereich {
	clear: both;
  color: black;
  background-color: #81e925;
  padding: 25px 0px 0px 0px;
  border-top: 1px solid #8c8c8c;
  margin-top: 0;
}
 /* ======================================
 4. Sonstige Styles
 ====================================== */



 /* =======================================
 E N D E   D E S   S T Y L E S H E E T S
 ======================================= */