@charset 'utf-8';
@import url(reset.css);
@import url(lightbox.css);

/* ----------------------------------------------------- All browsers */


/* Allgemeine Anweisungen */





h1 {
	font-size: 15px;
	font-weight: bold;
	color: #F94000;
	margin: 0 0 10px 0;
}

h2 a {
	color: white;
	font-weight: bold;
	margin: 2px 0 0 0;
}

h2 a:hover {
	color: white;
	text-decoration: none;
	font-weight: bold;
	margin: 2px 0 0 0;
}

h2.act a {
	color: #F94000;
	font-weight: bold;
	margin: 2px 0 0 0;
}

h2.act a:hover {
	color: #F94000;
	text-decoration: none;
	font-weight: bold;
	margin: 2px 0 0 0;
}

ul {
 margin: 0 0 10px 0;
}

ul li {
 font-size: 12px;
 list-style-type: circle;
 margin: 0 0 0 30px;
 line-height: 1.7;
}
 

h2 {
	font-size: 14px;
	padding: 0;
}


p {
	font-size: 13px;
	line-height: 1.4;
}

a {

	text-decoration: none;
	color: #F94000; 
}

a:hover {
	text-decoration: underline;
	color: #F94000; 
}

body {
font-family: arial, sans-serif;
text-align: left;
background: url(../i/bg_verlauf.jpg) #C6B5B0 repeat-x;
height: 100%;

}

.c {
	clear: both;
}

/* ENDE Allgemeine Anweisungen */


div#wrap {
 width:990px;
 background: white;
 margin: 0 auto; 
 border: 1px solid black;
}

div#header {
 height: 41px;
 background: url(../i/header_bg.jpg) no-repeat;
 border-bottom: 1px solid #F94000;
}

/* Header-Images */

div#headerimage {
 height: 175px;
}
 

div.home-banner { background: url(../i/banner/main-banner.jpg) no-repeat; }
div.ziele-banner { background: url(../i/banner/ziele-banner.jpg) no-repeat; }
div.news-banner { background: url(../i/banner/news-banner.jpg) no-repeat; }
div.ueberuns-banner { background: url(../i/banner/ueberuns-banner.jpg) no-repeat; }
div.projekte-banner { background: url(../i/banner/projekte-banner.jpg) no-repeat; }
div.mitgliedschaft-banner { background: url(../i/banner/mitgliedschaft-banner.jpg) no-repeat; }
div.spenden-banner { background: url(../i/banner/spenden-banner.jpg) no-repeat; }
div.kinder-banner { background: url(../i/banner/kinder-banner.jpg) no-repeat; }
div.kontakt-banner { background: url(../i/banner/kontakt-banner.jpg) no-repeat; }
div.downloads-banner { background: url(../i/banner/downloads-banner.jpg) no-repeat; }
div.impressum-banner { background: url(../i/banner/impressum-banner.jpg) no-repeat; }
div.amazon-banner { background: url(../i/banner/amazon-banner.jpg) no-repeat; }
div.aktionen-banner { background: url(../i/banner/aktionen-banner.jpg) no-repeat; }

/* Hauptnavigation */

div#navigation {
 height: 40px;
 background: url(../i/navi_bg.jpg) repeat-x;
 }
 
div#navigation .act {
 background: white;
 }
  

div#navigation div {
 float: left;
 padding: 9px 0 0 0;
 height: 28px;
}


div#navigation div.divider {
	background: url(../i/navi_divider.jpg) no-repeat; 
	width: 1px;
}


div#navigation div.navelem01 {
 height: 30px;
 width: 30px;
 padding: 8px 15px 0 15px;
 background: url(../i/navi_bg.jpg) repeat-x;
}



div#navigation div h2 {
	padding: 0 0 0 15px; 
}


div#navigation div.navelem02 h2 { width: 85px; }
div#navigation div.navelem03 h2 { width: 52px; }
div#navigation div.navelem04 h2 { width: 82px; }
div#navigation div.navelem05 h2 { width: 125px; }
div#navigation div.navelem06 h2 { width: 75px; }
div#navigation div.navelem07 h2 { width: 63px; }
div#navigation div.navelem08 h2 { width: 53px; }
div#navigation div.navelem09 h2 { width: 60px; }
div#navigation div.navelem10 h2 { width: 80px; }

div#navigation div.act {
 background: white;
}

/* ENDE Hauptnavigation */


div#mainpage,
div#subpage-2col,
div#subpage-2col-picleft,
div#subpage-full {
background: white;
text-align: left;
padding: 30px 0 0 0;
}

div#rightcol {
float: left;
margin: 0 0 30px 0;
}

div#mainpage .content {
 width: 460px;
 padding: 0 60px 30px 65px;
 float: left;
}

div#mainpage .content p {
 padding: 0 0 10px 12px;
}

div#subpage-full .content {
 width: 850px;
 padding: 0 60px 30px 65px;
 float: left;
}

div#subpage-2col .content {
 width: 620px;
 padding: 0 60px 30px 65px;
 float: left;

}

div#subpage-2col .content p,
div#subpage-full .content p {
 padding: 0 0 10px 12px;
}


div#subpage-2col-picleft .content {
 width: 610px;
 padding: 0 60px 30px 0px;
 float: left;


}

div#subpage-2col-picleft .content p {
 padding: 0 0 10px 12px;
}

div#subpage-2col-picleft .content p.datum {
 padding: 0 0 10px 0px;
 font-size: 11px;
}




div#mainpage .col2 {
 width: 160px;
 margin: 0 45px 0 0;
 float: left;
}

div#subpage-2col .col2 {
	width: 160px;
  float: left;
  padding: 10px 0 0 0;
  margin: 0 0 0 20px;
  
}

div#subpage-2col-picleft .col2 {
	width: 270px;
	padding: 0 0 0 50px;
  float: left;
}


div#mainpage .col3 {
 width: 160px;
 height: 300px;
 float: left;
}

div#footer {
 width: 990px;
 height: 40px;
 background: #352A2D;
 border-top: 1px solid #F94000;
}



div#footer div.metanavi {
	padding: 13px 0 0 60px;
	font-size: 11px;
}

div#footer div.metanavi a {
	padding: 0 30px 0 0;
}	

p.claim {
	float: right;
	color: #F94000; 
	padding: 15px 190px 0 0;
	font-size: 11px;
}

div.teaser {
	float: left;
	width: 160px;
	height: 185px;
  	
}

div.teaser img {
	padding: 0 0 5px 0;
}

div.teaser p.bu {
	float: left;
	font-size: 10px;
	padding: 0 0 0 0;
}

div.teaser p.bu {
	float: left;
	font-size: 10px;
	padding: 0 0 0 0;
}

div.teaser-big {
	float: left;
	width: 220px;
	padding: 0 0 20px 0;
}

div.teaser-big img {
	padding: 0 0 5px 0;
}

div.teaser-big p.bu {
	float: left;
	font-size: 10px;
	padding: 0 0 5px 0;
}

div.mitarbeiter {
	padding: 0px 0 15px 0;
		
}

div.mitarbeiter p.bu {
text-align: right;
width: 205px;
}





p.mehr
{
	text-align: right;
	font-size: 10px;
	float: right;
	padding: 0 0 2px 0;
  background: url(../i/pfeil_mehr.jpg) no-repeat left;	
}

div.teaser p.news {
	width: 62px;
}

p.shopping {
	width: 140px;
}

div.teaser p.mitarbeiter {
	width: 88px;
}

div.teaser p.bildergalerie {
	width: 76px;
}

div.teaser-big p.bildergalerie {
	margin: 12px 0 0 0;
	width: 76px;
}


div.modul {
float: left;
height: 150px;
margin: 0 0 20px 0;


}

div.modul p {
font-size: 10px;
padding: 0 0 10px 0;
font-weight: bold;

}

p.spruch {
 text-align: center;
 color: #F94000;
}


/* News Seite */

div.news h1 {
margin: 0;
padding: 0;
}

div.news {
margin: 0 0 20px 0;
padding: 0;
}

div.box-mitarbeiter {
padding: 10px 0 0 0;
height: 160px;

}

div.box-kinder {
padding: 10px 0 30px 0;
float: left;
width: 850px;
}

div.box-mitarbeiter {
padding: 10px 0 20px 0;
float: left;
width: 850px;
}

div.box-kinder div.mitarbeiter,
div.box-mitarbeiter div.mitarbeiter {
float: left;
width: 280px;
}

div.box-kinder div.steckbrief,
div.box-mitarbeiter div.steckbrief {
float: left;
width: 570px;
padding: 5px 0 0 0;
}

div.galerie {
	height: 230px;
}





/* ----------------------------------------------------- JS enabled browsers */

.js div { }

/* ----------------------------------------------------- IE7 and below */

.ie7 div {

 }

/* ----------------------------------------------------- IE6 and below */

/* IE6 Hack Navigation */

.ie6 div {}