/* CSS Oxfam Deutschland   100 Tage Klimahelden */

/* = GLOBAL = == == == == == == == == ==  */
* {margin:0;padding:0;}
img {border:0;}

body {
	margin: 0; padding: 0;
	background:#d1d1d1 url(images/2_wimmelbild.jpg) repeat top left;
	font-family: Arial, sans-serif; font-size: 12px; line-height: 19px; color: #000;}

a {font-style: normal; color: #7aa722}
a:link, a:visited, a:active {color: #666;text-decoration: none;}
a:hover {text-decoration: none;color: #666;}

h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif;font-weight:normal;line-height:normal;}

h1 {font-size:25px;padding-bottom:2px;}
h2 {font-size:20px;line-height:24px;font-weight:bold;color:#999;margin:0; padding:20px 0 7px;}
h3 {font-size:15px; font-weight:bold;color:#999;margin:0; padding:20px 0 0;}
h4 {font-size:13px; padding-bottom:10px; padding-top:12px;}
h5 {font-size:12px;font-weight: normal; padding:0 0 30px;}
h6 {padding:0 0 30px; margin:0;
	font-size: 12px;
	line-height: 21px;
	font-weight: bold; color: #000;}

hr{}
.hr {}

.aligncenter {text-align: center;}

li{list-style-image:url(images/li-item.gif);}
ol li {list-style-image: none; list-style-type: decimal;}


/* === Forms ===  == == == == == == == == == */

fieldset {
	padding: 12px;
	border: 1px solid #b2b0a4;
	width:550px;}

legend {font-size: 12px; font-weight: normal; color: #635537;}

label {padding-top: 4px;
	font-weight: normal; line-height: normal; color: #635537;}

input[type=text], textarea {
	margin-bottom: 6px; padding: 2px;
	background-color: #ddd;
	border: 1px solid #999; border-bottom: 1px solid #000;
	font-family: Arial, sans-serif;
	font-size: 12px;}



/*textarea {width: 500px;min-height: 70px;margin-bottom:10px;}*/

input#s.form-input { text-align: left; }
#main-blog input#s.form-input { text-align: left; }

/* Button */
.submit {
    padding: 2px 8px; margin: 1px 0 12px 0;
    background: #0183ae;
	border: 1px solid #999; border-bottom: 1px solid #000;
	font-size:18px; font-weight: bold; color:#d1d1d1;
	cursor:pointer;}
.submit:hover{
	background: #0183ae;
	color: #fff;
	font-size: 18px;}


/* Petitionsformular */
.petitionform {margin: 0;}
.petitionform input {
	margin-bottom: 10px; padding: 2px;
	background-color: #ddd;
	border: 1px solid #999; border-bottom: 1px solid #000;
	font-family: Arial, sans-serif; font-size: 12px;}
input.checkbox {
	margin: 0 6px 0 0;
	float: left; width: 14px; height: 14px;}
.checkabstand {margin-top: 13px;} /*Abstand von allen Checkboxen gemeinsam nach oben*/
.petition {margin-right: 8px; padding: 10px 0 0 0;} /*setzt Boxen auf gleiche Höhe wie Text*/
.petitionform .submit {
    padding: 2px 8px; margin: 20px 0 12px 0;
    background: #0183ae;
	border: 1px solid #999; border-bottom: 1px solid #000;
	font-size:18px; font-weight: bold; color:#d1d1d1;
	cursor:pointer;}



/* === HEADER === == == == == == == == == ==  */
#header-container {width: 990px;margin: auto;padding: 0;}
#header{position:relative;height:358px;}

#header a:link,
#header a:visited,
#header a:hover,
#header a:active {text-decoration: none;}

/*Banner 100 Tage Klimahelden */
#headerleft {
	margin-left: -195px; margin-top: 14px;
	background: url(images/2_blog_klimahelden.png) no-repeat;
	float: left; width: 983px;height: 348px;
 	position: relative; z-index: 100;}
#bannerlink a {
 	position: absolute; left: 206px; top: 34px; z-index: 250;
	display: block; float: left; width: 576px;height: 263px;
 	cursor: pointer;}

#logo {
	width: 245px; height: 240px;
	background: url(images/logo_oxfam.png) no-repeat;
 	position: absolute;z-index: -1;}
#logolink a{
	display: block;width: 194px; height: 184px;
 	position: absolute;z-index: 300;
 	cursor: pointer;}


/* === MENU ===  == == == == == == == == == */

#menu {
	margin:0;padding:0;
	height:35px;
 	position:absolute;left:2px; top:323px;  z-index: 200;
}
#menu ul {
	list-style-image:none;list-style-position:outside;list-style-type:none;
}
#menu li {
	margin-left:0;
	position: relative;
	background-color: #0183ae;
	border-right:2px solid #bbb;
	float:left; height:35px;
	list-style-image:none;list-style-position:outside;list-style-type:none;
	font-size: 18px; white-space: nowrap;
	text-align:center;
}
#menu a, #menu a:visited, #menu a:link, #menu a:active {
	text-decoration: none;
	padding:8px 22px 10px;
	display:block; height: 35px;
	font-weight:bold;color:#d1d1d1;
	cursor: pointer;}
#menu a:hover {
	text-decoration:none;
	color:#fff;
	}

#menu li .current{
	margin-left:0;
	position: relative;
	float:left; height: 35px;
	background-color: #0183ae;
	border-right:2px solid #bbb;
	list-style-image:none;list-style-position:outside;list-style-type:none;
	font-size: 18px;white-space: nowrap;
	text-align:center;
}
#menu .current a{
	padding:8px 22px 0;
	display: block; height:27px; /*reduzierte Höhe, da Box sonst zu gross geworden ist*/
	background: #9c0;
	color: #fff;
}


/* === MAIN AREA ==  == == == == == == == == == */
.clear {position: relative;clear: both;height: 5px;}

/* kompletter Mittelbereich bis oben zur Seite mit Header*/
#mainwrap{width:910px;margin:0 auto; }

/* grauer Bereich mit Blog und Sidebar*/
#wrapper {
	margin: 0;
	position: relative;
	width: 910px;
	background-color: #fefefe;
	border: 2px solid #000;
}

#content {
  clear: both;
  width: 880px;
  margin: 30px 0 0 22px;
}

/* === MAIN BLOG ===  == == == == == == == == ==  */

#main-blog {
	padding:0;
	float:left;width:595px;
}

/* Links */
p a{
	text-decoration: none;
	background-color: #9c0;
	font-weight: bold; color: #111;}
p a:link, .post a:visited, .post a:active {color: #2c2a2a;}
p a:hover {color: #fff;}

.post a{
	text-decoration: none;
	background-color: #9c0;
	font-weight: bold;
	color: #111;}
.post a:link, .post a:visited, .post a:active
{color: #2c2a2a;}
.post a:hover {color: #fff;}


#main-blog h1 {
	padding-bottom:3px;
	font-size:34px;
	font-family:Arial, sans-serif; font-weight:bold;line-height:36px;color: #111;
	}
#main-blog h1 a, #main-blog h1 a:visited, #main-blog h1 a:active, #main-blog h1 a:link
{
	text-decoration:none;
	color:#111;
	background-color: transparent;}
#main-blog h1 a:hover
{
	text-decoration:none;color:#7aa722;}


/* Zeile mit Datum */
.postdata {
	margin-bottom: 20px;
	font-size: 11px;font-weight: normal;font-style:normal;color: #777;}
.postdata a{color: #111;}

/* kompletter Beitrag */
.post {margin-bottom:60px;}

.post p {margin:0;padding:0 0 10px;}

.post ul {
	margin-left:23px;margin-bottom:15px;}
.post ol {
	margin-left:35px;margin-bottom:15px;}
.post dl {
	margin-left:5px;margin-bottom:10px;
	border-right: 1px inset;border-bottom: 1px inset;}
.post dl dt {font-weight: bold;}
.post dl dd {margin-left:10px;}

/* other posts by (ist weggefallen)*/
#author_link{
  padding-left: 0;
  font-weight: normal; font-style: normal; font-size: 11px; color: #666;}
#author { /* add additional styling to the author's taste */
	font-size: 14px; font-style: normal;
	width: 530px;
	/* height: auto; */
	/* overflow: auto; */
	text-align: left;
	}
#author ul {
  list-style-image:none;list-style-type:none;
}


/* sprechblase */
.post-comments {
	margin:0; padding:8px 0 0 0;
	float: right;width: 50px;height: 36px;
	background: url(images/sprechblase.png) no-repeat 0 5px;
	font-size:16px;font-family:Arial, sans-serif;font-weight:normal;
	text-align:center;
}
.post-comments a {background-color: transparent;}
.post-comments a:link, .post-comments a:visited, .post-comments a:active{
	color:#111;
	text-decoration:none;}
.post-comments a:hover
{
	color:#fff;
	text-decoration:none;
}

/* Sticky Post (Robert, 22.09.09) */
.sticky {
	border-bottom: 5px solid #0183ae;
}
#main-blog .sticky h1 {
	font-size: 20px;
         padding-bottom: 10px;
}
#main-blog .sticky h1 a {
         color: #0183ae;
}
.sticky .postdata {
	display: none;
}
.sticky .post-comments {
         display: none;
}

/* in der Datumszeile */
.rss {
	padding-left:20px;padding-top:1px;
	background: url(images/rss.gif) no-repeat 0 50%;
}


blockquote {
	clear: both;
	margin: 5px 35px 7px 5px; padding: 10px 0 0 40px;
	background: url(images/quotes.png) no-repeat left 2px;
	font-family: Arial, sans-serif;font-style: normal;font-size: 12px;color: #000;
}

blockquote cite {padding-left: 10px;font-weight: bold;}

pre { /* Use for "Code" text styling */
	margin: 0 0 20px; padding: 2px;
	/*background-image: url(images/pre-bg.png);	*/
	width: 530px;
	border: 1px solid #000;
	font-family: Courier, Verdana, sans-serif; font-size: 11px; font-style: normal;
	text-align: left;
	overflow: auto;
  	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  /* width: 99%; */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}



/* === SIDEBAR ==  == == == == == == == == == */
/* Organized by general layout of sidebar template */

#sidebar {
	margin:-20px 0 0 0;
	float:left; width:267px;
	position:relative;
}

#sidebar-content {
	padding:0 0 0 35px;
}

#subcolumn{
	margin-left: 50px;
	width:255px;
}

#subcolumn ul {list-style-image:none;list-style-type:none;}


/* Formular Suche*/
#search .form-input {
	margin: 0;margin-top:5px;padding: 2px 2px;
	width: 173px;
	background: #ddd;
	border: 1px solid #999;border-bottom: 1px solid #000;
	font-size: 12px;font-family: Arial, Helvetica, sans-serif;color: #999;
	text-align: left;
	}
#search .form-input:focus {
	color: #000;
	border: 1px solid #000;
	background:#fff;
}

/* Button*/
.search-submit {
	margin:10px 0 10px;padding: 2px 8px;
	background: #0183ae;
	border: 1px solid #999;border-bottom: 1px solid #000;
	 font-size:18px;font-weight: bold;color:#d1d1d1;
	cursor:pointer;}
.search-submit:hover{
	background: #0183ae;
	color: #fff;}




/* Box fuer einzelne Bereiche*/
.widget {
	margin-bottom:25px;padding: 10px 0;
	width:190px;
	text-align:left;
}

.widget h2 {
	margin:0; padding-top: 0;padding-bottom: 2px;
	font-size:30px;font-family:Arial, sans-serif;font-weight:bold;line-height:30px;color:#999;
	text-align:left;
}

.widget ul {margin:0 0 0 0;padding-top: 1px;padding-bottom:2px 0 0;border:none ;}
.widget ol {margin:0 0 15px 0;padding:5px 0;border:none ;list-style:none;}
.widget li {font-weight: bold;list-style-type: none;list-style-image: none;}
.widget ul li {font-size: 12px;margin:0px;}
.widget ol li {margin:0px;}
.widget ul li#linkcat {}
.widget ol li#linkcat {}

.widget ul li a{
	text-decoration:none;
	background-color: #9c0;
	color: #111;font-weight: bold;
}
.widget ul li a:hover{color: #fff;text-decoration:none;}
.widget ol li a:hover{color: #fff;text-decoration:none;}

.rssimage {display: block; width: 20px; float: left; border-top: 2px solid #fefefe;}
.zahl {display:block; width: 180px; text-align: center;}
.zaehler a, .zaehler a:link, .zaehler a:visited, .zaehler a:active{
	display:block; width: 180px;
	background: #9c0;
	font-size: 60px;font-weight: bold;line-height: normal;color: #242424;
	text-align: center;}
.zaehler a:hover{color: #fff;}
.zaehler h2 {margin-bottom: 3px;}

.icons ul{display: block; height: 35px;margin-bottom: 7px;}
.icons li {float: left;padding-right: 5px;}
.icons ul li a{background-color: transparent;}

.textwidget{padding:0 8px 0 8px;}



/* --- IMAGES  == == == == == == == == ==  */

img {}

p img {padding: 0;max-width: 100%;}

img.aligncenter {
	margin-left: auto;margin-right: auto;
	display: block;}
img.alignright, img.right {
	margin: 0 0 13px 13px;
	display: inline;}
img.alignleft, img.left {
	margin: 0 13px 13px 0;
	display: inline;}
.alignleft, .left {float: left}
.alignright, .right {float: right;}

/*Bildunterschrift*/
.wp-caption {
	margin-bottom: 25px;
	text-align: left;
}
.wp-caption img {
	margin: 0;padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;padding: 5px 0 5px;
	font-size: 11px;line-height: 13px;
}


/* == FOOTER  == == == == == == == == ==  */
#bottom{
	margin-top: 30px;
	background:url(images/footer.png) no-repeat;
	height:80px;
	overflow:hidden;
}

#bottom p{
  clear:both;
	padding-top: 52px;
	font-weight: bold;
	text-align:center;
}

#bottom a{
	color: #111;}
#bottom a:link, a:visited, a:active
{color: #333;}
#bottom a:hover
{color: #fff;}
#bottom .current a{color: #fff;}


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

.commentlist {padding: 0;}
.commentlist pre {width: 540px;}
.commentlist p {margin: 0 15px 10px 0;clear:both;}
#commentform p {margin: 5px 0;}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;}


/* Kommentarfeld  */
.alt, .alt2, .administrator, .jellybeen{
	margin-top: 1px;margin-bottom: 35px;
	background:#fff;
	border-bottom: 1px solid #000;
	font-style: normal;}
.alt h2, .alt2 h2, .administrator h2, .jellybeen h2{
	font-size: 18px; font-weight: bold; font-style: normal;padding-bottom:12px; margin:0;}
.alt ul, .alt2 ul, .administrator ul, .jellybeen ul{
	list-style-type: none; list-style-image: none;font-style: normal;
	padding-bottom: 30px;}
.alt ul li, .alt2 ul li, .administrator ul li, .jellybeen ul li{
	font-size: 12px;
	list-style: none; list-style-image: none;font-style: normal;}
.cgravatar {display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin: 0px 18px 12px 0;
	padding-bottom: 10px;
}

/* Kommentarfeld Beitrag  */
.comment-author {
	margin-top: 2px;
	font-size: 12px;
	line-height: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #111;
	}
.comment-author a, .comment-author a:link , .comment-author a:visited, .comment-author a:active {color: #111;
	text-decoration: none;
	background-color: transparent;}
.comment-author a:hover
{
	color: #7aa722;
	text-decoration: none;
}
.comment-date {
	margin-left:10px;
	font-size: 11px;
	font-weight: normal;
	color: #888;
}
#com{
	width:595px;
	padding: 0 0 5px 0px;
	clear: both;
}

/* added in version 1.0.5 */
#com p code {
	margin: 0px;
	/* padding: 5px; */
	background-color: Silver;
	font-style: italic;
	font-size: 14px;
	width: 540px;
	text-align: left;
	overflow: auto;
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	/* width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/*Headline Kommentare in Sammlung */
#comhead{
	font-size:34px;
	font-family:Arial, sans-serif;
	font-weight:bold;
	line-height:36px;
	color: #111;
	padding:0;
	padding-bottom:9px;}

/* Headlien Eingabefeld */
#respond {clear: both;}
#respond {
	font-size:34px;
	font-family:Arial, sans-serif;
	font-weight:bold;
	line-height:30px;
	color: #111;
	padding:0;padding-top: 50px;
	}

/*Formular*/
#commentform {margin: 10px 10px 30px 0px; font: 12px Arial, sans-serif;}
#commentform p {padding: 0;margin: 0;}

/* erscheint wenn man nicht eingeloggt ist*/
#commentform input  {
	margin-bottom: 10px; padding: 2px;
	background-color: #ddd;
	border: 1px solid #999; border-bottom: 1px solid #000;
	font-family: Arial, sans-serif; font-size: 12px;
	/* JB:Google Chrome expandable comment box stopped by setting max-width and changing overflow:auto to overflow-x:hidden */
    /*max-width:595px;*/
	overflow-x: hidden;
	overflow-y: auto;
}
#commentform label{font-weight: normal;color: #000;font-size: 12px;}

/* Kommentar Eingabefeld*/
#commentform textarea {
	margin-top: 13px; padding: 5px;
	height: 130px;
	background: #ddd;
	border: 1px solid #999; border-bottom: 1px solid #000;
	font: 12px Arial, sans-serif; line-height: 19px;
	/* JB:Google Chrome expandable comment box stopped by setting max-width and changing overflow:auto to overflow-x:hidden */
    max-width:595px;
	overflow-x: hidden;
	overflow-y: auto;}


/*Kommentar Button*/
#commentform .submit, #commentform .submit a{
	margin:6px 0 10px;padding: 2px 8px;
	background: #0183ae;
	border: 1px solid #999;border-bottom: 1px solid #000;
	font-size:18px;font-weight: bold;color:#d1d1d1;
	cursor: pointer;}
#commentform .submit:hover
{
	background: #0183ae;
	color: #fff;
	font-size: 18px;}



/* Hide WP-Stats plugin smiley at bottom of screen */
img#wpstats{display:none;}
/* Akisment alignment */
#akismetstats {margin: 0 auto;}

/* BNS Plugins */
/* bns-login plugin */
.bns-login {
  text-align: center;
  font-style: italic;
}
#bns-logged-in {font-weight: bold;}
#bnns-logged-out {font-weight: lighter;}

/* Petition plugin */
.petitionszahl {
	display: block; height: 150px;
	margin: 0 0 10px 0;
	}
.petitionszahlzahl {
	font-size: 160px;
	font-weight: bold;
	line-height: normal;
	color: #9c0;
	}

/* Petition plugin - Geldschein Variante */
#main-blog.petitiongeld h1 {
	font-size: 30px;
	margin-top: .5em;
	}
.petitiongeld #geldschein {
	width: 576px;
    height: 335px;
    position: relative;
    background-image: url( 'images/geldschein_form_small.jpg' );
    background-repeat: no-repeat;
    margin: 1em 0;
	}
.petitiongeld #petition_firstname
{
    position: absolute;
    top: 186px;
    right: 15px;
    width: 172px;
}
.petitiongeld #geldschein span, .petitiongeld #petition_sex, .petitiongeld #petition_newsletter
{
    display:none;
}
.petitiongeld #petition_name
{
    position: absolute;
    top: 230px;
    right: 15px;
    width: 172px;
}
.petitiongeld .arrow_animation
{
    position: absolute;
    top: 180px;
    right: 192px;
    width: 55px;
    height: 75px;
    background-image: url( 'images/arrow_animation.gif' );
    background-repeat: no-repeat;
}
.klimascheck, .klimascheck img { padding: 1em 0; }

.stbuttontext{
	text-decoration: none;
	background-color: #9c0;
	font-size: 11px;
	font-weight: bold;
	color: #111;}
.stbuttontext a:link, .stbuttontext a:visited, .stbuttontext a:active
{color: #2c2a2a;}
.stbuttontext a:hover
{color: #fff;}
#post-1604 {background-color: #ccc; border: 1px solid #999; padding: 20px;}
#post-1604 h1 {padding-bottom: 10px;}
#post-1604 #sharethis_0, #post-1604 .post-comments, #post-1604 .postdata {display: none;}