body {
  background-color: white;
  font-family: arial;
  color: grey;
}
#body_startseite {
  background-color: black;
  font-family: arial;
  color: #ffffff;
}
h1 {
  font-family: arial;
  font-size: 20px;
}
ul {
  margin: 0;
    font-family: arial;
  list-style-position: outside;
  list-style-type: square;
  padding-left: 15px;
}

.bildunterschriften {
    font-family: arial;
  text-decoration: none;
  color: #ffffff;
  line-height: normal;
}
.text_normal {
  font-family: arial;
  font-size: 12pt;
  color: black;
  font-weight: normal;
line-height: 12pt
}
.text_normal_weiss {
  font-family: arial;
  font-size: 10pt;
  color: #ffffff;
  line-height: 12pt  
}
.text_fett_lila {
  font-family: arial;
  font-size: 12pt;
    font-weight: bold;
  color: hsl(254, 65%, 42%);
}
.text_normal_tuerk {
  font-family: arial;
  font-size: 12pt;
  color: #0fccf8;
}
.text_normal_grau {
  font-family: arial;
  font-size: 12pt;
  color: #6c6969;
    line-height: 12pt
}
.text_normal_rot {
  font-family: arial;
  font-size: 12pt;
  color: #ff0000;
    line-height: 12pt
}
.text_normal_rot_krumm {
  font-family: arial;
 font-style: italic;
  font-size: 12pt;
  color: #ff0000;
    line-height: 12pt
}
.text_fett_grau {
  color: #6c6969;
  font-family: arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
    line-height: 12pt
}
.text_fett {
  color: black;
  font-family: arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
    line-height: 12pt
}
.text_fett_gross {
  color: black;
    font-family: arial;
  font-size: 14pt;
  font-style: normal;
  font-weight: bold;
}
.text_fett_gross_rot_anima {
  color: #ff0000;
  font-family: Chalkduster;
  font-size: 24pt;
  font-style: normal;
  font-weight: bold;
}
.text_gross_weiss {
  color: #ffffff;
  font-family: arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: normal;
}
.text_fett_weiss {
  color: #ffffff;
  font-family: arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
}
.text_fett_tuerk {
  color: #60dcf8;
  font-family: arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
}
.text_winzig {
  font-family: arial;
  font-size: 8pt;
  font-style: normal;
  color: #999999;
}
.text_krumm {
  font-family: arial;
  font-style: italic;
  color: #939191;
  font-weight: normal;
}
span.codedirection { 
    unicode-bidi:bidi-override; direction: rtl; 
}
a {
  font-weight: normal;
  font-family: arial;
  text-decoration: none;
  color: #cccccc;
  font-size: 10pt;
}
a:hover {
  font-family: arial;
  color: #cccccc;
  font-size: 10pt;
  text-decoration: underline;
}
#a_weiss {
  font-weight: normal;
     font-family: arial;
  text-decoration: none;
  color: #ffffff;
  font-size: 10pt;
}
#a_weiss:hover {
  color: #ffffff;
  font-size: 10pt;
    font-family: arial;
  text-decoration: underline;
}
#a_nav {
  border-left: 2px solid #669933;
  font-weight: normal;
  text-decoration: none;
  color: #cccccc;
  font-size: 10pt;
    font-family: arial;
  padding-left: 5px;
}
#a_nav:hover {
  border-left: 2px solid white;
  color: #cccccc;
  font-size: 10pt;
    font-family: arial;
  padding-left: 10pt;
  text-decoration: overline;
}
#a_mail {
 
  font-weight: normal;
  text-decoration: none;
  color: #ffffff;
  font-size: 12pt;
    font-family: arial;
  padding-left: 0px;
}
#a_mail:hover {
  color: #ffffff;
  font-size: 12pt;
    font-family: arial;
  padding-left: 0;
  text-decoration: underline;
}
#a_imp {
  font-weight: normal;
  text-decoration: none;
  color: #cccccc;
  font-size: 10pt;
    font-family: arial;
}
#a_imp:hover {
  color: #cccccc;
  font-size: 10pt;
    font-family: arial;
}
.box-mitte {
  position: absolute;
  width: 960px;
  height: 640px;
  top: 50%;
  margin-top: -320px;
  left: 50%;
  margin-left: -480px;
}
#kopf_text {
  font-size: 20px;
  font-family: arial;
}
#kopf {
  border-bottom: 2px solid black;
  padding-bottom: 12px;
  font-weight: normal;
     font-family: arial;
 
  color: #333333;
  width: 960px;
  float: none;
  height: 100px;
  margin-bottom: 28px;
  min-height: 100px;
  max-height: 100px;
  background-color: #ffffff;
}
#kopf_spruch {
  padding: 0px;
  font-size: 20px;
  font-family: arial;
  height: 20px;
  background-color: #ffffff;
  position: absolute;
  text-align: left;
  width: 500px;
  float: left;
}
#kopf_logo {
  padding: 0px;
  height: 100px;
  vertical-align: bottom;
  text-align: right;
  background-color: #ffffff;
  width: 250px;
  float: right;
}
#navigation {
  overflow: hidden;
  padding-left: 10px;
  padding-top: 10px;
  font-size: 10pt;
  font-weight: normal;
  color: #333333;
  width: 180px;
  min-width: 180px;
  max-width: 240px;
  height: 480px;
  display: table-cell;
  opacity: 1;
  max-height: 480px;
  min-height: 480px;
  text-align: left;
  background-color: #669933;
  margin-right: 0px;
}
#abstand {
  padding: 0px;
  font-weight: normal;
  color: #333333;
  width: 10px;
  min-width: 10px;
  height: 480px;
  display: table-cell;
  opacity: 1;
  text-align: left;
  background-color: #ffffff;
}
#mitte {
  border-style: none solid solid;
  border-color: #ffffff;
  border-width: 0px 10px;
  padding: 0px;
  overflow: hidden;
  text-align: left;
  min-width: 500px;
  max-width: 500px;
  max-height: 480px;
  min-height: 480px;
  opacity: 1;
  font-weight: normal;
  color: black;
  display: table-cell;
  width: 500px;
  height: 480px;
  background-color: #b1cc10;
}
#mitte_weiss {
  border-style: none solid solid;
  border-color: #ffffff;
  border-width: 0px 10px;
  padding: 0px;
  overflow: hidden;
  text-align: left;
  min-width: 500px;
  max-width: 500px;
  max-height: 480px;
  min-height: 480px;
  opacity: 1;
  font-weight: normal;
  color: black;
  display: table-cell;
  width: 500px;
  height: 480px;
  background-color: #ffffff;
}
#mitte_weiss_privatunterricht {
  border-style: none solid solid;
  border-color: #ffffff;
  border-width: 0px 10px;
  padding: 0px;
  overflow: hidden;
  text-align: left;
  min-width: 300px;
  max-width: 300px;
  max-height: 480px;
  min-height: 480px;
  opacity: 1;
  font-weight: normal;
  color: black;
  display: table-cell;
  width: 500px;
  height: 480px;
  background-color: #ffffff;
}
#mitte_weiss_jugendlich {
  border-style: none solid solid;
  border-color: #ffffff;
  border-width: 0px 10px;
  padding: 0px;
  overflow: hidden;
  text-align: left;
  min-width: 440px;
  max-width: 440px;
  max-height: 480px;
  min-height: 480px;
  opacity: 1;
  font-weight: normal;
  color: black;
  display: table-cell;
  width: 500px;
  height: 480px;
  background-color: #ffffff;
}
#mitte_weiss_wut {
  border-style: none solid solid;
  border-color: #ffffff;
  border-width: 0px 10px;
  padding: 0px;
  overflow: hidden;
  text-align: left;
  min-width: 460px;
  max-width: 460px;
  max-height: 480px;
  min-height: 480px;
  opacity: 1;
  font-weight: normal;
  color: black;
  display: table-cell;
  width: 500px;
  height: 480px;
  background-color: #ffffff;
}
#mitte_weiss_wie_hilft {
  border-style: none solid solid;
  border-color: #ffffff;
  border-width: 0px 10px;
  padding: 0px;
  overflow: hidden;
  text-align: left;
  min-width: 440px;
  max-width: 440px;
  max-height: 480px;
  min-height: 480px;
  opacity: 1;
  font-weight: normal;
  color: black;
  display: table-cell;
  width: 500px;
  height: 480px;
  background-color: #ffffff;
}
#mitte_rechts_weiss_vhs {
  border-style: none solid solid;
  border-color: #ffffff;
  border-width: 0px 10px;
  padding: 0px;
  overflow: hidden;
  text-align: left;
  min-width: 780px;
  max-width: 780px;
  max-height: 480px;
  min-height: 480px;
  opacity: 1;
  font-weight: normal;
  color: black;
  display: table-cell;
  width: 500px;
  height: 480px;
  background-color: #ffffff;
}
#mitte_rechts_gruen_experten {
  border-style: none solid solid;
  border-color: #ffffff;
  border-width: 0px 10px;
  padding: 0px;
  overflow: hidden;
  text-align: left;
  min-width: 760px;
  max-width: 760px;
  max-height: 480px;
  min-height: 480px;
  opacity: 1;
  font-weight: normal;
  color: black;
  display: table-cell;
  width: 500px;
  height: 480px;
  background-color: #b1cc10;
}
#mitte_rechts_gruen_datenschutz {
  border-style: none solid solid;
  border-color: #ffffff;
  border-width: 0px 10px;
  padding: 0px;
  overflow: hidden;
  text-align: left;
  min-width: 760px;
  max-width: 760px;
  max-height: 480px;
  min-height: 480px;
  opacity: 1;
  font-weight: normal;
  color: black;
  display: table-cell;
  width: 500px;
  height: 480px;
  background-color: #b1cc10;
}
#mitte_gruen {
  border-style: none solid solid;
  border-color: white #b1cc10 white white;
  border-width: 0px 10px;
  overflow: hidden;
  text-align: left;
  padding-left: 0px;
  padding-top: 10px;
  padding-right: 10px;
  min-width: 400px;
  max-width: 400px;
  max-height: 480px;
  min-height: 480px;
  opacity: 1;
  font-weight: normal;
  color: black;
  display: table-cell;
  width: 400px;
  height: 480px;
  background-color: #b1cc10;
}
#mitte_gruen_experten {
  border-style: none solid solid;
  border-color: white #b1cc10 white white;
  border-width: 0px 10px;
  overflow: hidden;
  text-align: left;
  padding-left: 0px;
  padding-top: 10px;
  padding-right: 10px;
  min-width: 370px;
  max-width: 370px;
  max-height: 480px;
  min-height: 480px;
  opacity: 1;
  font-weight: normal;
  color: black;
  display: table-cell;
  width: 400px;
  height: 480px;
  background-color: #b1cc10;
}
#mitte_gruen_experten_2 {
  border-style: none solid solid;
  border-color: white #b1cc10 white white;
  border-width: 0px 10px;
  overflow: hidden;
  text-align: left;
  padding-left: 0px;
  padding-top: 10px;
  padding-right: 10px;
  min-width: 410px;
  max-width: 410px;
  max-height: 480px;
  min-height: 480px;
  opacity: 1;
  font-weight: normal;
  color: black;
  display: table-cell;
  width: 400px;
  height: 480px;
  background-color: #b1cc10;
}
#rechts {
  overflow: hidden;
  padding-left: 10px;
  padding-top: 10px;
  font-weight: normal;
  color: black;
  max-width: 240px;
  min-width: 240px;
  max-height: 480px;
  min-height: 480px;
  height: 480px;
  width: 240px;
  display: table-cell;
  opacity: 1;
  text-align: left;
  background-color: #ffffff;
  margin-left: 0px;
}
#rechts_gruen_fuer_wen {
  overflow: hidden;
  padding-left: 10px;
  padding-top: 10px;
  font-weight: normal;
  color: black;
  max-width: 240px;
  min-width: 240px;
  max-height: 480px;
  min-height: 480px;
  height: 480px;
  width: 240px;
  display: table-cell;
  opacity: 1;
  text-align: left;
  background-color: #b1cc10;
  margin-left: 0px;
}
#rechts_gruen_experten {
  overflow: hidden;
  padding-left: 10px;
  padding-top: 10px;
  font-weight: normal;
  color: black;
  max-width: 360px;
  min-width: 360px;
  max-height: 480px;
  min-height: 480px;
  height: 480px;
  width: 240px;
  display: table-cell;
  opacity: 1;
  text-align: left;
  background-color: #b1cc10;
  margin-left: 0px;
}
#rechts_gruen_experten_2 {
  overflow: hidden;
  padding-left: 10px;
  padding-top: 10px;
  font-weight: normal;
  color: black;
  max-width: 320px;
  min-width: 320px;
  max-height: 480px;
  min-height: 480px;
  height: 480px;
  width: 240px;
  display: table-cell;
  opacity: 1;
  text-align: left;
  background-color: #b1cc10;
  margin-left: 0px;
}
#rechts_weiss_experten {
  border-radius: 18px;
  overflow: hidden;
  padding-left: 10px;
  padding-top: 10px;
  font-weight: normal;
  color: black;
  max-width: 360px;
  min-width: 360px;
  max-height: 480px;
  min-height: 480px;
  height: 480px;
  width: 240px;
  display: table-cell;
  opacity: 1;
  text-align: left;
  background-color: #ffffff;
  margin-left: 0px;
}
#rechts_gruen_fuer_wen_jugendlich {
  overflow: hidden;
  padding-left: 0px;
  padding-top: 0px;
  font-weight: normal;
  color: black;
  max-width: 310px;
  min-width: 310px;
  max-height: 480px;
  min-height: 480px;
  height: 480px;
  width: 240px;
  display: table-cell;
  opacity: 1;
  text-align: left;
  background-color: #b1cc10;
  margin-left: 0px;
}
#rechts_weiss_fuer_wen_jugendlich {
  overflow: hidden;
  padding-left: 0px;
  padding-top: 0px;
  font-weight: normal;
  color: black;
  max-width: 310px;
  min-width: 310px;
  max-height: 480px;
  min-height: 480px;
  height: 480px;
  width: 240px;
  display: table-cell;
  opacity: 1;
  text-align: left;
  background-color: #ffffff;
  margin-left: 0px;
}
#rechts_gruen {
  overflow: hidden;
  padding-left: 10px;
  padding-top: 10px;
  font-weight: normal;
  color: black;
  max-width: 330px;
  min-width: 330px;
  max-height: 480px;
  min-height: 480px;
  height: 480px;
  width: 330px;
  display: table-cell;
  opacity: 1;
  text-align: left;
  background-color: #b1cc10;
  margin-left: 0px;
}
#rechts_gruen_privatunterricht {
  overflow: hidden;
  padding-left: 10px;
  padding-top: 10px;
  font-weight: normal;
  color: black;
  max-width: 440px;
  min-width: 440px;
  max-height: 480px;
  min-height: 480px;
  height: 480px;
  width: 330px;
  display: table-cell;
  opacity: 1;
  text-align: left;
  background-color: #b1cc10;
  margin-left: 0px;
}
#rechts_weiss_projekte {
  overflow: hidden;
  padding-left: 10px;
  padding-top: 0px;
  font-weight: normal;
  color: black;
  max-width: 440px;
  min-width: 440px;
  max-height: 480px;
  min-height: 480px;
  height: 480px;
  width: 330px;
  display: table-cell;
  opacity: 1;
  text-align: left;
  background-color: #ffffff;
  margin-left: 0px;
}
#rechts_gruen_wut {
  overflow: hidden;
  padding-left: 10px;
  padding-top: 10px;
  font-weight: normal;
  color: black;
  max-width: 280px;
  min-width: 280px;
  max-height: 480px;
  min-height: 480px;
  height: 480px;
  width: 330px;
  display: table-cell;
  opacity: 1;
  text-align: left;
  background-color: #b1cc10;
  margin-left: 0px;
}
#rechts_gruen_wie_hilft {
  overflow: hidden;
  padding-left: 10px;
  padding-top: 10px;
  font-weight: normal;
  color: black;
  max-width: 300px;
  min-width: 300px;
  max-height: 480px;
  min-height: 480px;
  height: 480px;
  width: 330px;
  display: table-cell;
  opacity: 1;
  text-align: left;
  background-color: #b1cc10;
  margin-left: 0px;
}
#cool_bleiben {
  border: 1px solid black;
  border-radius: 18px;
  overflow: hidden;
  color: black;
  text-align: center;
  padding-left: 0px;
  max-height: 200px;
  margin-left: 0px;
  padding-top: 10px;
  min-width: 200px;
  display: table-cell;
  font-weight: normal;
  max-width: 200px;
  min-height: 200px;
  height: 200px;
  opacity: 1;
  background-color: #ffffff;
}
#cool_bleiben_klein {
  border: 1px solid black;
  border-radius: 18px;
  overflow: hidden;
  color: black;
  text-align: center;
  padding-left: 0px;
  max-height: 50px;
  margin-left: 0px;
  padding-top: 10px;
  min-width: 455px;
  display: table-cell;
  font-weight: normal;
  max-width: 455px;
  min-height: 90px;
  height: 90px;
  opacity: 1;
  background-color: #ffffff;
}
.twrapper {
  padding: 0px;
  min-width: 100%;
  max-height: 460px;
  min-height: 460px;
  height: 100px;
  float: none;
}
.twrapper .ttable {
  margin: 0% auto 0px;
  padding: 0px;
  max-width: 960px;
  max-height: 460px;
  display: table;
}
.twrapper .tr {
  max-width: 960px;
}
.twrapper .td:hover {
  color: #000000;
  opacity: 0.86;
}
.twrapper .td {
  padding: 0px;
  font-weight: bold;
  color: #333333;
  width: 160px;
  min-width: 160px;
  display: table-cell;
  opacity: 1;
  text-align: left;
  background-color: #669933;
}
.twrapper .th {
  margin: 0px;
  padding: 0px;
  text-align: center;
  color: #ffffff;
  background-color: black;
  display: table-cell;
}
.twrapper .tr:first-child .th {
}
.twrapper .tr:first-child .th:last-child {
}
.twrapper .td {
}
.twrapper .td:last-child {
}
.twrapper .tr:last-child .td {
}