/* ____ Farbschema:
// ____
// ____	http://www.wellstyled.com/tools/colorscheme2/index-en.html?mono;50;0;60;0.3;-0.8;0.3;0.5;0.1;0.9;0.5;0.75;0.3;-0.8;0.3;0.5;0.1;0.9;0.5;0.75;0.3;-0.8;0.3;0.5;0.1;0.9;0.5;0.75;0.3;-0.8;0.3;0.5;0.1;0.9;0.5;0.75;0
// ____
// ____	Hauptfarbe: #CCB48F	Boxen-Hintergrund	
// ____	Dunkel: #807059		Hintergrund geschlossener Reiter
// ____	Hell: #E6DCCF		Seiten-Hintergrund
// ____	Cappuccino: #BF9960	Bildunterschrift-Hintergrund */


/* ____ HTML-Körper (ganze Seite) */

	body {
		background-color:#E6DCCF;
		font-family:Verdana,sans-serif;
		margin:0;
		text-align:center;
		width:100%;
	}

	/* ____ div#body dient zur Zentrierung der Seiteninhalte
	// ____ bei fester Breite, welche durchs Logo vorgegeben wird
	*/

	div#body {
		margin:0 auto 10px auto;
		padding:0;
		position:relative;
		text-align:left;
		width:985px;
	}


/* ____ Überschriften
*/

	/* ____ h1: Überschriften in den Boxen
	*/

	h1 {
		color:#000;
		font-size:1.4em;
		font-weight:normal;
		line-height:1.1em;
		margin-top:0;
	}

	/* ____ h2: Unter-Überschriften in den Boxen
	*/

	h2 {
		font-size:1.4em;
		font-weight:normal;
		line-height:1.1em;
		margin-top:1.4em;
	}
	div.box > h2 {
		margin-top:0em;
	}

	/* ____ h3: Website zum Bankkunden-Forum bei XING
	*/

	h3 {
		font-weight:normal;
		font-size:1em;
		padding-left:10px;
		margin:0;
	}

	/* ____ h4: Beschriftung der Reiter
	*/

	h4 {
		display:block;
		margin:0;
		font-weight:normal;
		padding:0 .8em;
		position:relative;
		z-index:1;
	}

	/* ____ h5: Datum in der Box Newsletter
	*/

	h5 {
		font-size:1em;
		line-height:1em;
		font-weight:normal;
		margin-top:0;
	}

	/* ____ h6: Kleine Ueberschriften im Text, z. B. Interviewfragen
	*/

	h6 {
		font-size:1em;
		font-weight:bold;
		margin-bottom:0;
		margin-top:1em;
	}

/* ____ Struktur: Haupteil der Seite mit Boxen
*/

	/* ____ table.spalten dient zur Aufteilung der Seite in Unterbereiche,
	// ____ in denen dann Boxen sind, und enthält auch die Links am unteren Seitenrand
	*/

	table.spalten {
		border-collapse:collapse;
		margin:20px 8px 0 8px;
	}

	div.keine-spalten {
		font-size:smaller;
		margin:20px 8px 30px 8px;
		padding:0em 1em;
	}

	/* ____ td.spalten enthält die Boxen,
	// ____ zur Breite der spalten siehe die spezifischen CSS-Dateien home.css etc.
	*/

	td.spalten {
		min-height:48px;
		padding-top:0;
		padding-bottom:20px;
		vertical-align:top;
	}

	/* ____ div.box definiert eine Box
	// ____ die runden "Ecken" werden durch Bilder in der HTML-Datei erzeugt, siehe unten
	*/

	div.box {
		background-color:#CCB48F;
		border-style:none;
		font-size:smaller;
		min-height:32px;
		overflow:hidden;
		padding:1em;
		position:relative;
	}

	/* ____ table.reiter enthält die Reiter, die auf den Boxen sitzen
	*/

	table.reiter {
		border-collapse:collapse;
		border-style:none;
		margin:0;
		min-height:16px;
		min-width:32px;
		padding:0;
		position:relative;
	}

	table.reiter tr {
		border-style:none;
		margin:0;
		padding:0;
	}

	table.reiter td {
		border-style:none;
		margin:0;
		padding:0;
		white-space:nowrap;
	}

	/* ____ div.reiterOffen und .reiterGeschlossen definieren die Reiter
	*/

	div.reiterOffen {
		background-color:#CCB48F;
		color:#000;
		margin:0;
		padding:.3em 0;
		position:relative;
		width:100%;
	}

	div.reiterGeschlossen {
		background-color:#807059;
		color:#201C16;
		margin:0;
		padding:.3em 0;
		cursor:pointer;
		position:relative;
		width:100%;
	}

/* ____ Struktur: unterer Seitenrand
*/

	/* ____ tr.unten enthält die Links am unteren Seitenrand
	*/

	div.unten {
		border-top:1px solid #807059;
		color:#555;
		font-size:smaller;
		margin:0 8px;
		padding-bottom:0.2em;
		padding-top:0.2em;
		text-align:center;
	}

	table.unten {
		border-style:none;
		border-collapse:collapse;
		width:100%;
	}

	td.unten-links {
		text-align:left;
	}

	td.unten-rechts {
		text-align:right;
	}

/* ____ Inhalte der Boxen
*/

	/* ____ iFrame in einer ganzen Box
	*/

	iframe.box {
		background:none;
		border-style:none;
		height:40em;
		min-height:400px;
		margin:0;
		padding:0;
		width:100%;
	}

	/* ____ div.block definiert einen Block über die ganze Box-Breite;
	// ____ dieser Block fließt nicht um Bilder herum
	// ____ (aber kann ein Bild mit umfließendem Text enthalten)
	*/

	div.block {
/*		display:table;
		height:100%;
		float:none;
		width:100%;
*/	}

	/* ____ div.figur definiert eine Grafik-Umgebung
	*/

	div.figur {
		background-color:#f8f8f8;
		border:1px solid #807059;
		padding:0;
		text-align:center;
		display:block;
		max-width:100px;
		width:100px;
	}

	/* ____ dif.fig-links und -rechts geben an,
	// ____ auf welcher Seite der Box die Grafik angeziegt wird
	*/

	div.fig-links {
		float:left;
		margin:0.2em 0.6em 0.2em 0em;
	}

	div.fig-rechts {
		float:right;
		margin:0.2em 0em 0.2em 0.6em;
	}

	div.fig-mitte {
		margin:0.2em auto 0.2em auto;
	}

	/* ____ dif.fig-caption enthält die Bildunterschrift
	*/

	div.fig-caption {
		background-color:#BF9960;
		padding:0.5em;
		text-align:left;
		font-size:smaller;
	}

	/* ____ img.figur definiert das eigentliche Bild
	*/

	img.figur {
		border-style:none;
		max-width:100px;
		margin:0em;
		min-width:20px;
		padding:0em;
		vertical-align:middle;
	}

	/* ____ div.kleingedruckt definiert einen Bereich für
	// ____ Kleingedrucktes am unteren Rand in einer Box
	*/

	span.kleingedruckt {
		color:#606060;
		display:block;
		font-size:smaller;
		margin-bottom:-1em;
		margin-top:1em;
		padding-bottom:0em;
	}

/* ____ Listen
*/

	/* ____ Listen ohne Punkt
	*/

	ul.ohne-punkt, ol.ohne-punkt {
		list-style-type:none;
	}

/* ____ Links
*/

	/* ____ Links allgemein
	*/

	a[href]:link {
		color:#400099;
	}
	a[href]:visited {
		color:#2D006B;
	}
	a[href]:focus {
		color:#0044FF;
	}
	a[href]:hover {
		color:#0044FF;
	}
	a[href]:active {
		color:#2266FF;
	}

	/* ____ Links in Überschriften
	*/

	a.ueberschrift {
		text-decoration:none;
	}
	a.ueberschrift[href]:link {
		color:#000000;
	}
	a.ueberschrift[href]:visited {
		color:#000000;
	}
	a.ueberschrift[href]:focus {
		color:#000000;
	}
	a.ueberschrift[href]:hover {
		color:#000000;
	}
	a.ueberschrift[href]:active {
		color:#000000;
	}

	/* ____ Links im Newsbereich der Startseite, die auf den
	// ____ vollen Newsletter verweisen
	*/

	a.mehr[href] {
		font-style:italic;
		text-decoration:none;
	}
	a.mehr[href]:link {
	}
	a.mehr[href]:visited {
	}
	a.mehr[href]:focus {
		font-style:normal;
	}
	a.mehr[href]:hover {
		font-style:normal;
	}
	a.mehr[href]:active {
		font-style:normal;
		font-weight:bold;
	}

	/* ____ Reiter als Link
	*/

	a.reiter[href] {
		color:#201C16;
		margin:-0.3em -0.8em;
		padding:0.3em 0.8em;
		text-decoration:none;
	}

	/* ____ Links am unteren: Rand Impressum
	*/

	div.unten a[href]:link {
		color:#555;
		text-decoration:none;
	}
	div.unten a[href]:visited {
		color:#555;
		text-decoration:none;
	}
	div.unten a[href]:focus {
		color:#0044FF;
		text-decoration:underline;
	}
	div.unten a[href]:hover {
		color:#0044FF;
		text-decoration:underline;
	}
	div.unten a[href]:active {
		color:#2266FF;
		text-decoration:underline;
	}

/* ____ Bilder des Seitendesigns
*/

	/* ____ Bankkunden-Logo oben auf der Seite
	*/

	img.bankkunden-logo {
		background-image:url('logo_bankkunden.png');
		background-repeat:no-repeat;
		border-style:none;
		height:69px;
		width:985px;
	}

	/* ____ runde "Ecken"
	*/

	img.ecke {
		border-style:none;
		position:absolute;
		height:16px;
		width:16px;
		z-index:0;
	}

	img.unten {
		bottom:0;
	}

	img.oben {
		top:0;
	}

	img.links {
		left:0;
	}

	img.rechts {
		right:0;
	}

/* ____ Ende
*/