/* TYPO3 CSS STYLED CONTENT */
/* VOICE & ALLGEIER


---------------
# COLORSCHEME #
---------------
Background Color 1: #000000;	(dark black periphery)
Background Color 2: #0A0A0A;	(black central background)
Background Color 3: #262525;	(dark gray content background)
Background Color 4: #131313;  (dark gray content background dimmed) 
Background Color 3: #29526F;	(blue box background)

Text, main:	        #FEFDFD;  (white main text)

Text Color 1:       #2B7FB9;	(blue header)
Text Color 2:       #8F8E8E;	(gray header in teaser box, several special text)
Text Color 3:       #FF9900;	(orange for important text)

Text link:         	#8F8E8E;
Link hover:         #;

Border lines:	      #2F2F2F;  (shaded black)

-------------
# STANDARDS #
-------------
Text:               Verdana

---------
# To do #
---------



--------------------------------------------------------------------------------
--------------------------------------------------------------------------------


--------------------
# General layout   #
--------------------                                           */
#body-table {	width: 1024px; }	
#header { 	height: 252px;	} 
#navbar {	height: 44px;	vertical-align: top; /*position: relative;*/}
#main-table {  }
#content-area {	width: 657px;  vertical-align: top;	  } 
#teaser-area {	width: 333px;	text-align: left;	vertical-align: top;
    /*position: relative;*/
	}	
	
	
.teaser-container {  width: 317px; margin-left: 16px; margin-bottom: 0px; /*position: absolute; z-index: 0; */ 
    
/******************************************************************************/
/* NOTE z-index requirements:                                                 */
/*    + Only applicable to positioned elements ('position: absolute')         */
/*    + Parent element of positioned element requires positioning with        */
/*      'position: absolute|relative' not 'position: static'                  */
/******************************************************************************/    
    }


.content-box, .teaser-box { margin-left: 24px; margin-right: 24px; padding-top: 24px; padding-bottom: 24px; min-height: 300px; }
#footer {  }

.navbar-container, .content-container, .footer-container { margin-left: 34px; }
.footer-container {	margin-top: 24px; margin-bottom: 34px;	}

/*
--------------------
# General colors   #
--------------------  */
Body {	background-color: #000000; color: #FEFDFD; }
#main, #navbar, #footer-area { background-color: #0A0A0A; }
.content-container, .teaser-container { background-color: #262525; }  

/* teaser-container opacity */
div.teaser-container
{
/******************************************************************************/
/* NOTE opacity for teaser container                                          */
/*    + Opacity css settings:                                                 */
/*      for IE:           'filter: alpha(opacity=60);'                        */
/*      CSS3 standard:    'opacity: 0.6;'                                     */
/*    + Dynamic setup in template:                                            */
/*      '<div class="teaser-container"                                        */
/*      onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"     */
/*      onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60">'   */
/******************************************************************************/    
}



 
                                  
/*
--------------------------
# General element styles #
--------------------------                         */
P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: verdana, arial, helvetica; color: #FEFDFD; }
PRE { font-family: monospace; }

P, PRE { margin: 10px 0px 10px 0px; }
FORM { margin: 0px 0px 0px 0px;}
INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 11px; }


P, TD, UL, OL { 
  font-size: 10pt; 
  line-height: 13pt; 
  color: FEFDFD; 
  /*
  letter-spacing: 1px; 
  word-spacing: 4px; 
  font-weight: lighter; */
}

IMG {border: 0px;}
TABLE { border: 0px; }


/*
--------------------------
# Links                  #
--------------------------                         */
A { color: #8F8E8E; text-decoration: underline; font-weight: normal;}
A:hover { color: #2B7FB9; text-decoration: underline; }

/*
--------------------------
# Link boxes             #
--------------------------                         */
DIV.link-box-area {width: 200px; margin-top: 12px; background-color: #333333; border: 1px solid #4F4F4F; }
P.link-box {margin: 6px 12px 6px 12px;}
P.link-box SPAN, P.link-box A { font-size: 9pt; }
SPAN.link-box-listitem { color: #2B7FB9; }
P.link-box A { text-decoration: none; }

DIV.eventcalendar-teaser-morelink-box { float: right; margin-top: 0px;}
/*
<div class="link-box-area content-link-box"><p class="link-box content-link-box-link"><span class="link-box-listitem">&laquo; </span> |</p></div><div class="clear"></div> 
*/						
P.content-link-box A, P.content-link-box SPAN {font-size: 9pt; text-decoration: none; }



/*				
--------------------------                        
# Headers                #
--------------------------                         
NOTE: Margin of first-header on top of the page can be implemented by 
      padding of content-box! */

/* standard headers */

    /* FONT AND SIZE */
H2, H3, H4, H5, H6 { font-family: arial, helvetica; }
H1 { font-size: 15pt; }
H2 { font-size: 13pt; }
H3 { font-size: 11pt; }
H4 { font-size: 60pt;  }
H4 H5 H6 { color: #FF0000; }

    /* MARGINS */
H1, H2{ margin-top: 26px; margin-bottom: 14px; }
H3 { margin-top: 20px; margin-bottom: 14px;  }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

    /* COLOR AND DECORATION */
H1, H2, H3, H2 A, H3 A  { color: #2B7FB9; text-decoration: none; font-weight: normal; }

    /* LINKS */
H2 A:hover, H3 A:hover { text-decoration: underline; }


/* special headers */

    /* TEASER BOX */
DIV.teaser-box H2, DIV.teaser-box H3, DIV.teaser-box H2 A, DIV.teaser-box H3 A {  
  font-weight: normal; color: #8F8E8E; }

    /* SPECIAL TABLES AND CELLS */
TABLE.table-blue-3col-spacing16px TD H3, TABLE.table-blue-3col-spacing16px TD H2, 
TABLE.table-blue-3col-spacing16px TD H3 A, TABLE.table-blue-3col-spacing16px TD H2 A { 
  color: #202020; }
TABLE TD.special-cell-personen H3 { margin-top: 6px; margin-bottom: 0px; }




/*
----------------------------
# RTE, bodytext, paragraph #
----------------------------                            */
P.bodytext { }

p.align-left { text-align: left; }
p.align-center {	text-align: center;	}
p.align-right {	text-align: right;	}
	
p.infoBox {	border: 1px solid black; background-color: #FF9900;	}
p.infoWichtigBox  { border: 1px solid black; background-color: #FF9900; font-size: 16pt;	}
p.small-text {	font-size: 7px;	}
p.citation {	background-color: #DDDDDD;  }
  
  /* SPECIAL TABLES AND CELLS */  
TABLE TD.special-cell-personen p { margin-top: 6px; }


/* RTE */

  /* Backgroundcolor for RTE */
    /* Weiße Schrift auf weißem Hintergrund ist schlecht zu lesen */
.htmlarea-content-body { background-color: #262525; style="width:575px;"}
 
  /* RTE / Special Text formats */ 
span.important {  color: #8A0020;	}
span.name-of-person {	color: #10007B;	}
span.detail {	color: #186900;	}


  /* RTE / Links */
P.bodytext A {  }
P.bodytext A.linkExt, P.bodytext A.linkInt {}
P.bodytext A.linkExt:hover, P.bodytext A.linkInt:hover { }

  /* RTE / Bulletlists */
UL { margin-top: 0px;  }
UL UL LI { font-size: 10px; }
OL { margin-top: 0px; }
LI { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }

  /* RTE / Table styling */
TABLE.contenttable {}
TABLE.contenttable TR TD {  }
TABLE.contenttable TR TD P.bodytext { }
TABLE.contenttable TR {  }


/*
--------------------
# Images, captions #
--------------------                         */
P.csc-caption { font-size: 10px; font-style: italic; }

DD.csc-textpic-caption { padding-top: 10px; padding-bottom: 24px; font-size: 8pt;}

/* Images / Tables / Floating text */
TABLE.imgtext-table { border: 0px; }

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { border: 0px; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }
/*DORNMOD*/

/* RTE BILD LINKSBUENDIG */
img.image-left {
    float: left;
    margin: 0 10px 10px 0;
}
/* RTE BILD RECHTSBUENDIG */
img.image-right {
    float: right;
    margin: 0 0 10px 10px;
}

/*
--------------------
# Bulletlists      #
--------------------                         */
UL.csc-bulletlist LI { font-size: 11px; }

/* Bulletlists, specifically */
UL.csc-bulletlist-0 { color: #000000; }
UL.csc-bulletlist-1 { color: #186900; list-style-type : decimal; }
UL.csc-bulletlist-2 { color: #10007B; list-style-position : inside; }
UL.csc-bulletlist-3 { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }


/*
--------------------
# Tables           #
--------------------                         */

/* standard contenttables */
TABLE.contenttable {}

TABLE.contenttable P {  }
TABLE.contenttable TR TD { vertical-align: top; }

/* contenttables specifically */
TABLE.contenttable-0 {border-spacing: 0px;}
TABLE.contenttable-0 TD { border: 0px;}

TABLE.contenttable-1 P { color: #186900; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color: #D1D2E4;}
 
TABLE.contenttable-2 P { color: #10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color: #F5FFAA;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; }

TABLE.contenttable-3 P { color: #8A0020; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: #D1D2E4;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }


/*
--------------------------------------------------------------------------------
TABELLEN BEACHTEN:
für contenttable sind mittlerweile max-width und widht definiert!
Tags können aus dem RTE raus....
Vernünftigere Breitenangaben mit style-definintionen für tabellen im RTE!
--> Contentable width und max width in spezielle klassen schreiben
--> Unterelemente der tabellen!
--------------------------------------------------------------------------------
*/

/* Special user defined tables and cells */

  /* Special 3-column-layout */

    /* PERSONEN */
TABLE.table-blue-3col-spacing16px { width: 607; margin-left: -16px; margin-right: -16px;}
TABLE.table-blue-3col-spacing16px TD { width: 273px; background-color: #29526F; vertical-align: top;}
TABLE.table-blue-3col-spacing16px TD IMG { text-align: center; }

    /* REFERENZEN */
TABLE.table-blue-3col-spacing25px { width: 607; margin-left: -25px; margin-right: -25px; margin-top: -19px; margin-bottom: -19px;}
TABLE.table-blue-3col-spacing25px TD { width: 267px; background-color: #29526F; text-align: center; }

    /* SPECIAL TABLE CELLS */
TD.special-cell-black { background-color: #262525; color: #FEFDFD;  } /* make redundant for RTE !!! */
TABLE TD.special-cell-black { background-color: #262525; color: #FEFDFD;  } 

TD.special-cell-personen { background-color: #29526F; } /* redundant for RTE!!! */
TABLE TD.special-cell-personen { background-color: #29526F; } 

TD.special-cell-grey { background-color: #333333; }
TD.special-cell-blue { background-color: #29526F; }



/*
-----------------------
# Filelinks           #
-----------------------                         */
TABLE.csc-uploads { border: 0px; }
TABLE.csc-uploads TR TD P { background-color : transparent; font-size: 12px; }
TABLE.csc-uploads TR TD { vertical-align : top; }
TABLE.csc-uploads TR.tr-even { background-color: #EDEBF1; }
TABLE.csc-uploads TR.tr-odd { background-color: #D8D7DC; }
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 80%; padding-left: 5px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: italic; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* Filelinks, specifically */
TABLE.csc-uploads-1 { border-color: #186900; }

TABLE.csc-uploads-2 { border-color: #10007B; }

TABLE.csc-uploads-3 { border-color: #8A0020; }
TABLE.csc-uploads-3 TR TD { vertical-align: middle; }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border: 2px solid #333333; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border: 2px solid #333333; }
				
/*
---------------------------------
# Frames, spacing, link-to-top  #
---------------------------------                       */
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }


/*
--------------------
# Various forms    #
--------------------                       */
/* Email, Login and Search forms generally: */
FORM TABLE TR TD { padding-left: 5px; padding-right: 20px; }
FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell { background-color: #D8D7DC; }
FORM TABLE TR TD.csc-form-fieldcell { background-color: #EDEBF1; }
FORM TABLE TR TD.csc-form-fieldcell INPUT, FORM TABLE TR TD.csc-form-fieldcell SELECT, FORM TABLE TR TD.csc-form-fieldcell TEXTAREA { border: 1px solid #333333; }
FORM TABLE TR TD.csc-form-labelcell P.csc-form-label-req { font-weight: bold; }

/* Email form, specifically */
FORM TABLE.csc-mailform TR TD.csc-form-labelcell  { }

/* Search form, specifically */
FORM TABLE.csc-searchform { width: 100%; }
FORM TABLE.csc-searchform TR TD { padding: 5px 5px 5px 5px; }
FORM TABLE.csc-searchform TR TD.csc-form-labelcell, FORM TABLE.csc-searchform TR TD.csc-form-commentcell { font-weight: bold; }
FORM TABLE.csc-searchform TR TD.csc-form-fieldcell INPUT, FORM TABLE.csc-searchform TR TD.csc-form-fieldcell SELECT { width: 100%; }

/* Login form, specifically */
FORM TABLE.csc-loginform { width: 70%; }


/*
--------------------
# Search           #
--------------------                       */
/* Search Result, result information box: */
TABLE.csc-searchResultInfo { margin-left: 0px; margin-top: 10px; width: 100%;}
TABLE.csc-searchResultInfo TR { background-color: #EDEBF1; }
TABLE.csc-searchResultInfo TR TD P { padding: 0px 5px 0px 5px;}
TABLE.csc-searchResultInfo TR TD.csc-searchResultRange P { font-weight: bold; }
TABLE.csc-searchResultInfo TR TD.csc-searchResultPrevNext { text-align: right; }

/* Search Result, header + abstract: */
H3.csc-searchResultHeader A { color: #186900; }
H3.csc-searchResultHeader { background-color: #EDEBF1; font-size: 14px; padding-left: 5px; }
P.csc-searchResult { font-style: italic; margin-left: 20px;}

/* Search word markup */
SPAN.csc-sword { font-weight: bold; color: red; }


/*
--------------------
# Menu, sitemap    #
--------------------                         */
DIV.csc-menu { margin-left: 10px; }
DIV.csc-menu P { font-size: 11px; font-weight: bold; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px; background-color: #EDEBF1; }
DIV.csc-menu P A { color: #000000; text-decoration: none; }
DIV.csc-menu P A:hover { color: #660000; text-decoration: underline; }
DIV.csc-menu P.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }

/* Menu / Sitemap, "Menu of these pages" */
DIV.csc-menu-def P {  }

/* Menu / Sitemap, "Menu of subpages to these pages" */
DIV.csc-menu-1 { }

/* Menu / Sitemap, "Sitemap" */
DIV.csc-menu-2 { }
DIV.csc-menu-2 P.csc-sitemap { }
DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left: 20px; }
DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left: 40px; }
DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left: 60px; }
DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left: 80px; }
DIV.csc-menu-2 P.csc-sitemap-level1 A { color: #000000; }
DIV.csc-menu-2 P.csc-sitemap-level2 A { color: #186900; }
DIV.csc-menu-2 P.csc-sitemap-level3 A { color: #10007B; }
DIV.csc-menu-2 P.csc-sitemap-level4 A { color: #8A0020; }

/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
DIV.csc-menu-3 { }
DIV.csc-menu-3 P.csc-section { margin-left: 0px; }
DIV.csc-menu-3 P.csc-section A { color: #186900; }

/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
DIV.csc-menu-4 { }
DIV.csc-menu-4 P { margin-top: 2px; }
DIV.csc-menu-4 P.csc-abstract { font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px; }

/* Menu / Sitemap, "Recently updated pages" */
DIV.csc-menu-5 { }

/* Menu / Sitemap, "Related pages (based on keywords)" */
DIV.csc-menu-6 { }

/* Menu / Sitemap, "Menu of subpages to these pages + sections" */
DIV.csc-menu-7 { }
DIV.csc-menu-7 P { font-weight: bold; }
DIV.csc-menu-7 P.csc-section A { color: #186900; }


/*
---------------------------------------
# Frontend editing, TYPO3 admin panel #
---------------------------------------             */
IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; } 

/* Default styles for the Admin Panel */
TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }
TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black; }			
TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-editPanel TD { border: 0px; }


/*				
--------------------------                        
# Plugin eventcalendar   #
--------------------------                         */
DIV.tx-eventcalendar-clearbox {clear:right; margin: 0px;}

/* overview view */
DIV.tx-eventcalendar-overview-content-container { 
  width: 575px; margin-bottom: 6px; background-color: #29526F;}
DIV.tx-eventcalendar-overview-content-box {
  width: 551px; margin: 0px 6px 0px 6px; border: 6px solid #29526F;}
P.tx-eventcalendar-overview-date-box {margin-top: 0px; margin-left: 0px; }
DIV.tx-eventcalendar-overview-event-box {float: right; width: 430px; margin-left: 12px; }
DIV.tx-eventcalendar-overview-title {}
SPAN.tx-eventcalendar-important-title {color: #FF9900;}
DIV.tx-eventcalendar-overview-subtitle, DIV.tx-eventcalendar-overview-location-contact { font-size: 8pt; }
DIV.tx-eventcalendar-overview-location-contact { }
DIV.tx-eventcalendar-overview-reviewlink { padding: 2px 5px 2px 5px; float: right; font-size: 8pt; /* background: #333333; border: 1px solid #4F4F4F; */}
DIV.tx-eventcalendar-overview-reviewlink A { color: #FEFDFD; text-decoration: none;   } /* #2B7FB9*/
DIV.tx-eventcalendar-overview-reviewlink A:hover { text-decoration: underline; }
DIV.tx-eventcalendar-overview-reviewlink A SPAN.linkitem { font-size: 10pt; color: #FEFDFD; text-decoration: none;  }


/* comopact view */
DIV.tx-eventcalendar-compact-content-container { margin-bottom: 12px; margin-top: 6px; }
DIV.tx-eventcalendar-compact-listitem { float: left; padding-right: 0px; margin: 0px; color: #2B7FB9;}
DIV.tx-eventcalendar-compact-date-box { margin-left: 0px; margin-bottom: 0px; font-size: 8pt; text-align: left;} 
DIV.tx-eventcalendar-compact-event-box { margin-left: 10px;}
DIV.tx-eventcalendar-compact-event-header {margin: 0px; font-weight: normal;} 
DIV.tx-eventcalendar-compact-event-header SPAN.tx-eventcalendar-important-title {color: #FF9900;} 
DIV.tx-eventcalendar-compact-event-subtitle { font-size: 8pt; color: #8F8E8E; }


/*				
--------------------------                        
# Navigation-bar         #
--------------------------                         */


/* tmenu - layer1 - horizontal */
#navbar A {
  color: #FEFDFD; 
  font-size: 9pt;
  font-family: verdana, arial, helvetica;
  text-decoration: none;
}

#nav {
	float: left;
	list-style: none;
	font-size: 9pt;
	line-height: 11pt;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: #FEFDFD;
/*position: absolute;*/
/*		z-index: 500; */
/******************************************************************************/
/* NOTE z-index requirements:                                                 */
/*    + Only applicable to positioned elements ('position: absolute')         */
/*    + Parent element of positioned element requires positioning with        */
/*      'position: absolute|relative' not 'position: static'                  */
/******************************************************************************/
}

#nav DIV { display: block; }

#nav li.menuparent, #nav li.menuparent-active {float: left; margin-right: 20px; padding: 6px 6px 6px 2px;}
#nav li.menuparent SPAN { color: #2B7FB9; }
#nav li.menuparent A, #nav li.menuparent-active {text-decoration: none; padding-left: 2px; }

#nav li.menuparent-active { background-color: #44759A; }
#nav li.menuparent-active SPAN {color: #FEFDFD;}

/************************************************/
/* NOTE: sfhover = suckerfish workaround for IE */
/************************************************/

#nav li:hover, #nav li.sfhover { background-color: #44759A;}
#nav li:hover SPAN, #nav li.sfhover SPAN {color: #FEFDFD;} 
/* #nav li.menuparent-active {float: left; margin-right: 20px; padding: 6px 6px 6px 2px; background: #44759A;}*/


/* tmenu - layer2 - vertical */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
  list-style: none;
  background-color: #202020;
  padding: 4px 10px 4px 10px;
  margin: 6px 0px 0px -2px;	
  /*z-index: 501;*/

  
}
 
#nav li li { margin-bottom: 0px; }
#nav li li:hover, #nav li li.sfhover { background-color: #202020; }
#nav li li A:hover { text-decoration: underline; }
#nav li ul a { }

#nav li li.sub-active A {color: #2B7FB9;}

/* further submenus */
#nav li ul ul { }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
/*-999*/
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }


/*				
--------------------------                        
# Footer Navigation      #
--------------------------                         */
.footer-container A{
  color: #FEFDFD; 
  font-size: 9pt;
  font-family: verdana, arial, helvetica;
  text-decoration: none;
}

.footer-element-listitem { padding: 6px 2px 6px 0px; color: #2B7FB9; }
.footer-element {padding: 6px 20px 6px 2px; border: 1px solid #0A0A0A;}
.footer-element A { border: 1px solid #0A0A0A; }
.footer-element A:hover { background-color: #44759A; color: #FEFDFD; text-decoration: none; }



/*
-------------
# Debugging #
-------------                           */
/*
H1, H2, H3, H4, H5, P, UL, OL, LI, BLOCKQUOTE, PRE { border: 1px dotted #999999;}
TD TABLE { border: 1px dotted #000099;}
DIV { border: 1px dotted #990000;}
IMG.spacer-gif { border: 1px solid black; }
*/