@charset "UTF-8";

body {
  margin: 0;
  color: black;
  background-color: white;
  font-size: 13px;
  font-family: Verdana, "Trebuchet MS", Tahoma, TheSans, sans-serif;
}

#userbar {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 5px;
  background: #555555;
  color: #fff;
}
#userbar a {
  color: #fff;
  margin-left: 10px;
}

/* Klassen fuer Texthervorhebungen */

span.em {
  font-style: italic;
}

span.blau {
  color: #00519e;
  background-color: transparent;
}

p.blau {
  color: #00519e;
  background-color: transparent;
}

/* Bilder generell ohne Rand */

img {
  border: 0;
}

a:hover img {
  border: 0;
}

/* div fuer den gesamten Seiteninhalt;
   feste Breite von 940px, im Browserfenster zentriert */

div#gesamt {
  position: relative;
  width: 940px;
  margin: 0 auto 0 auto;
}

/* div fuer Seitenlogo und Menueleiste */

div#gesamt div#kopf {
  position: absolute;
  left: 10px;
  width: 600px;
  height: 355px;
}

/* div fuer das Seitenlogo */

div#gesamt div#kopf div#bild {
  position: absolute;
  width: 600px;
  height: 300px;
}

div#gesamt div#kopf div#bild img {
  width: 600px;
  height: 300px;
}

/* div fuer die Menueleiste */

div#gesamt div#kopf div#navi {
  position: absolute;
  top: 300px;
  width: 600px;
  height: 30px;
  background-color: #00519e;
}

/* div fuer einen einzelnen der 4 Menuepunkte der ersten Ebene */

div#gesamt div#kopf div#navi div {
  position: absolute;
  width: 148px;
  height: 30px;
  color: white;
  background-color: #00519e;
  border-left: 1px white solid;
  border-right: 1px white solid;
  z-index: 0;
}

/* grauer statt blauer Hintergrund, falls gehovert ... */

div#gesamt div#kopf div#navi div:hover {
  color: white;
  background-color: #555555;
  z-index: 2;
}

/* ... oder falls die aktuelle Seite unter diesem Menuepunkt liegt */

div#gesamt div#kopf div#navi div.aktuell {
  color: white;
  background-color: #555555;
  z-index: 1;
}

/* Positionierung etc. fuer die 4 Menuepunkte der ersten Ebene */

div#gesamt div#kopf div#navi div#i {
  width: 149px;
  border-left: 0;
  border-right: 1px white solid;
}

div#gesamt div#kopf div#navi div#ii {
  left: 150px;
}

div#gesamt div#kopf div#navi div#iii {
  left: 300px;
}

div#gesamt div#kopf div#navi div#iv {
  left: 450px;
  width: 149px;
  border-left: 1px white solid;
  border-right: 0;
}

/* fuer jeden der 4 Menuepunkte erster Ebene enthaelt ein solches div
   die Menueleiste der zweiten Ebene */

div#gesamt div#kopf div#navi div div {
  display: none;
  position: absolute;
  top: 30px;
  padding: 2px 0 0 0;
  height: 25px;
  width: 600px;
  background-color: white;
}

div#gesamt div#kopf div#navi div div:hover {
  color: #555555;
  background-color: white;
}

/* Menueleiste zweiter Ebene nur anzeigen, wenn der zugehoerige Menuepunkt
   erster Ebene gehovert ist ... */

div#gesamt div#kopf div#navi div:hover div {
  display: block;
  z-index: 4;
}

/* ... oder die aktuelle Seite unter dem zugehoerigen Menuepunkt erster 
   Ebene liegt */

div#gesamt div#kopf div#navi div.aktuell div {
  display: block;
  height: 25px;
  width: 600px;
  z-index: 3;
}

/* Menueleisten zweiter Ebene so weit nach links verschieben, dass sie 
   linksbuendig unter der Menueleiste erster Ebene stehen */

div#gesamt div#kopf div#navi div#i div {
  left: -1px;
}

div#gesamt div#kopf div#navi div#ii div {
  left: -152px;
}

div#gesamt div#kopf div#navi div#iii div {
  left: -302px;
}

div#gesamt div#kopf div#navi div#iv div {
  left: -452px;
}

/* Absaetze und Links in der Navigation allgemein */

p.navi {
  position: absolute;
  left: 0;
  right: 0;
  margin: 3px 0 auto 0;
  text-align: center;
  font-size: 16px;
}

p.navi a {
  position: absolute;
  left: 0;
  right: 0;
  color: white;
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
}

/* Absaetze und Links in der zweiten Navigationsebene */

div#gesamt div#kopf div#navi div div p {
  margin: 0;
  text-align: left;
  color: #555555;
  background-color: white;
  font-weight: bold;
}

div#gesamt div#kopf div#navi div div p a {
  color: #555555;
  background-color: white;
  font-weight: bold;
  text-decoration: none;
}

div#gesamt div#kopf div#navi div div p a:hover {
  color: #00519e;
  background-color: white;
}

div#gesamt div#kopf div#navi div div p a.aktuell {
  color: #00519e;
  background-color: white;
}

/* BDV-Logo oben rechts */

div#gesamt div#logo {
  position: absolute;
  top: 30px;
  left: 630px;
  width: 300px;
}

div#gesamt div#logo img {
  width: 300px;
}

/* Navigation mit den 3 Menuepunkten fuer den rechten Seitenbereich */

div#gesamt div#navirechts {
  position: absolute;
  top: 300px;
  left: 630px;
  height: 30px;
  width: 300px;
  color: white;
  background-color: #00519e;
}

/* Formatierung fuer jeden der 3 Menuepunkte */

div#gesamt div#navirechts div {
  position: absolute;
  width: 98px;
  height: 30px;
  border-left: 1px white solid;
  border-right: 1px white solid;
}

div#gesamt div#navirechts div:hover {
  color: white;
  background-color: #555555;
}

div#gesamt div#navirechts div.aktuell {
  color: white;
  background-color: #555555;
}

/* Positionierung etc. der einzelnen Menuepunkte */

div#gesamt div#navirechts div#ir {
  width: 99px;
  border-left: 0;
  border-right: 1px white solid;
}

div#gesamt div#navirechts div#iir {
  left: 100px;
}

div#gesamt div#navirechts div#iiir {
  left: 200px;
  width: 99px;
  border-left: 1px white solid;
  border-right: 0;
}

/* fuellt den vertikalen Zwischenraum zwischen der Menueleiste rechts
   und dem Seiteninhalts rechts mit Hintergrundfarbe aus */

div#gesamt div#fuellbalken {
  position: absolute;
  top: 330px;
  left: 630px;
  height: 30px;
  width: 300px;
  color: black;
  background-color: #eeeeee;
}

/* div fuer den Seiteninhalt (unterhalb des Kopfes inkl. Navigation) 
   und oberhalb der Fu�zeile */

div#gesamt div#inhalt {
  position: relative;
  top: 360px;
  left: 10px;
  width: 920px;
}

div#gesamt div#inhalt p {
  margin: 0 0 1em;
  padding: 0pt;
  text-align: left;
}

/* fuer laengere Textabschnitte, deren Absaetze alle vertikalen
   Abstand und/oder Absatzeinzuege haben sollen */

div#gesamt div#inhalt div.abstand p {
  margin: 0 0 15px 0;
}

div#gesamt div#inhalt div.einzug p {
  text-indent: 20px;
}

/* einzelne Absaetze ausserhalb obiger divs mit Abstand und/oder Einzug */

div#gesamt div#inhalt p.abstand {
  margin: 0 0 15px 0;
}

div#gesamt div#inhalt p.einzug {
  text-indent: 20px;
}

/* einzelne Absaetze innerhalb obiger divs ohne Abstand und/oder Einzug */

div#gesamt div#inhalt div.abstand p.kein_abstand {
  margin: 0 0 0 0;
}

div#gesamt div#inhalt div.einzug p.kein_einzug {
  text-indent: 0;
}

div#gesamt div#inhalt h1 {
  margin: 2.25ex 0 1.5ex 0;
  padding: 0;
  color: #00519e;
  background-color: transparent;
  font-size: 18px;
  font-weight: bold;
}

div#gesamt div#inhalt h2 {
  margin: 1.8ex 0 1.2ex 0;
  padding: 0;
  color: #00519e;
  background-color: transparent;
  font-size: 15px;
  font-weight: bold;
}

div#gesamt div#inhalt h3 {
  margin: 1.5ex 0 1ex 0;
  padding: 0;
  color: #00519e;
  background-color: transparent;
  font-size: 13px;
  font-weight: bold;
}

div#gesamt div#inhalt h4 {
  margin: 1.5ex 0 1ex 0;
  padding: 0;
  color: #00519e;
  background-color: transparent;
  font-size: 13px;
}

div#gesamt div#inhalt a {
  color: #00519e;
  background-color: transparent;
  text-decoration: none;
}

div#gesamt div#inhalt a:hover {
  color: #555555;
  background-color: transparent;
}

div#gesamt div#inhalt img.orient2 {
  width: 200px;
  margin: 0px 20px 10px 0;
  float: left;
}

div#gesamt div#inhalt ul {
  margin-top: 5px;
}

div#gesamt div#inhalt ol {
  margin-top: 5px;
}

div#gesamt div#inhalt ol li ol {
  list-style-type: lower-alpha;
  margin-bottom: 5px;
}

div#gesamt div#inhalt table tr td {
  vertical-align: top;
  padding: 0;
}

div#gesamt div#inhalt table tr td.links {
  padding: 0 1em 0 0;
}

div#gesamt div#inhalt table.geschichte tr td.links p {
  font-weight: bold;
  color: #00519e;
  background-color: transparent;
}

div#gesamt div#inhalt table.t1 tr td.td-0 {
  padding: 0;
  text-align: right;
}

div#gesamt div#inhalt table.t1 tr td.td-1 {
  padding: 0 1em 0 0.25em;
  text-align: left;
}

div#gesamt div#inhalt table.t1 tr td.td-2 {
  padding: 0;
  text-align: left;
}
div#gesamt div#inhalt table.t2 tr td.td-0 {
  padding: 0;
  text-align: right;
}

div#gesamt div#inhalt table.t2 tr td.td-1 {
  padding: 0 0.25em 0 0.25em;
  text-align: center;
}

div#gesamt div#inhalt table.t2 tr td.td-2 {
  padding: 0;
  text-align: right;
}

div#gesamt div#inhalt table.t2 tr td.td-3 {
  padding: 0 1em 0 0.25em;
  text-align: left;
}

div#gesamt div#inhalt table.t2 tr td.td-4 {
  padding: 0;
  text-align: left;
}

/* Inhalt im linken (= Haupt-) Seitenbereich */

div#gesamt div#inhalt div#links {
  position: relative;
  width: 600px;
  float: left;
}

/* Inhalt im rechten (= Neben-) Seitenbereich */

div#gesamt div#inhalt div#rechts {
  position: relative;
  width: 280px;
  padding: 0 10px 10px 10px;
  float: right;
  color: black;
  background-color: #eeeeee;
}

div#gesamt div#inhalt div#rechts p.item {
  margin: 10px 0 6px 0;
  padding: 0;
  font-weight: bold;
}

div#gesamt div#inhalt div#rechts p.item a {
  color: #555555;
  background-color: transparent;
  text-decoration: none;
}

div#gesamt div#inhalt div#rechts p.item a.aktuell {
  color: #00519e;
  background-color: transparent;
}

div#gesamt div#inhalt div#rechts p.item a:hover {
  color: #00519e;
  background-color: transparent;
}

div#gesamt div#inhalt div#rechts p.subitem {
  margin: 0 0 6px 18px;
  padding: 0;
  font-weight: bold;
  font-size: 11px;
}

div#gesamt div#inhalt div#rechts p.subitem a {
  color: #555555;
  background-color: transparent;
  text-decoration: none;
}

div#gesamt div#inhalt div#rechts p.subitem a.aktuell {
  color: #00519e;
  background-color: transparent;
}

div#gesamt div#inhalt div#rechts p.subitem a:hover {
  color: #00519e;
  background-color: transparent;
}

div#gesamt div#inhalt div#rechts p.subsubitem {
  margin: 0 0 6px 36px;
  padding: 0;
  font-weight: bold;
  font-size: 9px;
}

div#gesamt div#inhalt div#rechts p.subsubitem a {
  color: #555555;
  background-color: transparent;
  text-decoration: none;
}

div#gesamt div#inhalt div#rechts p.subsubitem a.aktuell {
  color: #00519e;
  background-color: transparent;
}

div#gesamt div#inhalt div#rechts p.subsubitem a:hover {
  color: #00519e;
  background-color: transparent;
}

/* Seitenfuss unterhalb von div#inhalt */

div#gesamt div#fuss {
  position: relative;
  width: 940px;
  height: 30px;
  top: 380px;
}

/* linker Teil des Fusses (Copyrightvermerk) */

div#gesamt div#fuss div#iif {
  position: absolute;
  height: 30px;
  width: 600px;
  left: 10px;
  color: white;
  background-color: #555555;
}

div#gesamt div#fuss div#iif p {
  margin: 3px 0 auto 0;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}

/* mittlerer Teil des Fusses (Impressum-Link) */

div#gesamt div#fuss div#iiif {
  position: absolute;
  height: 30px;
  width: 149px;
  left: 630px;
  color: white;
  background-color: #555555;
}

div#gesamt div#fuss div#iiif:hover {
  color: white;
  background-color: #00519e;
}

div#gesamt div#fuss div#iiif p {
  margin: 3px 0 auto 0;
  font-size: 16px;
  text-align: center;
}

/* rechter Teil des Fusses (Datenschutz-Link) */

div#gesamt div#fuss div#ivf {
  position: absolute;
  height: 30px;
  width: 149px;
  left: 781px;
  color: white;
  background-color: #555555;
}

div#gesamt div#fuss div#ivf:hover {
  color: white;
  background-color: #00519e;
}

div#gesamt div#fuss div#ivf p {
  margin: 3px 0 auto 0;
  font-size: 16px;
  text-align: center;
}

div#gesamt div#fuss div p a.recht {
  color: white;
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
}

/* zur Beendigung floatender Bereiche */

div.clear {
  clear: both;
}

/* Formatierungen fuer die Passwortanforderung */

div#gesamt div#inhalt div#links form.passwort {
  margin: 10px 0 10px 0;
  padding: 0 10px 10px 10px;
  color: black;
  background-color: #eeeeee;
}

div#gesamt div#inhalt div#links form.passwort p.center {
  text-align: center;
}

div#gesamt div#inhalt div#links form.passwort p input.feld {
  border: 0;
  width: 500px;
  font-family: monospace;
  font-size: 13px;
}

div#gesamt div#inhalt div#links form.passwort p input.pin {
  width: 44px;
}

/* Formatierungen fuer das Aufnahmeantragsformular */

div#gesamt div#inhalt div#links form.antrag {
  margin: 10px 0 10px 0;
  padding: 0 10px 10px 10px;
  color: black;
  background-color: #eeeeee;
}

div#gesamt div#inhalt div#links form.antrag table {
  width: 580px;
  margin: 0;
  padding: 0;
}

div#gesamt div#inhalt div#links form.antrag table tr td p {
  margin: 0;
  padding: 0;
  text-align: left;
}

div#gesamt div#inhalt div#links form.antrag table tr td p.center {
  text-align: center;
}

div#gesamt div#inhalt div#links form.antrag table tr td {
  padding: 0 0 10px 0;
}

div#gesamt div#inhalt div#links form.antrag table tr td.l {
  width: 140px;
}

div#gesamt div#inhalt div#links form.antrag table tr td.r {
  width: 420px;
}

div#gesamt div#inhalt div#links form.antrag table tr td.c1 {
  width: 15px;
}

div#gesamt div#inhalt div#links form.antrag table tr td.c2 {
  width: 105px;
}

div#gesamt div#inhalt div#links form.antrag table tr td.c3 {
  width: 300px;
}

div#gesamt div#inhalt div#links form.antrag ul {
  margin-bottom: 20px;
  padding-left: 20px;
}

/* Formatierungen fuer den Anhang zum Aufnahmeantrag */

div#gesamt div#inhalt div#links form.anhang {
  margin: 10px 0 10px 0;
  padding: 0 10px 10px 10px;
  color: black;
  background-color: #eeeeee;
}

div#gesamt div#inhalt div#links form.anhang table {
  width: 580px;
  margin: 10px 0 20px 0;
  padding: 0;
}

div#gesamt div#inhalt div#links form.anhang table tr td p {
  margin: 0;
  padding: 0;
  text-align: left;
}

div#gesamt div#inhalt div#links form.anhang table tr td p.center {
  text-align: center;
}

div#gesamt div#inhalt div#links form.anhang table tr td {
  padding: 0 0 10px 0;
}

div#gesamt div#inhalt div#links form.anhang table tr td.c0 {
  width: 170px;
}

div#gesamt div#inhalt div#links form.anhang table tr td.c1 {
  width: 120px;
}

div#gesamt div#inhalt div#links form.anhang table tr td.c2 {
  width: 170px;
}

div#gesamt div#inhalt div#links form.anhang table tr td.c3 {
  width: 120px;
}

div#gesamt div#inhalt div#links form.anhang table.erklaerung tr td.c0 {
  width: 170px;
}

div#gesamt div#inhalt div#links form.anhang table.erklaerung tr td.c1 {
  width: 15px;
}

div#gesamt div#inhalt div#links form.anhang table.erklaerung tr td.c2 {
  width: 395px;
}

div#gesamt div#inhalt div#links form.anhang p.center {
  text-align: center;
}

div#gesamt div#inhalt div#links form.anhang ul {
  margin-bottom: 20px;
  padding-left: 20px;
}

/* Formatierungen fuer das Kontaktformular rechts */

div#gesamt div#inhalt form.kontakt p.einleitung {
  margin: 0 0 15px 0;
}

div#gesamt div#inhalt form.kontakt p.feld {
  margin: 10px 0 0 0;
  width: 100%;
  text-align: left;
}

div#gesamt div#inhalt form.kontakt p span {
  color: #00519e;
  background-color: transparent;
}

div#gesamt div#inhalt form.kontakt p.center {
  text-align: center;
}

div#gesamt div#inhalt form.kontakt ul {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

/* Allgemeine Formatierungen fuer verschiedene Formularfelder */

input.check {
  margin-left: 0;
  padding-left: 0;
  border: 0;
}

input.radio {
  margin-left: 0;
  padding-left: 0;
  border: 0;
}

input.feld {
  border: 0;
  width: 100%;
  font-family: monospace;
  font-size: 13px;
}

input.kurz {
  width: 40%;
}

input.button {
  padding: 0;
  border: 0;
  font-weight: bold;
  color: #00519e;
  background-color: transparent;
  cursor: pointer;
}

input.button:hover {
  color: #555555;
  background-color: transparent;
}

textarea {
  border: 0;
  width: 100%;
  margin-bottom: 10px;
  font-family: monospace;
  font-size: 13px;
}

/**
 * @section tt_news
 */
.news-single-rightbox, .news-single-imgcaption, .news-latest-date, .news-latest-morelink, .news-latest-category, .news-list-category, .news-list-author, .news-list-imgcaption, .news-list-date, .news-list-browse, .news-amenu-container, .news-catmenu {
font-size:10px;
}
.news-latest-container hr.clearer, .news-list-container hr.clearer, .news-list2-container hr.clearer, .news-list3-container hr.clearer, .news-single-item hr.cl-left, .news-single-item hr.cl-right {
border:medium none;
clear:right;
height:1px;
margin:0;
padding:0;
}
.news-list2-container hr.clearer, .news-list3-container hr.clearer {
clear:both;
}
.news-single-item hr.cl-left {
clear:left;
}
.news-latest-container {
    padding: 0px;
}
.news-latest-gotoarchive {
	margin:3px;
	padding:3px;
}
.news-latest-container h2 {
margin:0;
padding:0 0 2px;
}
.news-latest-item {
margin:0;
padding:3px;
}
.news-latest-item img {
border:medium none;
float:left;
margin:0 5px 5px 0;
}
.news-latest-category img {
border:medium none;
float:none;
margin:0;
}
.news-latest-item > p {
margin:0;
padding:0;
}
.news-list-container {
padding:10px 0;
}
.news-list-item {
padding:0 0 10px;
}
.news-list-container h2 {
margin:0;
}
.news-list-date {
display:block;
float:right;
padding-left:10px;
}
.news-list-imgcaption {
padding:3px 3px 0 0;
}
.news-list-container img {
border:medium none;
float:right;
margin:0 2px 5px 5px;
}
.news-list-category img {
border:medium none;
float:none;
margin:0;
}
.news-list-morelink {
padding-left:5px;
}
.news-list2-container, .news-list3-container {
padding:0 0 10px;
}
.news-list2-container, .news-list3-container {
background:none repeat scroll 0 0 #E5E5E5;
}
.news-list3-item, .list2-subdiv-hdr {
background:none repeat scroll 0 0 #F1F1F1;
}
.news-list2-container .hdr-left, .news-list2-container .hdr-right, .news-list3-container .list3-left, .news-list3-container .list3-right {
float:left;
padding:5px;
width:48%;
}
.news-list2-container .sub-left, .news-list2-container .sub-middle, .news-list2-container .sub-right {
float:left;
padding:5px;
width:31%;
}
.news-list3-item {
padding:5px;
}
.news-list3-item, .list3-subdiv, .list2-subdiv {
border-top:5px solid #FFFFFF;
}
.news-list2-container img {
border:medium none;
float:right;
margin:0 2px 5px 5px;
}
.news-list3-container img {
border:medium none;
float:left;
margin:0 5px 5px 2px;
}
.news-list-browse {
margin-bottom:20px;
text-align:center;
}
.activeLinkWrap {
font-weight:bold;
}
.disabledLinkWrap {
color:#999999;
}
.disabledLinkWrap, .browseLinksWrap a, .activeLinkWrap {
padding:0 1px;
}
.news-single-item {
margin-bottom:5px;
padding:5px;
}
.news-single-img {
float:right;
margin:10px 0 0 10px;
padding:0;
}
.news-single-img img {
border:medium none;
}
.news-single-imgcaption {
margin:0;
padding:1px 0 3px;
}
.news-single-rightbox {
clear:both;
float:right;
text-align:right;
width:160px;
}
.news-single-backlink {
    padding: 10px 10px 10px 0;
}
.news-single-additional-info {
clear:both;
margin-top:15px;
padding:3px;
}
.news-single-related, .news-single-files, .news-single-links {
margin:0 0 3px;
padding:3px;
}
.news-single-related dd, .news-single-links dd, .news-single-files dd {
margin-left:20px;
}
.news-single-related dt, .news-single-links dt, .news-single-files dt {
font-weight:bold;
margin-left:5px;
}
.news-single-files dd a {
padding:0 3px;
}
.sv-img-big img, .sv-img-small img {
border:medium none;
}
.sv-img-big {
float:right;
padding:10px 0 2px 10px;
}
.sv-img-small-wrapper {
padding:15px 0;
}
.sv-img-small {
float:left;
padding:0 10px 10px 0;
}
.news-amenu-container {
margin-left:10px;
padding:0;
width:165px;
}
.news-amenu-container li {
padding-bottom:1px;
}
.news-amenu-container li:hover {
background-color:#F3F3F3;
}
.news-amenu-container ul {
list-style-type:none;
margin:5px 0 0;
padding:0;
}
.news-amenu-item-year {
background-color:#F3F3F3;
font-weight:bold;
margin-top:10px;
padding:2px;
}
.amenu-act {
background:none repeat scroll 0 0 #FFFFFF;
font-weight:bold;
}
.news-catmenu {
padding:10px;
}
ul.tree {
clear:both;
list-style:none outside none;
margin:0;
padding:0;
}
ul.tree a {
text-decoration:none;
}
ul.tree a.pm {
cursor:pointer;
}
ul.tree img {
vertical-align:middle;
}
ul.tree ul {
list-style:none outside none;
margin:0;
padding:0 0 0 17px;
}
ul.tree ul li {
line-height:10px;
list-style:none outside none;
margin:0;
padding:0;
white-space:nowrap;
}
ul.tree ul li.expanded ul {
background:url("../typo3/gfx/ol/line.gif") repeat-y scroll left top transparent;
}
ul.tree ul li.last > ul {
background:none repeat scroll 0 0 transparent;
}
ul.tree li.active, ul.tree ul li.active {
background-color:#EBEBEB !important;
}
ul.tree li.active ul, ul.tree ul li.active ul {
background-color:#F7F3EF;
}
.level1 {
background-color:#EBF8BF;
border-left:1px solid #666666;
border-top:1px solid #666666;
padding:1px 1px 1px 10px;
}
.level2 {
background-color:#DDF393;
border-left:1px solid #666666;
padding:1px 1px 1px 10px;
}
.level3 {
background-color:#CAE46E;
border-left:1px solid #666666;
border-top:1px solid #666666;
padding:1px 1px 1px 10px;
}
.level4 {
background-color:#B0CB51;
border-left:1px solid #666666;
padding:1px 1px 1px 10px;
}