/*
 * Box mit breitem Rahmen und farbiger Unterlegung der Ueberschrift
 * letzte Aenderung: 05.10.2006
 * */
.box-medium {
	position:relative;
	width:490px;
	margin:0 0 12px 0;
	padding:0;
	background:#F8F2E4 url("../_img/rahmen/rahmen_l_unten-links.gif") no-repeat left bottom;
}

.box-medium .subdiv {
	/* 
		Werte fuer alle Browser + Browserweiche
	*/	padding:8px 9px 24px !important;
	/*
		bugfix fuer IE 5.x/6/7
	*/	padding:7px 9px 24px;
	background:url("../_img/rahmen/rahmen_l_unten-rechts.gif") no-repeat right bottom;
}

.box-medium .rahmen-oben {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:27px;
	width:100%;
	background:url("../_img/rahmen/rahmen_l_oben-links.gif") no-repeat left top;
}

.box-medium .rahmen-oben span {
	float:right;
	width:27px;
	height:100%;
	background:url("../_img/rahmen/rahmen_l_oben-rechts.gif") no-repeat right top;
}


.box-medium h1,
.box-medium h2.h1-layout {
	margin:0 0 0.8em;
	padding:7px 15px 15px 22px;
	font-size:1.15em;
	font-weight:bold;
	background:url("../_img/rahmen/h2-hintergrund_m.gif") no-repeat left bottom;
	/*
		IE 5.x/6-bugfix damit der Hintergrund angezeigt wird
	*/	position:relative;
}

.box-medium h2 {
	margin-left:22px;
	margin-right:22px;
}

.box-medium p {
	margin-left:22px;
	margin-right:22px;
}

.box-medium ul {
	margin-left:40px;
	margin-right:25px;
}

.box-medium ul a:hover .link-mehr {
	text-decoration:underline; /* kann evtl. weg */
}

.box-medium .trennlinie {
	display:block;
	height:2px;
	margin:25px 11px;
	padding:0;
	background:url("../_img/trennlinie-waagerecht-rot.gif") repeat-x center left;
}


/*
 * kleine Box in der Seite "Spenden & Helfen" und Box im Breitformat fuer 
 * Auswahlseiten (Startseite, Menschen & Projekte, ... )
 * */
.box-small,
.box-large {
	position:relative;
	padding:0;
	background:#F8F2E4 url("../_img/rahmen/rahmen_m_unten-links.gif") no-repeat left bottom;
}

.box-small {
	width:287px;
	margin:0 0 6px;
}

.box-large {
	width:680px;
	margin:0 0 12px;
}

.box-small .subdiv,
.box-large .subdiv {
	background:url("../_img/rahmen/rahmen_m_unten-rechts.gif") no-repeat right bottom;
}

.box-small .subdiv {
	/*	
		Werte fuer alle Browser + Browserweiche
	*/	padding:5px 6px 9px !important;
	/*
		bugfix fuer IE 5.x/6/7
	*/	padding:4px 6px 9px;
}

.box-large .subdiv {
	padding:6px 0 5px;
	width:100%;
}

.box-small .rahmen-oben,
.box-large .rahmen-oben {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:15px;
	background:url("../_img/rahmen/rahmen_m_oben-links.gif") no-repeat left top;
}

.box-small .rahmen-oben span,
.box-large .rahmen-oben span {
	float:right;
	width:15px;
	height:100%;
	background:url("../_img/rahmen/rahmen_m_oben-rechts.gif") no-repeat right top;
}

.box-large .rahmen-unten {
	position:absolute;
	left:0;
	bottom:0px;
	width:100%;
	height:15px;
	background:url("../_img/rahmen/rahmen_m_unten-links.gif") no-repeat left bottom;
}

.box-large .rahmen-unten span {
	display:block;
	float:right;
	width:15px;
	height:100%;
	background:url("../_img/rahmen/rahmen_m_unten-rechts.gif") no-repeat right bottom;
}

.box-small h1,
.box-small h2 {
	margin:0 0 0.4em;
	padding:2px 5px 0.5em 12px;
	font-size:1.15em;
	font-weight:bold;
	background:url("../_img/rahmen/h2-hintergrund_s.gif") no-repeat left bottom;
	/*
		IE 5.x/6-bugfix damit der Hintergrund angezeigt wird
	*/	position:relative;
}

.box-small h3 {
	margin:0.8em 0 0.2em 12px;
}

.box-small p {
	margin-left:12px;
	margin-right:6px;
}

.box-small p .link-mehr {
	position:relative;
	display:block;
	margin-right:15px;
	text-align:right;
}

.box-large h1,
.box-large h2 {
	margin:0 10px 0.4em 258px;
	padding:0.6em 0 0;
	font-size:1.15em;
	font-weight:bold;
}

.box-large p {
	/*
		bugfix fuer IE 5.x/6 mit float-Elementen in der Box:
		Der IE setzt "margin-bottom" des letzten Textelementes unter dem
		Element mit "clear:both" fort. Das laesst sich umgehen, durch
		Ersetzen von "margin-bottom" durch "padding-bottom".
	*/
	margin:0 15px 0 10px;
	margin-left:258px;
	padding:0 0 0.8em;
}

.box-large a .link-mehr {
	font-size:0.9em;
}

.box-large img {
	float:left;
	margin:0 10px 0 6px;
}

.box-large ul {
	margin:0 0 0 258px;
}

.box-large li {
	margin-bottom:0px;
	padding-bottom:0.5em;
}

/*
 * Rahmen um Bilder 
 * */
.box-img-small,
.box-img-large {
	position:relative;
	margin:0 0 6px;
}

.box-img-small {
	/*
		ausgelegt fuer Bildbreite 100px
	*/
	width:112px;
	background:#F3E9D2 url("../_img/rahmen/rahmen-img_s_unten-links.gif") no-repeat left bottom;
}

.box-img-large {
	/*
		ausgelegt fuer Bildbreite 210px
	*/
	width:228px;
	background:#F3E9D2 url("../_img/rahmen/rahmen-img_l_unten-links.gif") no-repeat left bottom;
}

.box-img-small .subdiv {
	padding:6px;
	background:url("../_img/rahmen/rahmen-img_s_unten-rechts.gif") no-repeat right bottom;
}

.box-img-large .subdiv {
	padding:9px 9px 6px;
	background:url("../_img/rahmen/rahmen-img_l_unten-rechts.gif") no-repeat right bottom;
}

.box-img-small .rahmen-oben,
.box-img-large .rahmen-oben {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

.box-img-small .rahmen-oben {
	height:12px;
	background:url("../_img/rahmen/rahmen-img_s_oben-links.gif") no-repeat left top;
}

.box-img-large .rahmen-oben {
	height:25px;
	background:url("../_img/rahmen/rahmen-img_l_oben-links.gif") no-repeat left top;
}

.box-img-small .rahmen-oben span,
.box-img-large .rahmen-oben span {
	float:right;
	display:block;
	height:100%;
}

.box-img-small .rahmen-oben span {
	width:12px;
	background:url("../_img/rahmen/rahmen-img_s_oben-rechts.gif") no-repeat right top;
}

.box-img-large .rahmen-oben span {
	width:25px;
	background:url("../_img/rahmen/rahmen-img_l_oben-rechts.gif") no-repeat right top;
}

.box-img-small .rahmen-unten,
.box-img-large .rahmen-unten {
	display:block;
	position:absolute;
	left:0;
	bottom:0px;
	width:100%;
}

.box-img-small .rahmen-unten {
	height:12px;
	background:url("../_img/rahmen/rahmen-img_s_unten-links.gif") no-repeat left bottom;
}

.box-img-large .rahmen-unten {
	height:25px;
	background:url("../_img/rahmen/rahmen-img_l_unten-links.gif") no-repeat left bottom;
}

.box-img-small .rahmen-unten span,
.box-img-large .rahmen-unten span {
	float:right;
	display:block;
	height:100%;
}

.box-img-small .rahmen-unten span {
	width:12px;
	background:url("../_img/rahmen/rahmen-img_s_unten-rechts.gif") no-repeat right bottom;
}

.box-img-large .rahmen-unten span {
	width:25px;
	background:url("../_img/rahmen/rahmen-img_l_unten-rechts.gif") no-repeat right bottom;
}

.box-img-small .text,
.box-img-large .text {
	display:block;
	padding-bottom:4px;
	text-align:center;
	color:#7C5F4C;
	font-size:1em;
	line-height:1.2em;
	font-weight:bold;
}

.box-img-small .text {
	margin-left:2px;
	margin-right:2px;
}

.box-img-large .text {
	margin-left:15px;
	margin-right:10px;
}

.box-img-small .text a,
.box-img-large .text a {
	color:#7C5F4C;
}

.box-img-small a:hover .text,
.box-img-large a:hover .text  {
	text-decoration:underline;
}

.box-img-small a .link-mehr,
.box-img-large a .link-mehr {
	padding-right:0.3em;
	border-color:#F3E9D2;
}