/*
Theme Name: Umweltstiftung Greenpeace Styles
Theme URI: http://www.umweltstiftung-greenpeace.de
Description: Styles GPD Stiftung
Version: 1.2
Author: Claudia Sommer / Oliwa Huliz, www.72dpi.de
Author URI: http://www.greenpeace.de
Last modified: 02.01.08

Greenpeace green	#73be1e
light green			#f4fce5
background grey		#e9ebea
text-color grey		#666
*/

/* Reset all
-------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* R.V. CHANGE: removed
ol,*/
ul {
	list-style: none;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Fixes
-------------------------------------------------------------------------------------- */
/*-- BREAK to terminate floats --*/
br.clear { visibility:hidden; clear:both; line-height:0px; background:#fff; height:0px; font-size:0px; padding:0; margin:0; }

/*-- class to adjust height of container box to actual height of contained floating elements ------------------*/
.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 */

body {
	margin: 15px 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background: #e9ebea;
	color: #666;
}

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

	a:hover {
		text-decoration: underline !important;
	}

strong {
	font-weight: bold;
}

/* R.V. CHANGE: added */
i,em {
	font-style: italic;
	font-weight: normal;
	}



#skip {
	display: none;
}

/* Grid
-------------------------------------------------------------------------------------- */

#wrap {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 996px;
	background: #fff url(../images/wrap_bg.gif) top right repeat-y ;
}

#sidebar {
	float: right;
	width: 186px;
}

#maincontent {
	float: left;
	width: 800px;
	background: #fff url(../images/maincontent_bg.jpg) no-repeat top left;
	border: 1px solid #73be1e;
}

#content {

}

	#inner-sidebar {
		float: left;
		width: 170px;
	}

	#inner-content {
		float: right;
		width: 620px;
		padding-bottom:10px;
	}

		#inner-sidebar-right {
			float: right;
			width: 190px;
			border: 1px solid #73be1e;
			margin: 0 10px 10px 10px;
			padding-bottom:10px;
			display: inline;
			background: #F4FCE5;
		}



#footer {
	clear: both;
}



/* Sidebar
-------------------------------------------------------------------------------------- */

#sidebar .background_greenpeace {
	float: right;
	margin: 20px 20px 60px 0;
	padding: 0;
	width: 40px;
	height: 260px;
	background: url(../images/logo_greenpeace.gif) no-repeat top right;
	text-indent: -9999px;
}

	#sidebar .background_greenpeace a {
		display: block;
		width: 40px;
		height: 260px;
		background: url(../images/logo_greenpeace.gif) no-repeat top right;
	}

#sidebar fieldset {
	padding: 10px;
	height: 40px;
}

#sidebar legend {
	position: relative;
	margin: 0 0 5px -1px;
}

#sidebar input.querytextbox {
		float: left;
		border: 1px solid #fff;
		width: 135px;
		height: 14px;
		width: 136px;
	}

	.querysubmit {
		border: none;
		background: url(../images/icon_search.gif) 0 0 no-repeat;
		cursor: pointer;
		height: 22px;
		width: 22px;
		color: #73be1e;
		margin: 0 0 0 1px;
	}

#sidebar ul,
#sidebar p {
	margin: 10px 0 0 10px;
	font: normal 12px Helvetica, sans-serif;
	color: #fff;
}

	#sidebar ul li {
		background: url(../images/bullet_sidebar_li.gif) 0 50% no-repeat;
		padding: 2px 0 2px 18px;
	}

		#sidebar ul li a {
			color: #fff;
		}


/* Main-Content, Navigation
-------------------------------------------------------------------------------------- */

ul#metanav {
	float: right;
	margin: 10px 10px 0 0;
}

	ul#metanav li {
		display: inline;
		padding-left: 5px;
	}

		ul#metanav li a {
			text-decoration: none;
		}

#logo {
	margin: 50px 0 40px 50px;
}

#mainnav {
	clear: both;
	background: #fff;
	border-top: 1px solid #6c0;
	border-bottom: 1px solid #6c0;
	margin: 0 0 20px 0;
}

#mainnav ul {
	margin: 0 0 0 180px;
	padding: 4px 0;
	font: bold 14px Helvetica, Arial, sans-serif;
}

	#mainnav ul li {
		display: inline;
	}

		#mainnav ul li a {
			background: url(../images/bullet_nav.gif) 0 50% no-repeat;
			padding: 0 15px 0 15px;
		}

		#mainnav ul li a:hover {
			background: url(../images/bullet_nav_selected.gif) 0 50% no-repeat;
			text-decoration: none !important;
		}

		#mainnav ul li a.current {
			background: url(../images/bullet_nav_selected.gif) 0 50% no-repeat;
			color: #73be1e;
		}



#content {

}


/* Main-Content, Submenu
-------------------------------------------------------------------------------------- */

/* R.V. WTF ? fixed height for a menu ???
#submenuholder {
	height: 260px;
}
*/
#submenuholder {
	min-height: 240px;
	margin-bottom:20px;
}


#inner-sidebar ul#submenu {
	margin: 0 0 10px 10px;
	font: bold 13px Helvetica, Arial, sans-serif;
}

#inner-sidebar ul#submenu li {
	margin: 0 0 5px 0;
}

		#inner-sidebar ul#submenu li a {
			background: url(../images/bullet_nav.gif) 0 0.3em no-repeat;
			padding: 0 5px 0 15px;
			display:block;
		}

		#inner-sidebar ul#submenu li a:hover {
			background: url(../images/bullet_nav_selected.gif) 0 0.3em no-repeat;
			text-decoration: none !important;
		}

			#inner-sidebar ul#submenu li a.current {
				background: url(../images/bullet_nav_selected.gif) 0 0.3em no-repeat;
				color: #73be1e;
			}

	#inner-sidebar p {
		margin: 0 10px 1em 10px;
		font-size: 12px;
	}

	ul.std {
		margin: 10px 0 0 5px;
		font: normal 12px Helvetica, sans-serif;
	}

		ul.std li {
			background: url(../images/bullet_li.gif) 0 50% no-repeat;
			padding-left: 15px;
			margin: 2px 0;
		}

#inner-sidebar DIV.box {
	border-top: 1px solid #73be1e;
	border-bottom: 1px solid #73be1e;
	/* R.V.
	margin: 0 10px 0px 10px;
	*/
	margin: 0 10px 10px 10px;

	padding: 10px 0;
}

	#inner-sidebar DIV.box p {
		margin: 0 0 10px 0;
	}


#inner-sidebar hr, #inner-sidebar-right hr {
	height: 1px;
	margin: .5em 0 0;
	border: none;
	background-color: #73be1e;
	color: #73be1e;
}

/* Main-Content, Typo
-------------------------------------------------------------------------------------- */

#inner-content a {
	text-decoration: underline;
}

	#inner-content a:hover {
		text-decoration: underline;
		color: #333;
	}


h1, h2, h3, h4, p, dd {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 125%;
}

h1 {
	font: bold 18px Helvetica, Arial, sans-serif;
	margin: 0 10px .3em 0px;
}

h2 {
	font: bold 16px Helvetica, Arial, sans-serif;
	margin: 1.5em 10px 1em 0px;
}



h3 {
	font: bold 14px Helvetica, Arial, sans-serif;
	margin: 1.5em 10px 1em 0px;
}



h3.nomargintop {
	margin-top: 0.5em;
}

h4 {
	font: bold 12px Helvetica, Arial, sans-serif;
	margin: 0 10px 0 0px;
}


p {
	margin: 0 10px .6em 0;
}




.teaser {
	clear: both;
}

	.teaser:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

	.teaser dt img {
		float: left;
		margin: 0;
		padding: 0 0 10px 0;
		position:relative;
		top:-23px;
		/* TODO: correct the order of appearance in ts content config */
	}

	.teaser dd {
		margin-left: 265px;
		padding-right: 10px;
		}

		.teaser dd h3.fond {
			background: url(../images/h3_bg.jpg) 0 0 repeat-y;
			font-weight: bold;
			padding: 1px 5px;
			margin: 0 0 5px 0;
			}

		.teaser dd h3 {
			font-weight: bold;
			margin: 0 0 5px 0;
			}

.textteaser {
	border: 1px solid #73be1e;
	background: #f4fce5;
	padding: 7px 10px 0px 10px;
	margin: 0px 10px 10px 0;
	display:block;
}

	.textteaser dt,
	.textteaser h3,
	.textteaser h4,
	.textteaser h5 {
		font-weight: bold;
		margin-bottom: 4px;
	}

	.alternate {
		border: 1px solid #fff;
		background: #fff;
	}

	.teasersmall {
		width:386px;
	}


/* R.V. CHANGE: added */
#inner-content ol {
	list-style-position:inside;
}

/* R.V. CHANGE: added */
#inner-content ul {
	list-style-position:inside;
	list-style-type:disc;
}

#inner-content form ul {
	list-style-position:outside;
	list-style-type:none;
}



/* Forms
-------------------------------------------------------------------------------------- */

input, textarea, #commentform label {
	font: normal 12px Helvetica, sans-serif;
}

#sidebar legend {
	font-weight: bold;
}

#sidebar fieldset {
	padding: 5px 10px;
	margin:0;
	display:inline;
}

#content fieldset {
	padding: 10px;
	margin:0 10px 0 0;
	border: 1px solid #73be1e;
	background: #F4FCE5;
}

dl.forms {
	clear: both;
	margin: 15px 0;
}

	dl.forms:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

	dl.forms dt {
		float: left;
		width: 180px;
		padding: 3px 0 0 0;
		}

	dl.forms dd {
		margin: 0 0 5px 200px;
		}

		dl.forms dd input, dl.forms dd select {
			width: 250px;
			}

		dl.forms dt label {
			font-weight: bold;
			}

input.submit {
	float: right;
	margin: 10px;
}


/* R.V. CHANGE:added existing form styling due to adaptation of the spendenformular,
deleted all but .field, .field_set and .field_error
-------------------------------------------------------------------------------------- */



#inner-content form fieldset legend {
	display:none;
	}

#inner-content form fieldset .field_set {
	margin: 1em 0 0 0;
	}

#inner-content form fieldset div.hidden_field {
	display: none;
	}

#inner-content form fieldset div.field {
	clear: both;
	margin: 0 0 0.2em 0;
	padding: 0;
	}

#inner-content form fieldset div.field label {
	float: left;
	width: 11em;
	font-weight:bold;
	}

#inner-content form fieldset div.field_error label {
	float: left;
	width: 10em;
	font-weight:bold;
	}

#inner-content form fieldset div.field span {
	float: left;
	width: 11em;
	}

#inner-content form fieldset div.field label span {
	float: none;
	}

#inner-content form fieldset div.field span.value {
	padding: 0 0 3px 0;
	}

#inner-content form fieldset div.field input{
	width: 20em;
	}

#inner-content form fieldset div.field_error input{
	width: 20em;
	}

#inner-content form fieldset div.field select {
	width: 20em;
	}

#inner-content form fieldset ul.amount {
	margin:0.5em 0;
}



textarea#message {
	width: 20em;
	height:8em;
}

div.mandatory {
	padding-left:11em;
}

p.mandatory {
	margin: 1em 0em;
	padding-left:11em;
}

/* Inner Sidebar right
-------------------------------------------------------------------------------------- */

#inner-sidebar-right h3 {
	font: bold 15px Helvetica, sans-serif;
	margin: 10px;
}

#inner-sidebar-right h4 {
	font: bold 12px Helvetica, sans-serif;
	margin: 10px 0 3px 10px;
}

#inner-sidebar-right p {
	font: normal 12px Helvetica, sans-serif;
	margin: 0 10px;
	padding: 0 0 5px 0;
	line-height: 135%;
}


/* Footer
-------------------------------------------------------------------------------------- */

#footer {
	border-top: 1px solid #e9ebea;
	padding-top: 5px;

	margin: 10px;
}


/* Footer
-------------------------------------------------------------------------------------- */

dl.newslist{
	border-bottom: 1px solid #73be1e;
	padding: 7px 10px;
	margin: 5px 10px 5px 0;
}

dl.newslist dt {
	font-weight: bold;
	margin-bottom: 4px;
}

dl.newslist dt h3.fond {
	font-weight: bold;
	padding: 1px 0px;
	margin: 0 0 5px 0;
}


dl.newslist dt,
dl.newslist dd,
dl.newslist dd h3 {
	display:inline;


}

dl.newslist dt {
	padding-right:1em;
}

/* R.V. Sitemap
--------------------------------------------------------------------------------------- */
#content ul.sitemap {
	margin-top:10px;
}

#content ul.sitemap li ul {
margin: 0 0 12px 20px;
}

#content ul.sitemap li ul li ul {
	margin: 0 0 12px 40px;
}

#inner-sidebar ul#submenu {
	margin: 0 0 10px 10px;
	font: bold 13px Helvetica, Arial, sans-serif;
}

#content ul.sitemap li {
	margin: 5px 0 5px 0;
	list-style-type:none;
}

		#content ul.sitemap li a {
			background: url(../images/bullet_nav.gif) 0 50% no-repeat;
			padding: 0 15px 0 15px;
			text-decoration: none;
			font-weight:bold;
		}

				#content ul.sitemap li ul li a {
					font-weight:normal
				}

		#content ul.sitemap li a:hover {
			background: url(../images/bullet_nav_selected.gif) 0 50% no-repeat;
			text-decoration: none !important;
		}


/* Other
-------------------------------------------------------------------------------------- */

.hidden {
	display:none !important;
}


/* Indexed Search
-------------------------------------------------------------------------------------- */

.search_browser {
	margin: 2em 0 1em 0;
	}

.search_browser h3 {
	display: none;
	}

.search_browser ul {
	margin: 0 30px 0 30px;
	padding: 2px 4px 2px 4px;
	text-align: center;
	}

.search_browser li {
	display: inline;
	padding: 0 0.5em 0 0.5em;
	}

.search_browser strong {
	font-weight: normal;
	}

.search_browser div {
	padding: 2px 4px 2px 4px;
	}

.search_browser .back {
	float: left;
	}

.search_browser .forward {
	float: right;
	}

#search_results_set {
	clear: both;
	}

#search_results_set h2 {
	clear: both;
	margin: 2em 0 2em 0;
	font-size: 1em;
	}

#search_results_set ul.short_cut {
	list-style-image: none;
	list-style-type: none;
	}

#search_results_set ul.short_cut li {
	padding-top: 0.5em;
	}

#search_results_set h2 .number_of_results {
	float: right;
	font-weight: normal;
	color: black;
	}

.search_result {
	margin: 1em 0 3em 0;
	}

/* TODO */
.search_result h4 {
	margin: 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #cccccc;
	font-style: normal;
	}

.search_result h4 .relevance {
	float: right;
	padding: 0 4px 0 0;
	font-weight: normal;
	}

.search_result p {
	margin: 0 0 1em 0;
	padding: 2px 0 0 0;
	font-size: 0.9em;
	}

.search_result ul {
	margin: 0;
	padding: 0;
	color: #666;
	}

.search_result ul li {
	padding: 0 2em 0 0;
	display: inline;
	font-size: 0.9em;
	}

.search_result .bread_crumb_trail {
	color: #666;
	font-size: 0.9em;
	}

#advanced_search fieldset {
	margin-bottom:1em;
}

#advanced_search fieldset hr {
	display:none;
}

.error {

	margin: 1.0em 0 1.0em 0;
	/*
	padding: 0 0 0 18px;
	background: url(images/error_small.gif) top left no-repeat;
	*/
	color: red;
}

.page_description,
.page_description * {
	display:none !important;
}

/* Article Detail
-------------------------------------------------------------------------------------- */

#article_details {
	margin: 0 0 1em 0;
	padding: 4px 0 0 ;
	color: #666;
	font-size: 0.9em;
}

#article_details li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

#article_details address {
	display: inline;
}


.article_list_headline_mode li {
	list-style-type: none;
	list-style-image: none;
	line-height:1.2em;
}

/* Article Detail -  Related Addresses
-------------------------------------------------------------------------------------- */

.address_details {
	margin-bottom: 1.2em;
}

.address_details .person {
	font-weight: bold;
}

.address_details .address {
	margin: 0.3em 0 0.3em 0;
}

.address_details .web {
	margin-bottom: 0.3em;
}


.address_details a {
	line-height:1.2em;
}

/*  publication_list_headline_mode
---------------------------------------*/

.publication_list_headline_mode li {
	list-style-type: none;
	list-style-image: none;
	line-height:1.2em;
	}

.publication_list_headline_mode .file_info {
	}

.related .publication_list_headline_mode .file_info {
	}

.publication_list_headline_mode .file_info .date {
	padding-right:0.5em;
	}

.related .publication_list_headline_mode .file_info .date {
	padding-right:0.5em;
	}

.publication_list_headline_mode .file_info .mime_type {
	padding-right:0.5em;
	}

.publication_list_headline_mode .file_info .file_size {
	padding-right:0.5em;
	}

.publication_list_headline_mode .section {
	padding-right:0.5em;
	}

/*  publication_list_headline_mode
---------------------------------------*/


.image_float_left,
.image_float_right {
	position: relative;
	clear: both;
	margin: 0 8px 4px 0;
	padding: 10px 10px 0px 10px;
	border: 1px solid #ddd;
	background: #f4f4f4;
}

	.image_float_left {
		width: 322px;
		float: left;
	}

	.image_float_right {
		width: 322px;
		float: right;
	}

.image_float_right .caption,
.image_float_left .caption,
.image_float_left ul,
.image_float_right ul {
	margin:10px 0;
	display: block;
	font-size: 0.9em;
	list-style-position:outside;
	list-style-type:none;

}

.image_float_left li,
.image_float_right li {
	padding-top:5px;
	list-style-position:outside;
	list-style-type:none;
}


/* ######################## */
/* ###   Fond-Letters   ### */
/* ######################## */

/* colors found in screenies, match better */
.fond_col_a { background-color:#fefefe; }
.fond_col_b { background-color:#8fc853; }
.fond_col_c { background-color:#5c9ed2; }
.fond_col_d { background-color:#e98240; }
.fond_col_e { background-color:#98c8d2; }

.fond_bor_a,.fond_bor_b,.fond_bor_c,.fond_bor_d,.fond_bor_e { border-width:1px;	border-style:solid;}

.fond_bor_a { border-color:#cccccc; }
.fond_bor_b { border-color:#8fc853; }
.fond_bor_c { border-color:#5c9ed2; }
.fond_bor_d { border-color:#e98240; }
.fond_bor_e { border-color:#98c8d2; }

/* original colors found in document */
/*
.fond_a { color:#000000; }
.fond_b { color:#339966; }
.fond_c { color:#333399; }
.fond_d { color:#FF9933; }
.fond_e { color:#85C2FF; }
*/

.fond_a { color:#000000; }
.fond_b { color:#8fc853; }
.fond_c { color:#5c9ed2; }
.fond_d { color:#e98240; }
.fond_e { color:#98c8d2; }


.fond_home {
	margin: 10px 10px 10px 10px;
}

.fond_detail {
	/* margin: 10px 10px 10px 10px; */
}


.fond_letter,
.fond_letter:hover,
.fond_letter:visited,
.fond_letter:active,
.fond_letter:focus {
	display:block;
	float:left;
	width:32px;
	height:32px;
	font-size:2em;
	text-align:center;
	line-height:1.30em;
	text-decoration:none !important;
}

.fond_detail {
	padding:10px 0;
}

.fond_detail a,
.fond_detail a:hover,
.fond_detail a:visited,
.fond_detail a:active,
.fond_detail a:focus {
	text-decoration:none !important;
}

.fond_detail div {
	width:32px;
	height:32px;
	font-size:2em;
	text-align:center;
	line-height:1.30em;
	border-right:1px solid #666;
	float:left;
}

.fond_detail div  {
}

.fond_detail h3 {
	padding-left:40px;
	margin:0px !important;
}



.csc-textpic-intext-left-nowrap {

}


.csc-textpic h1,.csc-textpic h2,.csc-textpic h3 {
	margin-top:0 !important;
}

.csc-textpic {
	margin-bottom:10px;
}

.textteaser .csc-textpic {
	margin-bottom:0px;

}

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#inner-sidebar h1,
#inner-sidebar h2,
#inner-sidebar h3,
#inner-sidebar h4,
#inner-sidebar-right h1,
#inner-sidebar-right h2,
#inner-sidebar-right h3,
#inner-sidebar-right h4 {
	margin-left:10px;
}

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4{
	color:#fff;
}

/*Tables*/

table {
background:#fff;
	padding:5px;

}

tfoot {font-size:10px;}

th {
	font-weight:bold;
	font-size:16px;
	height:20px;
}

td {
	padding:4px;
}

td.bold {
	font-weight:bold;
}

td.mark {
	background: #F4FCE5;
}

td+td {
	text-align:right;
}

td+td+td {
	text-align:right;
}