@charset "utf-8";

body {
   background:#e9cda4 url(../images/bg-body.jpg) center top no-repeat;
   font:normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#392d21;
}

.clear {
   float:none;
   clear:both;
}

div#site-container {
   margin:0 auto;
   width:980px;
   background:url(../images/bg-site-container.jpg) 0 0 repeat-y;
}

/*************************************************************************/
/* =header */
/*************************************************************************/

div#header-container {
   margin:0 auto;
   width:980px;
   height:420px;
   background:url(../images/bg-header-container.jpg) center top no-repeat;
   position:relative;
}

h1#branding {
   display:block;
   width:180px;
   height:150px;
   position:absolute;
   top:80px;
   left:120px;
}

h1#branding a {
   display:block;
   width:180px;
   height:150px;
   text-indent:-9999px;
}

h2#claim {
   text-indent:-9999px;
}

div#slideshow {
   width:540px;
   height:285px;
   position:absolute;
   top:35px;
   left:290px;
}

div#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

div#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

div#slideshow img.last-active {
    z-index:9;
}

form#form-header-newsletter {
   display:block;
   width:296px;
   height:24px;
   background:url(../images/bg-form-header-newsletter.jpg) 0 0 no-repeat;
   position:absolute;
   top:6px;
   left:0px;
}

form#form-header-newsletter legend {
   display:none;
}

form#form-header-newsletter label {
   display:block;
   width:100px;
   height:24px;
   float:left;
   text-indent:-9000px;
}

form#form-header-newsletter input#form-header-newsletter-email {
   padding:3px 0 0 5px;
   display:block;
   width:150px;
   height:21px;
   float:left;
   border:none;
}

form#form-header-newsletter input#form-header-newsletter-submit {
   display:block;
   width:41px;
   height:24px;
   float:left;
   border:none;
   background:url(../images/bg-form-header-newsletter-submit.jpg) 0 0 no-repeat;
   font-size:0.1em;
   text-indent:-9000px;
   cursor:pointer;
}

form#form-header-newsletter input#form-header-newsletter-submit:hover,
form#form-header-newsletter input#form-header-newsletter-submit:focus {
   background:url(../images/bg-form-header-newsletter-submit.jpg) 0 -24px no-repeat;
}

/*************************************************************************/
/* =navigation */
/*************************************************************************/

ul#navigation {
	display:block;
	width:790px;
	height:100px;
	background:url(../images/bg-navigation.jpg) 0 0 no-repeat;
	position:absolute;
	top:320px;
	right:0px;
}

ul#navigation li {
   display:block;
   height:43px;
   float:left;
   position:relative;
}

ul#navigation li a {
   display:block;
   height:100px;
   float:left;
   text-indent:-9999px;
}

ul#navigation li a.verein,
ul#navigation li a.verein:visited {
   width:106px;
   background:url(../images/bg-navigation.jpg) 0 0 no-repeat;
}
ul#navigation li a.verein:hover,
ul#navigation li a.verein:active,
ul#navigation li a.verein-active {
   width:106px;
   background:url(../images/bg-navigation.jpg) 0 -100px no-repeat;
}

/**************************************/

ul#navigation li a.projekte,
ul#navigation li a.projekte:visited {
   width:106px;
   background:url(../images/bg-navigation.jpg) -106px 0 no-repeat;
}
ul#navigation li a.projekte:hover,
ul#navigation li a.projekte:active,
ul#navigation li a.projekte-active {
   width:106px;
   background:url(../images/bg-navigation.jpg) -106px -100px no-repeat;
}

/**************************************/

ul#navigation li a.engagement,
ul#navigation li a.engagement:visited {
   width:194px;
   background:url(../images/bg-navigation.jpg) -212px 0 no-repeat;
}
ul#navigation li a.engagement:hover,
ul#navigation li a.engagement:active,
ul#navigation li a.engagement-active {
   width:194px;
   background:url(../images/bg-navigation.jpg) -212px -100px no-repeat;
}

/**************************************/

ul#navigation li a.partner-sponsoren,
ul#navigation li a.partner-sponsoren:visited {
   width:228px;
   background:url(../images/bg-navigation.jpg) -406px 0 no-repeat;
}
ul#navigation li a.partner-sponsoren:hover,
ul#navigation li a.partner-sponsoren:active,
ul#navigation li a.partner-sponsoren-active {
   width:228px;
   background:url(../images/bg-navigation.jpg) -406px -100px no-repeat;
}

/**************************************/

ul#navigation li a.mediengalerie,
ul#navigation li a.mediengalerie:visited {
   width:156px;
   background:url(../images/bg-navigation.jpg) -633px 0 no-repeat;
}
ul#navigation li a.mediengalerie:hover,
ul#navigation li a.mediengalerie:active,
ul#navigation li a.mediengalerie-active {
   width:156px;
   background:url(../images/bg-navigation.jpg) -633px -100px no-repeat;
}

/*************************************************************************/
/* =navigation-additional */
/*************************************************************************/

ul#navigation-additional {
   padding:5px 0 0 0;
   display:block;
   width:470px;
   height:30px;
   position:absolute;
   top:0px;
   right:0px;
   z-index:16;
}

ul#navigation-additional li {
   padding:0 0 0 16px;
   font:normal 14px/20px "Gemelli", Arial, Helvetica, sans-serif;
   display:inline;
   position:relative;
   float:left;
}

*+html ul#navigation-additional li {
   padding:0 0 0 14px;
}

* html ul#navigation-additional li {
   padding:0 0 0 8px;
}

ul#navigation-additional li a,
ul#navigation-additional li a:visited {
   color:#503627;
   text-decoration:none;
}

ul#navigation-additional li a:hover,
ul#navigation-additional li a:active,
ul#navigation-additional li a.active {
   color:#a41d17;
   text-decoration:none;
}

ul#navigation-additional li:hover > a {
   color:#a41d17;
   text-decoration:none;
}

ul#navigation-additional-bookmark {
   padding:10px 0 0 0;
   width:168px;
   height:19px;
   position:absolute;
   top:15px;
   left:30px;
}

ul#navigation-additional-bookmark li {
   margin:0;
   padding:0;
   display:block;
   width:21px;
   height:19px;
   float:left;
}

ul#navigation-additional-bookmark li a {
   display:block;
   width:21px;
   height:19px;
   float:left;
   text-indent:-9000px;
}

ul#navigation-additional-bookmark li a.facebook,
ul#navigation-additional-bookmark li a.facebook:visited {
   background:url(../images/bg-navigation-additional-bookmark.png) 0 0 no-repeat;
}
ul#navigation-additional-bookmark li a.facebook:hover,
ul#navigation-additional-bookmark li a.facebook:active {
   background:url(../images/bg-navigation-additional-bookmark.png) 0 -19px no-repeat;
}

/**************************************/

ul#navigation-additional-bookmark li a.facebook2,
ul#navigation-additional-bookmark li a.facebook2:visited {
   background:url(../images/bg-navigation-additional-bookmark.png) -21px 0 no-repeat;
}
ul#navigation-additional-bookmark li a.facebook2:hover,
ul#navigation-additional-bookmark li a.facebook2:active {
   background:url(../images/bg-navigation-additional-bookmark.png) -21px -19px no-repeat;
}

/**************************************/

ul#navigation-additional-bookmark li a.mrwong,
ul#navigation-additional-bookmark li a.mrwong:visited {
   background:url(../images/bg-navigation-additional-bookmark.png) -42px 0 no-repeat;
}
ul#navigation-additional-bookmark li a.mrwong:hover,
ul#navigation-additional-bookmark li a.mrwong:active {
   background:url(../images/bg-navigation-additional-bookmark.png) -42px -19px no-repeat;
}

/**************************************/

ul#navigation-additional-bookmark li a.delicious,
ul#navigation-additional-bookmark li a.delicious:visited {
   background:url(../images/bg-navigation-additional-bookmark.png) -63px 0 no-repeat;
}
ul#navigation-additional-bookmark li a.delicious:hover,
ul#navigation-additional-bookmark li a.delicious:active {
   background:url(../images/bg-navigation-additional-bookmark.png) -63px -19px no-repeat;
}

/**************************************/

ul#navigation-additional-bookmark li a.linkarena,
ul#navigation-additional-bookmark li a.linkarena:visited {
   background:url(../images/bg-navigation-additional-bookmark.png) -84px 0 no-repeat;
}
ul#navigation-additional-bookmark li a.linkarena:hover,
ul#navigation-additional-bookmark li a.linkarena:active {
   background:url(../images/bg-navigation-additional-bookmark.png) -84px -19px no-repeat;
}

/**************************************/

ul#navigation-additional-bookmark li a.linkedin,
ul#navigation-additional-bookmark li a.linkedin:visited {
   background:url(../images/bg-navigation-additional-bookmark.png) -105px 0 no-repeat;
}
ul#navigation-additional-bookmark li a.linkedin:hover,
ul#navigation-additional-bookmark li a.linkedin:active {
   background:url(../images/bg-navigation-additional-bookmark.png) -105px -19px no-repeat;
}

/**************************************/

ul#navigation-additional-bookmark li a.digg,
ul#navigation-additional-bookmark li a.digg:visited {
   background:url(../images/bg-navigation-additional-bookmark.png) -126px 0 no-repeat;
}
ul#navigation-additional-bookmark li a.digg:hover,
ul#navigation-additional-bookmark li a.digg:active {
   background:url(../images/bg-navigation-additional-bookmark.png) -126px -19px no-repeat;
}

/**************************************/

ul#navigation-additional-bookmark li a.oneview,
ul#navigation-additional-bookmark li a.oneview:visited {
   background:url(../images/bg-navigation-additional-bookmark.png) -147px 0 no-repeat;
}
ul#navigation-additional-bookmark li a.oneview:hover,
ul#navigation-additional-bookmark li a.oneview:active {
   background:url(../images/bg-navigation-additional-bookmark.png) -147px -19px no-repeat;
}

/**************************************/

ul#navigation-additional li ul, ul#navigation-additional ul li ul {
   display: none;
}
					
ul#navigation-additional li:hover ul, ul#navigation-additional li.iehover ul {
   display: block;
}

/*************************************************************************/
/* =navigation-language */
/*************************************************************************/

ul#navigation-language {
   margin:10px 0 0 20px;
   display:block;
   width:200px;
   height:20px;
}

ul#navigation-language li {
   margin:6px 5px 0 0;
   display:block;
   width:16px;
   height:11px;
   float:left;
}

ul#navigation-language li a.de,
ul#navigation-language li a.de:visited {
   display:block;
   width:16px;
   height:11px;
   background:url(../images/icon-de.png) 0 0 no-repeat;
   text-indent:-9000px;
   float:left;
}

ul#navigation-language li a.de:hover,
ul#navigation-language li a.de:active {
   background:url(../images/icon-de.png) 0 -11px no-repeat;
}

ul#navigation-language li a.en,
ul#navigation-language li a.en:visited {
   display:block;
   width:16px;
   height:11px;
   background:url(../images/icon-en.png) 0 0 no-repeat;
   text-indent:-9000px;
   float:left;
}

ul#navigation-language li a.en:hover,
ul#navigation-language li a.en:active {
   background:url(../images/icon-en.png) 0 -11px no-repeat;
}

ul#navigation-language li a.fr,
ul#navigation-language li a.fr:visited {
   display:block;
   width:16px;
   height:11px;
   background:url(../images/icon-fr.png) 0 0 no-repeat;
   text-indent:-9000px;
   float:left;
}

ul#navigation-language li a.fr:hover,
ul#navigation-language li a.fr:active {
   background:url(../images/icon-fr.png) 0 -11px no-repeat;
}

ul#navigation-language li.de,
ul#navigation-language li.en,
ul#navigation-language li.fr {
   
}

ul#navigation-language li.de {
   margin:6px 5px 0 15px;

}

/*************************************************************************/
/* =content */
/*************************************************************************/

div#content-container {
   margin:0 auto;
   padding:0 0 150px 0;
   width:980px;
   background:url(../images/bg-content-container.jpg) right bottom no-repeat;
}

div#content-column1, div#content-column3 {
   width:200px;
   float:left;
}

div#content-column2 {
   padding:0 20px 0 20px;
   width:540px;
   float:left;
}

.content-column2 {
   padding:0 20px 0 20px;
   width:540px;
   float:left;
}

/*************************************************************************/
/* =content-column1 */
/*************************************************************************/

div#content-column1 h4 {
   display:block;
   width:200px;
   height:50px;
   text-indent:-9000px;
}

div#content-column1 h4.projekte {
   background:url(../images/bg-content-column1-h3-projekte.jpg) 0 0 no-repeat;
}
div#content-column1 h4.verein {
   background:url(../images/bg-content-column1-h3-verein.jpg) 0 0 no-repeat;
}
div#content-column1 h4.engagement {
   background:url(../images/bg-content-column1-h3-engagement.jpg) 0 0 no-repeat;
}
div#content-column1 h4.mediengalerie {
   background:url(../images/bg-content-column1-h3-mediengalerie.jpg) 0 0 no-repeat;
}


ul#content-column1-navigation {
   padding:0 0 40px 20px;
   display:block;
   width:150px;
   height:auto;
   background:#fff;
}

ul#content-column1-navigation li {
   padding:5px 0 5px 0;
   display:block;
   width:150px;
   height:auto;
   border-bottom:1px solid #503627;
}

ul#content-column1-navigation li a,
ul#content-column1-navigation li a:visited {
   padding:2px 0 5px 20px;
   margin:0 0 0 -20px;
   display:block;
   width:150px;
   height:auto;
   line-height:25px;
   font:normal 16px/20px "Gemelli", Arial, Helvetica, sans-serif;
   color:#503627;
   text-decoration:none;
   background:#ffffff;
}

ul#content-column1-navigation li a:hover,
ul#content-column1-navigation li a:active,
ul#content-column1-navigation li a.active {
   color:#503627;
   text-decoration:none;
   background:#f88d13;
}

/*************************************************************************/
/* =content-column2 */
/*************************************************************************/

div#content-column2 h3 {
   padding:25px 0 0 70px;
   display:block;
   width:470px;
   height:55px;
   font:normal 22px/20px "Gemelli", Arial, Helvetica, sans-serif;
   color:#503627;
}

div#content-column2 h3.engagement {
   background:url(../images/engagement/bg-h3.jpg) 0 0 no-repeat;
}

div#content-column2 h3.fehler-404 {
   background:url(../images/fehler-404/bg-h3.jpg) 0 0 no-repeat;
}

div#content-column2 h3.impressum {
   background:url(../images/impressum/bg-h3.jpg) 0 0 no-repeat;
}

div#content-column2 h3.index {
   background:url(../images/index/bg-h3.jpg) 0 0 no-repeat;
}

div#content-column2 h3.mediengalerie {
   background:url(../images/mediengalerie/bg-h3.jpg) 0 0 no-repeat;
}

div#content-column2 h3.newsletter {
   background:url(../images/newsletter/bg-h3.jpg) 0 0 no-repeat;
}

div#content-column2 h3.partner-sponsoren {
   background:url(../images/partner-sponsoren/bg-h3.jpg) 0 0 no-repeat;
}

div#content-column2 h3.projekte {
   background:url(../images/projekte/bg-h3.jpg) 0 0 no-repeat;
}

div#content-column2 h3.verein {
   background:url(../images/verein/bg-h3.jpg) 0 0 no-repeat;
}

div#content-column2 h3.kontakt {
   background:url(../images/kontakt/bg-h3.jpg) 0 0 no-repeat;
}

div#content-column2 h4 {
   font:normal 16px/23px "Gemelli", Arial, Helvetica, sans-serif;
   color:#503627;
}

div#content-column2 h6 {
   font:normal 20px/23px "Gemelli", Arial, Helvetica, sans-serif;
   color:#503627;
}

div#content-column2 h7 {
   font:normal 12px/23px Arial, Helvetica, sans-serif;
   color:#503627;
}

div#content-column2 h5 {
   font:bold 14px/23px Verdana, Arial, Helvetica, sans-serif;
   color:#503627;
}

div#content-column2 h4 strong {
   color:#945532;
}

div#content-column2 p {
   margin:0 0 15px 0;
   font:normal 13px/20px Verdana, Arial, Helvetica, sans-serif;
   color:#2b170f;
}

div#content-column2 p.highlight {
   font:bold 13px/20px Verdana, Arial, Helvetica, sans-serif;
}

div#content-column2 span.highlight-name {
   font:bold 13px/20px Verdana, Arial, Helvetica, sans-serif;
   margin: 40px 0 20px 0;
}

div#content-column2-1, div#content-column2-2 {
   padding:0 20px 0 0;
   width:260px;
   float:left;
}

.content-column2-1, .content-column2-2 {
   padding:0 20px 0 0;
   width:260px;
   float:left;
}

div#content-column2-2 {
   padding:0;
}

.content-column2-2 {
   padding:0;
}

#content-column2-2 form input, #content-column2-1 form input{
	margin-left: 55px;
	}
	

strong{
font-weight:bold;
}

div#content-container a{
	color: #2b170f;
	text-decoration: underline;
	}
div#content-container a:hover{
	color: #5b321c;
	text-decoration: none;
	}

div#content-container  p.cms-img-place img {
   width: 251px;
   padding: 4px;
   border: 1px solid #bfbfbf;
}

div#content-container  p.cms-img-place2 img {
   padding: 4px;
   border: 1px solid #bfbfbf;
}

div#content-container #content-column2 p.teaser-medien {
   float:left; 
   margin: 0 10px 0 5px;
   }

div#content-container #content-column2 p.teaser-medien img {
padding: 4px;
border: 1px solid #bfbfbf;
}

div#content-container  p.cms-img-place {
	position:relative;
}

div#content-container  p.cms-img-place span.cms-img-zoom {
	display:block;
	position:absolute;
	bottom:8px;
	right:4px;
	width:23px;
	height:23px;
	text-indent:-99999px;
	background:url(../images/img-zoom.jpg) 0 0 no-repeat;
}

/*************************************************************************/
/* =content-column3 */
/*************************************************************************/

div#content-column3 h4 {
   margin:0 0 10px 0;
   display:block;
   width: 200px;
   height: 80px;
   text-indent: -9999px;
}

div#content-column3-teaser1 h7 {
   margin:0 15px 15px 25px;
   font:normal 10px/20px Verdana, Arial, Helvetica, sans-serif;
   color:#2b170f;
}

div#content-column3 h4.spende {
   background:url(../images/bg-content-column3-h4-spende.jpg) 0 0 no-repeat;
}

div#content-column3 h4.news {
	background: url(../images/sidebar-newsletter.png) 0 0 no-repeat;
}

div#content-column3 h4.spendenkonto {
	background: url(../images/sidebar-spendenkonto.png) 0 0 no-repeat;
}

div#content-column3 h4.ansprechpartner {
	background: url(../images/sidebar-ansprechpartner.png) 0 0 no-repeat;
}

div#content-column3 h4.soziales-jahr {
   background:url(../images/bg-content-column3-h4-soziales-jahr.jpg) 0 0 no-repeat;
}

div#content-column3 p {
   margin:0 15px 15px 25px;
   font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
   color:#2b170f;
}

div#content-column3 p.highlight {
   font:normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
}

div#content-column3 p strong {
   color:#82573f;
}

div#content-column3 p a,
div#content-column3 p a:visited {
   color:#82573f;
   text-decoration:underline;
}

div#content-column3 p a:hover,
div#content-column3 p a:active {
   color:#613117;
   text-decoration:none;
}

div.teaser {
   width:200px;
   height:340px;
   position:relative;
}

/* --  spende button ---*/

#content-column3-teaser1 h3#spende a{
	width: 165px;
	height: 166px;
	display: block;
	text-indent: -999em;
	background-image: url(../images/bt-spenden.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	left: 20px;
	}

#content-column3-teaser1 h3#spende a:hover{	
	background-position: 0px -166px;
	}

/* ----- end of --*/   


div#content-column2 ul{
margin:5px 0 15px 20px;
}

div#content-column2 ul li {
list-style:circle;  
margin: 0 0 10px 0; 
padding: 0 0 0 10px;
}

.logo{
float:left;
width: 170px;
margin: 0 5px 10px 0;
}

.pdf{
background: url(../images/pdf-button-rot.jpg) no-repeat;
height:39px;
margin: 0 15px 0 0;
display:block;
padding: 20px 0 0 60px;
color: #000000;
}




/*************************************************************************/
/* =slider */
/*************************************************************************/


/*************************************************************************/
/* =footer */
/*************************************************************************/

div#footer-container {
   width:980px;
   height:240px;
   background:#27120a url(../images/bg-footer-container.jpg) 0 0 no-repeat;
}

ul#footer-navigation {
   padding:50px 0 0 0;
   display:block;
   width:980px;
   height:190px;
}

ul#footer-navigation li {
   display:inline;
   position:relative;
}

ul#footer-navigation li a.verein {
   padding:0 65px 0 25px;
}
ul#footer-navigation li a.projekte {
   padding:0 70px 0 25px;
}
ul#footer-navigation li a.engagement {
   padding:0 55px 0 25px;
}
ul#footer-navigation li a.mediengalerie {
   padding:0 0px 0 55px;
}
ul#footer-navigation li a.partner-sponsoren {
   padding:0 0 0 25px;
}

ul#footer-navigation li a,
ul#footer-navigation li a:visited {
   font:normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
   color:#f4dbb7;
   text-decoration:none;
}

ul#footer-navigation li a:hover,
ul#footer-navigation li a:active,
ul#footer-navigation li a.active {
   color:#f88d13;
   text-decoration:none;
}

ul#footer-navigation li ul {
   display:block;
   position:absolute;
   top:40px;
   left:25px;
   width:180px;
   height:auto;
}

ul#footer-navigation li ul li {
   display:block;
}

ul#footer-navigation li ul li a,
ul#footer-navigation li ul li a:visited {
   font:normal 15px/20px Verdana, Arial, Helvetica, sans-serif;
   color:#f4dbb7;
   text-decoration:none;
}

ul#footer-navigation li ul li a:hover,
ul#footer-navigation li ul li a:active,
ul#footer-navigation li ul li a.active {
   color:#f88d13;
   text-decoration:none;
}