html
{
	background-image: url('../images/background.png');
	background-repeat: repeat-y;
	background-color: rgb(247,247,233);
}

body
{
	background-color: rgb(247,247,233);
	background-image: url('../images/background.png');
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
}

div.clear
{
    clear: both;
}

img
{
	border: 0px;
}


h1, h2, h3, h4, h5, h6
{
	font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0.1em 0px;
	font-size: 10pt;
	color: rgb(102,102,102);
	border-width: 0px 0px 1px 0px;
	border-style: solid;
}

h1
{
	font-size: 12pt;
	border-style: solid;
    font-weight: normal;
    padding: 0em 0px 5px 0px;
    margin: 1em 0px 10px 0px;
}
h1 > strong
{
    color: black;
    font-weight: bold;
    text-transform: uppercase;
}
/*
h1:first-child
{
    margin-top: 0px;
}
*/
div.item h3
{	
}


a
{
	color: rgb(204,0,0);
	text-decoration: none;
}



ul
{
	font-size: 10pt;
	margin-top: 0px;
}

ul li
{	
	margin: 0.5em 0px 0px 0px;
	list-style-type: square;
}

ul li.sub
{	
	margin: 0px 0px 0px 20px;
	list-style-type:circle;
}



p
{
	margin: 0px;
}

#mainmenu
{
	height: 30px;
	font-size: 8pt;
}


#mainmenu div
{
	float: left;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
}

#mainmenu div a,
#mainmenu div span
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: black;
}




#mainmenu div.active
{
	background-color: rgb(76,76,76);
	padding: 0px 10px 0px 10px;
}


#mainmenu div.active span
{
	font-weight: bold;
	color: white;
}

#mainmenu img
{
	float: left;
	background-color: rgb(76,76,76);
}


#mainmenu img.left
{
	margin-left: 5px;
}


#mainmenu img.right
{
	margin-right: 5px;
}






#submenu
{
	
	background-color: rgb(76,76,76);
	background-image: url('../images/submenu_inner_shadow_gray.png');
	background-repeat: repeat-x;
	padding: 5px 10px 5px 10px;
}

#submenu span,
#submenu a
{
	color: rgb(200,200,200);
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}

#submenu a:hover
{
	color: white;
}

#submenu span
{
	color: white;
}

#submenu-shadow
{
	height: 5px;
	background-image: url('../images/submenu_shadow.png');
	background-repeat: repeat-x;
}



#snippets
{
}

#snippets div.snippet
{
	background-color: rgb(247,247,233);
	margin-bottom: 1em;
}

#snippets div.snippet h2
{
	font-size: 9pt;
	background-color: rgb(76,76,76);
	color: white;
	border-width: 0px;
	margin: 0px;
	padding: 5px;
	text-align: center;
}


#snippets div.snippet div.content
{
	padding: 10px;
}



















#content div.snippet
{
	background-color: rgb(247,247,233);
	width: 330px;
}

#content div.snippet h2
{
	font-size: 10pt;
	
	
	color: black;
	
	margin: 0px;
	position: relative; top: 5px;
	border-color: rgb(204,204,204);
	
}

#content div.snippet div.rounder-top
{
	height: 23px;
	background-color: rgb(227,227,206);
}


div.snippet div.content
{
	padding: 5px 10px 0px 10px;
}

div.snippet div.content div.item
{
	clear: both;
	margin-bottom: 1em;
}

div.tfider
{
	float: left; width: 10px; height: 10px; margin-top: 4px; background-color: gray; margin-right: 5px;
}

div.snippet div.content div.item  h3
{
border: 0px;
}


div.snippet div.content div.item  div.text
{
margin-left: 15px;
}


#footer
{
	padding-top: 10px;
	margin-top: 3em;
	margin-bottom: 3em;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: rgb(153,153,153);
	color: rgb(153,153,153);
}

#footer a,
#footer span
{
	color: rgb(153,153,153);
	text-decoration: none;
	margin-right: 10px;
}

#footer span
{
	color: black;
}





#content p
{
	line-height: 1.5em;
	font-size: 9pt;
}



#learnmore,
#stepPrinciples,
div.outlinebox
{
border-width: 0px 1px 0px 1px; border-style: solid; border-color: black;
}

#learnmore
{
	width: 348px;
}

#stepPrinciples
{
	width: 348px;
}

#stepPrinciples h1
{
	font-size: 16pt;
	margin: 0px;
	border-width: 0px;
	position: relative;
	top: 0px;
	font-weight: normal;
	color: rgb(153,102,153);
	float: left;
	font-family: Georgia, serif;
}

#stepPrinciples p
{
	margin-top: 0.8em;
	margin-left: 30px;
	font-size: 8pt;
	line-height: 1.2em;
}
	
	
div.quoteContainer
{
	display: none;
	width: 348px;
	margin-top: 0em;
/*	border-width: 1px 0px 1px 0px;
	border-style: dashed;
	border-color: rgb(131,182,28);*/
	padding: 5px 0px 5px 0px;
}

	
div.quoteContainer img
{
	float: left;
}

div.quote
{
	position:relative;
	padding: 0px;
	margin-left: 110px;
/*	background-color: rgb(231,241,211);*/
}

div.quote h2
{
	border-width: 0px;
	font-family: Georgia, serif;
	font-size: 10pt;
	color: rgb(102,102,102);
	font-weight: normal;
	font-style: italic;
	text-align: left;
	line-height: 12pt;
}

div.quote h2 span
{
	color: rgb(204,204,204);
	font-size: 200%;
	position: relative;
	top: 0.2em;
	line-height: 12pt;
	padding: 0px 5px 0px 5px;
}


div.quote h3
{
	border-width: 0px;
	font-family: Arial;
	font-size: 8pt;
	color: rgb(0,0,0);
	font-weight: normal;
	text-align: right;
	margin-top: 0.3em;
}


div.taskforce h3
{
margin-top: 1em;
color: rgb(153,153,153);
}



td.fuenftel
{
	width: 143px; border-width: 0px 1px 0px 0px; border-style: solid; border-color: white;
}

td.fuenftel div img
{
	display: block;
}


td.fuenftel div div.content
{
	padding: 5px;
	font-size: 8pt;
}
td.fuenftel div h3
{
	font-size: 10pt;
	border: 0px;
	margin: 5px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: white;
	
}


td.fuenftel div div.colorbar
{
	height: 7px;
}

td.fuenftel div.policy div.colorbar
{
	background-color: rgb(0,117,187);
	
}




td.fuenftel div.redesign div.colorbar
{
	background-color: rgb(206,53,3);
	
}



td.fuenftel div.reuse div.colorbar
{
	background-color: rgb(131,182,28);
	
}

td.fuenftel div.recycle div.colorbar
{
	background-color: rgb(153,102,153);
	
}

td.fuenftel div.knowledge div.colorbar
{
	background-color: rgb(255,102,51);
	
}







/* INPUT FIELDS */

input,
textarea
{
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px;
	border-style: solid;
	border-color: rgb(153,153,153);
	background-color: rgb(255,255,255);
	color: black;
}

input.noformat
{
	padding-left: 0px;
	padding-right: 0px;
	background-color: rgb(236,246,225);
	border: 0px;
}

input.error,
textarea.error
{
	border-color: rgb(204,0,0);
}



textarea:hover,
input:hover
{
	border-color: rgb(0,0,0);
	background-color: rgb(255,255,255);
}

textarea:focus,
input:focus
{
	background-color: rgb(255,255,255);
	border-color: rgb(204,0,0);
}


input.button
{
	display: block;
	cursor: pointer;
	border: 2px;
	border-style: outset;
	background-color: rgb(225,225,225);
	border-color: rgb(153,153,153);
	font-weight: bold;
	padding:3px;
}

input.button:hover,
input.button:focus
{
	background-color: rgb(235,235,235);
	border-color: rgb(0,0,0);
}


div.error
{
	border: 2px;
	border-color: rgb(204,0,0);
	border-style: solid;
	color: rgb(204,0,0);
	font-weight: bold;
	padding: 5px;
	background-color: rgb(255,255,255);
	
	margin: 1em;
}



.mandatory
{
	color: rgb(204,0,0);
	font-weight: bold;
}

input.hiddenSubmit
{
	color: white; width: 1px; height: 1px; border-width: 0px;
}


/* END INPUT FIELDS */






/* ADMIN */

th
{
	text-align: left;
}

a.button
{
font-weight: bold; padding: 5px; border-width: 1px; border-style: solid; border-color: rgb(153,153,153);
}


div.taskforce_desc
{
	font-size: 10pt;
	color: rgb(102,102,102);
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 0.5em;
}






div.quickInfoBox
{
	float: right; 
	width: 278px;
	margin-top: 1em;
	padding: 10px;
	border-width: 1px;
	border-style: solid; 
	border-color: rgb(102,102,102);
	background-color: rgb(247,247,233);
	
}

div.quickInfoBox h2
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12pt;
	margin-bottom: 0.6em;
}


div.quickInfoBox label
{
	text-transform: uppercase;
	font-weight: bold;
}


div.quickInfoBox > img
{
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

div.quickInfoBox > p
{
	margin: 0.5em 0px 0px 0px;
}

div.actorInfoBox
{
}

div.actorInfoBox > img
{
	float: right;
	margin-left: 10px;
}

div.furtherReading
{
	margin-top: 2em;
}

div.furtherReading > h2
{
	font-size: 10pt;
	padding-bottom: 5px;
}

div.furtherReading > ul
{
	margin: 0px;
	padding: 0px 0px 0px 18px;
}


div.institutionList
{
	font-size: 8pt;
	line-height: 1.1em;
	margin-bottom: 2em; margin-top: 0.5em;
}


div.institutionList a
{
	display: block;
	margin-bottom: 0.5em;
	color: rgb(0,0,0);
}


div.institutionList h3
{
	font-size: 16pt;
	font-weight: normal;
	margin: 0px 0px 0px -25px;
	position: relative;
	float: left;
	color: rgb(201,207,212);
	border-width: 0px;
	display: inline;
	height: 20pt;
}



div.institutionList div.institutionListPart
{
	margin-top: 1em;
}

div.institutionListColumn
{
	float: left;
	width: 210px;
	margin-left: 20px;
	border-width: 0px 0px 0px 1px;
	border-style: dotted;
	border-color: rgb(200,200,200);
	padding-left: 5px;
	display: inline;
}





#page-projects
{}


#page-projects h2,
#page-projects h3
{
	border-width: 0px;
}

#page-projects h2
{
	font-size: 10pt;
	margin-bottom: 0em;
}


#page-projects h2 span
{
	font-weight: normal;
	color: rgb(153,153,153);
}
#page-projects h2 a
{
	color: rgb(102,102,102);
}

#page-projects h3
{
	font-size: 8pt;
	font-weight: normal;
	font-variant: italic;
	margin-bottom: 0.5em;
	margin-top: 0em;
}

#page-projects h3 span
{
	font-weight: bold;
}

#page-projects div.description
{
	margin: 0.5em 0px 1em 0px;
	padding: 0px 0px 1em 0px;
	width: 390px;
	text-align: justify;
}



#page-projects div.keywords
{
	margin-top: 1em;
	padding-top: 1em;
	border-width: 1px 0px 0px 0px;
	border-style: solid; 
	border-color: white;
	
}

#page-projects span.projectTaskforce
{
	border-width: 0px 0px 0px 10px; 
	border-style: solid;
	padding-left: 5px;
	font-weight: normal;
}

div.projectPreview
{
	border-width: 0px 0px 0px 2px;
	border-color: rgb(204,204,204);
	border-style: solid;
	padding-left: 10px;
	margin-bottom: 2em;
	margin-left: 3px;
}


div.taskforce-1,
div.taskforce-2,
div.taskforce-3,
div.taskforce-4,
div.taskforce-5
{
	border-width: 0px 0px 0px 5px;
	margin-left: 0px;
}


span.taskforce-1,
div.taskforce-1
{
	border-color: rgb(0,117,187);
}

span.taskforce-2,
div.taskforce-2
{
	border-color: rgb(206,53,3);
}

span.taskforce-3,
div.taskforce-3
{
	border-color: rgb(131,182,28);
}

span.taskforce-4,
div.taskforce-4
{
	border-color: rgb(153,102,153);
}

span.taskforce-5,
div.taskforce-5
{
	border-color: rgb(255,102,51);
}




div.taskforceProjects
{
	float: right;
	width: 350px;
}

div.taskforceProjects h2
{
	margin-bottom: 1em;
}

div.taskforceParticipants
{
	float: left;
	width: 320px;
}

div.taskforceParticipants h2
{
	margin-top: 0px;
}







/* MEDIA COMMENTS AND PUBLICATIONS PAGE */

div.whitePapers
{
	float: left;
	width: 330px;
	padding: 0px 20px 20px 0px;
}
div.issn
{
	font-size: 10pt;
	padding: 5px;
	margin: 10px 0px 0px 0px;
	background-color: rgb(248,248,236);
	font-family: Georgia, serif;
}
div.issn strong
{
}

div.whitePaper
{
	position: relative;
	padding-left: 40px;
	margin-top: 20px;
}
div.whitePaper div.whitePaperNumber
{
	position: absolute;
	left: 0px;
	width: 20px;
	font-size: 18pt;
	color: rgb(204,204,204);
	font-family: Georgia, serif;
	top: -5px;
}
div.whitePaper div.tfAndDate
{
	font-size: 9pt;
}
div.whitePaper div.tfAndDate span
{
	color: rgb(102,102,102);
	margin-right: 10px;
}
div.whitePaper  h2
{
	font-size: 12pt;
	font-weight: normal;
	font-family: Georgia, serif;
	border-width: 0px;
	margin-top: 5px;
}


div.annualReports
{
	float: left;
	width: 330px;
	padding: 0px 20px 20px 0px;
}

div.mediaComments
{
}

div.mediaComment
{
	margin-bottom: 2em;
	padding-left: 5px;
	border-width: 0px 0px 0px 2px;
	border-style: solid;
	border-color: rgb(153,153,153);
}


div.mediaComment h2
{
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 12pt;
	border-width: 0px;
}


div.mediaComment h2 span
{
	color: rgb(153,153,153);
	font-weight: normal;
}

div.mediaComment h3
{
	border-width: 0px;
	font-weight: normal;
	font-variant: italic;
}

div.publications
{
	float: right;
	width: 350px;
}



table.list
{
	cell-padding: 0px;
	cell-spacing: 0px;
}


table.list tr td
{
	padding: 5px;
}

table.list tr.light
{
	background-color: rgb(255,255,255);
}


table.list tr.dark
{
	background-color: rgb(247,247,233);
}


span.associatedMember
{
	color: rgb(102,102,102);
	margin-left: 5px;
}


span.cityCountry
{
	color: rgb(153,153,153);
}



#page-what-is-e-waste
{
	line-height: 1.8em;
}




#page-what-is-e-waste h1
{
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 14pt;
	border-width: 0px;
	margin: 2em 0px 0.4em 0px;
	text-align: left;
}


#page-what-is-e-waste sup
{
	font-size: 80%;
}


div.sources
{
	padding-top: 2em;
	margin-top: 2em;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: rgb(102,102,102);
	font-size: 8pt;
}

div.sources div.source
{
	margin: 0px 0px 0.5em 0px;
}

div.photos
{
	width: 300px;
	float: right;
}

div.infoText
{
	width: 400px;
	text-align: justify;
}

div.photo
{
	margin: 0px 0px 10px 0px;
	text-align: right;
	color: rgb(102,102,102);
	font-style: italic;
}

div.photo img
{
	position: relative;
	z-index: 10;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(102,102,102);
	padding: 10px;
	background-color: white;
}

#page-whitepapers
{
	margin-bottom: 1.5em;
}


ol.stepPrinciples
{
	list-style-type: none;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	width: 350px;
}


ol.stepPrinciples li
{
	font-size: 10pt;
	margin: 0px 0px 1em 0px;
	text-align: justify;
	line-height: 20pt;
}

ol.stepPrinciples li > span
{
	margin-left: -20px;
	font-size: 24pt;
	font-family: Georgia, "Helvetica Neue", Arial, Helvetica, Verdana;
	font-weight: normal;
	color: rgb(16,147,45);
	line-height: 20pt;
}

/* NEUE STARTSEITE */

#testimonialCounter
{
    float: right;
}

#testimonialCounter div,
#testimonialCounter a
{
    display: block;
    float: left;
    width: 60px;
    text-align: center;
}
#testimonialCounter a
{
    width: auto;
}

div.rightBox
{
    float: right;
    width: 340px;
}
div.leftBox
{
    float: left;
    width: 340px;
}

#testimonialBox
{
    display block;
    height: 230px;
}
#testimonialBox > div > h1 > img
{
	margin-left: 10px;
	position: relative;
	top: 10px;
}

#findOutMoreBox
{
	padding: 0px 10px 10px 10px;
	background-color: rgb(247,247,233);
}

#findOutMoreBox ul
{	
    list-style-type: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
#findOutMoreBox ul li
{	
    list-style-type: none;
}


#findOutMoreBox ul li:before
{	
	content: "\00BB \0020";
}

div.featuredMember
{
	clear: both;
}

div.featuredMember h2
{
	color: rgb(102,102,102);
	font-weight: normal;
	font-size: 11pt;
	border-width: 0px;
}
div.featuredMember h2 > strong
{
	color: black;
	font-weight: bold;
}

div.featuredMember img
{
	float: right;
	width: 150px;
}

div.featuredMember > div.teaserText
{
	width: 185px;
	text-align: justify;
}

#featured-members-page div.featuredMember
{
	margin: 0px 0px 2em 0px;
	padding: 0px 0px 2em 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: rgb(235,235,235);
}

#featured-members-page div.featuredMember > img
{
	width: auto;
}


#featured-members-page div.featuredMember > div.teaserText
{
	width: 370px;
	margin-left: 60px;
}

#featured-members-page div.featuredMember > div.weekNo
{
	position: absolute;
	width: 50px;
	text-align: center;
	color: rgb(153,153,153);
	line-height: 14pt;
}

#featured-members-page div.featuredMember > div.weekNo > strong
{
	font-size: 20pt;
	color: rgb(0,0,0);
}

#page-featured-member-detail
{
}

#page-featured-member-detail div.leftBox
{
	width: 400px;
	text-align: justify;
}

#page-featured-member-detail div.rightBox
{
	width: 300px;
}

#page-featured-member-detail div.rightBox > img
{
	display: block;
	margin: 0px 0px 10px 0px;
}


#page-featured-member-detail ol
{
	margin: 0px 0px 0px 25px;
	padding: 0px;
	font-size: 10pt;
	font-weight: bold;
}

#page-featured-member-detail ol h1,
#page-featured-member-detail ol h2
{
	border-width: 0px;
	color: black;
	font-weight: bold;
	margin-bottom: 0px;
	font-size: 10pt;
}

#page-featured-member-detail ol h2
{
	font-weight: normal;
	margin-bottom: 5px;
	color: rgb(102,102,102);
}
#page-featured-member-detail ol div
{
	font-weight: normal;
	font-size: 9pt;
}


/* DEPRECATED


#content h1
{
	margin: 1em 0px 0px 0px;
	
}


*/


img.new
{
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
}