@charset "utf-8";
/* global gültige Styles ********************************** */
/* Schrifteinstellung */
* {
    margin: 0;
    padding: 0;
}

body {
	background: #b5cfef url(../gfx/design_body.gif) center top repeat-x fixed;
    color: #171f73;
    font: normal 75%/19px Arial, Helvetica, sans-serif;
}

/* Hyperlinks */
a, a:link, a:visited {
    color: #fe7200;
    font-weight: bold;
    text-decoration: underline;
}

a:hover, a:active, a:focus { text-decoration: none; }

p.moreLink {
	border-top: 1px solid #b5cfef;
	height: 100%;
	margin-bottom: 20px;
	position: relative;
}

p.moreLink a, p.moreLink a:link, p.moreLink a:visited {
	background: #f8a65c url(../gfx/button_morelink.gif) center center repeat-x;
	border-top: none;
	border-right: 1px solid #f9b279;
	border-bottom: 1px solid #f9b279;
	border-left: 1px solid #f9b279;
	color: #171f73;
	font: bold 95%/26px Arial, Helvetica, sans-serif;
	padding: 0 7px;
	text-decoration: none;	position: absolute;
	right: 0;
}

p.moreLink a:hover, p.moreLink a:active, p.moreLink a:focus { text-decoration: underline; }

p.moreLink a span {
	font: bold 110% Tahoma, Arial, Helvetica, sans-serif;
	color: #fff !important;
}

/* Absätze */
p { padding-bottom: 15px; }

/* Listen */
ul, ol {
	margin: 0 0 15px 20px;
}

ul.paginator {
    list-style: none;
    margin-left: 0;
}

	ul.paginator li {
		display: inline;
	}
	
		ul.paginator li a {
			border-right: 1px solid #b5cfef;
			padding: 0 10px 0 6px;
		}
		
		ul.paginator li a.actPage {
			color: #171f73;
		}

dt {
	/*siehe h2*/
	margin-top: 15px;
}

dd { border-bottom: 1px solid #b5cfef; }

dl#organisationen p.moreLink { border: none; }
dl#organisationen p.moreLink a {
	line-height: 19px;
	right: auto;
}

/* Überschriften */
h1 {
	color: #fe7200;
    font: normal 150% Tahoma, Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

	h1 strong {
		color: #171f73;
		font-weight: normal;
	}

	h1 sup { font-size: 50%; }

h2, dt {
    font: bold 120% Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
	letter-spacing: -0.05em;
}

h3, h4, h5, h6 { font: bold 100% Arial, Helvetica, sans-serif; }

/* zusätzliche Textauszeichnungen */
.boldTxt  { font-weight: bold !important; }
.smallTxt { font-size: 90% !important; }
.colorTxt { color: #fe7200 !important; }

sup { font-size: 75%; }

.box1 {
	display: table;
	margin-bottom: 15px;
	width: 100%;
}

.box2 {
	background-color: #EAEBF6;
	margin-bottom: 15px;
	padding: 20px 20px 5px 20px;
}

.warningBox {
	background-color: #fe7200;
	margin-bottom: 15px;
	padding: 20px 20px 5px 20px;
}

/* Bilder */
img { border: none; }

	img.right {
		float: right;
		margin: 0 0 5px 20px;
	}
	
	img.left {
		float: left;
		margin: 0 20px 5px 0;
	}
	
	img.border { border: 1px solid #DEDDDE; }

/* tabellarische Daten */
table.tabularData {
    border-collapse: collapse;
    border-spacing: 1px;
    font-size: 75%;  
    margin: 1px 0 5px 0; 
    width: 100%;
}

	table.tabularData td {
		background-color: #E6F1FF;
		border: 1px solid #fff;
		padding: 5px;
		vertical-align: top;
	}
	
	table.tabularData th {
		border: 1px solid #fff;
		padding: 10px 0 5px 0;
		text-align: left;
		vertical-align: top;
	}
	
	table.tabularData caption {
		font-weight: bold;
		padding-bottom: 5px;
		text-align: left;
	}
	
/*Formulare*/
input.stretch100 { width: 96%; }
input.stretch90  { width: 90%; }
input.stretch80  { width: 80%; }
input.stretch70  { width: 70%; }
input.stretch60  { width: 60%; }
input.stretch50  { width: 50%; }
input.stretch40  { width: 40%; }
input.stretch30  { width: 30%; }
input.stretch20  { width: 20%; }

option { padding: 0 3px; }

form {
	height: 100%;
	margin-bottom: 15px;
	position: relative;
}

	form h2 { margin-top: 10px; }
	
	form p {
		background-color: #EAEBF6;
		display: table;
		margin-bottom: 1px;
		padding: 6px;
		width: 448px;
	}
	
	form p label {
		float: left;
		/*white-space: nowrap;*/
		width: 120px;
	}
	
	form p span {
		border-left: 1px solid #fff;
		display: block;
		margin-left: 120px;
		padding-left: 5px;
	}
	
		form p span em {
			color: #fe7200;
			display: block;
			font: bold 95% Arial, Helvetica, sans-serif;
		}
		
	form input.formButton {
		background: #f8a65c url(../gfx/button_morelink.gif) center center repeat-x;
		border: 1px solid #f9b279;
		color: #171f73;
		display: block;
		font: bold 95% Arial, Helvetica, sans-serif;
		height: 26px;
		right: 0;
		position: absolute;
		text-decoration: none;	position: absolute;
		width: 150px;
	}
	
	form table {
		border-collapse: collapse;
		table-layout: fixed;
		width: 100%;
	}
	
		form table td {
			background-color: #EAEBF6;
			border: 1px solid #fff;
			padding: 10px;
			vertical-align: top;
		}
		
		form table th {
			background-color: #EAEBF6;
			border: 1px solid #fff;
			font-weight: bold;
			padding: 7px;
			text-align: left;
			vertical-align: top;
		}

/* ******************************************************** */

div#container {
	background: #fff url(../gfx/design_container.gif) center top repeat-y;
	border-bottom: 1px solid #B5CFEF;
	margin: 0 auto;
	padding: 0 8px;
	position: relative;
	width: 790px;
}

	div#container img#designLeftCol {
		position: absolute;
		left: 8px;
		bottom: 75px;
	}

div#header {
	background: transparent url(../gfx/design_header.jpg) center top no-repeat;
    height: 317px;
	position: relative;
}

	/* Navigation im Header */
	div#header ul {
		left: 33px;
		list-style-type: none;
		margin: 0;
		position: absolute;
		top: 220px;
	}
	
		div#header ul li {
			display: block;
			float: left;
		}
		
			div#header ul li a, div#header ul li a:link, div#header ul li a:visited,
			div#header ul li a:hover, div#header ul li a:active, div#header ul li a:focus {
				background-color: #fff;
				background-position: left top;
				background-repeat: no-repeat;
				color: #bacad9;
				display: block;
				height: 90px;
				margin-right: 35px;
				text-decoration: none;
				width: 117px;
			}
				
			div#header ul li a#startseite     { background-image: url(../gfx/button_startseite.gif); }
			div#header ul li a#ichwillspenden { background-image: url(../gfx/button_ichwillspenden.gif); }
			div#header ul li a#organisationen { background-image: url(../gfx/button_organisationen.gif); }
			div#header ul li a#kontakt        { background-image: url(../gfx/button_kontakt.gif); }
			div#header ul li a#impressum      { background-image: url(../gfx/button_impressum.gif); margin: 0; }
		
				div#header ul li a span  { /*unsichtbar*/
					left: -1000px;
					position: absolute;
					top: -1000px;
					width: 0;
					height: 0;
					overflow: hidden;
					display: inline;
				}

div#leftCol {
	float: left;
	font-size: 95%;
	padding: 0 28px 200px 0;
	text-align: right;
	width: 202px;
}

	div#leftCol img {
		border: none;
		margin-bottom: 25px;
	}
	
	div#leftCol h1 {
		color: #171f73;
		font: bold 120% Arial, Helvetica, sans-serif;
	}
	
	div#leftCol h2 {
		font: bold 100% Arial, Helvetica, sans-serif !important; 
		letter-spacing: 0.0em;
	}
	
	div#leftCol h2, div#leftCol p {
		margin-bottom: 7px;
		padding: 0;
	}

div#content {
	margin-left: 230px;
	padding: 20px 55px 20px 45px;
}

/* Hide from IE5-mac \*/

* html div#leftCol { margin-right: -3px; }

* html div#content {
    height: 1%;
    margin-left: 0;
}

/* End IE5/mac hide */

div#footer {
	background: #fff url(../gfx/design_footer.jpg) center bottom no-repeat;
	clear: both;
	color: #fff;
	font: bold 95% Arial, Helvetica, sans-serif;
	height: 25px;
	padding: 50px 10px 0 0;
	text-align: right;
}

	div#footer a, div#footer a:link, div#footer a:visited {
		color: #fff;
		text-decoration: none;
	}
	
	div#footer a:hover, div#footer a:active, div#footer a:focus { text-decoration: underline; }