* {margin: 0; padding: 0;}

table,table th,table td,table tr {
	border:none;
	border-collapse:collapse;
	vertical-align:top;
	text-align:left;
	padding:0px;
	margin:0px;
}

html, body
{
    margin: 0;
    padding: 0;
    min-width: 960px;
    font-size: 13px;
    color: #1F1713;
	height:100%;
}

html {
	background: url(/media/img/design/bg.jpg) center top repeat;
}


body {
	background: url(/media/img/design/bg-content.jpg) center top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.3em;
	min-height: 800px;
	padding-bottom: 250px;
}

h1
{
	font-size: 1.8em;
	font-weight: normal;
	color: #1F1713;
}
h2
{
	line-height:1.5em;
}

h1 strong
{
	font-size: 1.4em;
	text-transform: none;
}
h2 {
	font-size: 1.3em;
}

h3 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.2em;
}

a {
	color: #841313;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #ffffff;
}
a img {
	border: none;
}

input[type="submit"] {
	cursor:pointer;
}


/*------------------------------------------------------------------
Design
-------------------------------------------------------------------*/

div#wrapper {
	width: 1008px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

div#wrapper div#header {
	width: 1008px;
	height: 75px;
}

div#wrapper div#header a.public-eye-logo {
	background: url(/media/img/design/logo-public-eye.png) right top no-repeat;
	width: 172px;
	padding: 67px 0 0 0;
	float: right;
	height: 0 !important;
	overflow: hidden;
}

div#nav {
	width: 250px;
	padding: 0 0 100px 0;
	float: left;
}

div#main {
	width: 650px;
	padding: 0 70px 180px 0;
	margin-left: 279px;
	margin-right: 0;
}

div#main>p, div#main ul>li {
	font-size: 14px;
}

div#footer {
	position: fixed;
	bottom: 0;
	height: 99px;
	background-color: #000;
	width: 100%;
	z-index: 100;
}

div#footer, div#footer a {
	color: #929292;
}

div#footer-head {
	padding: 149px 0 0 0;
	height: 0 !important;
	float: right;
	width: 735px;
	position: fixed;
	bottom: 150px;
	height: 150px;
}

div.footer-head-1 {
	background:  url(/media/img/design/footer-2.png) right top no-repeat;
	position: fixed;
	bottom: 85px;
	right: 0;
	padding: 180px 0 0 0;
	width: 268px;
	display: block;
	overflow: hidden;
	z-index: 5;
}

div.footer-head-2 {
	background:  url(/media/img/design/footer-1.png) right top no-repeat;
	position: fixed;
	bottom: 85px;
	right: 268px;
	padding: 86px 0 0 0;
	width: 709px;
	display;: block;
	overflow: hidden;
	z-index: 5;
}

div#footer-wrapper {
	width: 1014px;
	margin: 0 auto;
}

div#footer-left {
	float: left;
	width: 500px;
	margin: 32px 0 0 0;
}

div#footer-right {
	width: 480px;
	margin: 20px 0 0 0;
	float: right;
}

div#footer-left ul#second-nav {
	list-style: none;
}

div#footer-left ul#second-nav li {
	float: left;
}

div#footer-left ul#second-nav li a {
	padding: 0 5px;
}

div#wrapper div#header ul#language-selector {
	float: left;
	list-style: none;
	padding: 50px 0 0 175px;
	margin: 0;
}

div#wrapper div#header ul#language-selector li {
	float: left;
	padding: 0 10px 0 0;
}

div#wrapper div#header ul#language-selector li a, div#wrapper div#header ul#language-selector li span {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}

div#wrapper div#header ul#language-selector li span {
	font-weight: bold;
}

a.vote-button {
	overflow: hidden;
	cursor:pointer;
	height:0 !important;
	float: right;
	margin: 20px 30px 20px 10px;
}

body.de a.vote-button {
	background: url(/media/img/design/but-vote-de.png) left top no-repeat;
	width: 212px;
	padding: 120px 0 0 0;
}

body.en a.vote-button {
	background: url(/media/img/design/but-vote-en.png) left top no-repeat;
	width: 168px;
	padding: 115px 0 0 0;
}

body.fr a.vote-button {
	background: url(/media/img/design/but-vote-fr.png) left top no-repeat;
	width: 168px;
	padding: 115px 0 0 0;
}

a.trailer-button {
	width: 194px;
	padding: 70px 0 0 0;
	overflow: hidden;
	background: url(/media/img/design/but-trailer.png) left top no-repeat;
	cursor:pointer;
	height:0 !important;
	float: right;
	margin: 10px 0 0 0;
}

span.partner-label {
	float: left;
	margin-top: 12px;
	margin-right: 20px;
}

a.greenpeace-link {
	background: url(/media/img/design/logo-gp.png) left top no-repeat;
	width: 185px;
	padding: 70px 0 0 0;
	overflow: hidden;
	margin-right: 20px;
	height: 0 !important;
	float: left;
	cursor: pointer;
}

a.evb-link {
	background: url(/media/img/design/logo-evb.png) left top no-repeat;
	width: 141px;
	padding: 70px 0 0 0;
	overflow: hidden;
	margin-right: 20px;
	height: 0 !important;
	float: left;
	cursor: pointer;
}

/*------------------------------------------------------------------
 content design
-------------------------------------------------------------------*/

div#main h2 {
	margin: 10px 0 0 0;
}

div#main p {
	padding: 5px 0 13px 0;
}

div#main ul {
	list-style-position: outside;
	margin: 0 0 0 15px;
}

div#main ul li {
	margin: 8px 0;
	line-height: 1.2em;
}

div#main {
	line-height: 1.6em;
}

div#main div#flash-titel {
	height: 60px;
	display: block;
}

div#main a.block {
	display: block;
}

div#main.arcelor-mittal {
	background: url(/media/img/design/logo-arcelor-mittal.png) right 30px no-repeat;
} 

div#main.farner-pr, div#main.farner {
	background: url(/media/img/design/logo-farner.png) right 30px no-repeat;
} 

div#main.gdf-suez {
	background: url(/media/img/design/logo-gdf.png) right 30px no-repeat;
} 

div#main.international-olympic-committee, div#main.ioc  {
	background: url(/media/img/design/logo-olympic-committee.png) right 30px no-repeat;
}

div#main.roche {
	background: url(/media/img/design/logo-roche.png) right 30px no-repeat;
}

div#main.royal-bank-canada {
	background: url(/media/img/design/logo-royal-bank.png) right 30px no-repeat;
}
/*------------------------------------------------------------------
 navigation
-------------------------------------------------------------------*/
div#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	clear: right;
}

div#nav>ul>li {
	width: 252px;
	height: 27px;
	padding: 10px 0 0;
}

div#nav>ul>li>a {
	height: 0 !important;
	padding: 27px 0 0 0;
	width: 252px;
	overflow: hidden;
	float: right;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#nav>ul>li>ul>li.active>a {
	color: #ffffff;
}

div#nav>ul>li>a:hover, div#nav>ul>li.active>a {
	background-position: -250px 0px;
}

div#nav>ul>li.about>a {
	background-image: url(/media/img/design/nav-about.png);
}

div#nav>ul>li.active {
	height: auto;
	padding-bottom: 0;
	min-height: 27px;
}

div#nav>ul>li.firmen>ul {
	height: auto;
}

div#nav>ul>li.hall-of-shame>a {
	background-image: url(/media/img/design/nav-hall-of-pain.png);
}

div#nav>ul>li.trailer>a {
	background-image: url(/media/img/design/nav-trailer.png);
}

body.de div#nav>ul>li.firmen>a  {
	background-image: url(/media/img/design/nav-firmen-de.png);
}

body.de div#nav>ul>li.ranking>a {
	background-image: url(/media/img/design/nav-ranking-de.png);
}

body.de div#nav>ul>li.galerie>a {
	background-image: url(/media/img/design/nav-galerie-de.png);
}

body.fr div#nav>ul>li.a-propos-de>a {
	background-image: url(/media/img/design/nav-about-fr.png);
	padding: 33px 0 0 0;
}

body.fr div#nav>ul>li.a-propos-de.active>a {
	background-image: url(/media/img/design/nav-about-fr.png);
}

body.fr div#nav>ul>li.a-propos-de {
	height: 33px;
}

body.fr div#nav>ul>li.a-propos-de.active {
	height: auto;
}

body.fr div#nav>ul>li.nominations>a {
	background-image: url(/media/img/design/nav-firmen-fr.png);
}

body.fr div#nav>ul>li.classement>a {
	background-image: url(/media/img/design/nav-ranking-fr.png);
}

body.fr div#nav>ul>li.galerie>a {
	background-image: url(/media/img/design/nav-galerie-de.png);
}

body.en div#nav>ul>li.about>a {
	background-image: url(/media/img/design/nav-about.png);
}

body.en div#nav>ul>li.nominations>a  {
	background-image: url(/media/img/design/nav-firmen-en.png);
}

body.en div#nav>ul>li.ranking>a {
	background-image: url(/media/img/design/nav-ranking-en.png);
}

body.en div#nav>ul>li.gallery>a {
	background-image: url(/media/img/design/nav-galerie-en.png);
}

div#nav>ul>li>ul>li {
	line-height: 1.5em;
	margin:2px 5px 0 0;
	text-align: right;
}

div#nav>ul>li>ul>li>a {
	color: #9B1200;
	font-size: 1.2em;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
	width: 160px;
}

div#nav>ul>li>ul>li>a:hover {
	color: #fff;
}

/*------------------------------------------------------------------
voting list
-------------------------------------------------------------------*/
div#main>ul#vote, div#main>ul#shame-list  {
	list-style: none;
	width: 720px;
	height: 700px;
	margin: 0;
}

ul#vote li.organization{
	width: 222px;
	height: 280px;
	display: block;
	float: left;
	padding: 0;
	margin: 5px 0 10px 0;
	background-position: left top;
	background-repeat: no-repeat;
}

ul#shame-list li.organization  {
	width: 222px;
	height: 140px;
	display: block;
	float: left;
	padding: 0;
	margin: 5px 0 10px 0;
	background-position: left top;
	background-repeat: no-repeat;
}

ul#vote li.organization a.logo-link {
	width: 222px;
	height: 0 !important;
	float: left;
	padding: 62px 0 0 0;
	margin: 0;
	overflow: hidden;
}

ul#shame-list li.organization a.logo-link {
	width: 222px;
	height: 0 !important;
	float: left;
	padding: 95px 0 0 0;
	margin: 0;
	overflow: hidden;
}

ul#vote li.organization span.vote-count {
	font-weight: bold;
	color: #b0a59d;
	float: right;
	padding: 0 15px 0 0;
}

ul#vote li.organization div.vote-content {
	padding: 20px 0 0 10px;
	font-size: 13px;
	clear: right;
}

ul#shame-list li.organization div.vote-content {
	margin: 20px 0 0 10px;
	font-size: 13px;
}

ul#vote li.organization h3  {
	font-weight: bold;
	font-size: 1em;
	margin: 0;
}

ul#vote li div.vote-content a.read-more {
	float: right;
	font-weight: bold;
	padding: 0 0 3px 0;
	text-transform: none;
}

ul#shame-list li.organization h3 {
	display: inline;
	font-weight: bold;
	margin: 0;
	font-size: 1em;
}

a.read-more, a.pdf-link {
	font-weight: bold;
	font-size: 1em;
	display: block;
	text-transform: uppercase;
	padding: 3px 0;
}

span.nomination-year {
	font-weight: bold;
}

span.nomination-year-detail {
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	text-align: right;
}

a.vote-text-button {
	font-weight: bold;
	color: #841313;
	font-size: 1.2em;
	cursor: pointer;
	text-transform: uppercase;
}

a.vote-text-button:hover {
	color: #fff;
}

a.read-more {
	
}

div#voting-feedback {
	color: #841313;
	font-weight: bold;
	display: block;
	height: 20px;
}
/*------------------------------------------------------------------
gallery
-------------------------------------------------------------------*/

div#main ul#gallery {
	list-style: none;
	background: url(/media/img/design/gb-galerie.png) left top no-repeat;
	height: 330px;
	width: 720px;
	margin: 0;
}

div#main ul#gallery li {
	float: left;
	height: 155px;
	width: 239px;
	padding: 10px 0 0 0;
	margin: 0;
}

ul#gallery li a {
	padding: 0 7px;
}

div.pagination {
	display: block;
}

div.pagination span.step-links {
	display: block;
	width: 690px;
	text-align: center;
}


div.pagination a {
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 3px;
}

div.pagination a.mark {
	color: #FFFFFF;
}

div.pagination a.previous {
	float: left;
}

div.pagination a.next {
	float: right;
}

div.pagination span.current {
	width: 300px;
	text-align: center;
	display: block;
	margin: 0 auto;
}

/*------------------------------------------------------------------
ranking list
-------------------------------------------------------------------*/

div#main ul#ranking {
	list-style: none;
	border-top: 3px solid #000000;
	margin: 0;
}

div#main ul#ranking li {
	height: 63px;
	padding: 3px 0 5px 0;
	border-bottom: 1px dashed #000000;
	background: url(/media/img/design/bg-formular-top.png) top left repeat-x;
	margin: 0;
	font-size: 13px;
}

ul#ranking li h2  {
	margin: 0;
}

ul#ranking li span.ranking-number {
	color: #fff;
	font-size: 1.7em;
	font-weight: bold;
	height: 40px;
	width: 30px;
	padding-top: 7px;
	display: block;
	float: left;
	text-align: center;
}

ul#ranking li div.content {
	width: 350px;
	height: 60px;
	overflow: hidden;
}

ul#ranking li div.content p {
	padding: 0;
}


ul#ranking li span.more-infos {
	height: 30px;
	padding: 42px 10px 0 0;
	width: 240px;
	display: block;
	vertical-align: bottom;
	float: right;
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
}

a.pdf-download-link {
	font-size: 14px;
}

/*------------------------------------------------------------------
form design (further form styles in feinheit-forms)
-------------------------------------------------------------------*/

form table#form input {
	background: url(/media/img/design/form-input-bg.png) left bottom repeat-x;
	border: none;
}

form table#form tr td textarea {
	background: url(/media/img/design/form-input-bg.png) left bottom repeat;
	border: none;
	height: 77px;
	line-height: 28px;
	overflow: hidden;
	padding:0 5px 0 0;
}

form div.submit-wrapper {
	width: 440px;
	text-align: right;
	padding: 10px 0;
}

form div.submit-wrapper input[type=submit] {
	background: none;
	border: none;
	font-weight: bold;
	color: #841313;
	float: right;
	font-size: 1.3em;
	text-transform: uppercase;
}


form table#form span.help-text {
	display: block;
	font-size: 0.8em;
	width: 350px;
}

form table.tell-me-form {
	background: url(/media/img/design/bg-formular.png) top left no-repeat;
}

form table.tell-a-friend {
	background: url(/media/img/design/bg-formular.png) top left repeat-y;
}

form table#form {
	width: 470px;
	padding: 5px 0 0 0;
}

/*------------------------------------------------------------------
image position classes (feincms image positioning)
-------------------------------------------------------------------*/

div.image img.left {
	float: left;
}

div.image img.block {
	display: block;
}

div.image img.right {
	float: right;
}
/*------------------------------------------------------------------
feinheit standard
-------------------------------------------------------------------*/
a#feinheit {
	background:transparent url(/media/img/design/feinheit.gif) no-repeat scroll 0 0;
	display:block;
	height:53px;
	position:absolute;
	right:0;
	text-indent:-7777px;
	top:0;
	width:16px;
}