/*
Title:      	Site master styles for screen media
Author:     	YGE, © 2010 anaXis nv.
*/

* { margin: 0; padding: 0; }
* div[width] { width: 100% !important;} /* hack for eyes cms and because IE6 doesn't understand auto */
html>body div[width] { width: auto !important; } /* hack for eyes cms */
a img { border: 0; }

body { font: normal 62.5%/1.3em Arial, Verdana, sans-serif; background-color:#91BF43; }

/* ---- [ typography ] ------------ */
a { font-size: 1.1em; }
address { color: #fff; font-size: 1.1em; font-style: normal; }
h1 {
    font-size: 2.1em; line-height: 1.9em; color: #848486; font-weight:bold;
}
h2 {
    font-size: 1.6em; line-height: 1.9em; color: #71A51C; font-weight:bold;
}
h3 {
	font-size: 1.4em; line-height: 1.7em; color: #848486; font-weight:bold;
}
li { font-size: 1.1em; }
p { font-size: 1.3em; line-height: 1.3em; color: #696969; margin-bottom: 1.4em; clear:both; overflow:hidden; }
p a { font-size: 0.95em; line-height: 0.95em; color: #71A51C; text-decoration:underline; }

/*	wrapper
--------------------------------*/
#wrapper { padding-top: 2px; background:url("images/footerBg-top.jpg") repeat-x scroll center bottom #FFFFFF; /*position:relative;*/ }

/*	header
--------------------------------*/
#header { clear: both; width:958px; margin: 0 auto; height:119px; _position:relative; _left:-4px; }
.logo { width:229px; float:left; }
.logo img { float:left; clear:both; margin-bottom:3px; }
.logo span { width:261px; float:left; clear:both; font-size:1.3em; margin-left:3px;
             color:#9EC95D; text-transform: lowercase;
             letter-spacing:0.13em; word-spacing:0.15em; }

/*	menu
--------------------------------*/
#menu { width:958px; height:39px; margin:0 auto; position:relative; /*left:-2px; #left:-3px; _left:-1px;*/ }
#menu img { position:relative; top:-12px; #top:-12px; _top:-12px; float:left; }
#menu ul { float:left; list-style-type:none; }
#menu ul li { float:left; background-color: #C6C6C8; height:25px; position:relative;
              padding:0 0 14px 0; margin-right:6px; overflow:hidden; display:inline; }
#menu ul li a { font-size:1.2em; font-weight:bold; color:#58585A; text-decoration:none;
                display:block; clear:both; float:left; overflow:hidden;
                padding: 7px 12px 8px 12px; background-color: #C6C6C8; }
#menu ul li a:hover { color:#08080A; }
#menu ul li .tl { background: url(images/cornerTopLeft.jpg) no-repeat left top; 
                  width:9px; height:9px;
                  position:absolute; top:0px; left:0px; }
#menu ul li .tr { background: url(images/cornerTopRight.jpg) no-repeat right top; 
                  width:9px; height:9px;
                  position:absolute; top:0px; right:0px; _right:-1px; }

#menu ul li.last { height:14px; background: none!important; position:absolute; right:0; overflow:visible; margin-right:0px; }
#menu ul li.last a { color:#649015; background-color: #C8DCA9; _padding-bottom: 10px; }
#menu ul li.last a:hover { color:#245005; }
#menu ul li.last .tl { background: url(images/cornerTopLeftGreen.jpg) no-repeat left top;
                       width:8px; height:8px; }
#menu ul li.last .tr { background: url(images/cornerRightGreen.jpg) no-repeat right top; 
                  width:9px; height:32px; /*position:absolute; top:0px; right:0px; _right:-1px;*/ }

/*	menu: = tools
--------------------------------*/
#tools { width:694px; float:right; margin:0 auto; }
#tools ul { /*clear:both;*/ float:right; margin: 4px 0 10px 0; }
#tools ul li { float:left; display:inline; list-style-type:none; padding: 8px 8px 3px 8px; height:19px;
               font-size:1.14em; font-weight:bold; text-transform:uppercase; color:#A6A6A6;
				background: #FFF url(images/separatorGreen.jpg) no-repeat right center; }
#tools ul li.last { background:none; padding-right:0px; }
#tools ul.topMenu li.last { background: #FFF url(images/separatorGreen.jpg) no-repeat right center; padding: 8px 8px 3px 8px; }
#tools ul li a { color:#A6A6A6; text-decoration: none; }
#tools ul li a:hover { color: #08080A; }
#tools ul ul { clear:none; float:left; margin:0; }
#tools ul ul li { float:left; border:none; font-weight:bold; font-size:1.10em; padding: 0 6px 0 6px;
                  /*background: #FFF url(images/separatorGray.jpg) no-repeat right 0%;*/ display:none; }
#tools ul ul li.active { font-size: 1.15em; display:block; background:none; }
/*#tools ul ul li.last { background:none; }*/
#tools ul img { margin-top:-3px; }
#search { clear:both; }
#tools fieldset { float: right; width: 239px; height: 19px; background: url(images/txtSearch.jpg); 
                  background-repeat:no-repeat; border: 0; }
#tools fieldset label { display: none; }
#tools fieldset input.text { float: left; padding: 0; margin: 3px 4px 0 12px; border: 0;
                             font-weight:bold; color: #595959; font-size:1.2em;
                             width: 190px; background: none; }
#tools fieldset input.button { float: left; width:33px; height:19px; }

#tools ul li a.default { text-transform:lowercase; font-weight:bold; }
#tools ul li a.bigger { text-transform:uppercase; font-weight:normal; }
#tools ul li a.default, #tools ul li a.bigger  
{
	width:30px;
	font-size:1.4em; color:#A6A6A6; text-decoration:none;
}
#tools ul li a.default:hover, #tools ul li a.bigger:hover { color:#08080A; }

/*	container
--------------------------------*/
#container { width: 961px; margin: 0 auto; /*_left:1px;*/
             background-color:#FFF; position:relative; z-index:1; }

/*	breadcrumb
--------------------------------*/
#breadcrumb { width: 958px; height:35px; float:left; position:relative; left:1px; top:-12px; #top:-8px; _top:-8px; }
#breadcrumb div { width: 922px; height:15px; background-color:#D4D4D6; display:block; 
                  margin-top:8px; _margin-top:4px; margin-left:8px; _margin-left:4px; 
                  padding:6px 12px; float:left; }
#breadcrumb .left { width:8px; height:31px; padding:0;
	background: #FFF url('images/breadCrumbLeft.jpg') no-repeat top left;
	position:absolute; top:-4px; left:-8px; _left:-4px; }
#breadcrumb .right { width:8px; height:31px; padding:0;
	background: #FFF url('images/breadCrumbRight.jpg') no-repeat top right;
	position:absolute; top:-4px; right:0; }
#breadcrumb div * { font-size:1.1em; color: #8A8889; float:left; }
#breadcrumb a { text-decoration:none; }
#breadcrumb div span.intro { font-weight:bold; }
#breadcrumb div span { margin: 0 3px; }

/* header image
--------------------------------*/
#headerImage { width: 958px; height:231px; margin: 0 auto; float:left; overflow:hidden; position:relative; left:1px; top:-12px; #top:-6px; _top:-12px; }
#headerImage table { width: 958px; height:231px; display:block; }
#headerImage table img { margin:0!important; padding:0; display:block; width: 958px; height:231px; float:left; }

/*	canvas
--------------------------------*/
#canvas { clear: both; overflow: hidden; _overflow:visible; padding: 12px 0 24px 0; position:relative; top:-12px; #top:-8px; _top:-12px;
          width:961px; min-height: 300px; height:auto !important; height: 300px; 
          z-index:5; }

/*	canvas: =tree
--------------------------------*/
#tree { width:250px; float:left; display:block; }

/*	canvas: =homepage
--------------------------------*/
.startPageContent { width:959px; display:block; }
.startPageContent .teaserLeft { width:526px; overflow:hidden; /*min-height: 100px; height:auto !important; height: 100px;*/ float:left;
                                margin-right:8px; background: #C3D5A3 url('images/teaserLeftBottom.jpg') no-repeat bottom center;
                                padding-bottom:13px; #padding-bottom:15px; position:relative; }
.startPageContent .teaserLeft div { background: Transparent url('images/teaserLeft.jpg') no-repeat top center; }
.startPageContent .teaserLeft div.teaserLeftText { width:514px; background-image:none; margin-right:12px; padding-bottom:5px; overflow:hidden; }
.startPageContent .teaserLeft div.teaserLeftText table,
.startPageContent .teaserLeft div.teaserLeftText p,
.startPageContent .teaserLeft div.teaserLeftText ul
.startPageContent .teaserLeft div.teaserLeftText iframe { margin:0 12px; }

#wrapper #container #canvas #content div.startPageContent div.teaserLeft table,
#wrapper #container #canvas #content div.startPageContent div.teaserLeft table td { border-right-color:#C3D5A3!important; }

#wrapper #container #canvas #content div.startPageContent div.teaserLeft table td {
border:0; border-width:0; border-style:none;
}

.startPageContent .teaserLeft div.teaserLeftText table.eyeRssFeed { table-layout:fixed; overflow:hidden; border:0!important; border-color: #C3D5A3; border-width:0!important; border-style:none!important; margin-top:3px; }
.startPageContent .teaserLeft div.teaserLeftText table.eyeRssFeed td { width:445px; overflow:hidden; padding-right:2px; font-weight:bold; font-size:1.1em; color:#696969; border-bottom: dotted 1px #696969!important; padding-bottom:4px; margin-bottom:4px; }
.startPageContent .teaserLeft div.teaserLeftText table.eyeRssFeed a { font-weight:normal; font-size:1.1em; line-height:1.1em; text-decoration:none!important; color:#696969!important; }
.startPageContent .teaserLeft div.teaserLeftText table.eyeRssFeed a:hover { text-decoration:underline!important; color:#696969; }
.startPageContent .teaserLeft div.teaserLeftText p { overflow:visible; font-size:1em; }
.startPageContent .teaserLeft div.teaserLeftText p a { color:#1B4F76; text-decoration:none; font-size:1.2em; line-height:1.1em; float:left; position:relative; bottom:-5px; }
.startPageContent .teaserLeft div.teaserLeftText p a:hover { text-decoration:underline!important; }

/*.startPageContent .teaserLeft ul { padding-left:12px!important; }
.startPageContent .teaserLeft li { list-style-image:none!important; }*/
.startPageContent h2 { padding: 3px 12px 0 12px; }
.startPageContent h3 { padding: 0 12px 8px 12px; font-size:1.2em; line-height:1em; }
.startPageContent a:hover { text-decoration:underline!important; }
/*.startPageContent .teaserLeft ul { padding: 3px 12px 0 12px; }
.startPageContent .teaserLeft li { font-weight:bold; color:#696969; line-height:114%!important; list-style-type:none; background-image:none!important; padding-left:0!important; }
.startPageContent .teaserLeft li a { font-weight:normal; text-decoration:none!important; color:#696969!important; margin-left:0.3em; }
.startPageContent .teaserLeft li a:hover { text-decoration:underline!important; color:#696969; }*/

/*.startPageContent .teaserLeft a.lnkNewsList,
.startPageContent .teaserLeft a.lnkNewsLetter { color:#1B4F76; text-decoration:none; font-size:1.2em; float:left; position:relative; bottom:-3px; }
.startPageContent .teaserLeft a.lnkNewsList { margin-left:12px; }
.startPageContent .teaserLeft a.lnkNewsLetter { display:none; color:#1B4F76; text-decoration:none; margin-left:6px; }
.startPageContent .teaserLeft span { display:none; color:#1B4F76; margin-left:6px; float:left; position:relative; bottom:-3px; }*/

.startPageContent .teaserCenter { width:200px; min-height: 100px; height:auto !important; height: 100px; float:left; padding-bottom:2px; position:relative; z-index:0;
                                  margin-left:8px; margin-right:8px; background: #D2E1BA url('images/teaserCornersBottom.jpg') no-repeat bottom left; }
.startPageContent .teaserCenter div { background: #D2E1BA url('images/teaserCornersTop.jpg') no-repeat top left; }
.startPageContent .teaserCenter div .subDiv { display:block; }
.startPageContent .teaserCenter a { margin-left:12px; font-size: 1.2em; color: #1B4F76; text-decoration:none!important; }
.startPageContent .teaserCenter a:hover { text-decoration:underline!important; }

.startPageContent .teaserRight { width:200px; min-height: 100px; height:auto !important; height: 100px; float:left; padding-bottom:2px;
                                 margin-left:8px; background: #D2E1BA url('images/teaserCornersBottom.jpg') no-repeat bottom left; }

.startPageContent .teaserRight div { background: #D2E1BA url('images/teaserCornersTop.jpg') no-repeat top left; }
.startPageContent .teaserRight a { margin-left:12px; font-size: 1.2em; color: #1B4F76; text-decoration:none; }

/*	canvas: =content
--------------------------------*/
#content { width:931px; float:left; margin: 0 15px 0 15px; _margin: 0 7px 0 8px; }
#content div.contentPage p { text-align: justify }
#content div.contentPage p a { text-decoration:none; }
#content div.contentPage p a:hover { text-decoration: underline; }
#content p.error, #content span.error { margin-left:2px; color: #F00;}

/* Images */
#content div.contentPage img.image_top_left {display: block; margin-bottom: 15px;}
#content div.contentPage img.image_top_middle {display: block; margin: 0 auto 15px auto;}
#content div.contentPage img.image_bottom_left {display: block; margin-top: 15px;}
#content div.contentPage img.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
#content div.contentPage img.image_align_right {float: right; margin: 0 0 0 15px;}
#content div.contentPage img.image_align_left {float: left; margin: 0 15px 0 0;}

/* Lists */
#content div.contentPage ul { padding-left:6px; }
#content div.contentPage li { padding-left:20px; background-image: url('images/listItem.jpg'); background-position: left 4px; background-repeat:no-repeat;
            list-style-type:none; color:#696969; font-size:1.3em; line-height:1.3em; }
#content div.contentPage li li { font-size:1em; line-height:1em; }
#content div.contentPage li a { font-size: 0.95em; color: #71A51C; text-decoration:underline; }
/* Tables */
#content div.contentPage table { margin: 1.3em 0; text-align:left; border-collapse:collapse; }
#content div.contentPage table caption { text-align:left; color:#71A51C; font-size:1.3em; font-weight:bold; 
                                        caption-side:top; margin-bottom:0.6em; }
#content div.contentPage table th { font-weight: normal; border-bottom: solid 1px #696969; border-right: solid 2px #71A51C; padding:3px 6px; }
#content div.contentPage table tr.headerrow th { border-top: solid 1px #696969; border-bottom: solid 2px #71A51C; padding: 3px 6px; border-right:0;
                                                 text-transform:uppercase; letter-spacing:0.05em; vertical-align: top; }
#content div.contentPage table td { border-bottom: solid 1px #696969; padding: 3px 6px; vertical-align: top; }
#content div.contentPage table p { margin-bottom:0em; }
/* RSS feeds */
#content div.contentPage .rssHeader * { font-size:1.3em; color:#FFFFFF; background-color:#71A51C; font-weight:bold; margin-bottom:0.3em; }
#content div.contentPage .rssHeader a { font-size:1em; text-decoration:underline; }
#content div.contentPage .rssItem { background-color:#FFFFFF; font-size:1.3em; color:#696969; }
#content div.contentPage .rssAlternatingItem { background-color:#E8E8E8; font-size:1.3em; color:#696969; }
#content div.contentPage .rssItem p, #content div.contentPage .rssAlternatingItem p { font-size:1em; }
#content div.contentPage .rssItem a, #content div.contentPage .rssAlternatingItem a { font-size:1em; line-height:1.2em; color:#71A51C; text-decoration:underline; }
#content div.contentPage .rssItem .mf-viral table, .contentPage .rssAlternatingItem .mf-viral table { margin:0.2em 0; }
/* Iframes */
#content div.contentPage iframe { border: solid 3px #696969; margin: 1.3em 0; }
#datepickeriframe { border:0; margin:0; }
/* Meaning tags */
#content div.contentPage dfn, #content acronym, #content abbr { font-weight:bold; }
#content div.contentPage dfn, #content acronym, #content abbr, #content q { color:#71A51C; }

#content #sessions { width: 490px; }
#content #sessions th { font-size: 1.3em; background-color: #9EC95D; text-align: center; color: #393939; padding:2px 4px; }
#content #sessions td { text-align: center; font-size: 1.3em; padding:2px 4px; }
#content #sessions tr.alt0 { background-color: #D4D4D6; color:#696969; }
#content #sessions tr.alt1 { background-color: #A4A4A6; color:#FFFFFF; }
#content #sessions td.date { width: 130px;}
#content #sessions td a { font-size:0.95em; text-decoration:underline; }
#content #sessions tr.alt0 td a { color:#696969; }
#content #sessions tr.alt1 td a{ color:#FFFFFF; }

/*	canvas: =sidebar
--------------------------------*/
#sidebar { width:250px; float:left; margin-right:15px; _margin-right:7px; }

/*	canvas: =calendar
--------------------------------*/
div.calendar { padding: 6px 24px!important; width:180px; background-color:#D4D4D6; border: solid 1px #71A51C; }
table.m-cal { width: 100%; border-collapse: collapse; margin: 10px 0 5px 0!important; height: 140px; }
table.m-cal * { font-size: 11px; font-weight: bold; text-align: center; color: #fff; }
table.m-cal table.titelStyle { border-collapse: collapse; width: 100%; margin:0!important; }
table.m-cal table.titelStyle td { border:0!important; }
table.m-cal table.titelStyle a { color: #848486; font-size: 13px; font-weight: bold; text-decoration: none; } 
table.m-cal table.titelStyle a:hover { text-decoration:underline; }
table.m-cal table.titelStyle td { color: #848486; font-size: 13px; font-weight: bold; }
table.m-cal th { border-left:0!important; border-bottom: solid 1px #848486; color:#848486; text-transform:lowercase!important; }
table.m-cal th.dayHeaderStyle { border:solid 1px #696969!important; }
table.m-cal td.otherMonthStyle { color: #1B4F76; }
table.m-cal td.todayDayStyle, #sidebar td.todayDayStyle a { color: #71A51C; }
table.m-cal td.selectedCell a { color: #71A51C; font-size:14px; }
table.m-cal td a:hover { text-decoration: underline; }

/*	sitemap
--------------------------------*/
ul.sitemap { font-size:1.3em; }
ul.sitemap,
ul.sitemap ul { padding-left:2em; line-height:1.5em; }
ul.sitemap a { text-decoration:none; line-height:1.5em; }
ul.sitemap a:hover { text-decoration:underline; }

ul.sitemap li a { color:#71A51C; font-weight:bold; }
ul.sitemap li li a { color:#6E6E6E; }
ul.sitemap li li li a { font-weight:normal; }

ul.sitemap li { list-style-type:decimal; font-size:100%; color:#6E6E6E; }
ul.sitemap li li { list-style-type:upper-roman; }
ul.sitemap li li li { list-style-type:square; }
ul.sitemap li li li li { list-style-type:decimal; }
ul.sitemap li li li li li { list-style-type:upper-roman; }
ul.sitemap li li li li li { list-style-type:square; }

/* magazines
--------------------------------*/
ul.magazines { margin-left:12px; }
ul.magazines li { font-size:1.3em; line-height:1.5em; list-style-type:none; font-weight:bold; }
ul.magazines li li { font-size:1em; line-height:1.5em; list-style-type: square; font-weight:normal; }
ul.magazines li a { font-size:1em; color:#71A51C; text-decoration:underline; }

ul.magazines li li { margin-left:1em; }

.magazines a { font-size: 1.3em; line-height:1.5em; color: #71A51C; text-decoration:underline; }

/*	footer
--------------------------------*/
.footerContentPage { background-color:#FFFFFF; float:left; display:none; }
#footer { width:100%; height:298px; margin: 0 auto; background:url("images/footerBg.jpg") repeat scroll center -24px #91BF43;
          position:relative; }
#footer #footerWrapper { width:961px; margin: 0 auto; }

#footer #footerWrapper img.footerBackgroundTop { float:left; }

#footer .footerContainer { width:945px; height:32px; padding: 0 8px; background-color: #FFF; float:left; }
#footer .footerContainer div { width:100%; height:16px; color:#999999; font-size:1em; border-top: dotted 1px #696969; padding:14px 0 2px 0; }
#footer .footerContainer ul { list-style-type:none; height:16px; }
#footer .footerContainer ul li { float:left; }
#footer .footerContainer ul li a { color:#999999; text-decoration: none; display:block; padding: 0 6px; }

#footer .footerContentContainer { width:961px; height:131px; _height:130px; position:relative; background-color: #D4D4D6; float:left; }
#footer .footerContent { width:961px; height:131px; _width:958px; _height:130px; float:left; }
#footer .footerContent div.footerContentPadding { width:913px; _width:910px; height:107px; margin: 12px 24px; _margin: 6px 12px; }

#footer div.footerBlocks { width: 913px; height:107px; margin:0; overflow:hidden; }
#footer div.footerBlocks div.footerBlockLeft { width:419px; height:107px; margin:0; padding-right:12px; float:left; position:relative; overflow:hidden; }
#footer div.footerBlocks div.footerBlockCenter { width:230px; height:107px; margin:0; padding: 0 12px; float:left;
                                                 border-left: dotted 1px #1B4F76; border-right: dotted 1px #1B4F76; position:relative; overflow:hidden; }
#footer div.footerBlocks div.footerBlockRight { width:212px; height:107px; margin:0; padding-left:12px; float:left; position:relative; overflow:hidden; }

#footer div.footerBlocks div.footerBlockLeft img { position:absolute; top:-12px; right:0; }
#footer div.footerBlocks div.footerBlockCenter img { position:absolute; bottom:12px; right:12px; }
#footer div.footerBlocks div.footerBlockRight img { position:absolute; bottom:12px; right:0; }

#footer div.footerBlocks h2 { color:#1B4F76; line-height:1.6em; }
#footer div.footerBlocks h3 { line-height:1.1em; margin-bottom:0.2em; }
#footer div.footerBlocks p { line-height:1.2em; margin-bottom:0; color:#1B4F76; overflow:visible; }
#footer div.footerBlocks a { font-size:1em; color:#696969; text-decoration:none; }
#footer div.footerBlocks a:hover { text-decoration:underline; }

/*	created
--------------------------------*/
.createdBy { width:961px; height:104px; margin-top:4px; display:block; }

/* -----[ CSS editing ] ----------------	*/
#eyeEditMenu *, 
#eyeEditMenu #content table { margin: 0 !important; }
#eyeEditMenu table td { border:0!important; }
#eyeEditMenu a { cursor: pointer; }

div.editmenu { margin-top: -498px !important; }