* {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
body {
	background: url(/img/_armut_/bg.gif);
	background-repeat: repeat-y;
	background-position: center center;
	line-height: 25px;
}
html {
  overflow-y: scroll;
}


/* Links */
a:link		{ text-decoration: none; color: #666666; }
a:visited	{ text-decoration: none; color: #666666; }
a:hover		{ text-decoration: none; color: #FF0000; }
a:active	{ text-decoration: none; color: #FF0000; }

.related a {
	font-size: 12px;
	background: url(/img/_armut_/pfeilnext.gif) no-repeat scroll right center;
	padding-right: 10px;
}
a.prevlink {
	background: url(/img/_armut_/pfeilprev.gif) no-repeat scroll left center;
	padding-left: 10px;
}
a.nextlink {
	background: url(/img/_armut_/pfeilnext.gif) no-repeat scroll right center;
	padding-right: 10px;
}
a.openlink {
	background: url(/img/_armut_/pfeilopen.gif) no-repeat scroll right center;
	padding-right: 10px;
}
a.closelink {
	background: url(/img/_armut_/pfeilclose.gif) no-repeat scroll right center;
	padding-right: 10px;
}
a.sitemap {
	background: url(/img/_armut_/ico_sitemap.gif) no-repeat scroll left center;
	padding-left: 16px;
}
a.contact {
	background: url(/img/_armut_/ico_contact.gif) no-repeat scroll left center;
	padding-left: 16px;
}
a.spendenlink {
	background: url(/img/_armut_/pfeilnext_spenden.gif) no-repeat scroll right center;
	padding-right: 10px;
}
#content a, #content a:visited {
	cursor: pointer;
	color: #FF0000; 
}
#content a:hover { text-decoration: underline; }
#sitewert a { color: #666666; }
#sitewert a, #sitewertfooter a { font-size: 11px; line-height: 15px; }
#sitewert a:visited, #sitewertfooter a:visited { color: #666666; }
#servicenav a.aktiv, #servicenav a.aktiv:visited { color: #FF0000; }
#servicenav a { font-size:12px; color: #666666; }
#servicenav a:visited { color: #666666; }
#servicenav a:hover { text-decoration: underline; }
.fbbox a { color: #FF0000; font-size: 11px; }
.fbbox a:visited { color: #FF0000; }
.fbbox a:hover { text-decoration: underline; }
.fbbox a.rightpos { display: block; text-align: right; }
#spenden a { font-weight: bold; color: #FFFFFF; font-size: 14px; }
#spenden a:visited { color: #FFFFFF; }
#spenden a:hover { text-decoration: underline; }
#sitemap a.sitemapfull, #sitemap a.sitemapfull:visited { color: #666666; }
#sitemap a.sitemapfull:hover { color: #FF0000; }
a.adresstext, a.adresstext:visited { color: #FF0000; }
a.adresstext:hover { text-decoration: underline; }



ul, ol, dl {
	list-style-type:none;
	position:relative;
}
img {
	border: none;
}
form.cchform input, form.cchform textarea {
	font-size: 11px;
	border:1px solid #CCCCCC;
}
form.cchform input {
	height: 14px;
	padding: 2px 3px;
}
.cchform .w140 {
	width:134px;
}
.cchform .w210 {
	width:204px;
}

#mainwrap {
	position: relative;
	width: 970px; /*972*/
	margin: 0 auto;
	padding: 0 1px;
}

/* ------ */
/* HEADER */
/* ------ */
#header {
	position: relative;
	background: url(/img/_armut_/header.jpg);
	background-repeat: no-repeat;
	padding: 20px 0px 0 20px;
	height: 190px; /*210*/
}
#logo {
	position: relative;
	display: block;
	width: 190px;
	height: 108px;
}
#servicenav {
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 20px;
}
.sn_left {
	position: relative;
	float: left;
	background: url(/img/_armut_/sn_left.png);
	background-repeat: no-repeat;
  width: 6px;
  height: 30px;
}
.sn_bg {
	position: relative;
	float: left;
	background: url(/img/_armut_/sn_bg.png);
	background-repeat: repeat-x;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	padding: 0 10px 0 4px;
}
#headerbottom {
	position: relative;
	background: url(/img/_armut_/hbottom.png);
	background-repeat: no-repeat;
	height: 15px;
}

/* ---------- */
/* NAVIGATION */
/* ---------- */
#nav {
	position: relative;
	float: left;
	padding: 15px 0 30px 20px;
	width: 190px; /*210*/
}
#nav ul{
	border-top: 1px solid #CCCCCC;
	width: 190px;
	overflow: hidden;
}
#nav ul ul{
	border-top: none;
}
#nav ul a{
	display: block;
	width: 190px;
	height: 29px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 29px;
}
#nav ul a.activenav {
	color: #FF0000;
}
#nav ul ul a{
	padding-left: 15px;
}
#nav ul ul ul a{
	padding-left: 30px;
}

/* ------- */
/* CONTENT */
/* ------- */
#content {
	position: relative;
	float: left;
	padding: 15px 0 30px 30px;
	width: 470px; /*470*/
}
/* related item */
.related {
	line-height: 30px;
  height: 30px;
}
.reltitel {
	font-size: 12px;
	float: left;
	width: 75px;
}

/* slideshow */
.slideshow {
	position: relative;
	border: 1px solid #CCCCCC;
	width: 468px; /*470*/
	height: 312px; /*314*/
	background-color: #FAFAFA;
}
.piclink {
	position: relative;
	display: block;
	text-align: center;
}
.prev, .next {
	position: absolute;
	display: block;
	width: 45px;
	height: 65px;
	cursor: pointer;
	top: 124px;
	background-repeat: no-repeat;
}
.prev {
	left: 0;
	background: url(/img/_armut_/ss_prev.png);
}
.next {
	right: 0;
	background: url(/img/_armut_/ss_next.png);
}
.prev:hover {
	background: url(/img/_armut_/ss_prev_ro.png);
}
.next:hover {
	background: url(/img/_armut_/ss_next_ro.png);
}
.caption {
	font-size: 11px;
	line-height: 15px;
	color: #999999;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ss_count {
	float: left;
	margin: 0 10px 0 0;
	width: 30px;
}
/* text format */
h1 {
	font-size: 30px;
	line-height: 35px;
	margin-bottom: 20px;
}
em {
	display: block;
	margin-bottom: 20px;
}
h2, h3, em {
	font-weight: bold;
	font-style: normal;
}
h1, h2, h3, em {
	color: #333333;
}
h4 {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
}
h5 {
	color: #333333;
	font-size: 14px;
  line-height: 16px;
}
p {
	font-family: Georgia;
	margin-bottom: 20px;
}
/* Liste */
.liste {
	position: relative;
	width: 100%;
}
.l_thumb {
	position: relative;
	float: left;
	border: 1px solid #CCCCCC;
	width: 108px; /*110*/
	height: 108px; /*110*/
	margin: 10px 10px 20px 0;
}
.l_desc {
	position: relative;
	float: left;
	margin: 3px 0 20px 0;
}
/* Contentnav */
.contentnav {
	position: relative;
	padding: 15px 0 26px 30px;
	height: 0;
	width: 440px; /*470*/
}
.contentnav a {
	font-size: 13px;
}
.cn_left, .cn_right {
	position: absolute;
	display: block;
}
.cn_left {
	left: 0;
	top: 0;
}
.cn_right {
	right: 0;
	top: 0;
}
/* A-Z */
.az-nav {
	position: relative;
	padding: 20px 0 10px 30px;
	height: 0;
	width: 440px; /*470*/
}
.az-nav a {
	font-size: 13px;
}
/* Agenda */
.agenda {
	position: relative;
	width: 100%;
}
.agendarow-a, .agendarow-b, .agendarow-c {
	float: left;
	position: relative;
}
.agendarow-a {
	margin: 0 10px 0 0;
	width: 90px;
}
.agendarow-b {
	width: 310px;
}
.agendarow-c {
	width: 60px;
  text-align: right;
}
/* Caritas Netz */
.caritasnetz {
	position: relative;
	padding: 20px 0 20px 30px;
	height: 0;
	width: 440px; /*470*/
}
.caritasnetz a {
	font-size: 13px;
}
/* Sitemap */
#sitemap {
  position: relative;
  padding-top: 5px;
}
#sitemap ul{
	border-top: 1px solid #CCCCCC;
	width: 470px;
	overflow: hidden;
}
#sitemap ul ul{
	border-top: none;
}
#sitemap ul a{
	display: block;
	width: 470px;
	height: 29px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 29px;
}
#sitemap ul a.activenav {
	color: #FF0000;
}
#sitemap ul ul a{
	padding-left: 15px;
}
#sitemap ul ul ul a{
	padding-left: 30px;
}

/* -------- */
/* SITEWERT */
/* -------- */
#sitewert {
	position: relative;
	padding-top: 42px;
}
.sw_list {
	margin: 5px 0;
}



/* -------------- */
/* FEATUREBUTTONS */
/* -------------- */
#fbuttons {
	position: relative;
	float: left;
	padding: 10px 0 30px 25px;
	width: 235px; /*235*/
}
div.fbbox {
	position: relative;
	width: 235px;
  margin-bottom: 5px;
}
div.fbtopbox {
	position: absolute; 
	top: 0px; 
	z-index: 900; 
	width: 235px;
	height: 15px; 
	overflow: hidden; 
	background: url(/img/_armut_/border_top.png) no-repeat;
}
div.fbbottombox {
	position: absolute; 
	bottom: 0px; 
	z-index: 899; 
	width: 235px;
	height: 15px; 
	overflow: hidden; 
	background: url(/img/_armut_/border_bottom.png) no-repeat;
}
div.fbcontentbox {
	position: relative; 
	padding: 6px 0 6px 6px;
	width: 229px;
	background: url(/img/_armut_/border_content.gif) repeat-y;
}
div.fbcontent {
	overflow: hidden; 
	width: 229px; 
  background-color: #F2F3F2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}
div.fbc-title {
	height: 17px;
	background-color: #9B9B9B;
	color: #FFFFFF;
	padding: 2px 0 0 10px;
}
div.fbc-normal {
	height: 100%;
	/*background-color: #FFCCCC;*/
	padding: 10px 10px;
}
/* Projekt des Monats und Custom FB */
.fbc_textbox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 4px 0 0 0;
	color: #666666;
}
.fbc_textbox {
  position: absolute;
  width: 209px;
  bottom: 6px;
  left: 6px;
  padding: 6px 10px;
  background-color: #F2F3F2;
  opacity: .9;
  /* For IE 5-7 */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  /* For IE 8 */
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  
}
/* Spenden */
#spenden {
	position: relative;
	background-repeat: no-repeat;
	padding: 13px 0 0 15px;
	height: 52px;
	line-height: 17px;
}
#spenden p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	color: #FFFFFF;
}
/* Next Event */
.nexteventbox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 6px 0;
	color: #666666;
}
/* Newsletterbox */
.newsletterbox {
	height: 78px;
}
.nlb_nav {
	position: relative;
  	margin-top: 5px;
	width: 209px;
}
/* Searchbox */
.searchbox {
	height: 58px;
}
.search_nav {
	position: relative;
	width: 209px;
}

/* ------- */
/* HELPERS */
/* ------- */
.line {
	border-bottom:1px solid #CCCCCC;
}
.footerline {
	border-bottom:5px solid #CCCCCC;
}
.adresstext {
	padding: 8px 0 16px;
	font-size: 11px;
	line-height: 20px;
}
.bold {
	font-weight: bold;
	color: #333333;
}
.clear {
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
}
.no-margin {
	margin-bottom: 0;
}
.half-margin {
	margin-bottom: 10px;
}
.full-margin {
	margin-bottom: 20px;
}
.full-margin-above {
	margin-top: 20px;
}
/* ------ */
/* FOOTER */
/* ------ */
#sitewertfooter {
	position: relative;
}
#facebook, #zeitgeist {
	position: absolute;
	display: block;
	cursor: pointer;
}
#facebook {
	top: 0;
	left: 0;
}
#zeitgeist {
	top: 0;
	right: 0;
	margin-top: 2px;
}