body
{
	margin:0;
	padding:0 30px 10px;
	color:#000;
	background:#fff;
	font:normal 12px/1.5 arial,sans-serif;
}

/*################################################################
## =PAGE STRUCTURE (ZONES)                                      ##
################################################################*/

/* =ALL PAGES
################################################################*/

/* =Global Container
----------------------------------------------------------------*/

/* =Branding
----------------------------------------------------------------*/
#branding
{
	padding-top:10px;
	width:100%;
	background:#fff;
}

/* =Banner
----------------------------------------------------------------*/
#banner
{
	display:none;
}

/* =Main Content
----------------------------------------------------------------*/

/* =Bottom Content
----------------------------------------------------------------*/
#bottomcontent
{
	display:none;
}

/*=Footer (pages)
----------------------------------------------------------------*/
#footer
{
	margin:.5em 0;
	padding:.5em 16px;
	text-align:center;
}

/* =HOME PAGE ONLY
################################################################*/

/* =First horizontal layer
Contains: introduction / websites / news
----------------------------------------------------------------*/

/* =About
Wrapper for introduction / websites
----------------------------------------------------------------*/

/* =Introduction
----------------------------------------------------------------*/

/* =Websites
----------------------------------------------------------------*/

/* =Focus zone
----------------------------------------------------------------*/

/* =Second horizontal layer
Contains: divs for dossiers, tales, animations, quizz, videos
----------------------------------------------------------------*/

/* =CONTENT PAGES
################################################################*/

/* =Main
Contains: #main and #content zones
----------------------------------------------------------------*/

/* =Content
----------------------------------------------------------------*/

/* =Secondary
----------------------------------------------------------------*/
#secondary
{
	display:none;
}

/* =Multimedia (rightmost column)
----------------------------------------------------------------*/
#multimedia
{
	display:none;
}

/* =Related informations
Contains: #details (contains #docs and #mixed) and #browse
----------------------------------------------------------------*/
#relatedinfos
{
	display:none;
}


/*################################################################
## PAGE ELEMENTS (EXCLUDING CONTENTS)                           ##
################################################################*/

/* =ALL PAGES
################################################################*/

/* =Branding zone elements
----------------------------------------------------------------*/
#logo
{
	float:left;
	margin:0 0 10px 0;
}
#logo a
{
	border:none;
}
#languages_search
{
	display:none;
}

/* =Accessibility navigation
----------------------------------------------------------------*/
#accessnav
{
	position:absolute;
	top:0;
	left:-9999px;
	width:100px;
}

/* =Main navigation and sub navigation
----------------------------------------------------------------*/
#navigation
{
	display:none;
}

/* =Visual banner
----------------------------------------------------------------*/
/*when only one level of navigation, the banner is pushed down by the 
height of the navbar that would be there */

/* =Bottom zone - 5 columns definition
----------------------------------------------------------------*/

/*wrapper divs in bottom columns
 this solution has been chosen to allow for maximum flexibility
 - cons: adds unsemantic divs to the layout
 - pro: easier content swapping and reuse, easy color borders ;o)
----------------------------------------------------------------*/

/* =HOME PAGE
################################################################*/

/* =Educational resources
Structure: 5 divs, each containing:
- a title (cf img replacement title)
- a simplelits of items
----------------------------------------------------------------*/

/* =CONTENT PAGES
################################################################*/

/* =Related information zone - 3 columns definition
Structure: 2 cols container floated left + 1 col floated right
in 2 cols container: one col floated left + 1 col floated floated right
----------------------------------------------------------------*/

/*################################################################
## =CONTENTS                                                    ##
################################################################*/

/* =MISCELLANEOUS CONTENT STYLES
################################################################*/

/* =Remove top margin and padding
----------------------------------------------------------------*/
.notop
{
	margin-top:0;
	padding-top:0;
}

/* =Remove bottom margin and padding
----------------------------------------------------------------*/
.nobottom
{
	margin-bottom:0;
	padding-bottom:0;
}

/* =Paragraphs containing images (bottom zone)
must have only a small bottom margin
----------------------------------------------------------------*/
.imgcontainer
{
	margin:0 0 .5em 0;
	padding:0;
}

/* =Paragraphs containing icons (homepage)
- only bottom margin on icons
- no borders on them or on links around them
----------------------------------------------------------------*/
p.iconcontainer
{
	margin:0;
	padding:0 0 1em 0;
}
p.iconcontainer a, p.iconcontainer img, p.iconcontainer a img
{
	border:none;
}


/* =Align text to the right
----------------------------------------------------------------*/
.alignright
{
	text-align:right;
}

/* =Align text to the center
----------------------------------------------------------------*/
.aligncenter
{
	text-align:center;
}

/* =Styles for description paragraphs
Used in highlights in multimedia column / bottom 5 cols zone
When in multimedia, must have a bottom margin and a shadow
----------------------------------------------------------------*/
p.description
{
	margin-top:0;
	padding-top:0;
}
#multimedia p.description
{
	margin:0 0 3em 0;
	padding:0 0 20px 0;
	background:url(../images/bkg_shadowcol.gif) bottom left no-repeat;
}

/* =Messages
Alert messages, categories description, etc.
----------------------------------------------------------------*/
.message
{
	padding:10px;
	border:1px solid #ff9300;
	background:#ffe4bf;
	clear:both;
}


/* =additional informations (pages)
Contains: dates, categories for entries, etc.
----------------------------------------------------------------*/
p.date,p.type,p.categories,p.infos
{
	color:#999;
	text-transform:uppercase;
	font-size:.85em;
	margin:.5em 0;
	padding:0;
}
p.contentinfos
{
	color:#999;
	text-transform:uppercase;
	font:normal .85em/1.5 arial,sans-serif;
	padding:2px 0 2px 15px;
	background:url(../images/icn_news.gif) 0 .4em no-repeat;
}


/* =Hide things
----------------------------------------------------------------*/
hr
{
	display:none;
}


/* =LISTS
################################################################*/

/* =Content lists
Bullets must be inside in #content div to avoid overlapping with
floated image containers.
The second set of rules has higher specificity and overrrides this
behaviour for #comments and #relatedinfos zones (that are included in
#content)
----------------------------------------------------------------*/
#content ul
{
	list-style-position:inside;
}

#content #comments ul, #content #relatedinfos ul
{
	list-style-position:outside;
}

/* =Website list (home + pages)
----------------------------------------------------------------*/
ul.websiteslist
{
	list-style:none;
	margin:0;
	padding:0;
}
ul.websiteslist li
{
	display:inline;
}
ul.websiteslist li a
{
	display:block;
	padding:.5em 0 .5em .7em;
	border:none; /*override default styles for links*/
	border-top:1px dotted #ccc;
	text-decoration:none;
	color:#7d9800;
	font-size:1.5em;
	background:url(../images/bkg_arrowsites.gif) 2px 1em no-repeat;
}
ul.websiteslist li a:hover
{
	border:none; /*override default styles for links*/
	border-top:1px dotted #ccc;
}
ul.websiteslist li.first a, ul.websiteslist li.first a:hover
{
	border-top:none;
}
ul.websiteslist li a span
{
	display:block;
	font-size:0.55em;
	text-transform:uppercase;
	color:#4e4e4e;
}
/* colors */
ul.websiteslist li.ipf a
{
	color:#4192a7;
}
ul.websiteslist li.scp a
{
	color:#8dad00;
}
ul.websiteslist li.edu a
{
	color:#d97d00;
}
ul.websiteslist li.exp a
{
	color:#c71a00;
}
ul.websiteslist li.ipf a:hover
{
	color:#000;
}
ul.websiteslist li.scp a:hover
{
	color:#000;
}
ul.websiteslist li.edu a:hover
{
	color:#000;
}
ul.websiteslist li.exp a:hover
{
	color:#000;
}
ul.websiteslist li.ipf a.current
{
	background:#abe1f0 url(../images/bkg_arrowsites.gif) 2px 1em no-repeat;
	color:#000;
}
ul.websiteslist li.scp a.current
{
	background:#d3e680 url(../images/bkg_arrowsites.gif) 2px 1em no-repeat;
	color:#000;
}
ul.websiteslist li.edu a.current
{
	background:#ffca80 url(../images/bkg_arrowsites.gif) 2px 1em no-repeat;
	color:#000;
}
ul.websiteslist li.exp a.current
{
	background:#f58f80 url(../images/bkg_arrowsites.gif) 2px 1em no-repeat;
	color:#000;
}

/* =Simple lists (pages)
small lists with just bullets and no separators between li
Used in related info zone
----------------------------------------------------------------*/
ul.simplelist
{
	list-style:none;
	padding:0;
	margin:1em 0;
}
ul.simplelist li
{
	margin:0;
	padding:.1em 0 .1em 8px;
	background:url(../images/bull_default.gif) 0 .7em no-repeat;
}

/* =Icon lists (pages)
small lists with just icons / titles / additional infos
----------------------------------------------------------------*/
ul.smalllist
{
	list-style:none;
	margin:0;
	padding:0;
}
ul.smalllist li
{
	margin:.5em 0 0;
	padding:0 0 .5em 15px;
	border-bottom:1px dotted #ffc61a;
	background:url(../images/bull_default.gif) 3px .6em no-repeat;
}
ul.smalllist li.first /*get rid of padding for first li in list*/
{
	margin:0;
	padding:0 0 .5em 15px;
}
ul.smalllist h3, ul.smalllist h4
{
	font:normal 1em/1.5 arial,sans-serif;
	padding:0;
	margin:0;
	text-transform:none; /*overrrides default style for titles*/
}
ul.smalllist h3 a, ul.smalllist h4 a
{
	border:none;
}
ul.smalllist p
{
	margin:0;
	padding:0;
}

/*remove last li bottom border in certain cases for capable browsers > border removed in related informations lists*/
#details ul.smalllist li:last-child
{
	border-bottom:none;
}


/*various icons*/
ul.smalllist li.news
{
	background:url(../images/icn_news.gif) 0 .3em no-repeat;
}
ul.smalllist li.event
{
	background:url(../images/icn_event.gif) 0 .3em no-repeat;
}
ul.smalllist li.doc
{
	background:url(../images/icn_doc.gif) 0 .3em no-repeat;
}
ul.smalllist li.project
{
	background:url(../images/icn_project.gif) 0 .3em no-repeat;
}
ul.smalllist li.link
{
	background:url(../images/icn_link.gif) 0 .3em no-repeat;
}
ul.smalllist li.default
{
	background:url(../images/bull_default.gif) 0 .4em no-repeat;
}

/* =Detailed list with icons (list pages)
Detailed lists with Title, Date, Summary and icons
----------------------------------------------------------------*/
#content ul.detailedlist /*needs higher specificity to override default inside bullets for lists in #content area*/
{
	list-style:none;
	list-style-position:outside; /*overrides default "inside" bullets in #content zone*/
	margin:1em 0 0;
	padding:0;
}
ul.detailedlist li
{
	margin:0;
	padding:.5em 0 .5em 15px;
	border-top:1px dotted #ffc61a;
}
ul.detailedlist h2
{
	font:bold 1.3em/1.5 arial, sans-serif;
	padding:0;
	margin:.5em 0;
	text-transform:none; /*overrrides default style for titles*/
}
ul.detailedlist p
{
	padding:0;
	margin-top:0;
}
ul.detailedlist p.date
{
	padding:0;
	margin:0;
}
ul.detailedlist a
{
	border:none;/*overrides default style for links*/
}

/*various icons*/
ul.news li
{
	background:url(../images/icn_news.gif) 0 1.5em no-repeat;
}
ul.event li
{
	background:url(../images/icn_event.gif) 0 1.5em no-repeat;
}
ul.doc li
{
	background:url(../images/icn_doc.gif) 0 1.5em no-repeat;
}
ul.project li
{
	background:url(../images/icn_project.gif) 0 1.5em no-repeat;
}
ul.link li
{
	background:url(../images/icn_link.gif) 0 1.5em no-repeat;
}
ul.search li
{
	background:url(../images/icn_project.gif) 0 1.5em no-repeat;
}
ul.default li
{
	background:url(../images/bull_default.gif) 0 1.95em no-repeat;
}

/* =Detailed list (list pages)
Detailed lists with Image, Title, Date, Summary no icons
----------------------------------------------------------------*/
ul.pictdetailedlist
{
	list-style:none;
	margin:1em 0 0;
	padding:0;
}
ul.pictdetailedlist li
{
	float:left; /*contains floated children (paragraph holding picture in this case)*/
	width:100%; /*makes sure these are under each other*/
	clear:both; /*makes sure these are under each other*/
	margin:0;
	padding:1em 0;
	border-top:1px dotted #ffc61a;
}
ul.pictdetailedlist h2
{
	font:bold 1.3em/1.5 arial, sans-serif;
	padding:0 0 0 94px;
	margin:0 0 .5em 0;
	text-transform:none; /*overrides default style for titles*/
}
ul.pictdetailedlist a.imglink
{
	margin:0;
	float:left;
}
ul.pictdetailedlist p.image
{
	float:left;
	padding:0;
	margin:0;
}
ul.pictdetailedlist p
{
	padding:0 0 0 94px;
	margin-top:0;
}
ul.pictdetailedlist p.date
{
	padding:0 0 0 94px;
	margin:0;
}
ul.pictdetailedlist a
{
	border:none;/*overrides default style for links*/
}

/* =Small list with images (shop / explorers / sponsors) (pages)
----------------------------------------------------------------*/

/* =Sitemap list (pages)
----------------------------------------------------------------*/

ul.sitemap
{
	list-style:none;
	margin:0;
	padding:0;
}
ul.sitemap li
{
	padding:.5em 0;
}

ul.sitemap a
{
	font-weight:bold;
}
ul.sitemap ul
{
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}
ul.sitemap ul li
{
	padding:0;
}
ul.sitemap ul li a
{
	font-weight:normal;
	padding:0 0 0 10px;
	background:url(../images/bkg_arrowright.gif) 0 .5em no-repeat;
}

/* =Category list (pages)
These styles are also used for some functions (like in the SHOP)
----------------------------------------------------------------*/

/* =Secondary navigation list (pages)
----------------------------------------------------------------*/

/* =Copyrights list (multimedia detail pages)
----------------------------------------------------------------*/

/* =Alphabet interface
----------------------------------------------------------------*/

/* =Pagination interface
----------------------------------------------------------------*/
#pagination
{
	display:none;
}

/* =Eyecatch boxes (pages)
----------------------------------------------------------------*/

/* =Sponsors list (pages)
----------------------------------------------------------------*/
ul#sponsors
{
	list-style:none;
	margin:0;
	padding:0;
}
ul#sponsors li
{
	display:inline;
}
ul#sponsors li a
{
	margin-left:10px;
	border:none; /*override default link styles*/
}
ul#sponsors li a.first
{
	margin:0;
}

/* =COMMENTS
################################################################*/

/*Comment form is in =FORMS section*/
#comments
{
	width:100%;
}

/* =comments list
----------------------------------------------------------------*/
#comments ul
{
	list-style:none;
	padding:0;
	margin:0;
}
#comments li
{
	padding:.5em 0;
	margin:0;
	border-top:1px dotted #ffc61a;
	width:100%;
}
#comments li.admin
{
	border-top:1px solid #000;
}
#comments li.admin p.author
{
	font-weight:bold;
}
/*comment info and body must be displayed underneath eachother and not side by side like in the screen layout*/
/*div.commentinfos
{
	float:left;
	width:168px;
}
div.commentbody
{
	float:right;
	width:357px;
}*/
div.commentbody h3
{
	margin-top:0;
	padding-top:0;
}
p.author
{
	margin-top:0;
	padding-top:0;
}

/* =FORMS
################################################################*/

/* =general rules
----------------------------------------------------------------*/
form
{
	margin:2em 0;
	clear:both;
}
form div
{
	padding:.8em 0;
	border-top:1px dotted #ffc61a;
}
form div.indent
{
	padding:.8em 0 .8em 168px;
	border-top:1px dotted #ffc61a;
}
form div p, form div.indent p
{
	padding:0;
	margin:0;
}
form div.neutral /*no border here*/
{
	border:none;
}
form div.highlight /*no border and a background here*/
{
	border:none;
	background:#ffe4bf;
}
form label
{
	float:left;
	width:168px;
	font-weight:bold;
}
form label.inline
{
	float:none;
	font-weight:bold;
}
form label span
{
	font-weight:normal;
	color:#cc0000;
}
form input, form select, form textarea
{
	vertical-align:bottom;
}

/* =missing fields (when required fields are not filled in)*/
.missingfield
{
	background:#f58f80;
}

/* =search forms
#searchform = top of page
#searchformagain = search results
----------------------------------------------------------------*/
form#searchform
{
	clear:both;
	margin:0;
	padding:0;
}
form#searchform p
{
	margin:0 0 10px 0;
	padding:0;
}
form#searchformagain
{
	margin:0;
	padding:0;
	border-top:1px dotted #ffc61a;
	border-bottom:1px dotted #ffc61a;
}
form#searchformagain p
{
	margin:0;
	padding:10px 0;
	text-align:center;
}
#searchbutton,#searchbuttonagain
{
	vertical-align:top;
}
#searchbox,#searchboxagain
{
	border:1px solid #babdbe;
	padding:2px;
}

/* =TITLES
################################################################*/

/* =default titles (pages)
----------------------------------------------------------------*/
h1,h2,h3,h4
{
	margin:1.7em 0 1em 0;
	padding:0;
	color:#000;
}
h1
{
	margin-top:0;
	font:normal 1.6em/1.5 arial,sans-serif;
}
h2
{
	font:bold 1.4em/1.5 arial,sans-serif;
}
h3
{
	font:bold 1em/1.5 arial,sans-serif;
	text-transform:uppercase;
}
h4
{
	font:bold 1em/1.5 arial,sans-serif;
	text-transform:uppercase;
	color:#666;
}

/* =Focus title (home page)
----------------------------------------------------------------*/
#focus h3
{
	margin:1em 0;
	padding:0;
	font-size:1.2em;
	text-transform:none; /*overrrides default style for titles*/
}

/* =picture title in picture detail pages
----------------------------------------------------------------*/
h2.picturetitle
{
	font:bold 1em/1.5 arial,sans-serif;
}

/* =titles in secondary zone (pages)
----------------------------------------------------------------*/

/* =titles in multimedia zone (pages)
----------------------------------------------------------------*/

/* =titles in bottom zone (pages)
These are the tiles that look like the main navbar
----------------------------------------------------------------*/

/* =Titles with icons in the bottom zone (home page only)
Press releases / Press Pictures / RSS / newsletter
----------------------------------------------------------------*/

/* =Image replacement titles (pages)
Glider Levin method
See below for reference
<http://www.mezzoblue.com/tests/revised-image-replacement/>
----------------------------------------------------------------*/
/*generic styles*/
h1.imgreplace, h2.imgreplace
{
	position:relative;
	overflow:hidden;
	font-size:1em;
}
h1.imgreplace
{
	margin:2em 0 1.5em;
}
h2.imgreplace
{
	margin:2.5em 0 1.7em;
}
.imgreplace span
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*specific styles*/
.about_en
{
	width:168px;
	height:16px;
}
.about_en span
{
	background:url(../images/replace_aboutus_en.gif) top left no-repeat;
}
.about_fr
{
	width:169px;
	height:16px;
}
.about_fr span
{
	background:url(../images/replace_aboutus_fr.gif) top left no-repeat;
}
.about_nl
{
	width:171px;
	height:16px;
}
.about_nl span
{
	background:url(../images/replace_aboutus_nl.gif) top left no-repeat;
}
.projects_en
{
	width:168px;
	height:16px;
}
.projects_en span
{
	background:url(../images/replace_projects_en.gif) top left no-repeat;
}
.projects_fr
{
	width:116px;
	height:16px;
}
.projects_fr span
{
	background:url(../images/replace_projects_fr.gif) top left no-repeat;
}
.projects_nl
{
	width:168px;
	height:16px;
}
.projects_nl span
{
	background:url(../images/replace_projects_nl.gif) top left no-repeat;
}
.news_en
{
	width:168px;
	height:16px;
}
.news_en span
{
	background:url(../images/replace_news_en.gif) top left no-repeat;
}
.news_fr
{
	width:188px;
	height:16px;
}
.news_fr span
{
	background:url(../images/replace_news_fr.gif) top left no-repeat;
}
.news_nl
{
	width:168px;
	height:16px;
}
.news_nl span
{
	background:url(../images/replace_news_nl.gif) top left no-repeat;
}
.relatedpicts_en
{
	width:168px;
	height:16px;
}
.relatedpicts_en span
{
	background:url(../images/replace_relatedpicts_en.gif) top left no-repeat;
}
.relatedpicts_fr
{
	width:168px;
	height:16px;
}
.relatedpicts_fr span
{
	background:url(../images/replace_relatedpicts_fr.gif) top left no-repeat;
}
.relatedpicts_nl
{
	width:168px;
	height:16px;
}
.relatedpicts_nl span
{
	background:url(../images/replace_relatedpicts_nl.gif) top left no-repeat;
}
.relatedflash_en
{
	width:168px;
	height:16px;
}
.relatedflash_en span
{
	background:url(../images/replace_relatedflash_en.gif) top left no-repeat;
}
.relatedflash_fr
{
	width:168px;
	height:16px;
}
.relatedflash_fr span
{
	background:url(../images/replace_relatedflash_fr.gif) top left no-repeat;
}
.relatedflash_nl
{
	width:168px;
	height:16px;
}
.relatedflash_nl span
{
	background:url(../images/replace_relatedflash_nl.gif) top left no-repeat;
}
.relatedvids_en
{
	width:168px;
	height:16px;
}
.relatedvids_en span
{
	background:url(../images/replace_relatedvids_en.gif) top left no-repeat;
}
.relatedvids_fr
{
	width:168px;
	height:16px;
}
.relatedvids_fr span
{
	background:url(../images/replace_relatedvids_fr.gif) top left no-repeat;
}
.relatedvids_nl
{
	width:168px;
	height:16px;
}
.relatedvids_nl span
{
	background:url(../images/replace_relatedvids_nl.gif) top left no-repeat;
}
.relatedinfos_en
{
	width:168px;
	height:16px;
}
.relatedinfos_en span
{
	background:url(../images/replace_relatedinfos_en.gif) top left no-repeat;
}
.relatedinfos_fr
{
	width:292px;
	height:16px;
}
.relatedinfos_fr span
{
	background:url(../images/replace_relatedinfos_fr.gif) top left no-repeat;
}
.relatedinfos_nl
{
	width:199px;
	height:16px;
}
.relatedinfos_nl span
{
	background:url(../images/replace_relatedinfos_nl.gif) top left no-repeat;
}
.highlighted_en
{
	width:168px;
	height:16px;
}
.highlighted_en span
{
	background:url(../images/replace_highlighted_en.gif) top left no-repeat;
}
.highlighted_fr
{
	width:119px;
	height:16px;
}
.highlighted_fr span
{
	background:url(../images/replace_highlighted_fr.gif) top left no-repeat;
}
.highlighted_nl
{
	width:168px;
	height:16px;
}
.highlighted_nl span
{
	background:url(../images/replace_highlighted_nl.gif) top left no-repeat;
}
.fullgallery_en
{
	width:168px;
	height:16px;
}
.fullgallery_en span
{
	background:url(../images/replace_fullgallery_en.gif) top left no-repeat;
}
.fullgallery_fr
{
	width:168px;
	height:16px;
}
.fullgallery_fr span
{
	background:url(../images/replace_fullgallery_fr.gif) top left no-repeat;
}
.fullgallery_nl
{
	width:168px;
	height:16px;
}
.fullgallery_nl span
{
	background:url(../images/replace_fullgallery_nl.gif) top left no-repeat;
}
.latestvids_en
{
	width:168px;
	height:16px;
}
.latestvids_en span
{
	background:url(../images/replace_latestvids_en.gif) top left no-repeat;
}
.latestvids_fr
{
	width:168px;
	height:16px;
}
.latestvids_fr span
{
	background:url(../images/replace_latestvids_fr.gif) top left no-repeat;
}
.latestvids_nl
{
	width:168px;
	height:16px;
}
.latestvids_nl span
{
	background:url(../images/replace_latestvids_nl.gif) top left no-repeat;
}
.latestpicts_en
{
	width:168px;
	height:16px;
}
.latestpicts_en span
{
	background:url(../images/replace_latestpicts_en.gif) top left no-repeat;
}
.latestpicts_fr
{
	width:168px;
	height:16px;
}
.latestpicts_fr span
{
	background:url(../images/replace_latestpicts_fr.gif) top left no-repeat;
}
.latestpicts_nl
{
	width:168px;
	height:16px;
}
.latestpicts_nl span
{
	background:url(../images/replace_latestpicts_nl.gif) top left no-repeat;
}
.latestflash_en
{
	width:168px;
	height:16px;
}
.latestflash_en span
{
	background:url(../images/replace_latestflash_en.gif) top left no-repeat;
}
.latestflash_fr
{
	width:168px;
	height:16px;
}
.latestflash_fr span
{
	background:url(../images/replace_latestflash_fr.gif) top left no-repeat;
}
.latestflash_nl
{
	width:168px;
	height:16px;
}
.latestflash_nl span
{
	background:url(../images/replace_latestflash_nl.gif) top left no-repeat;
}
.recentfeatures_en
{
	width:168px;
	height:16px;
}
.recentfeatures_en span
{
	background:url(../images/replace_recentfeatures_en.gif) top left no-repeat;
}
.recentfeatures_fr
{
	width:168px;
	height:16px;
}
.recentfeatures_fr span
{
	background:url(../images/replace_recentfeatures_fr.gif) top left no-repeat;
}
.recentfeatures_nl
{
	width:168px;
	height:16px;
}
.recentfeatures_nl span
{
	background:url(../images/replace_recentfeatures_nl.gif) top left no-repeat;
}
.comments_en
{
	width:168px;
	height:16px;
}
.comments_en span
{
	background:url(../images/replace_comments_en.gif) top left no-repeat;
}
.comments_fr
{
	width:168px;
	height:16px;
}
.comments_fr span
{
	background:url(../images/replace_comments_fr.gif) top left no-repeat;
}
.comments_nl
{
	width:168px;
	height:16px;
}
.comments_nl span
{
	background:url(../images/replace_comments_nl.gif) top left no-repeat;
}
.postcomment_en
{
	width:168px;
	height:16px;
}
.postcomment_en span
{
	background:url(../images/replace_postcomment_en.gif) top left no-repeat;
}
.postcomment_fr
{
	width:188px;
	height:16px;
}
.postcomment_fr span
{
	background:url(../images/replace_postcomment_fr.gif) top left no-repeat;
}
.postcomment_nl
{
	width:168px;
	height:16px;
}
.postcomment_nl span
{
	background:url(../images/replace_postcomment_nl.gif) top left no-repeat;
}
.eduresources_en
{
	width:218px;
	height:16px;
}
.eduresources_en span
{
	background:url(../images/replace_eduresources_en.gif) top left no-repeat;
}
.eduresources_fr
{
	width:210px;
	height:16px;
}
.eduresources_fr span
{
	background:url(../images/replace_eduresources_fr.gif) top left no-repeat;
}
.eduresources_nl
{
	width:189px;
	height:16px;
}
.eduresources_nl span
{
	background:url(../images/replace_eduresources_nl.gif) top left no-repeat;
}

/* =PICTURES AND PICTURE GALLERIES
################################################################*/

/* =Images with links general styles
----------------------------------------------------------------*/
img
{
	border:1px solid white;
}
a.imglink
{
	display:block;
	padding:5px;
	background:#ccc url(../images/bkg_pictures.gif);
	border:none; /*override default styles for links*/
}

/* =Images in lists for galleries' previews
----------------------------------------------------------------*/

/* =Picture Gallery Container
Must be floated to enclose images properly when they
do not take full width (ie: portrait orientation)
----------------------------------------------------------------*/
p.pictcontainer
{
	margin:0;
	padding:0;
	float:left;
}

/* =Picture Gallery Nav interface
----------------------------------------------------------------*/

/* =Picture Gallery Full Preview
----------------------------------------------------------------*/

/* =images inserted in items / in text (all pages)
----------------------------------------------------------------*/
/*for horizontal images*/
div.contentpicthoriz
{
	float:left;
	width:250px;
	margin:.65em 22px 10px 0;
	border-bottom:2px dotted #ffc61a;
}
/*for vertical images*/
div.contentpictvert
{
	float:left;
	width:180px;
	margin:.65em 22px 10px 0;
	border-bottom:2px dotted #ffc61a;
}
/*for full width images*/
div.contentpictfull
{
	float:left;
	width:100%;
	margin:.65em 0 10px 0;
	border-bottom:2px dotted #ffc61a;
}
/*generic style common to all displays*/
div.contentpicthoriz p, div.contentpictvert p, div.contentpictfull p
{
	margin:0 0 .5em 0;
	padding:0;
}
div.contentpicthoriz p.legend, div.contentpictvert p.legend, div.contentpictfull p.legend
{
	color:#4e4e4e;
}
/*styles to take care of old images in content (not cover pictures)*/
img.pictleft
{
	float:left;
	background:#ccc url(../images/bkg_pictures.gif);
	padding:6px;
	margin:.0 22px 10px 0;
}

img.pictright
{
	float:right;
	background:#ccc url(../images/bkg_pictures.gif);
	padding:6px;
	margin:.0 0 10px 22px;
}

/* =MULTIMEDIA OBJECTS AND MULTIMEDIA CONTAINERS
################################################################*/

/* =LINKS
################################################################*/

/* =default links
Default border on links has to be removed using higher
specificity selectors
----------------------------------------------------------------*/
a
{
	text-decoration:none;
	color:#d97d00;
	border-bottom:1px dotted #ffc61a;
}
a.noborder
{
	border:none;
}
a:hover
{
	border:none;
	color:#3b0800;
}

/* =More links (pages)
----------------------------------------------------------------*/
p.more a
{
	font-size:.85em;
	text-transform:uppercase;
	padding-right:8px;
	background:url(../images/bkg_arrowright.gif) right .4em no-repeat;
	border:none;
}
/*adds bottom shadow when in multimedia zone*/

/*################################################################
## =ESHOP STYLES                                                 ##
################################################################*/
span.label
{
	float:left;
	width:168px;
	font-weight:bold;
}

/*use in eshop to group product infos*/
div.order
{
	display:block;
	border-bottom:1px dotted #ffc61a;
	border-top:1px dotted #ffc61a;
}

/* =product list (eshop)
----------------------------------------------------------------*/
ul.productlist
{
	list-style:none;
	margin:1em 0 0;
	padding:0;
}
ul.productlist li
{
	margin:0;
	padding:.5em 0;
	border-top:1px dotted #ffc61a;
}
ul.productlist h2
{
	font:bold 1.3em/1.5 arial, sans-serif;
	padding:0 0 0 94px;
	margin:.5em 0;
	text-transform:none; /*overrrides default style for titles*/
}
ul.productlist a.imglink
{
	margin:.5em 0;
	float:left;
}
ul.productlist p.image
{
	float:left;
	padding:0;
	margin:0;
}
ul.productlist p
{
	padding:0 0 0 94px;
	margin:0;
}
ul.productlist p.buttoncontainer
{
	border:none; /*overrides default style below*/
	padding:0;
	margin:1em 0;
}
ul.productlist a
{
	border:none;/*overrides default style for links*/
}
ul.productlist form
{
	padding:0;
	margin:1em 0 1em 94px;	
}
ul.productlist table.product th
{
	font-weight:bold;
}
/* =product table (eshop)
Used in product list / add to cart
----------------------------------------------------------------*/
table.product
{
	margin:.5em 0;
	border:1px solid #ffc61a;
	padding:5px;
	width:100%;
}
table.product th, table.product td
{
	padding:.2em 0;
	font-weight:normal;
}
table.product th.col30, table.product td.col30
{
	width:30%;
}
table.product th.col40, table.product td.col40
{
	width:40%;
}
table.product th.col50, table.product td.col50
{
	width:50%;
}
table.product caption
{
	text-align:left;
	font-weight:bold;
}
table.product th.delete, table.product td.delete
{
	background:#ffe4bf;
}
table.product input, table.product select
{
	vertical-align:bottom;
}

/* =Cart
Display cart infos
----------------------------------------------------------------*/
div.cart
{
	padding:10px;
	background:#ffe4bf;
	margin-bottom:5em;
}
div.cart ul
{
	list-style:none;
	padding:0;
	margin:0;
}
div.cart li
{
	border-bottom:1px solid #ffc61a;
	padding:.2em 0;
}
div.cart dl, div.cart dt, div.cart dd
{
	margin:0;
	padding:0;
}
div.cart dt
{
	font-weight:bold;
}
div.cart p
{
	margin:0;
	padding:0;
}
div.cart p.total
{
	margin:.2em 0 0 0;
	padding:0;
}

/* =labels (eshop)
Labels in tables
----------------------------------------------------------------*/
table.product label
{
	float:none; /*overrides default styles for labels in (non eshop) forms*/
	width:auto; /*overrides default styles for labels in (non eshop) forms*/
	font-weight:normal; /*overrides default styles for labels in (non eshop) forms*/
}


p.buttoncontainer
{
	border-top:1px dotted #ffc61a;
	padding:.5em 0;
	margin:1em 0;
}



/*################################################################
## =CLEARING                                                    ##
################################################################*/
.clearfix:after
{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix
{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display:block;
}
/* End hide from IE-mac */