/*
	Projekt:		www.witzleben-stiftung.de
	Copyright:		2007, Claus Coviello, www.webseiten-mit-sinn.de
	Version:		Screenlayout, Version 00.01.05
	geandert am:	13.06.2007


/*
 * Schriftgroessen und -farben
 * *
	p	#562F1E, dunkelbraun
	h1	#339933, gruen
	h2	...
	h3	...


/*
 * Farbcodes
 * *
	#D9ECD9		Seitenhintergrund, hellgruen
	#562F1E		normale Schrift, dunkelbraun
	#339933		link, gruen
	#267326		link, gruen (abgedunkelt fuer feine Schriftzuege)
	#F2EFED		Hauptmenue, Hintergrund, hellgrau
	#FFFFFF		Hauptmenue, Hintergrund aktiver Menuepunkt, weiss
	#333333		Hauptmenuepunkt passiv, Schrift, Antrazit
	#339933		Haupt-/Untermenuepunkt aktiv, Schrift, gruen
	#666666		Untermenuepunkt passiv, Schrift, grau


/*
 * Alle tags auf Null zuruecksetzen und allgemeine
 * Formatierung (projektunabhaengig)
 * */
html, body, div, ul, ol, li, img, form, fieldset, label, table, th, tr, td {
	margin:0;
	padding:0;
	border:0;
}


/*
 * 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;
	padding:0;
	color:#562F1E; /* dunkelbraun */
	font-size:80%;
	line-height:1.45em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-style:normal;
	background-color:#D9ECD9; /* hellgruen */
}

#background {
	width:800px;
	height:100%;
	overflow:hidden;
	padding:0 0 1px 1px;
}

#background div.outer-container {
	height:100%;
	background:white url("../_img/punktlinie_senkrecht.gif") repeat-y right top;
}

#wrapper {
	position:absolute;
	top:0;
	left:0;
	width:800px;
	padding-left:1px;
	background:url("../_img/punktlinie_senkrecht.gif") repeat-y left top;
}

#header {
	height:100px;
	padding:25px 0 0 21px;
	background:#C9C6BB url("../_img/header_motiv.jpg") no-repeat right top;
}

.outer-container {
	width:auto;
	border-left:220px solid #F2EFED; /* hellgrau */
	background-color:white;
}

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

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

#layout-center {
	z-index:12;
	position:relative;
	float:left;
	width:88%;
	margin:0 -8px 0 -2px;
	padding:0 5% 30px 7%;
	overflow:hidden;
}


/*
 * Allgemeine Formatierungen
 * */
.links {
	float:left;
}

.rechts {
	float:right;
}

img {
	border:0;
}

.skip, p.skip, .print-only {
	position:absolute;
	left:-1000px;
	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;
	font-size:0.9em;
}

a {
	color:#393; /* gruen */
	text-decoration:underline;
}

/* abgedunkeltes gruen fuer links mit feiner Schrift */
a.dunkel,
a .dunkel {
	color:#267326; /* gruen (abgedunkelt) */
}


/*
 * Aufbau Hauptmenue
 * */
ul#hauptmenue,
ul#hauptmenue li.untermenue ul {
	/*
		bugfix: IE 5-7
	*/	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	background-color:#F2EFED;
}

#hauptmenue li {
	margin:0;
	padding:0 0 1px 0;
	background:url("../_img/punktlinie_waagerecht.gif") repeat-x left bottom;
}

#hauptmenue li.untermenue {
	padding-bottom:0;
	background:none;
}

#hauptmenue a {
	display:block;
	width:100%;
	padding:4px 0;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

html>body #hauptmenue a {
	width:auto;
}

#hauptmenue li.untermenue a {
	color:#666;
	background:url("../_img/listenz_doppelpunkte_grau.gif") no-repeat 10.5% 0.75em;
}

#hauptmenue a span {
	display:block;
	width:89.9%;
	margin:0 2% 0 8%;
}

#hauptmenue li.untermenue a span {
	width:83%;
	margin-left:15%;
}

#hauptmenue a:hover,
#hauptmenue a:focus,
#hauptmenue li.aktiv0 a,
#hauptmenue li.aktiv1 a,
#hauptmenue li.aktiv a {
	color:#393; /* gruen */
	background-color:white;
}

#hauptmenue a:hover,
#hauptmenue a:focus {
	/*
		bugfix: IE 6-7
	*/	cursor:pointer;
/*	text-decoration:underline; */
}

#hauptmenue li.aktiv0 a:hover,
#hauptmenue li.aktiv0 a:focus,
#hauptmenue li.aktiv a:hover,
#hauptmenue li.aktiv a:focus {
	text-decoration:none;
	cursor:default;
}

#hauptmenue li.untermenue li.aktiv a,
#hauptmenue li.untermenue a:hover {
	background-color:white;
	background-image:url("../_img/listenz_doppelpunkte_gruen.gif");
}

#logo-bundesverband {
	display:block;
	margin-top:75px;
	text-align:center;
}

#logo-bundesverband img {
	margin:0 auto;
}



/*
 * Content-Bereich
 * */
#layout-center ul#subnavi {
	position:relative;
	left:14px;
	display:block;
	margin:7px 0 15px 0;
	padding:0;
	font-size:0.85em;
	line-height:1em;
	text-align:right;
}

#layout-center ul#subnavi li {
	display:inline;
	margin:0;
	padding:0 0 0 0.7em;
	border-left:1px solid #333;
	background:none;
}

#layout-center ul#subnavi li.first {
	border-left:0;
	padding-right:0.2em;
}

#layout-center ul#subnavi li a {
	text-decoration:none;
	color:#333;
}

#layout-center ul#subnavi li a:hover,
#layout-center ul#subnavi li a:focus {
/*	text-decoration:underline; */
}



/*
 * Allgemeine Textformatierungen
 * */
h1, .h1-style {
	margin:0.5em 0 0.7em 0;
	padding:0;
	color:#339933; /* gruen */
	font-size:1.7em;
	line-height:1.3em;
	font-weight:normal;
}

.h1-style {
	margin:1.4em 0 0.2em 0;
}

h2, .h2-style {
	margin:1.6em 0 0.7em 0;
	padding:0;
	color:#562F1E; /* dunkelbraun */
	font-size:1.15em;
	line-height:1.3em;
	font-weight:bold;
}

h3, .h3-style {
	margin:1.6em 0 0.6em 0;
	padding:0;
	color:#562F1E; /* dunkelbraun */
	font-size:1.05em;
	line-height:1.3em;
	font-weight:bold;
}

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

strong {
	font-weight:bold;
}

#layout-center ul {
	margin:0 0 0.8em 2px;
	padding:0;
	list-style-type:none;
}

#layout-center ul li {
	/*
		bugfix: IE 5-7
		Positionierung fuer den IE
	*/
	background:url("../_img/listenz_punkt.gif") no-repeat 4px 0.5em;
	margin:0 0 0.5em 2px;
	padding:0 0 0 12px;
	/*
		bugfix: IE
	*/	position:relative;
}

#layout-center ul li, [dummy] {
	/*
		bugfix: IE 5-7
		Positionierung fuer "normale" Browser
	*/
	background-position:0% 0.3em;
}

#layout-center ol {
	margin:0 0 0.8em 22px;
	padding:0;
	list-style-type:lower-alpha;
}

#layout-center ol li.alphabet-klein {
	margin-left:0;
	padding-left:0;
}

#layout-center .portraet-mw {
	float:right;
	margin:12px 0 12px 15px;
	border:1px solid #333;
}

#layout-center .eingerueckt {
	margin-left:20px;
}


/*
 * Formulargestaltung
 * */
#layout-center .fehler,
#layout-center .pflichtangabe {
	color:red;
}

#layout-center label {
	display:block;
}

#layout-center select#form_anrede {
	width:9em;
}

#layout-center input#form_vorname,
#layout-center input#form_nachname,
#layout-center input#form_email {
	width:60%;
}

#layout-center label.label_datenschutz {
	display:inline;
}

#layout-center textarea {
	width:90%;
}

#layout-center input.submit {
	margin:0.5em 0 0.8em 0
}