/*
 * Seitenaufbau fuer Auswahlseiten mit breiten Boxen
 * z.B. Startseite, Menschen & Projekte, Presse & Service, ...
 * letzte Aenderung: 06.11.2006
 * */
.auswahlseite #seitenraender {
	margin-right:20px;
}



/*
 * Seitenaufbau fuer "Spenden & Helfen"-Startseite
 * */
.spenden-helfen #seitenraender {
	margin-right:0;
}

.spenden-helfen .box-small img {
	margin:0 0 4px 11px;
}

.spenden-helfen .box-small p {
	margin-bottom:0.4em;
}

.spenden-helfen .box-small .mindesthoehe {
	float:right;
	display:block;
	width:1px;
	height:102px;
}

.spenden-helfen .box-small .abstandhalter-1 {
	display:block;
	float:left;
	width:1px;
	height:53px;
	clear:left;
}

.spenden-helfen .box-small .abstandhalter-2 {
	display:block;
	float:left;
	width:115px;
	height:65px;
	clear:left;
}

.spenden-helfen .box-small .motiv-04 {
	position:absolute;
	bottom:12px;
	left:9px;
} 

.spenden-helfen a .link-mehr {
	font-size:0.9em;
}

.spenden-helfen .box-img-large {
	width:286px;
}

.spenden-helfen .box-img-large #konto {
	margin:4px 7px 14px 55px;
}

.spenden-helfen .box-img-large #spendenlinie {
	position:relative;
	margin-right:3px;
	padding-top:50px;
	background:url("../_img/spendenlinie-streifen.gif") no-repeat 50% 14px;
}

.spenden-helfen .box-img-large #spendenlinie-button {
	position:absolute;
	top:0px;
	left:0px;
}

.spenden-helfen .box-img-large #spendenlinie strong {
	font-size:1.2em;
	color:#C1071A
}


/*
 * Seitenaufbau "Artikelauswahl" im Spendentool
 * */
.artikelauswahl #seitenraender {
	margin:0 15px 0 5px;
}

.artikelauswahl .box-medium {
	float:right;
	width:484px;
	padding:0;
}

.artikelauswahl .artikel-links {
	float:left;
	width:229px;
}

.artikelauswahl form {
	margin:0 22px;
}

.artikelauswahl form p {
	margin-left:0;
	margin-right:0;
}

.artikelauswahl fieldset {
	margin:1.5em 0 2.5em;
}

.artikelauswahl label {
	display:block;
	margin-left:1em;
	margin-bottom:0.5em;
	font-weight:bold;
}

.artikelauswahl select {
	width:22em;
	margin-left:1em;
	text-align:left;
}

.artikelauswahl p.fehler {
	font-weight:bold;
}


/*
 *	Seitenaufbau Projektseite
 * */
.projektseite #seitenraender {
	margin-right:20px;
}

.projektseite .img {
	width:227px;
	margin:0 15px 0.4em 15px;
	font-size:0.9em;
}

.projektseite .img.links {
	margin-left:0.2em;
}

.projektseite .img.rechts {
	margin-right:20px;
}

.projektseite .img p {
	margin:0;
	font-size:0.9em;
}

.projektseite #layout-center img {
	padding:2px;
	border:1px solid #E4D1B8;
}

.projektseite .box-small {
	width:400px;
	margin:0.8em 10px 1.2em 0px;
}

.projektseite .box-small.rechts {
	margin-right:10px;
	margin-left:12px;
}

.projektseite .box-small h2 {
	background:url("../_img/rahmen/h2-hintergrund_m.gif") no-repeat left bottom;
}

.projektseite .text-zweispaltig {
	width:100%;
	margin:0;
	padding:0;
}

.projektseite .text-zweispaltig h2 {
	margin-bottom:0.4em;
}

.projektseite .text-zweispaltig p.links {
	width:45%;
}

.projektseite .text-zweispaltig p.rechts {
	float:none;
	margin-left:48%;
}



/*
 *	Seitenaufbau Bankeinzugsformular
 * */
.bankeinzug #seitenraender {
	margin-left:15px;
}

.bankeinzug fieldset {
	margin-bottom:1.2em;
}

.bankeinzug .kontaktdaten .fehler label,
.bankeinzug .projektdaten .fehler label,
.bankeinzug .ueberweisungsdaten .fehler label {
	color:red;
	font-weight:bold;
}

.bankeinzug #fld_personendaten label,
.bankeinzug #fld_bankdaten label {
	float:left;
	width:12.0em;
	margin-bottom:0.2em;
}

.bankeinzug #fld_personendaten label.form_titel {
	float:none;
	width:auto;
	margin-left:1em;
}

.bankeinzug #fld_personendaten input,
.bankeinzug #fld_bankdaten input {
	width:18em;
	margin-left:0.5em;
}

.bankeinzug #fld_personendaten select#form_anrede {
	width:5em;
	margin-left:0.5em;
}

.bankeinzug #fld_personendaten input#form_titel {
	width:8em;
	margin-left:0;
}

.bankeinzug #fld_personendaten input#form_plz {
	width:5.5em;
}

.bankeinzug #fld_personendaten input#form_tel_vorwahl {
	width:4.5em;
	margin-right:0;
}

.bankeinzug #fld_personendaten input#form_tel_nummer {
	margin-left:0.2em;
	width:12.4em;
}

.bankeinzug #fld_bankdaten input#form_blz {
	width:11em;
}

.bankeinzug #fld_bankdaten input#form_konto {
	width:11em;
}

.bankeinzug #fld_bankdaten input#form_betrag {
	width:4em;
	text-align:right;
}

.bankeinzug #fld_bankdaten input#form_projekt,
.bankeinzug #fld_bankdaten input#form_bankname {
	background-color:#EAEAEA;
}

.bankeinzug #fld_personendaten input,
.bankeinzug #fld_personendaten select,
.bankeinzug #fld_bankdaten input {
	border:1px solid #7F9DB9;
	margin-bottom:0.2em;
}

.bankeinzug #fld_personendaten input,
.bankeinzug #fld_bankdaten input {
	padding:1px 2px;
}

.bankeinzug #fld_personendaten select {
	padding:1px;
}

.bankeinzug #fld_personendaten p.fehler,
.bankeinzug #fld_bankdaten p.fehler {
	margin-left:12.5em;
	color:red;
}

.bankeinzug #fld_auswahl .spalten-radiobutton {
	width:100%;
	margin:0 0 1.5em;
	padding:0;
}

.bankeinzug #fld_auswahl p {
	float:left;
	margin:0;
	padding:0;
	width:12em;
}

.bankeinzug #fld_auswahl .rechts {
	float:none;
	margin-left:12.3em;
}

.bankeinzug form .buttons {
	/*
		Zu diesem Wert gibt es einen IE-bugfix in einer separaten
		CSS-Datei.
	*/	width:22em;
	margin-bottom:25px;
}



/*
 *	Seitenaufbau Kontrollformular fuer Bankeinzug
 * */
.bank-kontrolle #seitenraender {
	margin:0 10px;
}

.bank-kontrolle #fld_personendaten,
.bank-kontrolle #fld_bankdaten,
.bank-kontrolle #fld_abfragen {
	margin:1.2em 0 1.2em 0;
}

.bank-kontrolle h2 {
	margin:0 0 0.2em;
	float:left;
	width:12em;	
	color:black;
	font-size:1.0em;
	font-weight:normal;
}

.bank-kontrolle p.spalte-rechts {
	margin:0 0 0.2em;
	padding:0;
	color:black;
}

.bank-kontrolle form .buttons {
	/*
		Zu diesem Wert gibt es einen IE-bugfix in einer separaten
		CSS-Datei.
	*/	width:25em;
}

.bank-kontrolle form .buttons .rechts {
	width:13em;
}



/*
 *	Seitenaufbau "Spende abgeschickt / Danke"
 * */
.spende-abgeschickt #seitenraender {
	margin:0 10px;
}
.spende-abgeschickt form input.rechts {
	width:15em;
}

.spende-abgeschickt h2 {
	margin-top:0;
}



/*
 *	Seitenaufbau "eCards"
 * */
.ecards #seitenraender {
	margin:0 15px 0 5px;
}

.ecards .box-medium {
	float:right;
/*	width:464px; */
	width:444px;
	padding:0;
}

.ecards .artikel-links {
	float:left;
/*	width:249px; */
	width:269px;
}

.ecards .box-img-large {
	/*
		ausgelegt fuer Bildbreite 230px
	*/
/*	width:248px; */
	width:268px;
	margin-bottom:30px;
}

.ecards .box-img-small {
	/*
		ausgelegt fuer Bildbreite 110px
	*/
/*	width:122px; */
	width:132px;
}

.ecards form {
	margin:0 22px;
}

.ecards label {
	display:block;
/*	margin:0; */
	margin:0.8em 0 0 0;
}

.ecards label.fehler {
	font-weight:bold;
}

.ecards input {
	display:block;
	width:330px;
/*	margin:0 0 1em; */
	margin:0;
}

.ecards textarea {
/*	width:380px; */
	width:365px;
	margin:0;
}

.ecards form p {
	margin-left:0;
	margin-right:0;
}

.ecards form p.fehler {
	font-weight:bold;
}

.ecards .buttons {
	margin-top:20px;
}

.ecards .buttons input {
	width:18em;
}

.ecard-motiv {
	text-align:center;
}

.ecard-motiv img {
	margin:10px 0 20px;
}



/*
 *	Seitenaufbau "Pressefotos" + "Newsletter
 * */
.pressefotos #seitenraender,
.newsletter #seitenraender {
	margin:0 15px 0 5px;
}

.pressefotos .box-medium,
.newsletter .box-medium {
	float:right;
	width:335px;
	padding:0;
}

.pressefotos table {
	float:left;
}

.newsletter .text-links {
	float:left;
	width:375px;
}

.pressefotos .box-img-small {
	/*
		ausgelegt fuer Bildbreite 110px
	*/
	width:122px;
}

.pressefotos td.links .box-img-small,
.pressefotos td.mitte .box-img-small {
	margin:0 6px 10px 0;
}

.pressefotos td.rechts .box-img-small {
	margin:0 0 10px 0;
}

.pressefotos form,
.newsletter form {
	margin:0 22px;
}

.pressefotos label,
.newsletter label {
	display:block;
	margin:0.6em 0 0 0;
}

.pressefotos label.fehler,
.newsletter label.fehler {
	font-weight:bold;
}

.pressefotos input,
.newsletter input {
	display:block;
	width:240px;
	margin:0;
}

.newsletter select {
	display:block;
	margin:0;
}

.pressefotos form input.submit,
.newsletter form input.submit {
	width:11em;
	margin-left:1.5em;
	margin-top:1.2em;
}

.pressefotos form p,
.newsletter form p {
	margin-left:0;
	margin-right:0;
}

.pressefotos .box-medium .img {
	text-align:center;
}

.pressefotos .box-medium .img img {
	margin:10px 0 20px;
}


/*
 * Videos im Pressebereich
 * */
.video #seitenraender {
	margin:0 15px 0 5px;
}

.video .box-medium {
	float:right;
	width:385px;
	padding:0;
}

.video .box-medium object,
.video .box-medium img {
	margin:0 0 10px 23px;
}

.video .text-links {
	float:left;
	width:325px;
}