@charset "utf-8";
/***************************************************************************************/
/*
Titel:    Standardstyles fuer Bildschirmmedien
Autor:    Stephan Schindel, Computer-Rundum
Created:  21.10.2014
Updated:  21.10.2014 17:11

Inhalt:   - Erklaerung

menu.css
*/
/***************************************************************************************/
/* @import url("NAME_DER_DATEI.css");*/

/*###############################GLOBALE EINSTELLUNGEN#################################*/
/* default styles for extension "tx_EXTENSION" */

/* Allgemein */
#menu.flyoutmenu {
  position:relative;
  margin:0;
/*  margin:50px 0;
  font-family: arial, sans-serif;
  width:106px;
  height:150px;
  font-size:11px; */
  z-index: 99;
  clear: left; /* in bootstrap wird ein float left an die Klasse col-xs- gebunden */
}
/* Link Tag 1. Menuebene */
#menu.flyoutmenu ul li a, #menu.flyoutmenu ul li a:visited {
  display: block;
  text-decoration: none;
  text-align: center;
  color: #000;
  height: 20px;
  width: 134px;
/*  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
  background: #c9c9a7;*/
  line-height: 19px;
  font-size: 11px;

/*  margin: 2px 2px 0 0;  Abstand der umgebenden Elemente der Listenelemente nach oben und nach rechts*/
  background-image: linear-gradient(to bottom, #EFEFEF 60%, #CECECE 100%);
  border: 1px solid #bfbfbf;
  border-radius: 3px;
}
#menu.flyoutmenu ul li:hover a:hover {
  font-weight: bold;
  background-image: linear-gradient(to bottom, #CECECE 40%, #EFEFEF 100%);
  border: 1px solid #bfbfbf;
  border-radius: 3px;
}

#menu.flyoutmenu ul {
  padding:0;
  margin:0;
  list-style-type: none;
}
#menu.flyoutmenu ul li {
/*  float:left; */
  margin-right:1px;
  position:relative;
}
#menu.flyoutmenu ul li ul {
  display: none;
}
#menu.flyoutmenu li.active a {
  font-weight: bold;
}
#menu.flyoutmenu li.fly a {
  font-weight: normal;
}

/* specific to non IE browsers */
#menu.flyoutmenu ul li:hover a {
/*  background: #b3ab79;
  color: #fff; */
  background-image: linear-gradient(to bottom, #CECECE 40%, #EFEFEF 100%);
  border: 1px solid #bfbfbf;
  border-radius: 3px;
}

/* 2. Menu-Ebene */
#menu.flyoutmenu ul li:hover ul {
  display: block;
  position: absolute;
  top: 0;
  left: 134px; /*regelt den Abstand der 2. Menuebene von der ersten */
  width: 150px;
}
#menu.flyoutmenu ul li:hover ul li a {
/*  background:#dfc184;
  color:#000; */
  background-image: linear-gradient(to bottom, #CECECE 40%, #EFEFEF 100%);
  border: 1px solid #bfbfbf;
  border-radius: 3px;
}
#menu.flyoutmenu ul li:hover ul li:hover a {
  width:150px; /* */
}
#menu.flyoutmenu ul li:hover ul li ul {
  display: none;
}
#menu.flyoutmenu ul li:hover ul li a {
/*  background:#b3ab79;
  color:#000; */
  width:150px;
  display: block;
  background-image: linear-gradient(to bottom, #EFEFEF 60%, #CECECE 100%);
  border: 1px solid #bfbfbf;
  border-radius: 3px;
}
#menu.flyoutmenu ul li:hover ul li a:hover {
/*  background:#dfc184;
  color:#000; */

}
/* 3. Menu-Ebene */
#menu.flyoutmenu ul li:hover ul li:hover ul {
  display: block;
  position: absolute;
  left: 150px;  /*regelt den Abstand der 3. Menuebene von der 2. Menuebene */
  top: 0;
  color: #000;
}
#menu.flyoutmenu ul li:hover ul li:hover ul li a {
/*  background:#dfc184;
  color:#000;*/
  width: 150px;
  display: block;
}
#menu.flyoutmenu ul li:hover ul li:hover ul li a:hover {
/*  background:#bd8d5e;
  color:#fff; */
}




/*******************************************/
/* Spezial Einstellungen Internet Explorer */
/* kleiner als IE 9                        */
/*******************************************/

.ie8 #menu.flyoutmenu ul li a,
.ie8 #menu.flyoutmenu ul li a:visited {
  display: block;
  text-decoration: none;
  text-align: center;
  color: #000;
  width: 134px;
  height: 20px;
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
  background: #cdcece;
  line-height: 19px;
  font-size: 11px;
}

.ie8 #menu.flyoutmenu li.active a {
  font-weight: bold;
}
.ie8 #menu.flyoutmenu li.fly a {
  font-weight: normal;
}

/* 2. Menu-Ebene */
.ie8 #menu.flyoutmenu ul li:hover ul {
  display: block;
  position: absolute;
  top: 0;
  left: 134px; /*regelt den Abstand der 2. Menuebene von der ersten */
  width: 150px;
}
.ie8 #menu.flyoutmenu ul li:hover ul li a {
  background:#cdcece;
  color:#000;
}
.ie8 #menu.flyoutmenu ul li:hover ul li:hover a {
  width:150px; /* */
}
.ie8 #menu.flyoutmenu ul li:hover ul li ul {
  display: none;
}
.ie8 #menu.flyoutmenu ul li:hover ul li a {
  background:#cdcece;
  color:#000;
  width:150px;
  display: block;
}
.ie8 #menu.flyoutmenu ul li:hover ul li a:hover {
  background:#cdcece;
  color:#000;
}
/* 3. Menu-Ebene */
.ie8 #menu.flyoutmenu ul li:hover ul li:hover ul {
  display: block;
  position: absolute;
  left: 150px;  /*regelt den Abstand der 3. Menuebene von der 2. Menuebene */
  top: 0;
  color: #000;
}
.ie8 #menu.flyoutmenu ul li:hover ul li:hover ul li a {
  background: #cdcece;
  color: #000;
  width: 150px;
  display: block;
}
.ie8 #menu.flyoutmenu ul li:hover ul li:hover ul li a:hover {
  background: #cdcece;
  color: #fff;
}