/* CSS Document */

* {
	margin:	0;
	padding: 0;
	border: 0 none transparent;}

html, body {
	height: 100%}

body {
	background: #ddd url(/layout/img/bg-body.gif) repeat-y 50% 0;
	text-align: center;
    min-height: 100.1%
}

/***** | alles einpacken | *****/
#overall {
	width: 1000px;
	margin: 0 auto;
	background: #fff url(/layout/img/bg-overall.gif) repeat-y;
	border-left: 1px solid #152447;
	border-right: 1px solid #152447;
	min-height: 100%;
	position: relative;}

#overall * {
	text-align: left;}

/***** | header | *****/
#header-wrap {
	height: 150px;
	background: #152447;}

#header-wrap #header-alternate-img {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 10px;
	left: 30px;}

#header-wrap #header-alternate-img img {
	display: block;
	border: 1px solid #fff;}

#header-wrap #header-logo {
	width: 660px;
	height: 150px;
	margin-left: 190px;
	position: relative;
	background: #fff url(/layout/img/bg-turm.gif) no-repeat 100% 100%;}

#header-wrap #header-logo img {
	display: block;
	width: 660px;
	height: 150px;
	background: #fff;}

/*wenn kein bild vorhanden - fliesstext einbinden*/
#header-wrap #header-logo h1 {
	position: absolute;
	left: 20px; 
	bottom: 10px;
	font: 50px georgia, times, serif;
	color: #152447;}

#header-wrap #header-logo h1 strong {
	display: block;
	font: 18px verdana, sans-serif !important;
	color: #6889B2}


/***** | datumszeile | *****/
#date-row {
	height: 22px;
	padding: 0 10px 0 10px;
	background: #fff url(/layout/img/bg-date-row.gif) repeat-x;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font: 11px/22px verdana, sans-serif;
	text-align: right;}

#date-row span {
	float: right;}

#date-row br {
	clear: both;}

ul#breadcrumb {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;}

ul#breadcrumb li {
	float: left;}

ul#breadcrumb li:after {
	content: "»";
	float: left;}

ul#breadcrumb li.noslash:after {
	content: "";}

ul#breadcrumb li a {
	display: block; 
	float: left;
	padding: 0 5px;
	color: #2362AA;
	text-decoration: none;}

ul#breadcrumb a:hover {
	color: #444;
	text-decoration: underline;}

ul#breadcrumb li em {
	display: block; 
	float: left;
	padding-left: 5px;
	font-weight: normal;}

/***** | linke spalte | *****/
#leftrow {
	width: 190px;
	padding-top: 10px;
	clear: left;
	float: left;}

/*erste ebene*/
#leftrow ul {
	list-style: none;}

#leftrow ul li {
	border-bottom: 1px solid #0F1A33;
	background: #21386E;}

#leftrow ul li a {
	padding-left: 20px;
	display: block;
	position: relative;
	background: #21386E url(/layout/img/bg-mainnavi-a.gif) no-repeat 6px 50%;
	font: 12px/24px verdana, sans-serif;
	color: #fff;
	text-decoration: none;
	border-top: 1px solid #274282;}

#leftrow ul li a:hover {
	background: #6283AE url(/layout/img/bg-mainnavi-a.gif) no-repeat 6px 50%;
	border-top: 1px solid #6F8AA5;}

#leftrow ul li.ext a, #leftrow ul li.ext a:hover {
	background: #5375A2 url(/layout/img/bg-mainnavi-a-ext.gif) no-repeat 6px 50%;
	cursor: default;
	border-top: 1px solid #6F8AA5;}

/*zweite ebene*/
#leftrow ul ul {
	padding: 5px 0 5px 20px;
	background: #BDC9D6;
	border-top: 1px solid #274282;}

#leftrow ul ul li {
	padding-left: 10px;
	border-bottom: 0;
	border-top: 0;
	background: #BDC9D6 url(/layout/img/bg-mainnavi-sub-a.gif) no-repeat 0 50%;}

#leftrow ul ul li a {
	display: inline;
	padding-left: 0;
	border-top: 0 !important;
	background: transparent !important;
	font: 12px/16px verdana, sans-serif;
	color: #274282;
	cursor: pointer !important;}

#leftrow ul ul li a:hover {
	text-decoration: underline;}  

#leftrow address {
	margin: 50px 0 1em;
	padding-left: 10px;
	font: 10px verdana, sans-serif;
	color: #fff;}


/***** | inhalt | *****/
#content {
	width: 620px;
	padding: 10px 20px;
	float: left;}

#content h2 {
	margin: 0 0 .6em;
	font: 1.2em verdana, sans-serif;
	color: #6283AE;}

#content h3 {
	font: .8em verdana, sans-serif;
	font-weight: bold;
	color: #6283AE}

#content .autor {
	font: 10px/16px verdana, sans-serif; 
	color: #959698;
	margin:  0;}

#content p {
	font: .8em/1.2em verdana, sans-serif;
	margin: .6em 0;}

td {
	font: .8em/1.2em verdana, sans-serif;
	vertical-align: top;}

#content hr {
	margin: 1em 0;
	background: #152447;
	color: #152447;
	height: 1px;}

#content p a, #content ol h4 a, td a {
	color: #6283AE;} 

#content p a:hover, #content ol h4 a:hover, td a:hover {
	text-decoration: none; 
	color: #333;}

#content ul {
	margin: .6em 1.2em;
	font: .8em/1.2em verdana, sans-serif;
	list-style: square;}
	
#content ol {
	margin: .6em 2em;
	font: .8em/1.2em verdana, sans-serif;
	font-family: verdana, sans-serif;}
	
#content ol li {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;}

#content ol h4 {
	font: bold .9em/1.2em verdana, sans-serif;
	color: #444}	
	
/***** |suchbox im content| *****/
form.suche-cnt {
	display: inline;}

form.suche-cnt fieldset {
	display: block;
	width: 600px;
	padding: 10px;
	border: 1px solid #ccc;}
	
form.suche-cnt fieldset legend {
	font: bold .8em verdana, sans-serif;
	color: #6283AE;}

form.suche-cnt fieldset label {
	width: 150px;
	display: block;
	float: left;
	font: bold .8em/20px verdana, sans-serif;
	color: #6283AE;}

form.suche-cnt fieldset input.input {
	width: 360px;
	padding-left: 3px;
	float: left;
	border: 1px solid #ccc;
	font: .8em/20px verdana, sans-serif;
	height: 20px;}

form.suche-cnt fieldset input.input:focus {
	border: 1px solid #6283AE;}

form.suche-cnt fieldset input.submit {
	margin: 0 0 0 2px;
	float: left;
	background: #6283AE; 
	border: 1px solid #ccc;
	font: bold 10px/20px verdana, sans-serif;
	color: #fff;
	text-align:left;
	height: 22px;
	padding-bottom: 4px;}
	
/***** |newsletter| *****/
form.nlfrm {
	display: inline;}

form.nlfrm fieldset {
	display: block;
	width: 600px;
	padding: 10px;
	border: 1px solid #ccc;}
	
form.nlfrm fieldset legend {
	font: bold .8em verdana, sans-serif;
	color: #6283AE;}

form.nlfrm fieldset label {
	width: 150px;
	display: block;
	float: left;
	font: bold .8em/20px verdana, sans-serif;
	color: #6283AE;}

form.nlfrm fieldset label.radio {
	clear: left;
	float: none;
	margin-left: 150px;
	font: normal .8em/20px verdana, sans-serif}
	
form.nlfrm fieldset label.radio input {
	vertical-align: middle;}

form.nlfrm fieldset input.input {
	width: 360px;
	padding-left: 3px;
	float: left;
	border: 1px solid #ccc;
	font: .8em/20px verdana, sans-serif;
	height: 20px;}


form.nlfrm fieldset input.input:focus {
	border: 1px solid #6283AE;}

form.nlfrm fieldset input.submit {
	margin: 5px 0 0 150px;
	display: block;
	clear: left;
	background: #6283AE; 
	border: 1px solid #ccc;
	font: bold 10px/20px verdana, sans-serif;
	color: #fff;
	text-align:left;
	height: 22px;
	padding-bottom: 4px;}
	
	
.projektbox { 
	margin: 10px 0; 
	background: #CED8E1; 
	min-height: 95px; 
	overflow: hidden; 
	border-top: 1px solid #274282; 
	border-bottom: 1px solid #274282; } 

.projektbox img { 
	float: left; 
	border: 0; 
	margin-right: 5px;} 

.projektbox h4 { 
	color: #476790; 
	font: bold 1em verdana, sans-serif;}

.projektbox p { 
	font: 12px/18px verdana, sans-serif;} 

.projektbox a { 
	color: #476790; 
	text-decoration: none;} 

.projektbox a:hover {
	color: #21386E;}

#subnav { 
	float: right; 
	margin: 0 20px; 
	width: 150px;} 

.subnavmenu { 
	background: #7FA0BD;} 

.subnavmenu p.headline { 
	margin: 0 !important;
	padding: 0 2px 0 4px; 
	color: #fff; 
	border-top: 1px solid #274282; 
	font: 12px/1.8em verdana, sans-serif !important;} 

.subnavmenu ul { 
	margin: 0 !important;
	padding: 6px 0;
	font: 1em verdana, sans-serif;
	list-style: none !important; 
	border-bottom: 1px solid #0F1A33; 
	border-top: 1px solid #274282;
	background: #BDC9D6;} 

.subnavmenu ul li { 
	padding-left: 18px;
	background: #BDC9D6 url(/layout/img/bg-mainnavi-sub-a.gif) no-repeat 10px 50%;} 

.subnavmenu ul li a {  
	font: 12px/20px verdana, sans-serif; 
	color: #274282; 
	text-decoration: none;} 

.subnavmenu ul li a:hover { 
	text-decoration: underline;}   

.imagelist  ul { 
	margin: 0 !important;
	list-style: none !important; } 

.imagelist ul li { 
	padding: 0 !important; 
	margin: 5px 0; 
	border-bottom: 1px solid #0F1A33; 
	border-top: 1px solid #274282;} 

.imagelist ul li img {  
	display: block;}
	
/***** | vorstellung des vorstandes| *****/
.vorstellung {
	width: 620px;
	padding-bottom: .6em;
	margin-bottom: .6em;
	border-bottom: 1px solid #ccc;}
	
.vorstellung:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: left;}

.vorstellung h3 {
	margin: 0 0 .6em;
	font: bold 1em verdana, sans-serif;
	color: #6283AE;}

.vorstellung img {
	width: 120px;
	margin: 0 10px 10px 0;
	float: left;
	border: 1px solid #152447;}

.vorstellung p {
	display: block;
	margin-left: 130px;
	font: .8em verdana, sans-serif;}

/***** | rechte spalte (test, beta, nur so...| *****/
#rightrow {
	width: 130px;
	position: absolute;
	top: 187px;
	left: 860px;}

#rightrow dl {
	width: 128px;
	margin-bottom: 20px;
	border: 1px solid #fff;}

#rightrow dl dt img {
	display: block;}

#rightrow dl dd {
	border-top: 1px solid #fff;
	text-align: center;
	font: 11px verdana, sans-serif;}

#rightrow dl dd a {
	display: block;
	line-height: 18px;
	color: #fff;
	text-align: center;	text-decoration: none;}

#rightrow dl dd a:hover {
	background: #BDC9D6;}
	
/***** | kontaktformular | *****/
form.contactform {
	display: inline;}

form.contactform fieldset {
	display: block;
	width: 600px;
	padding: 10px;
	border: 1px solid #ccc;}

form.contactform fieldset legend {
	font: bold .8em verdana, sans-serif;
	color: #6283AE;}

form.contactform fieldset label {
	width: 180px;
	margin-bottom: 4px;
	display: block;
	float: left;
	font: bold .8em/20px verdana, sans-serif;
	color: #6283AE;}

form.contactform fieldset label:before {
	clear: left;
	display:block;
	height:0;
	content: ".";
	visibility: hidden;}

form.contactform fieldset label:hover:after {
	content: " »";
	color: #000;}

form.contactform fieldset input.input, fieldset textarea, form.contactform select {
	width: 400px;
	margin-bottom: 5px;
	padding-left: 3px;
	border: 1px solid #ccc;
	font: .8em verdana, sans-serif;}

form.contactform fieldset input.input, form.contactform fieldset input.select { 
	height: 20px;
	line-height: 20px;}

form.contactform fieldset textarea {
	height: 120px;
	padding-top: 3px;
	overflow: auto;}

form.contactform fieldset input.input:focus, fieldset textarea:focus {
	border: 1px solid #6283AE;}

form.contactform fieldset input.submit {
	margin: 0 0 5px 0;
	padding: 3px 5px;
	background: #fff; 
	border: 1px solid #ccc;
	font: bold 10px/20px verdana, sans-serif;
	color: #6283AE;
	text-align:left;}

input.required, input.inperror, textarea.required, textarea.inperror {
	border: 1px solid #c00 !important;
}
	
label.required, label.inperror, span.required, span.inperror {
	color: #c00 !important;
}
	
/***** | suche / sidebar | *****/
form.suche-side {
	text-align: center;}

form.suche-side fieldset legend {
	font: 11px verdana, sans-serif;
	color: #fff;
	display: block;
	margin-bottom: 2px;
	text-indent: 0;}

form.suche-side fieldset {
	display: block;
	width: 170px;
	margin: 20px auto 0;}

form.suche-side fieldset input.input {
	float: left;
	width: 120px;
	padding: 2px 3px;
	border: 1px solid #5375A2;
	background: #fff;
	font: .8em/1.2em verdana, sans-serif;}
	
form.suche-side fieldset input.submit {vertical-align: middle;}
input[class=submit] {margin-left: 2px;}
/***** | footer | *****/
hr.clearo {
	height: 0;
	clear: left;
	visibility: hidden;}

#footer {
	clear: both;
}

/**** Donation Form ****/
form.donationFrm {
    display: inline; 
}

form.donationFrm fieldset {
    display: block;
    width: 600px;
    padding: 10px;
    border: 1px solid #ccc;
}

form.donationFrm fieldset legend {
    font: bold .8em verdana, sans-serif;
    color: #6283AE;
}

form.donationFrm fieldset label {
    width: 180px;
    margin-bottom: 4px;
    display: block;
    float: left;
    font: bold .8em/20px verdana, sans-serif;
    color: #6283AE;
}

form.donationFrm fieldset label:before {
    clear: left;
    display:block;
    height:0;
    content: ".";
    visibility: hidden;
}

form.donationFrm fieldset label:hover:after {
    content: " »";
    color: #000;
}

form.donationFrm fieldset input.input, fieldset textarea {
    width: 400px;
    margin-bottom: 5px;
    padding-left: 3px;
    border: 1px solid #ccc;
    font: .8em verdana, sans-serif;
}

form.donationFrm fieldset input.input {
    height: 20px;
    line-height: 20px;
}

form.donationFrm span.value {
    font: bold .8em/24px verdana, sans-serif;
    color: #000;
}

form.donationFrm fieldset select {
    width: 400px;
    margin-bottom: 5px;
    padding-left: 3px;
    border: 1px solid #ccc;
    font: .8em verdana, sans-serif;
}

form.donationFrm fieldset textarea {
    height: 120px;
    padding-top: 3px;
    overflow: auto;
}

form.donationFrm fieldset input.input:focus,
form.donationFrm fieldset textarea:focus {
    border: 1px solid #6283AE;
}

form.donationFrm .senden {
    margin: 0 0 5px 100px;
    padding: 3px 5px;
    width: 400px;
    background: #E9E9E9;
    border: 1px solid #ccc;
    font: 12px/20px verdana, sans-serif;
    text-align: center !important;
    color: #6283AE;
}

form.donationFrm input.required,
form.donationFrm input.inperror,
form.donationFrm.textarea.required,
form.donationFrm.textarea.inperror {
    border: 1px solid #c00 !important;
}

.required,
form.donationFrm label.inperror,
form.donationFrm label span.inperror {
    color: #c00 !important;
}

form.donationFrm #recuringDonation .radioGroup {
    margin-left: 180px;
    width: 400px;
    line-height: 24px;
}

form.donationFrm .radioGroup label {
    color: #000;
    font: normal 12px/20px verdana, sans-serif;
    width: 100px;
    float: left;
}

form.donationFrm .radioGroup input {
    float: left;
    height: 20px;
}

form.donationFrm h4
{
    font: bold 12px/20px verdana, sans-serif;
    color: #000;
    text-align:left;
    margin: 16px 0 8px 0;
}


form.donationFrm .radiotext
{
    font: bold .8em/20px verdana, sans-serif;
    color: #6283AE;
    float: none;
    display: inline;
}