@charset "utf-8";

/* #################################################################################### */
/* ## Verikale Menüs                                                                 ## */
/* ## Definitionen der Menütexte, Farben, Rahmen, Abständer der Elemente             ## */
/* #################################################################################### */

.test
{
  background-color: #00FFFF;
  margin: 15px;
  padding: 5px;
  color: #00FF40;
}

.abstand_box_vertikal
{
  margin: 50px;
}

.rahmen_aus_menue_vertikal
{
  margin: 5px 0 20px 25px;
}

.rahmen_aus_box_vertikal
{
  margin: 5px 0 20px 0px;
}


.rahmen_aus_menue_vertikal .menueeintrag,
.rahmen_aus_menue_vertikal .menueeintrag_aktiv
{
  margin: 0 0 10px 0;
  padding: 0px 0px 0px 15px;
  border-top: #DBFF6C 2px solid; /* Farbe und Art des oberen Rands */
  border-left: #DBFF6C 2px solid; /* linker Rand */
  border-bottom: #698C00 2px solid; /* unterer Rand */
  border-right: #698C00 2px solid; /* rechter Rand */
  height:35px;
  width: 150px;
  background-color: #FF0000;
  display: block;

  line-height: 35px;
  color: #FFFFFF;
  font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing:1px;
  text-decoration: none;
}

.rahmen_aus_menue_vertikal .menueeintrag_aktiv
{
  background-color: #FFFF00;
  color: #0000A0;
  text-decoration: none;
}

.rahmen_aus_menue_vertikal .menueeintrag a
{
  color: #FFFFFF;
  text-decoration: none;
}

.rahmen_aus_menue_vertikal .menueeintrag:hover
{
  border-bottom: #DBFF6C 2px solid;
  border-right: #DBFF6C 2px solid;
  border-top: #698C00 2px solid;
  border-left: #698C00 2px solid;
  padding: 0px 0px 0px 17px;
}

.rahmen_aus_menue_vertikal .line_abstand_01
{
   margin: 5px 0 10px 0px;
   height: 1px;
   width: 165px;
   border-bottom: dotted 3px #004080
}