/* CSS Document */
/* used colors:
medium blue: #0087c2
light grey: #e5e5e5;
dark grey: #7f7f7f (for borders)

*/


html {
	height:100%;
	width:100%;
}
body {
	background-color:#FFFFFF;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	text-align:center;
	width:100%;
}
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#0087c2
}
a img {
	border:0px solid black;
}

span.nix {
	display:none;
	width:0px;
	overflow: hidden;
}
.main {
	margin:18px auto 0px auto;
	text-align:left;
	width:987px;
}
.main .head {
	height:153px;
	background:white url(../images/notfall.gif) no-repeat scroll right 46px;
}
.main .head .service {
	height:40px;
	background-color:#FFFFFF;
	margin-right: 20px;
}
.main .head .service a,
.main .head .service span,
.main .head .service .search {
	display:block;
	float:right;
}
.main .head .service a,
.main .head .service span {
	font-weight:normal;
	margin-top:8px;
	padding:2px 5px;
	text-transform:uppercase;
}
.main .head .service a {
	border-right:1px solid #b2b2b2;
	text-decoration:none;
}
.main .head .service a.hl {
	font-weight:bold;
}
.main .head .service a:hover {
}
.main .head .service span {
	margin-top:1px;
}
.main .head .service span a {
	border-right:0px solid #b2b2b2;
	display:inline;
	float:none;
	font-weight:bold;
	padding:2px;
}
.main .head .service span a.size1 {
	font-size:1.2em;
}
.main .head .service span a.size2 {
	font-size:1.4em;
}
.main .head .service span a.size3 {
	font-size:1.6em;
}
.main .head .service .search {
	background-color:#e5e5e5;
	border:1px solid #b9b9b9;
	height:31px;
	position:relative;
	width:153px;
}
.main .head .service .search input {
	border:0px solid black;
	display:block;
	position:absolute;
	top:6px;
}
.main .head .service .search input.text {
	left:5px;
	height:16px;
	padding:2px;
	padding-left:5px;
	width:114px;
}
.main .head .service .search input.submit {
	background:#4c98cc url(../images/whiteArrow.gif) no-repeat scroll center center;
	border:1px solid #4c98cc;
	left:120px;
	height:20px;
	width:21px;
}
.main .head .service .search input.submit:hover {
	background:#ffffff url(../images/linkHighLighter.gif) no-repeat scroll center center;
}
.main .navi {
	background-color:#e5e5e5;
	width:965px;
}

.main .navi td {
	/*background:transparent url(../images/naviSeperator.gif) no-repeat scroll 0 0;*/
	font-size:1.1em;
	padding:8px 12px 5px 12px;
	text-align:center;
	vertical-align:middle;
}
.main .navi td.first {
	background:transparent none no-repeat scroll 0 0;
}
.main .navi a.hl {
	color:#0087c2;
	font-weight:bold;
}
.main .key {
	background:white url(../images/key.jpg) no-repeat scroll 0 0;
	height:242px;
	margin:21px 0px 27px 0px;
	width:987px;
}

.main .key_small {
	height:121px;
}

#key_visual {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Box-Design */
.box h1.mainHeader {
	background:#ececec url(../images/greyGradient.gif) repeat-x scroll 0 0;
	border:5px solid white;
	font-size:1em;
	font-weight:lighter;
	height:14px;
	margin:0px;
	padding:12px;
	text-transform:uppercase;
	white-space:nowrap;
}
.box h1.mainHeader {
	background:white url("../images/greyGradient.gif") repeat-x scroll 0 0;
	border:5px solid white;
	font-size:1em;
	font-weight:lighter;
	height:auto;
	margin:0;
	padding:12px;
	text-transform:uppercase;
	white-space:normal;
}
.box br {
	line-height: 0px;
}

.box div {
	margin-top: 5px;
	margin-bottom: 5px;
}

.notRight {
	float:left;
	width:695px;
}
.left .box {
	width:222px;
	font-size:1.1em;
}

.left .standorte div.csc-textpic {
	position: relative;
	top: -4px;
	left: 0px;
}
.box {
/*	float:left; */
	border:1px solid #7f7f7f;
	margin-bottom:27px;
}
.naviLeft div {
	background:white url(../images/borderDots.gif) no-repeat scroll 35px bottom;
	margin-bottom:10px;
	padding-bottom:10px;
	/* width:173px; ds@luka.de >>> too long menues dont get two lines */
	width:185px;
}
.naviLeft div.last {
	background:white none no-repeat scroll 0 0;
	margin-bottom:0px;
}
.naviLeft a.level_1 {
/* trying for a better pos of two lines of menus */
	position: relative;
	top: 4px;
	margin-bottom: 6px;
	display:block;
	padding-left:35px;
}
.naviLeft a.level_1:hover,
.naviLeft a.level_1_hl {
	background:transparent url(../images/linkHighLighter.gif) no-repeat scroll 17px 1px;
}
.naviLeft a.level_2 {
	color:#424242;
	display:block;
	font-size:0.875em;
	padding-left:49px;
	padding-top:3px;
	padding-bottom:3px;
}
.naviLeft a.level_2:hover,
.naviLeft a.level_2_hl {
	background:white url(../images/linkHighLighter3.gif) no-repeat scroll 35px 4px;
	color:#0087c2;
	font-size:0.875em;
	padding-left:49px;
}
.left {
	float:left;
	width:245px;
}
.left .suitcase {

}
.content {
	float:left;
	width:430px;
	margin-bottom: 21px;
}
.content h1 {
	margin:0px;
	font-size:1.4em;
	font-weight:normal;
	padding:0px;
}
.content p {
	margin:1em 0px 0px 0px;
	font-size:1.1em;
	padding:0px;
}
.notRight .adBoxes {
/*	border-bottom:1px solid #000000; */
	border-top:1px solid #7f7f7f;
	clear:left;
	float:left;
	margin-bottom:15px;
	margin-left: 0;
	position:relative;
	margin-top:-7px;
	padding-top:21px;
	width:699px;
}
.notRight .adBoxes .item {
/*	border-right:1px solid #000000; */
	float:left;
        overflow: visible;
/*	padding:0px 10px; */
	width:210px;
	margin-right: 5px;
}

.notRight .adBoxes .first {
	margin-right: 58px;
}

.notRight .adBoxes .item h1 {
    height: 35px;

}

.notRight .adBoxes .last {
	border-right:0px solid #000000;
}
.notRight .adBoxes h1 {
	font-size:1.3em;
	font-weight:normal;
}
.notRight .adBoxes a.arrow,
.notRight .adBoxes a div.arrow {
	background:white url(../images/arrowBlue.gif) no-repeat scroll 0 1px;
	font-size:1.1em;
	margin-top:10px;
	display:block;
	padding-left:15px;
}
.notRight .adBoxes a.arrow strong,
.notRight .adBoxes div.arrow strong,
.notRight .adBoxes a.arrow b {
	color:#0087c2;
}

.content ul {
	list-style-position: outside;
	padding-left: 13px;
}

.content ul li {
	list-style-image: url(../../../agaplesion/ALLG_ELEMENTE_Linien_ua/Bulletpoint_blue_AGAPLESION.gif);
}

.left .standorte a {
	/* display:block; */
	/* margin-left:20px; */
	margin-bottom:7px;
	margin-top:7px;
}
div.standorte dl.csc-textpic-image {
	margin: 12px;
}
.left .standorte dl.csc-textpic-image {
	margin-top: 5px;
}
.left .standorte dl.csc-textpic-image dt a {
	margin: 0px;
	padding: 0px;
}
.left .standorte a img {
	padding-top: 5px;
}

.right {
	float:right;
	margin-bottom:15px;
	margin-right: 20px;
	margin-left:8px;
	width:252px;
}
.right .box {
	margin-bottom:-5px;
}
.right .meldungen {
/*	background:white url(../images/aktuelleMeldungen.gif) no-repeat scroll center 5px;
	padding:40px 20px 0px 16px;*/
}
.right .meldungen div.news {
	padding:14px 10px 10px 36px;
	background:white url(../images/arrowBlue.gif) no-repeat scroll 18px 16px;
	border-top:2px dotted #7f7f7f;
}
.right .meldungen div.first {
	border-top:0px solid #ffffff;
	margin-top: -10px;
}
.right .meldungen div h2 {
	margin:0px;
	padding:0px 0px 0.5em 0px;
	font-size:1em;
}
.right .meldungen div h2 a {
	color:#424242;
	font-weight:bold;
	font-size:1em;
}
.right .meldungen div h2 a:hover {
	color:#0087c2;
}
.right .meldungen div span {
	font-size:0.6em;
}

.right .veranstaltungen {
	background-image: url(../tt_news/bg_right_bottom_12.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.right .veranstaltungen div {
	padding:10px 0px 0px 3px;
	clear:left;
}
.right .veranstaltungen div * {
	border:0px solid white;
	clear:none;
	margin:0px;
	padding:0px;
}

.right .veranstaltungen .event_element {
	border-bottom: 2px dotted gray;
}

.right .box .date {
	float:left;
	padding-top: 5px;
	margin-left:14px;
	margin-right:2px;
	width:60px;
	vertical-align:top;
	width:68px;
	height: 3em;
}
.right .veranstaltungen .text {
	padding-top: 5px;
	padding-bottom:10px;
	float:left;
	width:145px;
}

.right .veranstaltungen .first_event {
	border-bottom: 0px;
	margin-top: -7px;
}

.footer {
	border-top:12px solid #e5e5e5;
	clear:both;
	font-size:0.9em;
	padding:15px 0px;
	text-align:left;
	width: 968px;
}

#border_bottom {
	border-top: 1px solid #7F7F7F;
	clear:both;
	margin-top: -16px;
	float:left;
	color: gray;
}
.footer .right {
	margin:0px;
	padding:0px;
	text-align:right;
}
a.logo {
	display:block;
	float:left;
	padding-top:20px;
	text-decoration:none;
}
a.logo img {
	border:0px solid white;
}
a.notfall {
	display:block;
	float:right;
	padding-top:20px;
	text-decoration:none;
}
a.notfall img {
	border:0px solid white;
}

/* Modelling Contact Forms */
.csc-mailform-field label {
    display: block;
    float: left;
    width: 180px;
}

h3 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.4em;
	font-weight:normal;
	margin:0;
	padding:0;
	text-align:left;
}



.name-of-person {
	color: #0087c2;
}

#all_news {
    height: 32px;
    width: 252px;
    border: 0px;
    margin: 0px;

    background-color: #0087c2;
    color: white;

    text-align: center;
}

#all_news a,
#all_news a:hover {
    background-color: #0087c2;
    color: white;

}

.footer_br {
	height: 0px;
	line-height: 0px;
	clear:both;
}
div.right div.clear {
	border-width:0px 0px 0px 0px;
	height:1px;
	font-size:1px;
	margin-bottom:-1px;
}
/*
.left .box img,
.left .box ul li img {
	margin-left: -20px;
	margin-top: 8px;
}
*/
.smallspace {
	font-size:0;
}

.csc-sitemap {
  font-size: 1.1em;
}

.tx-indexedsearch-percent {
  display:none;
}



/* Microsite */
#unsere_werte_verbinden {
        width:187px;
        height: 79px;float:right;
        margin-right: 26px;
        margin-top:40px;
}

#servicetelefon_markusdiakonie {
	float:right;
	height:79px;
	margin-right:23px;
	margin-top:7px;
	width:187px;
}

div.banner {
	background: white url(../images/Banner.jpg) no-repeat scroll 0 0;
	height:237px;
	width:965px;
}
div.banner div.text {
	padding:19px 0px 0px 815px;
}
div.banner div.text p {
	color:white;
	line-height:1.4em;
	margin:0em 1em 0.5em 0em;
}
div.csc-textpic div.csc-textpic-single-image img {
	margin-top:49px;
}
.naviLeft img {
	margin:6px 7px;
}
.naviLeft p.arrow {
	color:#515151;
	padding:0px;
	margin:0px 7px 6px 27px;
}
.naviLeft p.arrow a {
	background:white url(../images/arrowBlue.png) no-repeat scroll 2px;
	color:#0087c2;
	font-weight:bold;
	margin-left:-20px;
	padding-left:20px;
}
.naviLeft p.arrow a span {
	color:black;
	font-weight:normal;
}
.box {
	margin-bottom:12px;
}
.right {
	margin-bottom:0px;
	width:182px;
}
.right .news .element {
	border-top: 1px solid #cdcdcd;
	color:#6c6c6c;
	float:right;
	font-size:0.9em;
	padding:8px 0px;
	margin-right:7px;
	width:147px;
}
.right .news .first {
	border-top:0px none white;
/*	padding-top:2em; */
}
.right .news .element strong {
	color:#434343;
	display:block;
}
.notRight {
	width:777px;
}
.content {
	width:528px;
}
.footer,
.footer a {
	color:#515151;
/*	width:auto;*/
}
.footer1 {
	border-top:1px solid #000000;
	clear:both;
	font-size:1px;
	height:15px;
	line-height:1px;
	width:968px;
}
#key_visual {
/*	margin-bottom:37px;*/
}
h3 {
	padding-bottom:6px;
}

#top_text {
	font-size:10.45px;
	line-height:11.7641px;
}

div.news div.element p {
	margin:0px;
}

div.news div.element a {
	color:#434343;
}

div.banner div.text a {
	color:white;
}

div.banner div.text a:hover {
	color:#434343;
}

.naviLeft div {
	background:url("../images/borderDots.gif") no-repeat scroll 35px bottom white;
	padding-bottom:10px;
	width:185px;
}
.naviLeft div.last {
	background:white none no-repeat scroll 0 0;
	margin-bottom:0px;
}

.naviLeft p.arrow a.plaintext_link {
	background:none;
	color:black;
	font-weight:normal;
}
.socialNetWorks {
	clear:both;
	margin:0.5em 0 1em 28px;
}
.socialNetWorks a {
	margin-right:1em;
}