body {
  background : #ADD99A;
}

table.main {
  border : 2px solid white;
}

div#graph {
  width : 500px;
  height : 360px;
  border : 1px solid #cccccc;
  position : relative;
}

div#methods a {
  display : block;
  text-align : center;
  background-color : #f4f4f4;
  border : 1px solid #dddddd;
  position : absolute;
  text-decoration : none;
  font-size : 11px;
  line-height : 12px;
  padding : 2px 2px 3px 2px;
}

div#methods a:hover {
    background-color : #dddddd;
}

div#bottom {
  position : absolute;
  width : 100%;
  height : 30px;
  bottom : 0px;
  border-top : 1px solid #ADD99A;
}

div#bottom div {
  color : #5EB539;
  position : absolute;
  font-size : 11px;
  line-height : 13px;
  width : 95px;
  text-align : center;
}

div#left {
  position : absolute;
  width : 90px;
  height : 360px;
  top : 0px;
  left : 0px;
  border-right : 1px solid #ADD99A;
}

div#left div {
  color : #5EB539;
  position : absolute;
  right : 0px;
  font-size : 13px;
  line-height : 15px;
  text-align : right;
  padding : 0px 4px 0px 4px;
}

em, a.em {
  display : block;
  width : 128px;
  height : 46px;
  font-style : normal;
  font-weight : bold;
  font-size : 12px;
  line-height : 14px;
  color : #5EB539;

  float : right;

  text-align : center;
  text-decoration : none;

  padding : 4px 4px 4px 4px;
  margin : -10px 10px 2px 10px;

  background : #ffffff url("em.gif") no-repeat;
}

a img {
  border : 0px;
}

div.uebersicht h2 a {
  text-decoration : none;
}

a.em:hover, div.uebersicht h2 a:hover {
  text-decoration : underline;
}

div.uebersicht h2 {
  margin-top : 10px;
  padding-top : 10px;
  padding-left : 10px;
  border-top : 1px solid #cccccc;
}

div.uebersicht p {
  padding-left : 10px;
}

div.uebersicht h2.kategorie {
  background : #5EB539;
  color : #ffffff;
  border-width : 0px;
  padding : 5px 10px 5px 10px;
  margin : 30px 0px -10px 0px;
}



td.navi3 {
  border-bottom : 1px solid #cccccc;
}

td.content {
  padding-bottom : 120px;
}

td.quick {
  width : 570px;
  height : 120px;
  background : #ffffff url("lernplattform.gif") no-repeat;
}

td.quick div {
  position : relative;
  top : 60px;
  padding : 0px 0px 0px 36px;
}

td.quick div-deleted {
  background : #f4f4f4 url("ecke.gif") left no-repeat;
}

td.quick a {
  text-decoration : none;
  color : #666666;
  font-size : 14px; 
  display : block;
  float : left;
  text-align : center;
  padding : 0px 16px 0px 16px;
  border-right : 2px solid #cccccc;
}

td.quick a:hover {
  background-color : #e4e4e4;
}

td.logo {
  border-top : 3px solid #e4e4e4;
}

td.sections_lp a.active,
td.sections_lp a:hover,
td.sections_lp a.praxis1:hover {
	background: #5cb537;
}

td.sections_lp ul {
	margin: 0;
	padding: 0;
}

td.sections_lp ul li {
    float: right;
	display: block;
	border-left: 1px solid ffffff;
}

td.sections_lp a {
	display: block;
	width: 110px;
	padding: 2px 4px;
	font-size : 10px;
    line-height : 13px;
	text-decoration : none;
	color: #ffffff;
}

td.sections_lp {
	border-bottom: 3px solid #e4e4e4;
}

td.sections_lp, td.sections_lp table td {
	margin: 0;
	padding: 0;
    color : #EBFAE;
    background-color : #ADD99A;
	border-left : 1px solid #ffffff;
	vertical-align : bottom;
}

td.sections_lp td.descr_praxis {
	font-size : 10px;
    line-height : 13px;
    padding : 0px 5px 0px 5px;
    letter-spacing : 1px;
	color : #396f22;
	background: #8Db97A;
}

h2 {
  margin : 30px 0px -3px 0px;
}

td.navi a {
  line-height : 14px;
  padding : 6px 10px 6px 10px;
}

td.navi h2, div#boxed h2 {
   background : #5EB539;
   font-size : 12px;
   padding : 2px 10px 2px 10px;
   margin : 25px 0px 5px 0px;
   color : #ffffff;
}

div.interaktiv a {
  border-width : 0px;
  margin : 10px 0px 10px 0px;
}

div#boxed {
  width : 180px;
  float : right;
  margin : 0px -20px 10px 10px;
}

div#boxed h2 {
  text-align : center;
  margin : 0px 0px 5px 0px;
}