/* colors */
/* Gestaltung der kompletten linken Spalte */
.left {
  background-color: #EEEEEE; 
}

.navOpened,
.navClosed {
  background-color: #FFFFFF;
}



.navOpened .navTitle .titleText {
  color: #333333;
}



.navOpened .navTitleOver .titleText {
  color: #000000;
}




.navTitle .titleHandle {
  background-color: #000000;
}



.navTitleOver .titleHandle {
  background-color: #FFFFFF;
}

.navClosed .navTitle .titleText {
  /*color: #000000*/
}

.navClosed .navTitleOver .titleText {
  color: #000000;
}

/* --------------Gestaltung Inhalt des linken Navigationscontainers --------------*/

.left div.modulecontent {
  background-color: #F4F4F4;
  border-left: solid 1px #33CCFF;
  border-right: solid 0px #33CCFF;
  border-top: solid 1px #33CCFF;
  border-bottom: solid 1px #33CCFF;

}


/*------------- Definition Sub Links im linken Modul --------------*/

a:link,
a:visited,
a:active {
  color: #000000;
  text-decoration: none;


}

.left td {
color: #000000;
}

a:hover {
  color: #33CCFF;
}


/* ------------Abstand Module vom Browserrand------------ */

.left {
  padding: 12px 11px 60px 10px;
  width: 170px;
  margin: 25px;
  background-image: url(../../images/powered_by.gif);
  background-position: left bottom;
  background-repeat: no-repeat;


}

.left img {
  margin: 0;
  border: 0;
}

/* --------------- Abstände der Module -------------------- */

.navOpened, .navClosed {
  width: 175px;
  margin-bottom: 5px;

  background: #CCCCCC;
  border-left: solid 0px #CCCCCC;
  border-right: solid 0px #33CCFF;
  border-top: solid 1px #33CCFF;
  border-bottom: solid 0px #666666;
}

.navOpened th, .navClosed th {
  background-position: top;
  background-repeat: no-repeat;
  height: 20px; /* geändert*/
  font-weight: normal;
  vertical-align: middle;
  text-align: left;
  text-decoration: none;

}

/* ------------- Kronenkreuz ----------------*/

.navOpened .titleHandle {  
  background-position: left top;
  background-position: left middle;
  background-repeat: no-repeat;
  width: 0px;
  background: #CCCCCC;

}


.navClosed .navTitle,
.navClosed .navTitleOver, 
.navOpened .navTitle,
.navOpened .navTitleOver{
  height: 22px;
  /*empty-cells: show;*/
}


.navTitle .titleHandle,
.navTitleOver .titleHandle {
  width: 0px;
  margin-left: 0px;
}

.navTitle, .navTitle td, .navTitleOver, .navTitleOver td, .left th {
  font-weight: normal;
font-size: 10px;
margin-left: 5px;
  -moz-user-select: none;

}

.navClosed .titleLeft,
.navOpened .titleLeft {
  background-position: top;
  background-repeat: no-repeat;
  vertical-align: top;
margin-left: 0px;
}

.navClosed .titleRight,
.navOpened .titleRight {
  background-image: url(../images/topright.gif);
  background-position: top;
  background-repeat: no-repeat;
  width: 3px;
  vertical-align: top;
}

.navClosed .titleHandle {
  background-repeat: no-repeat;
}



/* ------------  Ausrichtung der Modulinhalte von oben usw  ---------. */

.left div.modulecontent {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.left .navOpened div.modulecontent {
  display: block;
}

.left .navClosed div.modulecontent {
  display: block;
}

.left div.modulecontent td {
  margin-top: 4px;
  padding: 0px 0px;
  vertical-align: middle;
}
/* ----------------------------  Navi ----------------------------*/

a.mainlevel:link, a.mainlevel:visited  
{ 
 color: #000000;
 font-size: 10px;
 font-weight: normal;
 background-color: #EEEEEE;
 text-decoration: none; 
 text-align: left;
 vertical-align: normal; 
 width: 100%; 
 height: auto; 
 padding-top: 3px;
 padding-bottom: 3px;
 border-bottom: 1px solid #CCCCCC; 
 display: block;
 white-space:pre-line; 
 text-indent:5px; 
}

a.mainlevel:hover  { 
 color: #000000;
 font-size: 10px;
 font-weight: normal;
 width: 100%; 
 height: auto;
 background-color: #CCCCCC;
 text-decoration: none;
 border-bottom: 1px solid #CCCCCC;
white-space:pre-line;

 }

#active_menu  { 
color: #333 }
ul#mainlevel-nav
  { font-size: 0.8em; list-style-type: none; list-style-position: outside; margin: 5; padding: 0 }

ul#mainlevel-nav li
   { font-size: 11px; line-height: 21px; white-space: nowrap; display: block; float: left outside; }

ul#mainlevel-nav li a
 { color: #aaa; text-decoration: none; background-position: 0 0; display: block; padding-right: 15px; padding-left: 15px }
ul#mainlevel-nav li a:hover
 { color: white; background-color: #666; background-position: 0 0 }

a.sublevel{
color: #000000;
 font-size: 10px;
 font-weight: normal;
white-space:pre-line;
}
a.sublevel:link {
color: #000000;
 font-size: 10px;
 font-weight: normal;
white-space:pre-line;
}
a.sublevel:visited {
color: #000000;
 font-size: 10px;
 font-weight: normal;
white-space:pre-line;
}
a.sublevel:hover {
color: #0099FF;
 font-size: 10px;
 font-weight: normal;
white-space:pre-line;
}
