/*
@project:	www.fundraising-forum-niedersachsen.de
@copyright:	2007-2010, Claus Coviello, www.webseiten-mit-sinn.de
@version	Screenlayout, Version 02.01.00
@modified:	2010-04-23
*/

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

a {
	color: #BF2F38;
	text-decoration: underline;
}

a span {
	color: #144D7E;
}

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

a:hover span {
	color: #BF2F38;
}

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

.h1-style {
	margin-top: 2em;
}

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

h3, .h3-style {
	margin: 1.4em 0 0.3em 0;
	padding: 0;
	color: #BF2F38;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;
}

h3.h3-blau {
	color: #144D7E;
}

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

strong {
	font-weight: bold;
}

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

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

.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;
	font-size: 0.9em;
}


/*
 * 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.
	*/
	text-align: center;
	font-size: 80%;
	background-color: white;
}

#background {
	width: 770px;
	height: 100%;
	margin: 0 auto;
	/*
		blendet die senkrechte Scrollleiste in allen Seiten ein.
	*/	padding: 0 0 1px 0;
	overflow: hidden;
	background: white url("../_img/hintergrund-links.gif") repeat-y top left;
	/*
		bugfix NN 7: Wenn das Fenster schmaler als das Layout ist,
		verschwindet die linke Spalte.
	*/	border-left: 1px solid white;
}

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

#container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#container div.inner-container {
	width: 770px;
	margin: 0 auto;
	background: url("../_img/hintergrund-links.gif") repeat-y top left;
	/*
		bugfix NN 7: Wenn das Fenster schmaler als das Layout ist,
		verschwindet die linke Spalte.
	*/	border-left: 1px solid white;
	/*
		bugfix IE 5 und 5.5
	*/	text-align: left;
}


/*
 * Aufbau Hauptmenue
 * */
div#hauptnavi ul {
	margin: 0 9px;
	padding: 0 0 0 90px;
	border-top: 17px solid white;
	background-color: #FFC758;
}

div#hauptnavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	border-left: 1px solid #144D7E;
}

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

div#hauptnavi li strong {
	padding: 0 9px 0 12px;
	color: black;
	font-weight: bold;
	text-decoration: underline;
	background-color: #FFC758;
}

div#hauptnavi li a {
	padding: 0 9px 0 12px;
	color: #144D7E;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFC758;
}

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

div#hauptnavi li a:hover,
div#hauptnavi li a:active {
	color: black;
	text-decoration: underline;
	background-color: #FFC758;
}


/*
 * Kopfbereich des Layouts
 * */
#header {
	margin: 0 9px;
	padding-bottom: 20px;
	background: url("../_img/pferdesymbol-rot-blau.gif") no-repeat 0px 25px;
}

#blauer-balken {
	position: relative;
	margin-left: 100px;
	border-top: 50px solid white;
	border-bottom: 3px solid #BF2F38;
	background-color: #144D7E;
	/*
		bugfix: IE5
	*/	height: 95px;
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 92px; }
		.empty {
}

#logo {
	display: block;
	width: 153px;
	height: 78px;
	margin: 6px 0 0 0;
	padding: 0;
	background: url("../_img/text_fundraising-forum-nds.gif") no-repeat 0px 0px;
}

#logo strong {
	position: absolute;
	left: -2000px;
	top: -2000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

#kopf-text {
	position: absolute;
	top: -42px;
	right: 35px;
	width: 304px;
	height: 105px;
	background: url("../_img/text_header-rechts.gif") no-repeat right top;
}

#kopf-text span {
	position: absolute;
	left: -2000px;
	top: -2000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

div#kopf-datum {
	position: absolute;
	top: 5px;
	right: 215px;
	font-size: 20px;
	color: #FFC758;
	font-style: italic;
}


/**
 * Aufbau Fussnote mit Subnavigation
 */
ul#subnavi {
	margin: 35px 0 0 0;
	padding: 0;
	font-size: 0.9em;
}

ul#subnavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

ul#subnavi li a {
	margin: 0;
	padding: 0 5px;
	border-left: 1px solid #144D7E;
}

ul#subnavi li.first a {
	padding-left: 0;
	border-left: none;
}


/*
 * Inhaltsbereich
 * */
#content {
	margin: 0 0 0 110px;
	padding: 0 130px 15px 0;
	background: url("../_img/hintergrund-rechts.gif") repeat-y top right;
	border-bottom: 1px solid white;
}

#content p.eingerueckt {
	margin-left: 25px;
}

/* Aufbau des Programms / Tagesablaufs */
#content ul.programm {
	width: 90%;
	margin: 0;
	padding: 0;
}

#content ul.programm li {
	width: 100%;
	margin: 0 0 0.4em 0;
	padding: 0;
}

#content ul.programm li h3,
#content ul.programm li p {
	width: 100%;
	margin-bottom: 0;
}

#content ul.programm li .spalte-links {
	float: left;
	width: 6em;
	text-align: right;
}

#content ul.programm li .spalte-rechts {
	display: block;
	margin-left: 7em;
}

/* zweispaltige Textdarstellung */
#content .zweispaltig {
	width: 100%;
	margin: 0;
	padding: 0;
}

#content .zweispaltig p.spalte-links {
	float: left;
	width: 35%;
}

#content .zweispaltig p.spalte-rechts {
	display: block;
	margin-left: 39%;
	width: 60%;
}

#content ul.liste {
	margin-left: 0;
	padding-left: 27px;
	list-style-type: disc;
}

#content ul.liste li {
	margin-left: 0;
	padding-left: 0;
}

/* Foto rechtbuendig */
#content #foto-rechts {
	float: right;
	margin-left: 20px;
	margin-right: -70px;
}

/* zweispaltige Textdarstellung */
#content .sponsorenlogos {
	width: 100%;
	margin: 0;
	padding: 0;
}

#content .sponsorenlogos {
	width: 90%;
	margin: 0;
	padding: 0;
}

#content .sponsorenlogos p.spalte-links {
	float: left;
	width: 45%;
}

#content .sponsorenlogos p.spalte-rechts {
	display: block;
	margin-left: 50%;
	width: 48%;
}

#content .sponsorenlogos .spaltenabschluss {
	margin-bottom: 20px;
}

/*
 * Aufbau Anmeldeformular
 * */
/*
#content p.fehler,
#content p.fehler label,
#content .pflichtangabe {
	color: red;
}

form #block1 label {
	float: left;
	width: 7.5em;
	margin: 0.6em 0 0 0;
	padding: 0;
	text-align: right;
	font-size: 1em;
	font-weight: bold;
}

form #block1 select,
form #block1 input {
	width: 18em;
	margin: 0.6em 0 0 10px;
	padding: 1px;
	border: 1px solid #7F9DB9;
	font-size: 1em;
}

form #block1 select#form_anrede,
form #block1 input#form_titel,
form #block1 input#form_plz {
	width: 7em;
}

form #block2 {
	margin: 0 0 0.8em 0;
}

form #block2 label.form_workshop {
	display: block;
	margin: 0.6em 0 0.2em 0;
	font-weight: bold;
}

form #block2 select {
	width: 90%;
	margin: 0 0 0.8em 0;
}

form #block3 .label_agb,
form #block3 #form_agb {
	margin-top: 0.8em;
}
*/

/*
 * zweispaltige Darstellung fuer Anmeldebestaetigung
 * */
/*
#content .anmeldebestaetigung {
	width: 100%;
	margin: 0;
	padding: 0;
}

#content .anmeldebestaetigung p.spalte-links {
	float: left;
	width: 10em;
	margin: 0 0 0.5em 0.5em;
	font-weight: bold;
}

#content .anmeldebestaetigung p.spalte-rechts {
	display: block;
	margin: 0 0 0.5em 11.5em;
}
*/