/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The ETW WordPress theme based on the default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/******* reset styles ********/

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, sub, /*sup, */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;
  font-family: Verdana,"sans serif";
  font-size: 12px;
}
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: "" "";
}

/* ### Helfer Klassen ### */
.clearer-left {
  clear: left;
  font-size:1px;
  height:1px;
  line-height:100%;
  background: url(../bilder/clearer-bg.gif.html) no-repeat;
}

.clearer-right {
  clear: right;
  font-size:1px;
  height:1px;
  line-height:100%;
  background: url(../bilder/clearer-bg.gif.html) no-repeat;
}

.clearer-both {
  clear: both;
  font-size:1px;
  height:1px;
  line-height:100%;
  background: url(../bilder/clearer-bg.gif.html) no-repeat;
}


/******** etw styles *********/

/* Bildunterschrift / Caption soll nur in der Lightbox angezeigt werden und nicht in der Galerieübersicht */
.csc-textpic-caption {display: none;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> BASICS <<<----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

body {
  background: #2D2D2D;
  color: #333333;
}

a, a:hover, a:visited, a:active {
  color:#ff9f00;
  text-decoration: underline;
}

h1 {
  font-size: 1.8em;
  font-family: Arial,Helvetica,"sans serif";
  color: #666666;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2em;
}

h2 {
  font-size: 1.167em;
  font-family: Arial,Helvetica,"sans serif";
  color: #000;
  font-weight: bold;
  margin: 20px 0 0 0;
}

h3 {
  color: #666666;
  line-height: 1.3em;
}

h4 {
  color: #ff9f00;
  line-height: 1em;
}

p {
  padding-top: 0.6em;
  line-height: 1.5em;
}

#container {
  margin: 0 auto;
  width: 880px;
  padding: 5px 10px 40px;
  font-size: 1em;
  background: url(images/footer_divider.gif) repeat-x bottom #fff;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> HEADER <<<----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#logo_header {
  background: url(images/etw_logo_bg.gif) no-repeat bottom;
  height: 114px;
}

#header {
  margin-bottom: 15px;
}

.language span {
  margin-right: 3px;
}

a#logo {
  float: left;
  width: 490px;
  height: 114px;
  display: block;
}

#navigation {
  float: left;
  width: 390px;
  height: 114px;
}

#navigation li {
  float: left;
  width: 130px;
}

#navigation li a, #navigation li a:visited {
  font-family: Arial,Helvetica,"sans serif";
  font-size: 10px;
  color: #666666;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 60px 0 43px 0;
  background: url(images/sub_bg.gif) no-repeat;
  display: block;
}

#navigation li a:hover, #navigation li a:active {
  color: #ff9f00;
  background: url(images/sub_bg_on.gif) no-repeat;
}

#navigation li.last a:hover{
  color: #ff9f00;
  background: url(images/sub_bg_last_on.gif) no-repeat;
}

#navigation li.aktiv {
  font-family: Arial,Helvetica,"sans serif";
  padding: 60px 0 43px 0;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #ff9f00;
  background: url(images/sub_bg_on.gif) no-repeat;
}

#navigation li.aktiv-last {
  font-family: Arial,Helvetica,"sans serif";
  padding: 60px 0 43px 0;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #ff9f00;
  background: url(images/sub_bg_last_on.gif) no-repeat;
}

#header_pic {
  /*height: 291px;*/
  margin-top: 15px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> CONTENT <<<---------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* NAVIGATION */

#subnavigation {
  font-family: Arial,Helvetica,"sans serif";
  float: left;
  width: 231px;
  line-height: 1em;
}

#subnavigation h1#whatwedo {
  padding: 0 0 5px 0;
  color: #ff9f00;
}

#subnavigation h1 {
  padding: 10px 0 5px 0;
  color: #ff9f00;
}


#subnavigation ul.whatwedo {
  border-top: 1px dotted #DFDFDF;
  margin-bottom: 5px;
}

#subnavigation ul.whatwedo li {
  border-bottom: 1px dotted #DFDFDF;
}

#subnavigation ul.whatwedo li a {
  color: #666666;
  padding-left: 20px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

#subnavigation li {
  padding-top: 10px;
  padding-bottom: 10px;
}

#subnavigation li.headline {
  padding: 0;
}

#subnavigation ul.ebene2 {
  text-transform: none;
}

#subnavigation ul.whatwedo li.aktiv ul.ebene2 li, #subnavigation ul.whatwedo li.current ul.ebene2 li {
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 25px;
  padding-bottom: 0px;
  border: none;
}

#subnavigation ul.whatwedo li.aktiv ul.ebene2 li a, #subnavigation ul.whatwedo li.current ul.ebene2 li a {
  padding-left: 0px;
  text-transform: none;
}

#subnavigation ul.whatwedo li.aktiv ul.ebene2 li a:hover, #subnavigation ul.whatwedo li.current ul.ebene2 li a:hover, #subnavigation ul.whatwedo li.aktiv ul.ebene2 li.current a {
  text-decoration: underline;
}


/* linke Spalte */
#linke-spalte ul li {
  padding-bottom: 5px;
  padding-top: 0px;  
}

.csc-frame-in-figures ul li {
  list-style-image: url(images/li-img-infigures-white.gif);
  list-style-position: inside;
}

.csc-frame-in-figures ul li b {
  color: #ff9f00;
}

.csc-frame-links ul li {
  list-style-image: url(images/li-img-orange-white.gif);
  list-style-position: inside;
}

/* Newsletter */

.newsletter-input {
  width: 170px;
  margin-right: 14px;
  float: left;
}

.newsletter-input input {
  width: 164px;
  border: 0;
  background: #ddd;
  padding: 3px;
  height: 14px;
  margin-bottom: 5px;
}

.submit-button input {
  background: url(images/join_white.gif) no-repeat;
  height: 45px;
  width: 47px;
  margin-bottom: 5px;
  cursor: pointer;
  border: none;
  float: left;
}

/* Video Button */
.video {
  margin: 10px 0 5px 0;
}

/* Partner */
h1.partner_head {
  margin-top: 15px;
}

/* CONTENT-BOXEN */

#content {
  float: left;
  width: 610px; /* 649 - 39 */
  padding: 0 0 0 39px;
  line-height: 180%;
}

#content h1 {
  margin: 20px 0 0 0;
}

#content h1.csc-firstHeader {
  margin: 0 0 5px 0;
  font-size: 1.4em;
}

#content ul li {
  list-style-type: disc;
  list-style-position: inside;
}

.rootline {
  padding: 0 0 9px 0;
  font-size: 10px;
  color: #999999;
  line-height: 100%;
}

.rootline a {
  text-decoration: none;
}

.tx-rgsmoothgallery-pi1 {
  margin-bottom: 35px;
}

#content b {color:black;}

/* FCE */
.in-two-columns {
  margin-top: 20px;
  background: url(images/bg-in-two-columns.gif) repeat-y;
}
.column1 {width: 339px; padding-right: 21px;float:left;}
.column2 {width: 230px; padding-left: 20px;float:left;}

.csc-linkToTop {text-align: right;}
.csc-linkToTop a {background: url(images/bg-arrow_to-the-top.gif) no-repeat right; padding-right: 20px; text-decoration: none;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> FARBANPASSUNG DER EINZELNEN SEITEN <<<------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* Economic Developement - Empowering Women -----------------------------------------------------------------------*/
/*a.x17 {background: url(images/dots/small_white.gif) 4px -90px no-repeat;}
li.aktiv a.x17, li.current a.x17, a.x17:hover {/*background: url(images/dots/big_white.gif) 3px -90px no-repeat;*/ /*}*/
a.x17 {background: url(images/dots/a_empowering-women.gif) 5px 0px no-repeat; width: 211px; display: block;}
li.aktiv a.x17, li.current a.x17, a.x17:hover {background: url(images/dots/a-aktiv_empowering-women.gif) 5px 0px no-repeat;}
.csc-frame-economic-development h1 {color: #FFFFFF; background: url(images/h1/bg-h1_empowering-women.gif) no-repeat right top #768AC5; min-height: 25px; /* 35 - 10 */ padding: 10px 0 0 9px;}
.csc-frame-economic-development h2 {color: #768AC5; background: url(images/h2/bg-h2_empowering-women.gif) no-repeat; padding: 1px 0 0 30px; font-size: 16px;}
.csc-frame-economic-development h3 {color: #768AC5; background: url(images/photo/photo_empowering-women.gif) no-repeat; padding: 5px 0 20px 50px; font-size: 16px; font-weight: bold;}
.csc-frame-economic-development h4 {color: #768AC5; background: url(images/video/video_empowering-women.gif) no-repeat; padding: 5px 0 0 50px; font-size: 16px;  font-weight: bold; line-height: 1.3em;}
.csc-frame-economic-development h5 {color: #768AC5; font-weight: bold;}
.csc-frame-economic-development li {list-style-image: url(images/li/li_empowering-women.gif);}
.csc-frame-economic-development {/*border-bottom: 1px dotted #768AC5;*/ padding-bottom: 20px;}
.in-two-columns .csc-frame-economic-development {border: none;}
.csc-frame-economic-development span.detail {color: #768AC5;}
/* rgsmoothgallery is not installed at the moment */
.csc-frame-economic-development .rgsglinks  p:hover, .csc-frame-economic-development .rgsglinks  p.act  {background: #768AC5;}


/* Education for Everyone ---------------------------------------------------------------------------------------*/
/*a.x16 {background: url(images/dots/small_white.gif) 4px -45px no-repeat;}
li.aktiv a.x16, li.current a.x16, a.x16:hover {/*background: url(images/dots/big_white.gif) 3px -45px no-repeat;*/ /*}*/
a.x16 {background: url(images/dots/a_education-for-everyone.gif) 5px 0px no-repeat; width: 211px; display: block;}
li.aktiv a.x16, li.current a.x16, a.x16:hover {background: url(images/dots/a-aktiv_education-for-everyone.gif) 5px 0px no-repeat;}
.csc-frame-education-for-everyone h1 {color: #FFFFFF; background: url(images/h1/bg-h1_education-for-everyone.gif) no-repeat right top #FFC000; min-height: 25px; /* 35 - 10 */ padding: 10px 0 0 9px;}
.csc-frame-education-for-everyone h2 {color: #FFC000; background: url(images/h2/bg-h2_education-for-everyone.gif) no-repeat; padding: 1px 0 0 30px; font-size: 16px;}
.csc-frame-education-for-everyone h3 {color: #FFC000; background: url(images/photo/photo_education-for-everyone.gif) no-repeat; padding: 5px 0 20px 50px; font-size: 16px; font-weight: bold;}
.csc-frame-education-for-everyone h4 {color: #FFC000; background: url(images/video/video_education-for-everyone.gif) no-repeat; padding: 5px 0 0 50px; font-size: 16px;  font-weight: bold; line-height: 1.3em;}
.csc-frame-education-for-everyone h5 {color: #FFC000; font-weight: bold;}
.csc-frame-education-for-everyone li {list-style-image: url(images/li/li_education-for-everyone.gif);}
.csc-frame-education-for-everyone {/*border-bottom: 1px dotted #FFC000;*/ padding-bottom: 20px;}
.in-two-columns .csc-frame-education-for-everyone {border: none;}
.csc-frame-education-for-everyone span.detail {color: #FFC000;}


/* Disaster Relief */
/*a.x15 {background: url(images/dots/small_white.gif) 4px -60px no-repeat;}
li.aktiv a.x15, li.current a.x15, a.x15:hover {/*background: url(images/dots/big_white.gif) 3px -60px no-repeat;*/ /*}*/

a.x15 {background: url(images/dots/a_disaster-relief.gif) 5px 0px no-repeat; width: 211px; display: block;}
li.aktiv a.x15, li.current a.x15, a.x15:hover {background: url(images/dots/a-aktiv_disaster-relief.gif) 5px 0px no-repeat;}
.csc-frame-disaster-relief h1 {color: #FFFFFF; background: url(images/h1/bg-h1_disaster-relief.gif) no-repeat right top #FF0000; min-height: 25px; /* 35 - 10 */ padding: 10px 0 0 9px;}

.csc-frame-disaster-relief h2 {color: #FF0000; background: url(images/h2/bg-h2_disaster-relief.gif) no-repeat; padding: 1px 0 0 30px; font-size: 16px;}
.csc-frame-disaster-relief h3 {color: #FF0000; background: url(images/photo/photo_disaster-relief.gif) no-repeat; padding: 5px 0 20px 50px; font-size: 16px; font-weight: bold;}
.csc-frame-disaster-relief h4 {color: #FF0000; background: url(images/video/video_disaster-relief.gif) no-repeat; padding: 5px 0 0 50px; font-size: 16px;  font-weight: bold; line-height: 1.3em;}
.csc-frame-disaster-relief h5 {color: #FF0000; font-weight: bold;}
.csc-frame-disaster-relief li {list-style-image: url(images/li/li_disaster-relief.gif);}
.csc-frame-disaster-relief {/*border-bottom: 1px dotted #FF0000;*/ padding-bottom: 20px;}
.in-two-columns .csc-frame-disaster-relief {border: none;}

.csc-frame-disaster-relief span.detail {color: #E60003;}


/* Homes & Slum -------------------------------------------------------------------------------------------------*/
/*a.x14 {background: url(images/dots/small_white.gif) 4px -30px no-repeat;}
li.aktiv a.x14, li.current a.x14, a.x14:hover {/*background: url(images/dots/big_white.gif) 3px -30px no-repeat;*/ /*}*/
a.x14 {background: url(images/dots/a_homes-slum-renovation.gif) 5px 0px no-repeat; width: 211px; display: block;}
li.aktiv a.x14, li.current a.x14, a.x14:hover {background: url(images/dots/a-aktiv_homes-slum-renovation.gif) 5px 0px no-repeat;}
.csc-frame-homes-slum-renovation h1 {color: #FFFFFF; background: url(images/h1/bg-h1_homes-slum-renovation.gif) no-repeat right top #5E62AB; min-height: 25px; /* 35 - 10 */ padding: 10px 0 0 9px;}
.csc-frame-homes-slum-renovation h2 {color: #5E62AB; background: url(images/h2/bg-h2_homes-slum-renovation.gif) no-repeat; padding: 1px 0 0 30px; font-size: 16px;}
.csc-frame-homes-slum-renovation h3 {color: #5E62AB; background: url(images/photo/photo_homes-slum-renovation.gif) no-repeat; padding: 5px 0 20px 50px; font-size: 16px; font-weight: bold;}
.csc-frame-homes-slum-renovation h4 {color: #5E62AB; background: url(images/video/video_homes-slum-renovation.gif) no-repeat; padding: 5px 0 0 50px; font-size: 16px;  font-weight: bold; line-height: 1.3em;}
.csc-frame-homes-slum-renovation h5 {color: #5E62AB; font-weight: bold;}
.csc-frame-homes-slum-renovation li {list-style-image: url(images/li/li_homes-slum-renovation.gif);}
.csc-frame-homes-slum-renovation {/*border-bottom: 1px dotted #5E62AB;*/ padding-bottom: 20px;}
.in-two-columns .csc-frame-homes-slum-renovation {border: none;}
.csc-frame-homes-slum-renovation span.detail {color: #5E62AB;}


/* Orphanages / Care homes for children -------------------------------------------------------------------------*/
/*a.x13 {background: url(images/dots/small_white.gif) 4px -75px no-repeat;}
li.aktiv a.x13, li.current a.x13, a.x13:hover {/*background: url(images/dots/big_white.gif) 3px -75px no-repeat;*/ /*}*/
a.x13 {background: url(images/dots/a_care-homes-for-children.gif) 5px 0px no-repeat; width: 211px; display: block;}
li.aktiv a.x13, li.current a.x13, a.x13:hover {background: url(images/dots/a-aktiv_care-homes-for-children.gif) 5px 0px no-repeat;}
.csc-frame-orphanages h1 {color: #FFFFFF; background: url(images/h1/bg-h1_care-homes-for-children.gif) no-repeat right top #E50083; min-height: 25px; /* 35 - 10 */ padding: 10px 0 0 9px;}
.csc-frame-orphanages h2 {color: #E50083; background: url(images/h2/bg-h2_care-homes-for-children.gif) no-repeat; padding: 1px 0 0 30px; font-size: 16px;}
.csc-frame-orphanages h3 {color: #E50083; background: url(images/photo/photo_care-homes-for-children.gif) no-repeat; padding: 5px 0 20px 50px; font-size: 16px; font-weight: bold;}
.csc-frame-orphanages h4 {color: #E50083; background: url(images/video/video_care-homes-for-children.gif) no-repeat; padding: 5px 0 0 50px; font-size: 16px;  font-weight: bold; line-height: 1.3em;}
.csc-frame-orphanages h5 {color: #E50083; font-weight: bold;}
.csc-frame-orphanages li {list-style-image: url(images/li/li_care-homes-for-children.gif);}
.csc-frame-orphanages {/*border-bottom: 1px dotted #E50083;*/ padding-bottom: 20px;}
.in-two-columns .csc-frame-orphanages {border: none;}
.csc-frame-orphanages span.detail {color: #E50083;}


/* Fighting Hunger ----------------------------------------------------------------------------------------------*/
/*a.x12 {background: url(images/dots/small_white.gif) 4px 0 no-repeat;}
li.aktiv a.x12, li.current a.x12, a.x12:hover {/*background: url(images/dots/big_white.gif) 3px 0 no-repeat;*/ /*}*/
a.x12 {background: url(images/dots/a_fighting-hunger.gif) 5px 0px no-repeat; width: 211px; display: block;}
li.aktiv a.x12, li.current a.x12, a.x12:hover {background: url(images/dots/a-aktiv_fighting-hunger.gif) 5px 0px no-repeat;}
.csc-frame-fighting-hunger h1 {color: #FFFFFF; background: url(images/h1/bg-h1_fighting-hunger.gif) no-repeat right top #FF6600; min-height: 25px; /* 35 - 10 */  padding: 10px 0 0 9px;}
.csc-frame-fighting-hunger h2 {color: #FF6600; background: url(images/h2/bg-h2_fighting-hunger.gif) no-repeat; padding: 1px 0 0 30px; font-size: 16px;}
.csc-frame-fighting-hunger h3 {color: #FF6600; background: url(images/photo/photo_fighting-hunger.gif) no-repeat; padding: 5px 0 20px 50px; font-size: 16px; font-weight: bold;}
.csc-frame-fighting-hunger h4 {color: #FF6600; background: url(images/video/video_fighting-hunger.gif) no-repeat; padding: 5px 0 0 50px; font-size: 16px;  font-weight: bold; line-height: 1.3em;}
.csc-frame-fighting-hunger h5 {color: #FF6600; font-weight: bold;}
.csc-frame-fighting-hunger li {list-style-image: url(images/li/li_fighting-hunger.gif);}
.csc-frame-fighting-hunger {/*border-bottom: 1px dotted #FF6600;*/ padding-bottom: 20px;}
.in-two-columns .csc-frame-fighting-hunger {border: none;}
.csc-frame-fighting-hunger span.detail {color: #FF6600;}


/* Heathcare & Nutrition ----------------------------------------------------------------------------------------*/
/* a.x11 {background: url(images/dots/small_white.gif) 4px -15px no-repeat;}
li.aktiv a.x11, li.current a.x11, a.x11:hover {/*background: url(images/dots/big_white.gif) 3px -15px no-repeat;*/ /*}*/
a.x11 {background: url(images/dots/a_healthcare-nutrition.gif) 5px 0px no-repeat; width: 211px; display: block;}
li.aktiv a.x11, li.current a.x11, a.x11:hover {background: url(images/dots/a-aktiv_healthcare-nutrition.gif) 5px 0px no-repeat;}
.csc-frame-healthcare-nutrition h1 {color: #FFFFFF; background: url(images/h1/bg-h1_healthcare-nutrition.gif) no-repeat right top #804597; min-height: 25px; /* 35 - 10 */ padding: 10px 0 0 9px;}
.csc-frame-healthcare-nutrition h2 {color: #804597; background: url(images/h2/bg-h2_healthcare-nutrition.gif) no-repeat; padding: 1px 0 0 30px; font-size: 16px;}
.csc-frame-healthcare-nutrition h3 {color: #804597; background: url(images/photo/photo_healthcare-nutrition.gif) no-repeat; padding: 5px 0 20px 50px; font-size: 16px; font-weight: bold;}
.csc-frame-healthcare-nutrition h4 {color: #804597; background: url(images/video/video_healthcare-nutrition.gif) no-repeat; padding: 5px 0 0 50px; font-size: 16px;  font-weight: bold; line-height: 1.3em;}
.csc-frame-healthcare-nutrition h5 {color: #804597; font-weight: bold;}
.csc-frame-healthcare-nutrition li {list-style-image: url(images/li/li_healthcare-nutrition.gif);}
.csc-frame-healthcare-nutrition {/*border-bottom: 1px dotted #804597;*/ padding-bottom: 20px;}
.in-two-columns .csc-frame-healthcare-nutrition {border: none;}
.csc-frame-healthcare-nutrition span.detail {color: #804597;}


/* Community Outreach -------------------------------------------------------------------------------------------*/
/* a.x10 {background: url(images/dots/small_white.gif) 4px -105px no-repeat;}
li.aktiv a.x10, li.current a.x10, a.x10:hover {/*background: url(images/dots/big_white.gif) 3px -105px no-repeat;*/ /*}*/
a.x10 {background: url(images/dots/a_community-outreach.gif) 5px 0px no-repeat; width: 211px; display: block;}
li.aktiv a.x10, li.current a.x10, a.x10:hover {background: url(images/dots/a-aktiv_community-outreach.gif) 5px 0px no-repeat;}
.csc-frame-community-outreach h1 {color: #FFFFFF; background: url(images/h1/bg-h1_community-outreach.gif) no-repeat right top #910450; min-height: 25px; /* 35 - 10 */ padding: 10px 0 0 9px;}
.csc-frame-community-outreach h2 {color: #910450; background: url(images/h2/bg-h2_community-outreach.gif) no-repeat; padding: 1px 0 0 30px; font-size: 16px;}
.csc-frame-community-outreach h3 {color: #910450; background: url(images/photo/photo_community-outreach.gif) no-repeat; padding: 5px 0 20px 50px; font-size: 16px; font-weight: bold;}
.csc-frame-community-outreach h4 {color: #910450; background: url(images/video/video_community-outreach.gif) no-repeat; padding: 5px 0 0 50px; font-size: 16px;  font-weight: bold; line-height: 1.3em;}
.csc-frame-community-outreach h5 {color: #910450; font-weight: bold;}
.csc-frame-community-outreach li {list-style-image: url(images/li/li_community-outreach.gif);}
.csc-frame-community-outreach {/*border-bottom: 1px dotted #910450;*/ padding-bottom: 20px;}
.in-two-columns .csc-frame-community-outreach {border: none;} 
.csc-frame-community-outreach span.detail {color: #910450;}

/* Green Initiatives --------------------------------------------------------------------------------------------*/
/* a.x9 {background: url(images/dots/small_white.gif) 4px -120px no-repeat;}
li.aktiv a.x9, li.current a.x9, a.x9:hover {/*background: url(images/dots/big_white.gif) 3px -120px no-repeat;*/ /*}*/
a.x9 {background: url(images/dots/a_green-initiatives.gif) 5px 0px no-repeat; width: 211px; display: block;}
li.aktiv a.x9, li.current a.x9, a.x9:hover {background: url(images/dots/a-aktiv_green-initiatives.gif) 5px 0px no-repeat;}
.csc-frame-green-initiatives h1 {color: #FFFFFF; background: url(images/h1/bg-h1_green-initiatives.gif) no-repeat right top #99CC00; min-height: 25px; /* 35 - 10 */ padding: 10px 0 0 9px;}
.csc-frame-green-initiatives h2 {color: #99CC00; background: url(images/h2/bg-h2_green-initiatives.gif) no-repeat; padding: 1px 0 0 30px; font-size: 16px;}
.csc-frame-green-initiatives h3 {color: #99CC00; background: url(images/photo/photo_green-initiatives.gif) no-repeat; padding: 5px 0 20px 50px; font-size: 16px; font-weight: bold;}
.csc-frame-green-initiatives h4 {color: #99CC00; background: url(images/video/video_green-initiatives.gif) no-repeat; padding: 5px 0 0 50px; font-size: 16px;  font-weight: bold; line-height: 1.3em;}
.csc-frame-green-initiatives h5 {color: #99CC00; font-weight: bold;}
.csc-frame-green-initiatives li {list-style-image: url(images/li/li_green-initiatives.gif);}
.csc-frame-green-initiatives {/*border-bottom: 1px dotted #99CC00;*/ padding-bottom: 20px;}
.in-two-columns .csc-frame-green-initiatives {border: none;} 
.csc-frame-green-initiatives span.detail {color: #99CC00;}


/* Research -----------------------------------------------------------------------------------------------------*/
/* a.x50 {background: url(images/dots/small_white.gif) 4px -135px no-repeat;}
li.aktiv a.x50, li.current a.x50, a.x50:hover {/*background: url(images/dots/big_white.gif) 3px -120px no-repeat;*/ /*}*/
a.x50 {background: url(images/dots/a_research.gif) 5px 0px no-repeat; width: 211px; display: block;}
li.aktiv a.x50, li.current a.x50, a.x50:hover {background: url(images/dots/a-aktiv_research.gif) 5px 0px no-repeat;}
.csc-frame-research h1 {color: #FFFFFF; background: url(images/h1/bg-h1_research.gif) no-repeat right top #9d5ee4; min-height: 25px; /* 35 - 10 */ padding: 10px 0 0 9px;}
.csc-frame-research h2 {color: #9d5ee4; background: url(images/h2/bg-h2_research.gif) no-repeat; padding: 1px 0 0 30px; font-size: 16px;}
.csc-frame-research h3 {color: #9d5ee4; background: url(images/photo/photo_research.gif) no-repeat; padding: 5px 0 20px 50px; font-size: 16px; font-weight: bold;}
.csc-frame-research h4 {color: #9d5ee4; background: url(images/video/video_research.gif) no-repeat; padding: 5px 0 0 50px; font-size: 16px;  font-weight: bold; line-height: 1.3em;}
.csc-frame-research h5 {color: #9d5ee4; font-weight: bold;}
.csc-frame-research li {list-style-image: url(images/li/li_research.gif);}
.csc-frame-research {/*border-bottom: 1px dotted #9d5ee4;*/ padding-bottom: 20px;}
.in-two-columns .csc-frame-research {border: none;}
.csc-frame-research span.detail {color: #9d5ee4;}


/* What we do*/
.csc-frame-what-we-do h2 {
  margin-top: 0px;
}

.csc-frame-what-we-do .csc-textpic-center .csc-textpic-imagewrap {margin-top: 30px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> FOOTER <<<----------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#footer {
  margin: 0 auto 30px;
  width: 900px;
  text-align: center;
  /*background: #dfdfdf;*/
}

#footer li {
  display: inline;
  padding:0 18px;
  background: url(images/footer_nav_bg_white.gif) no-repeat right;
}

#footer li.last {
  background: none;
}

#footer a, #footer a:visited {
  line-height: 90%;
  text-decoration: none;
  color: #818181;
}

#footer a:hover {
  text-decoration:underline;
}