/* *************************************************************

  xmental TYPO3 Lösungen [c] 2011 Burkhardt Wenzel
  
  NAVIGATION DROP DOWN
  
************************************************************* */



#navigation ul                   {
                                     float: left;
                                     height: 32px;
                                     position: relative;
                                     z-index: 100;
                                 }



#navigation ul li                {
                                     float: left;
                                     padding-right: 2px;
                                     position: relative;
                                 }

/* style the links for the top level  */

#navigation ul li a,
#navigation ul li a:visited      {
                                     text-decoration: none;
                                     color: #3d5671;
                                     text-transform: uppercase;
                                     padding: 7px;
                                     font-weight: bold;
                                     font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
                                 }

/* style the second level background  */

#navigation ul ul li a,
#navigation ul ul li a:visited   {
                                     color: #3d5671;
                                     background: none;
                                 }






#navigation ul li ul li a.active {
                                     color: #FFF;
                                     background: #E28B55;
                                 }

/* style the second level hover  */

#navigation ul ul a:hover        { }

#navigation ul ul li:hover > a   { background: #e5e5e5 }

/* style the third level background  */

#navigation ul ul ul a,
#navigation ul ul ul a:visited   { }

/* style the third level hover  */

#navigation ul ul ul  a:hover    { }

/* hide sub levels  */

#navigation ul ul                {
                                     visibility: hidden;
                                     position: absolute;
                                     height: 0;
                                     top: 23px;
                                     left: 0;
                                     width: 250px;
                                     height: auto;
                                     /*background: url(../images/back_mainnav.jpg) 0 0 no-repeat;*/
                                     background: #F1F1F1;
                                     border-bottom: 1px solid #E1E1E1;
                                     border-top: 1px solid #E1E1E1;
                                 }

/* position the third level flyout menu  */

#navigation ul ul ul             {
                                     left: 250px;
                                     top: -1px;
                                     width: 250px;
                                 }

/* position the third level flyout menu for a left flyout  */

#navigation ul li.last ul ul     { left: -198px !important }

/* style the table  - required for IE to work  */

#navigation ul table             {
                                     position: absolute;
                                     top: 0;
                                     left: 0;
                                     border-collapse: collapse;
                                     : ;
                                 }

/* style the second level links  */

#navigation ul ul a,
#navigation ul ul  a:visited     {
                                     color: #8E9BA3;
                                     font-weight: normal;
                                     text-transform: none;
                                     display: block;
                                     width: 234px;
                                     margin: 0;
                                     padding: 0 7px;
                                     font-size: 11px;
                                 }

/* style the top level hover  */

#navigation ul a:hover,
#navigation ul ul ul a:hover     { }

#navigation ul :hover > a,
#navigation ul ul ul :hover > a  { }

/* make the second level visible when hover on first level list OR link  */

#navigation ul li:hover ul,
#navigation ul a:hover ul        { visibility: visible }

/* keep the third level hidden when you hover on first level list OR link  */

#navigation ul li:hover ul ul,
#navigation ul a:hover ul ul     { visibility: hidden }

/* make the third level visible when you hover over second level list OR link  */

#navigation ul ul li:hover ul    { visibility: visible }



/* BREADCRUMB
   ================================================== */

#breadcrumb ul li                {
                                     float: left;
                                     padding: 2px 5px 0 0;
                                     font-size: 11px;
                                     font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
                                 }

/* FOOTER
   ================================================== */

#footer a                        {
                                     color: #FBFBFB;
                                     text-transform: uppercase;
                                     text-decoration: none;
                                     font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
                                     font-weight: bold;
                                 }

.footernav                       { float: left }

.footernav li                    {
                                     float: left;
                                     padding: 0 15px 0 0;
                                 }

.print                           {
                                     float: right;
                                     margin-right: 15px;
                                     margin-top: 3px;
                                 }

.language                        { float: right; margin-top: 4px; }

.language li                     {
                                     float: left;
                                     list-style-type: none;
                                     padding: 0.2em 0.8em 0px 0px;
                                 }

.language li.he                  { padding: 0px }

.language a                      {
                                     float: left;
                                     width: 15px;
                                     height: 9px;
                                     border: 1px solid #C6C6C6;
  
                                 }

.language a span                 {
                                     position: absolute;
                                     top: -999em;
                                     left: -999em;
                                     display: none;
                                 }

.language a:hover                { text-decoration: none }

.language a.de.active,
.language a.de:hover             { background: transparent url(../images/flags_new/de_act.gif) no-repeat 0 0 }

.language a.de                   { background: transparent url(../images/flags_new/de_inact.gif) no-repeat 0 0 }

.language a.en.active,
.language a.en:hover             { background: transparent url(../images/flags_new/en_act.gif) no-repeat 0 0 }

.language a.en                   { background: transparent url(../images/flags_new/en_inact.gif) no-repeat 0 0 }

.language a.ru.active,
.language a.ru:hover             { background: transparent url(../images/flags_new/ru_act.gif) no-repeat 0 0 }

.language a.ru                   { background: transparent url(../images/flags_new/ru_inact.gif) no-repeat 0 0 }

.language a.es.active,
.language a.es:hover             { background: transparent url(../images/flags_new/es_act.gif) no-repeat 0 0 }

.language a.es                   { background: transparent url(../images/flags_new/es_inact.gif) no-repeat 0 0 }

.language a.fr.active,
.language a.fr:hover             { background: transparent url(../images/flags_new/fr_act.gif) no-repeat 0 0 }

.language a.fr                   { background: transparent url(../images/flags_new/fr_inact.gif) no-repeat 0 0 }

.language a.pl.active,
.language a.pl:hover             { background: transparent url(../images/flags_new/pl.gif) no-repeat 0 0 }

.language a.pl                   { background: transparent url(../images/flags_new/pl_inact.gif) no-repeat 0 0 }

.language a.he.active,
.language a.he:hover             { background: transparent url(../images/flags_new/isr_act.gif) no-repeat 0 0; margin-top: 2px; }

.language a.he                   { background: transparent url(../images/flags_new/isr_inact.gif) no-repeat 0 0; margin-top: 2px; }