/*
	Projekt:	www.online-fundraisingsysteme.de
	Copyright:	2007-2009, Claus Coviello, www.webseiten-mit-sinn.de
	Version:	01.05.00, Screenlayout
	geandert:	2009-01-19


/**
 * Farbcodes
 *
	#FFFFFF		Seitenhintergrund, weiss
	#333333		normale Schrift
	#595959		Link
	#1C9E25		Linkunterstreichung
	#			Hauptmenue, Schrift
	#			Hauptmenue, Hintergrund
	#			Hauptmenue, Hintergrund aktiver Menuepunkt
	#			Kopfleiste
	#A6A6A6		graue Trennlinien
*/

/* Alle tags auf Null zuruecksetzen */
html, body, div, ul, ol, li, img, form, fieldset, label, table, tr, th, td {
	margin:0;
	padding:0;
	color:#333;
	line-height:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	border:0;
}

h1,
.h1-style,
#layout-right h2 {
	margin:0 0 0.7em 0;
	padding:0;
	color:#595959;
	font-size:1.47em;
	line-height:1.15em;
	font-weight:normal;
}

h1 span, .h1-style span {
	color:#1C9E25;
}

h2, .h2-style {
	margin:1.5em 0 0.25em 0;
	padding:0;
	color:#595959;
	font-size:1.5em;
	line-height:1.3em;
	font-weight:normal;
}

h2 span, .h2-style span {
	color:#1C9E25;
}

h3, .h3-style {
	margin:1.7em 0 0.3em 0;
	padding:0;
	color:#444;
	font-size:1.2em;
	line-height:1.3em;
	font-weight:bold;
}

h3 span {
	color:#1C9E25;
}

h4, .h4-style {
	margin:1.2em 0 0.3em 0;
	padding:0;
	color:#444;
	font-size:1.1em;
	line-height:1.3em;
	font-weight:bold;
}

h4 span {
	color:#1C9E25;
}

p {
	margin:0 0 0.6em 0;
	padding:0;
}


p.error {
	color:red;
	font-weight:bold;
}

blockquote {
	margin:0.8em 2em 1em 1.5em;
	padding:0;
	font-style:italic;
}

em {
	font-weight:bold;
	font-style:normal;
}

strong, .bold {
	font-weight:bold;
}

a {
	color:#1C9E25;
	text-decoration:underline;
}

a span {
	color:#595959;
}

a:focus span {
	color:black;
	background-color:#DDD;
}

a:hover span {
	color:#1C9E25;
}

ul {
	margin:1.3em 0 0.8em 10px;
	padding:0;
	list-style-type:none;
}

li {
	margin:0 0 0.5em 0;
	padding:0 0 0 17px;
	/*
		IE-bugfix
	*/	position:relative;
}

hr {
	margin:10px 0;
	padding:0;
	border:0;
	border-top:1px solid #A6A6A6;
}

.skip, p.skip, .print-only {
	position:absolute;
	left:-2000px;
	top:-2000px;
	width:0;
	height:0;
	overflow:hidden;
	display:inline;
}

.spaltenabschluss {
	display:block;
	height:1px;
	font:1px /1 sans-serif;
	clear: both;
}

.anmerkung-programmierer,
.kommentar-programmierer {
	color:red;
	font-weight:normal;
	font-style:italic;
}


/*
 * Aufbau Grundlayout
 * */
html, body {
	height: 100%;
}

body {
	/*
		IE-Fehler: Die Schriftgroesse muss in Prozent angegeben werden.
		Mit em kann es im IE (5.0, 5.5, 6.0, 7beta) Probleme geben.
		Bei Aenderung der Schriftgroesse im Browser verschiebt sich der
		Text in der linken Spalte des 3-spaltigen Layouts.
	*/
	margin:0 5px;
	text-align:center;
	font-size:80%;
	background-color:white;
}

/*
 * Grundgeruest dreispaltiges Layout
 * */
#wrapper {
	width:862px;
	margin:0 auto;
	padding:0 0 10px 0;
	text-align:left;
}

#outer-container {
	width:auto;
	padding-left:13em;
}

body.three-columns #outer-container {
/*	padding-right:210px; */
	padding-right:225px;
}

#inner-container {
	margin:0;
	width:100%;
	background:url("../_img/linie_senkrecht-grau.gif") repeat-y 0 0;
}

#layout-left {
	z-index:10;
	position:relative;
	float:left;
	width:13em;
	margin-left:-13em;
	margin-right:1px;
	overflow:hidden;
}

#layout-right {
	z-index:11;
	position:relative;
	float:left;
/*	width:210px; */
	width:225px;
	margin-left:9px;
/*	margin-right:-210px; */
	margin-right:-225px;
	overflow:hidden;
}

#layout-center {
	z-index:12;
	position:relative;
	float:left;
	width:100%;
	margin:0 0 0 -2px;
	overflow:hidden;
}

body.three-columns #layout-center {
	margin-right:-8px;
}


/* Seitenkopf */
#header {
	position:relative;
	height:210px;
	margin:17px 0 0 0;
	background:url("../_img/header_gras.jpg") no-repeat 50% 9px;
}

/* Seitenfuss */
#footer {
	margin:40px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px solid #A6A6A6;
text-align:center;
}

#footer #logo-w3ms,
#footer #logo-fundwort {
/*	margin:0 40px 0 13em; */
margin:0 60px 0 0;
}


/*
 * Aufbau Seitenkopf
 * */
#logo {
	height:23px;
	margin:0 0 0 41px;
}

/* Brotkrumenpfad */
#wo-bin-ich {
	position:absolute;
	top:115px !important;
	top:99px;
	left:0px;
	height:23px;
	margin:0;
	padding:0;
}

#wo-bin-ich .mindestbreite {
	display:block;
	width:310px;
	height:1px;
}

#wo-bin-ich p {
	padding:2px 20px 5px 40px;
	color:black;
	font-size:0.89em;
	background:url("../_img/brotkrumenpfad_hintergrund.gif") no-repeat right top;
}

#wo-bin-ich a {
	color:black;
}

#wo-bin-ich a:hover {
	color:#1C9E25;
}


/* Aufbau Navigation fuer: Kontakt, Impressum, Datenschutz */
#subnavi {
	position:absolute;
	top:4px;
	right:0px;
	margin:0;
	padding:0;
}

#subnavi li {
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
	font-size:0.95em;
	border-left:1px solid #333;
}

#subnavi li.first {
	border-left:none;
}

#subnavi li strong {
	padding:0 3px 0 6px;
	font-weight:bold;
}

#subnavi li a {
	/*
		Wert fuer den IE
	*/	padding:0 3px 0 6px !important;
	/*
		Korrektur fuer "normale" Browser
	*/	padding-right:7px;
	color:#333;
	font-weight:normal;
	text-decoration:none;
}

#subnavi li a:focus {
	background-color:#DDD;
}

#subnavi li a:hover,
#subnavi li a.aktiv {
	color:black;
	font-weight:bold;
	text-decoration:underline;
}

#subnavi li span {
	/*
		Browserweiche: IE 5.x
	*/	voice-family: "\"}\"";
		voice-family: inherit;
	/*
		Wert fuer andere Browser
	*/
	position:absolute;
	left:-2000px;
	top:-2000px;
	width:0;
	height:0;
	overflow:hidden;
	display:inline;
	} .empty {
}


/**
 * Linke Spalte
 */

/* Hauptmenue */
#hauptnavi {
	margin:0 16px 34px 5px;
	padding:0;
	list-style-type:none;
}

#hauptnavi li {
	margin:0 0 5px 0;
	padding:0;
	font-size:1.35em;
	line-height:1em;
	border-bottom:1px solid #A6A6A6;
}

#hauptnavi li.first {
	padding-top:5px;
	border-top:1px solid #A6A6A6;
}

#hauptnavi li a,
#hauptnavi li strong {
	display:block;
	margin-bottom:5px;
	padding:6px 0px 5px 10px;
	color:#0E3300;
	font-weight:normal;
	text-decoration:none;
	/*
		IE-bugfix
	*/	background-color:white;
}

#hauptnavi li a.aktiv,
#hauptnavi li a:hover,
#hauptnavi li a:focus,
#hauptnavi li strong {
	padding-left:5px;
	font-weight:bold;
	border-left:5px solid #1C9E25;
}


/* Textblock unter dem Hauptmenue */
#layout-left p {
	margin-left:5px;
	margin-right:5px;
}

#layout-left p.h1-style {
	margin-bottom:0.4em;
}

#layout-left p strong {
	font-weight:normal;
}



/**
 * Aufbau und Inhalte mittlere Spalte
 */
#layout-center #seitenrand {
	margin-left:15px;
}

#layout-center ul {
	margin:0.8em 0 1.2em 5px;
	padding:0 0 0 0;
	list-style-type:disc;
	/*
		Browserweiche
	*/	voice-family: "\"}\"";
		voice-family: inherit;
	/*
		Angaben fuer "normale" Browser
	*/
	list-style-type:none;
	} .empty {
}

#layout-center li {
	margin:0 0 0.8em 0;
	padding:0 0 0 0.3em;
	/*
		Browserweiche
	*/	voice-family: "\"}\"";
		voice-family: inherit;
	/*
		Angaben fuer "normale" Browser
	*/
	padding-left:12px;
	background:url("../_img/listenzeichen-einfach.gif") no-repeat 0 0.6em;
	} .empty {
}


/* Screenshot-Liste (kleine Darstellung */
#layout-center .box-screenshot {
	width:99%;
	margin:15px 0 20px 0;
	padding:25px 0 0 0;
	border-top:1px solid lightgrey;
}

#layout-center .box-screenshot.first {
	border-top-width:0;
	padding-top:0;
}

#layout-center .box-screenshot img {
	float:left;
	margin:2px 10px 0 0;
}

#layout-center .box-screenshot h2 {
	margin:0 0 0.4em 230px;
	padding:0;
	color:#444;
	font-size:1em;
	line-height:1.3em;
	font-weight:bold;
}

#layout-center .box-screenshot p {
/*	margin:0 230px 0 0; */ margin:0 0 0 230px;
	padding:0 0 0.5em 0;
}

/* Grossansicht des Screenshots */
#layout-center a.screenshot {
	display:block;
	width:540px;
	margin:20px 0 10px 45px;
	text-align:center;
}

#layout-center .screenshot img {
	text-align:center;
	margin:0 auto;
	border:1px solid #DDD;
}

#layout-center p.screenshot {
	margin-left:45px;
	width:540px;
}

#layout-center .img-border {
	border:1px solid #DDD;
}

/* Tabelle: Uebersicht Spendensysteme */
#layout-center table,
#layout-center tr,
#layout-center th,
#layout-center td {
	margin:0;
	padding:1px;
}

#layout-center table.vr-pay {
	width:75%;
}

#layout-center table {
	margin:1em 0;
	text-align:left;
}

#layout-center table .column1 {
	width:15%;
}

#layout-center table.vr-pay .column1 {
	width:10%;
}

#layout-center table .column2,
#layout-center table .column3,
#layout-center table .column4,
#layout-center table .column5,
#layout-center table .column6,
#layout-center table .column7 {
	width:15%;
}

#layout-center table .differenziert {
	border-right:3px solid #AAA;
}

#layout-center tr.first td.empty {
	border-right:1px solid #AAA;
	border-bottom:1px solid #AAA;
}

#layout-center tr.first th {
	text-align:center;
	border-top:1px solid #AAA;
}

#layout-center th,
#layout-center td {
	border-bottom:1px solid #AAA;
	border-right:1px solid #AAA;
}


/* rechtslaufende Box mit Anmerkungen */
#layout-center .box {
	position:relative;
	float:right;
	width:300px;
	margin:0 0 20px 15px;
	background:url("../_img/rahmen/box_rahmen-unten-links.gif") no-repeat left bottom;
}

#layout-center .box.xxl {
	width:480px;
}

#layout-center .box .subdiv {
	padding:15px 0;
	width:100%;
	background:url("../_img/rahmen/box_rahmen-unten-rechts.gif") no-repeat right bottom;
}

#layout-center .box .frame-top {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:20px;
	background:url("../_img/rahmen/box_rahmen-oben-links.gif") no-repeat left top;
}

#layout-center .box .frame-top.xxl {
	width:480px;
}

#layout-center .box .frame-top span {
	float:right;
	width:20px;
	height:100%;
	background:url("../_img/rahmen/box_rahmen-oben-rechts.gif") no-repeat right top;
}

#layout-center .box .seitenrand {
	margin-left:13px;
	margin-right:13px;
}

#layout-center .box p,
#layout-center .box table,
#layout-center .box h3,
#layout-center .box h4 {
	margin-left:10px;
	margin-right:10px;
}


/*
 * Aufbau und Inhalte rechte Spalte
 * */

/* Box mit Rahmen */
#layout-right .box {
position:relative;
	width:209px;
	margin:0 0 20px 15px;
	background:url("../_img/rahmen/box_rahmen-unten-links.gif") no-repeat left bottom;
}

#layout-right .box .subdiv {
	padding:15px 0;
	width:100%;
	background:url("../_img/rahmen/box_rahmen-unten-rechts.gif") no-repeat right bottom;
}

#layout-right .box .frame-top {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:209px;
	height:20px;
	background:url("../_img/rahmen/box_rahmen-oben-links.gif") no-repeat left top;
}

#layout-right .box .frame-top span {
	float:right;
	width:20px;
	height:100%;
	background:url("../_img/rahmen/box_rahmen-oben-rechts.gif") no-repeat right top;
}

#layout-right .seitenrand {
	margin-left:13px;
	margin-right:13px;
}

#layout-right h2 {
	margin-bottom:0.4em;
}

#layout-right h3 {
	margin-top:0.8em;
}


#layout-right ul {
	margin:0;
	padding:0;
}

#layout-right li {
	margin:0 0 0.8em 0;
	padding:0 0 0 0.3em;
	/*
		Browserweiche
	*/	voice-family: "\"}\"";
		voice-family: inherit;
	/*
		Angaben fuer "normale" Browser
	*/
	padding-left:0;
	text-indent:12px;
	background:url("../_img/listenzeichen-einfach.gif") no-repeat 0 0.6em;
	} .empty {
}

/* Formular: Newsletter-Registrierung */
#layout-right form {
	margin:0 0 1em 0;
	padding:0;
}

#layout right label {
	display:block;
	margin:0;
	padding:0;
}

#layout-right form .pflichtfeld,
#layout-right form .fehler {
	font-weight:bold;
	color:red;
}

#layout-right input#form-email {
	width:97%;
	margin:0 0 0.2em 0;
	padding:2px 1px;
	border:1px solid #A6A6A6;
	background-color:#eee;
}

#layout-right input.submit {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:180px;
}