/*
SPECIFICATIONS:
- Media type: screen
- Compatibility: IE6, FX1, OP8
- Pixel to em conversion ratios: 1em = 16px, 0.75em = 12px, 0.5625em = 9px
- Top position of navigation arrows: Line height in em - height of arrow in em / 2
*/

@media screen, print {

html, body
{
background-color: #FFFFFF;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
height:100%;
margin:0;
min-height:100%;
padding:0;
width:100%;
}

html>body, html>body #Content {
	height:auto;    
}

/* Correct IE6 scaling misbehaviour (considering Opera and Safari browsers). */
body
{
font-size: 100.01%;
}

/* Define explicitly font size for tables. */
table
{
font-size: 1em;
}

a
{
color: #FF6600;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

a img
{
border: none;
}

/* Define default box model for OP8. */
div
{
box-sizing: content-box;
}

h3 {
font-size:1em;
margin:0 0 0.4167em 0;
}

/*
Adjust relative font size to match webguide specification. ATTENTION: ALL WEBSITE'S AND GRAPHICS' DIMENSIONS DEPEND ON THIS FONT SIZE!
Set width to equivalent of 996px, leaving room for scrollbars on screens with a resolution of 1024x768 pixels.
*/
#Container
{
font-size: 0.75em;
width: 83em;
}

#Logo
{
height: 5.8333em;
left: 54.8333em;
position: absolute;
top: 0em;
width: 28.1667em;
}

#TopNavigationBackground
{
background-color: #339933;
border-color: #FFFFFF;
border-style: solid;
border-width: 0.0833em 0;
height: 1.5em;
position: absolute;
top: 5.75em;
width: 83em;
z-index: 1;
}

/* Correct height for IE6. */
#TopNavigationBackground
{
*height:1.6666em;
}

#Marker
{
height: 1.5em;
left: 61.6667em;
position: absolute;
width: 21.3333em;
}

#MarkerExtranet
{
height: 1.5em;
left: 55em;
position: absolute;
width: 336px;
}

/* Adjust font size of h1 tag to ease pixel to em conversion. */
#NamingArea
{
font-size: 1em;
margin: 0;
position: absolute;
top: 0;
}

#NamingArea img
{
height: 5.8333em;
width: 50.2em;
}

#PageNavigation,
.PageNavigation
{
display: none;
}


/*                        .................                      BEGIN  TopNavi bar  BEGIN                  ..................                  */

#TopNavigation {
left:0;
top: 5.8333em;
z-index:3;
}

#TopNavigation, #TopNavigation ul {     /* all lists irrespective of the level */
line-height: 1.1667em;
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
}

/* automatic width for TopNavi "buttons" */
#TopNavigation li {  /* all list items */
float: left;
margin:0;
padding:0;
width:auto;
}

/* with padding and display:block, clickable area of link in IE6 is not extended to full width and height; with position:relative this is fixed  */
#TopNavigation li  {
position: relative;
}

/* font color, distance between link text and button, and vertical delimiter lines to visually separate the TopNavi "buttons"  */
#TopNavigation a {
border-bottom: 0.0833em solid #FFFFFF;
border-right: 0.0833em solid #FFFFFF;
color:#FFFFFF;
display:block;
font-weight:bold;
padding:0.1667em 1em;
text-decoration: none;
}

/* mouseover background for TopNavi "buttons"  */
#TopNavigation li:hover {
background-color:#CCFFCC;
}

#TopNavigation li.level1_SortNo500:hover {
background-color:#CCEBFF;
}


/* for IE: mouseover background for TopNavi "buttons"  */
#TopNavigation #No500.sfhover{
background-color:#CCEBFF;
}

#TopNavigation li.sfhover {
background-color:#CCFFCC;
}

/* on mouseover  font-color change for TopNavi "buttons"  */
#TopNavigation li:hover a {
color:#00CC00;
display:block;
}

#TopNavigation li:hover a.level1_SortNo500 {
color:#0099CC;
}

#TopNavigation li.active_SortNo500:hover a.level1s_SortNo500 {
color:#FFFFFF;
}

/* for IE: on mouseover  font-color change for TopNavi "buttons"  */
#TopNavigation li.sfhover a {
color:#00CC00;
display:block;
}

/*Defined but unused...*/
#TopNavigation li.active_SortNo500.sfhover a.level1s_SortNo500 {
color:#FFFFFF;
}

#TopNavigation li.level1_SortNo500.sfhover a.level1_SortNo500 {
color:#0099FF;
}

/* .......        modifications for the ACTIVE chapter          .......................................................   */

#TopNavigation li.active {
background-color:#00CC00;
}

#TopNavigation li ul.SortNo500 li.active {
background-color:#0099FF;
}

#TopNavigation li.active_SortNo500 {
background-color:#0099FF;
}

#TopNavigation li.level1_SortNo500 {
background-color:#0066CC;
}

/* mouseover background for active TopNavi "button"  */
#TopNavigation li.active:hover {
background-color:#00CC00;
}

#TopNavigation li.active.SortNo500:hover {
background-color:#0099FF;
}

/* on mouseover  font-color change for active TopNavi "button"  */
#TopNavigation li:hover a.active {
color:#FFFFFF;
}
/* for IE: on mouseover  font-color change for active TopNavi "button"  */
#TopNavigation li.sfhover a.active {
background-color:#00CC00;
color:#FFFFFF;
}

/* on mouseover  font-color change for active TopNavi "button"  */
#TopNavigation li.active:hover a {
color:#FFFFFF;
display:block;
}
/* for IE: on mouseover  font-color change for TopNavi "buttons"  */
#TopNavigation li.active a.level1 {
color:#FFFFFF;
display:block;
}


/* ....................        modifications for HOME               ........................................................   */

#TopNavigation #Home
{
width: 14.25em;
}

#TopNavigation #Home a
{
padding-left: 2em;
}

#TopNavigation #Home.active
{
background-color:#339933;
border-color:#FFFFFF;
border-style:solid;
border-width: 0 0.0833em 0.0833em 0;
width: 14.1667em;
}

/* Correct width for IE6. */
#TopNavigation #Home.active
{
*width: 14.25em;
}

#TopNavigation #Home.active a
{
border: none;
visibility: hidden;
}

/*                     ............................                                   END  TopNavi bar  END                       ..........................                */


/*        BEGIN  DropDown Menu      2nd-level list                           ...................     */

/* define bgr color, border and position of drop down =  second-level and lower-level lists */
#TopNavigation li ul { 
background-color:#CCFFCC;
border-bottom:0.0833em solid #FFFFFF;
border-top:0.0833em solid #FFFFFF;
display:none; 
left: -999em; /*  Note:  display: none isn't read by screen readers - therefore often used alternative  left: -999em  */
margin-left:-0.0833em;
margin-top:-0.0833em;
position:absolute;
width:15em;
}

#TopNavigation li ul.SortNo500 { 
background-color:#CCEBFF;
}

#TopNavigation li:hover ul { /*   unveil drop down - second-level menu   */
display:block;
left:auto;
}
/*   for IE:  unveil drop down - second-level menu    */
#TopNavigation li.sfhover ul { 
display:block;
left:auto;
}

/*  arrange drop down entries vertically  */
#TopNavigation li ul li {
float:left;
width:100%;
}


/* define text properties in drop down - second-level menu  */

/* define font-color for drop down entries differing from TopNavi text color */
#TopNavigation li:hover ul li a {
border-bottom:0.0833em solid #FFFFFF;
border-left:0.0833em solid #FFFFFF;
color:#333333;
font-weight:normal;
padding-left:2em;
*width:100%;   /* again IE does not handle display:block correctly - it only works with this workaround  */
}
/* for IE: define font-color for drop down entries differing from TopNavi text color */
#TopNavigation li.sfhover ul li a {
border-bottom:0.0833em solid #FFFFFF;
border-left:0.0833em solid #FFFFFF;
color:#333333;
font-weight:normal;
padding-left:2em;
*width:100%;   /* again IE does not handle display:block correctly - it only works with this workaround  */
}

/*  on mouseover change font-color for drop down menu entries   */
#TopNavigation li:hover ul li:hover a {
color:#333333;
}
/*  for IE: on mouseover change font-color for drop down menu entries */
#TopNavigation li.sfhover ul li.sfhover a {
color:#333333;
}

/*  on mouseover change background for drop down entries  */
#TopNavigation ul li:hover {
background-color:#99FF99;
background-image: url(../NAV_Arrow333333.gif);
background-position: 1em 0.4583em;
background-repeat: no-repeat;
}

#TopNavigation ul.SortNo500 li:hover {
background-color:#81CCFF;
}

/* for IE: on mouseover change background for drop down entries */
#TopNavigation ul li.sfhover {
background-color:#99FF99;
background-image: url(../NAV_Arrow333333.gif);
background-position: 1em 0.4583em;
background-repeat: no-repeat;
}

#TopNavigation ul.SortNo500 li.sfhover {
background-color:#81CCFF;
}

/* .......        modifications for a subordinated ACTIVE chapter          .......................................................   */

/*  background color for active chapter's drop down   */
#TopNavigation li.active li {
background-color:#CCFFCC;
}

/*  on mouseover change background for drop down entries  */
#TopNavigation li.active li:hover {
background-color:#99FF99;
}
/* for IE: on mouseover change background for drop down entries */
#TopNavigation li.active li.sfhover {
background-color:#99FF99;
}

#TopNavigation li.active li.active {
background-color:#00CC00;
background-image: url(../NAV_ArrowFFFFFF.gif);
background-position: 1em 0.4583em;
background-repeat: no-repeat;
}

#TopNavigation li.active li.active a{
color:#FFFFFF;
}


/*  drop down for 3rd-level menu entries  */

#TopNavigation li ul ul {
margin-left:14.9167em;
margin-top:-1.6667em;
}

/*  hide 3rd-and-lower-level lists */
#TopNavigation li:hover ul li ul {
display:none; 
left: -999em; /*  Note:  display: none isn't read by screen readers - therefore often used alternative  left: -999em  */
position:absolute;
}
/*  for IE: hide 3rd-and-lower-level lists */
#TopNavigation li.sfhover ul li ul {
display:none; 
left: -999em; /*  Note:  display: none isn't read by screen readers - therefore often used alternative  left: -999em  */
position:absolute;
}

#TopNavigation li:hover ul li:hover ul { /*   unveil drop down - 3rd-level menu   */
display:block;
left:auto;
}
/*   for IE:  unveil drop down - 3rd-level menu    */
#TopNavigation li.sfhover ul li.sfhover ul { 
display:block;
left:auto;
}

/*  font-color for 3rd-level drop down menu entries */
#TopNavigation li:hover ul li:hover li a {
color:#333333;
}
#TopNavigation li:hover ul li:hover li a:hover {
color:#333333;
}

/*  for IE: font-color for 3rd-level drop down menu entries */
#TopNavigation li.sfhover ul li.sfhover ul li a {
color:#333333;
}

/*  for IE: on mouseover font-color for 3rd-level drop down menu entries */
#TopNavigation li.sfhover ul li.sfhover ul li a:hover {
color:#333333;
}

#TopNavigation li.active li.active li.active {
background-color:#CCFFCC;
background-image: url(../NAV_Arrow00CC00.gif);
background-position: 1em 0.4583em;
background-repeat: no-repeat;
}

#TopNavigation li.active li.active li.active a{
color:#00CC00;
font-weight:bold;
}

#TopNavigation li.active li.active li.active a:hover{
color:#00CC00;
font-weight:bold;
}

/*  hide 4th-and-lower-level lists in drop down menu. */
#TopNavigation li:hover ul li:hover ul li ul {
display:none; 
left: -999em; /*  Note:  display: none isn't read by screen readers - therefore often used alternative  left: -999em  */
position:absolute;
}
/*  for IE: hide 4th-and-lower-level lists */
#TopNavigation li.sfhover ul li.sfhover ul li ul {
display:none; 
left: -999em; /*  Note:  display: none isn't read by screen readers - therefore often used alternative  left: -999em  */
position:absolute;
}

/*        END   DropDown Menu                         END          ...................     */


#SubNavigationContainer
{
line-height: 1.5em;
position: absolute;
top: 7.3333em;
width: 14.25em;
}

/* Key Visual Color Bar
Uncomment this CSS rule if not needed.
#SubNavigationContainer
{
border-top: 0.5em solid #FF6600;
top: 7.4167em;
} */

#SubNavigationContainer h6
{
color: #FFFFFF;
font-size: 1em;
margin: 0;
padding: 0 1em 0 2em;
}

#SubNavigationContainer form
{
margin: 0;
padding: 0;
}

#SubNavigationContainer select
{
height: 1.5em;
width: 12.1667em;
}

/* Explicit declaration of font-size for IE6 so that the width takes effect. */
#SubNavigationContainer select
{
font-size: 1em;
}

#SubNavigation
{
background-color: #CCFFCC;
border-color: #FFFFFF;
border-style: solid;
border-width: 0.0833em 0.0833em 0 0;
margin-bottom: 0.8333em;
}

#SubNavigation ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

#LeftNavigation a
{
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 0.0833em;
color: #333333;
display: block;
line-height: 1.1667em;
padding: 0.1667em 1em 0.1667em 2em;
text-decoration: none;
}

/* Correct width in IE6. */
#LeftNavigation a
{
*width: 100%;
}

/* Alignment of cascading left navigation entries */
#LeftNavigation ul a {
padding-left: 3em;
}

#LeftNavigation ul ul a {
padding-left: 4em;
}

#LeftNavigation ul ul ul a {
padding-left: 5em;
}

/* bgr-color for the left entries */
#LeftNavigation li {
background-color:#CCFFCC;
}

/* mouseover bgr-color for all menu entries */ 
#LeftNavigation li:hover {
background-color: #99FF99;
background-image: url(../NAV_ArrowFFFFFF.gif);
background-position: 1em 0.4583em;
background-repeat: no-repeat;
}
/* for IE: mouseover bgr-color for all menu entries */ 
#LeftNavigation li.sfhover {
background-color: #99FF99;
background-image: url(../NAV_Arrow333333.gif);
background-position: 1em 0.4583em;
background-repeat: no-repeat;
}

#LeftNavigation li.active {
background-color:#00CC00;
background-image: url(../NAV_ArrowFFFFFF.gif);
background-position: 1em 0.4583em;
background-repeat: no-repeat;
}

#LeftNavigation li a, #LeftNavigation li.active li a, #LeftNavigation li li.active li a {  /* default text color */
color: #333333;
font-weight:normal;
}
#LeftNavigation li a:hover, #LeftNavigation li.active li a:hover, #LeftNavigation li li.active li a:hover {  /* text color on mouseover */
color: #333333;
font-weight:normal;
}
#LeftNavigation li.active a, #LeftNavigation li.active a:hover {  /* text color fixed for active page 2nd level list */
color: #FFFFFF;
font-weight:bold;
}

/* arrow and bgr-color for 3rd-level-and-lower lists  */

#LeftNavigation li li:hover {
background-image: url(../NAV_Arrow333333.gif);
background-position: 2em 0.4583em;
background-repeat: no-repeat;
}

/* for IE: arrow on mouseover */
#LeftNavigation li li.sfhover {
background-image: url(../NAV_Arrow333333.gif);
background-position: 2em 0.4583em;
background-repeat:no-repeat;
}

#LeftNavigation li li.active {
background-color:#CCFFCC;
background-image: url(../NAV_Arrow00CC00.gif);
background-position: 2em 0.4583em;
background-repeat: no-repeat;
}

#LeftNavigation li li.active a, #LeftNavigation li li.active a:hover, 
#LeftNavigation li li li.active a, #LeftNavigation li li li.active a:hover {  /* text color fixed for active page 3rd and 4th level list */
color: #00CC00;
font-weight:bold;
}

#LeftNavigation li li li:hover {
background-position: 3em 0.4583em;
}

/* for IE: arrow on mouseover */
#LeftNavigation li li li.sfhover {
background-position: 3em 0.4583em;
}

#LeftNavigation li li li.active {
background-color:#CCFFCC;
background-image: url(../NAV_Arrow00CC00.gif);
background-position: 3em 0.4583em;
background-repeat: no-repeat;
}

#LeftNavigation li li li li:hover {
background-position: 4em 0.4583em;
}

/* for IE: arrow on mouseover */
#LeftNavigation li li li li.sfhover {
background-position: 4em 0.4583em;
}

#LeftNavigation li li li li.active {
background-color:#CCFFCC;
background-image: url(../NAV_Arrow00CC00.gif);
background-position: 4em 0.4583em;
background-repeat: no-repeat;
}

/***************************************************************/
/* LEFT NAVIGATION FOR THE EXTRANET                                                   */
/***************************************************************/

#LeftNavigationExtranet a
{
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 0.0833em;
color: #333333;
display: block;
line-height: 1.1667em;
padding: 0.1667em 1em 0.1667em 2em;
text-decoration: none;
}

/* Correct width in IE6. */
#LeftNavigationExtranet a
{
*width: 100%;
}

/* Alignment of cascading left navigation entries */
#LeftNavigationExtranet ul a {
padding-left: 3em;
}

#LeftNavigationExtranet ul ul a {
padding-left: 4em;
}

#LeftNavigationExtranet ul ul ul a {
padding-left: 5em;
}

/* bgr-color for the left entries */
#LeftNavigationExtranet li {
background-color:#CCEBFF;
}

/* mouseover bgr-color for all menu entries */ 
#LeftNavigationExtranet li:hover {
background-color: #81CCFF;
background-image: url(../NAV_ArrowFFFFFF.gif);
background-position: 1em 0.4583em;
background-repeat: no-repeat;
}
/* for IE: mouseover bgr-color for all menu entries */ 
#LeftNavigationExtranet li.sfhover {
background-color: #81CCFF;
background-image: url(../NAV_Arrow333333.gif);
background-position: 1em 0.4583em;
background-repeat: no-repeat;
}

#LeftNavigationExtranet li.active {
background-color:#0099FF;
background-image: url(../NAV_ArrowFFFFFF.gif);
background-position: 1em 0.4583em;
background-repeat: no-repeat;
}

#LeftNavigationExtranet li a, #LeftNavigationExtranet li.active li a, #LeftNavigationExtranet li li.active li a {  /* default text color */
color: #333333;
font-weight:normal;
}
#LeftNavigationExtranet li a:hover, #LeftNavigationExtranet li.active li a:hover, #LeftNavigationExtranet li li.active li a:hover {  /* text color on mouseover */
color: #333333;
font-weight:normal;
}
#LeftNavigationExtranet li.active a, #LeftNavigationExtranet li.active a:hover {  /* text color fixed for active page 2nd level list */
color: #FFFFFF;
font-weight:bold;
}

/* arrow and bgr-color for 3rd-level-and-lower lists  */

#LeftNavigationExtranet li li:hover {
background-image: url(../NAV_Arrow333333.gif);
background-position: 2em 0.4583em;
background-repeat: no-repeat;
}

/* for IE: arrow on mouseover */
#LeftNavigationExtranet li li.sfhover {
background-image: url(../NAV_Arrow333333.gif);
background-position: 2em 0.4583em;
background-repeat:no-repeat;
}

#LeftNavigationExtranet li li.active {
background-color:#CCEBFF;
background-image: url(../NAV_Arrow00CC00.gif);
background-position: 2em 0.4583em;
background-repeat: no-repeat;
}

#LeftNavigationExtranet li li.active a, #LeftNavigationExtranet li li.active a:hover, 
#LeftNavigationExtranet li li li.active a, #LeftNavigationExtranet li li li.active a:hover {  /* text color fixed for active page 3rd and 4th level list */
color: #0099FF;
font-weight:bold;
}

#LeftNavigationExtranet li li li:hover {
background-position: 3em 0.4583em;
}

/* for IE: arrow on mouseover */
#LeftNavigationExtranet li li li.sfhover {
background-position: 3em 0.4583em;
}

#LeftNavigationExtranet li li li.active {
background-color:#CCEBFF;
background-image: url(../NAV_Arrow00CC00.gif);
background-position: 3em 0.4583em;
background-repeat: no-repeat;
}

#LeftNavigationExtranet li li li li:hover {
background-position: 4em 0.4583em;
}

/* for IE: arrow on mouseover */
#LeftNavigationExtranet li li li li.sfhover {
background-position: 4em 0.4583em;
}

#LeftNavigationExtranet li li li li.active {
background-color:#CCEBFF;
background-image: url(../NAV_Arrow00CC00.gif);
background-position: 4em 0.4583em;
background-repeat: no-repeat;
}

/****************  END *******************/

#SiteLocator
{
background-color: #CCEECC;
border-color: #FFFFFF;
border-style: solid;
border-width: 0.1667em 0.0833em 0 0;
}

#SiteLocator h6
{
background-color: #339933;
}

#SiteLocator ul 
{
list-style-type: none;
margin: 0;
padding: 0;
}

#SiteLocator a
{
color: #333333;
display: block;
text-decoration: none;
padding: 0 1em 0 2em;
*width: 100%;
}

#SiteLocator li li a
{
background-image: url(../NAV_Arrow666666.gif);
background-repeat: no-repeat;
background-position: 2em 0.4583em;
padding-left: 3em;
}

#SiteLocator li li li a
{
padding-left: 4em;
}

#SiteLocator #ActiveHub
{
background-image: url(../NAV_Arrow339933.gif);
background-repeat: no-repeat;
color: #339933;
font-weight: bold;
}

#SiteLocator li li #ActiveHub
{
background-position: 3em 0.4583em;
padding: 0 1em 0 4em;
}

#SiteLocator li li li #ActiveHub
{
background-position: 4em 0.4583em;
padding: 0 1em 0 5em;
}

#IntranetLinks
{
background-color: #CCEECC;
border-color: #FFFFFF;
border-style: solid;
border-width: 0.1667em 0.0833em 0 0;
color: #339933;
font-weight: bold;
}

#IntranetLinks h6
{
background-color: #339933;
}

#IntranetLinks ul
{
list-style-type: none;
margin: 0;
padding: 0 0 0.5625em 0;
}

#IntranetLinks li
{
margin: 0.5625em 1em;
}

#IntranetLinks a
{
border: 0.0833em solid #FFFFFF;
display: block;
text-decoration: none;
padding: 0 0.5625em;
*width: 100%;
}

#IntranetLinks #BioScience
{
background-color: #FFDDCC;
color: #FF6600;
}

#IntranetLinks #EnvironmentalScience
{
background-color: #BBCCEE;
color: #003399;
}

#InternetLinks
{
border-bottom-color: #999999;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-style: solid;
border-width: 0.1667em 0.0833em 0.0833em 0;
background-color: #EEEEEE;
color: #666666;
font-weight: bold;
}

#InternetLinks h6
{
background-color: #999999;
}

#InternetLinks ul
{
list-style-type: none;
margin: 0;
padding: 0 0 0.5625em 0;
}

#InternetLinks li
{
margin: 0.5625em 1em;
}

#Disclaimer
{
font-size: 0.74em;
padding: 0.5625em 0;
}

#Disclaimer ul
{
line-height: normal;
list-style-type: none;
margin: 0;
padding: 0;
}

#Disclaimer a
{
color: #666666;
display: block;
text-decoration: none;
padding: 0 1em 0 2em;
*width: 100%;
}

#ButtonIEStart p{
font-size: 0.8em;
margin:1em 2em;
}

#ButtonIEStart img{
margin-right:1em;
}

#ButtonIEStart a:link, #ButtonIEStart a:visited {
text-decoration:underline;
}

#ButtonIEStart a:hover {
text-decoration:none;
}

/* By redefining the font size (1 * 0.75 * 0.75 = 0.5625) 1 em equals to 9 pixels. */
#MetaNavigation
{
color: #999999;
font-size: 0.75em;
left: 88.2222em;
position: absolute;
top: 6em;
width: 21.3333em;
}

#MetaNavigation ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

#MetaNavigation li
{
display: inline;
}

#MetaNavigation li.active a
{
color: #00CC00;
}

#MetaNavigation a
{
color: #999999;
font-weight: bold;
text-decoration: none;
}

#MetaNavigation a:hover
{
color: #00CC00;
}

#KeyVisual
{
position: absolute;
top: 8em;
}

#Content
{
left: 14.25em;
padding-top: 0.0833em;
position: absolute;
top: 7.3333em;
width: 68.75em;
}

/* Key Visual Color Bar
Uncomment this CSS rule if not needed.
#Content
{
border-top: 0.5em solid #FF6600;
top: 7.4167em;
} */

#Column1 {
position:relative;
}

#Column1, #Column2
{
overflow: hidden;
}

#AriadnePath
{
font-size: 0.9167em;
margin-bottom: 1em;
}

#BottomLine {
clear:both;
color: #999999;
font-size: 0.75em;
margin-top: 3.6667em;
overflow:hidden;
padding-top: 0.5625em;
width:100%;
}

/*  am 19. März disabled */
/*  max-width:100%;      */
/*  min-width:100%;       */
/*********************/


#BottomLine p {
margin: 0;
}

#BottomLine p:first-child
{
margin-top: 0;
}

.BottomlineLastMod{font-size:11px;font-weight:normal;font-style:normal;text-decoration:none;color:#1A51A4;}
.BottomlineLeft {float:left;padding:0;vertical-align:middle;text-align:left;width:30%;}
.BottomlineMiddle {float:left;padding:0;vertical-align:middle;text-align:center;width:40%;}
.BottomlineRight {float:right;padding:0;vertical-align:middle;text-align:right;width:30%;}
.BottomlineLink {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:normal;font-style:normal;text-decoration:none;color:#FF6600;}
.BottomlineText {padding:0 0 0 0.5em;}
.BottomlineDelimiter{background-color:#999999;color:#999999;border:none;clear:both;height:0.1111em;width:100%;}

.Items .ViewNavigation
{
clear:both;
font-size: 0.9167em;
margin-bottom: 1em;
}

.Items ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

.Items li
{
border-top: 0.0833em solid #950000;
clear:both;
margin:0;
padding: 0.8333em 0;
}

/* Correct <li> scaling misbehaviour (considering Opera and Safari browsers). */
.Items li
{
overflow:hidden;
}

.Items p a
{
color: #339933;
}

.News div {
margin: 1em 0;
}

.News .ViewNavigation
{
clear:both;
font-size: 0.9167em;
margin-bottom: 1em;
}

.News ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

.News li
{
border-top: 0.0833em solid #CCEECC;
clear: both;
padding: 0.8333em 0;
}

.News .Thumb
{
float: left;
margin: 0 0.8333em 0 0;
}

.News .Date
{
font-size: 0.9167em;
}

.News .Date a
{
color: #333333;
}

.News h3
{
color: #FF6600;
font-size:1em;
margin: 0;
}

.News p
{
margin: 0;
}

.News p a
{
color: #333333;
}

.News .more a
{
color: #339933;
}

#SingleNews .Date
{
font-size: 0.9167em;
}

#SingleNews h2
{
margin: 0;
}

#SingleNews h3
{
font-size: 0.9167em;
font-weight: normal;
margin-top: 0;
}

.bold {
font-weight: bold;
}

}

/*
SPECIFICATIONS:
- Media type: handheld
- Compatibility: BlackBerry
*/

@media handheld
{

#MainNavigation #Home.active
{
display: none;
}

}

/*Style pour les pages satellites espace-vert*/

.bayer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 }
 
.pop {
color: #999999;
}

.pop A:link {
color: #999999;
text-decoration:none;
}

.pop A:hover {
color: #999999;
text-decoration:none;
}

#pop1 {
color: #999999;
}

#pop1 a {
color: #999999;
text-decoration:none;
font-weight:normal;
}
#pop1 a:hover {
color: #999999;
text-decoration: none;
}

.fermer {
font-weight: bold;
cursor:pointer;
}

/*Sitemap*/
table.MainTableSitemap .Left,
table.MainTableSitemap .Right,
table.MainTableSitemap .Middle{width:194;padding-bottom:10px;vertical-align:top;text-align:left;}
table.MainTableSitemap .Right,
table.MainTableSitemap .Middle{padding-left:10px;}
.SitemapRight {vertical-align:top;text-align:left;}
ul.Sitemap,
ul.Sitemap li{list-style:none;margin:0px;padding:0px;vertical-align:top;text-align:left;}
ul.Sitemap li,
ul.Sitemap li a{font-size:12px;font-weight:normal;font-style:normal;color:#000000;}
ul.Sitemap li a.FirstElement{font-weight:bold;color:#FFFFFF;}
ul.Sitemap li.L1{margin:5px 0px 0px 0px;padding:1px 4px 0px 4px;background-color:#339933;}

ul.Sitemap li.L2{padding-left:10px;}
ul.Sitemap li.L3{padding-left:20px;}
ul.Sitemap li.L4{padding-left:30px;}
ul.Sitemap li.L5{padding-left:40px;}
ul.Sitemap li.L6{padding-left:50px;}