@charset "utf-8";
/*
Theme Name: 51nullacht
Author:		Rico Floß, floss@51nullacht.de
Author URI: http://www.51nullacht.de/
Date:		2012-08
Client:		VOR
Project:	Diako Dresden
*/

/*
CD
Blau		0,68,158
Blau 25%	200,206,230
Blau 15%	223,225,240
Grün		0,147,46

Web
Blau 1			2051a3	mainavi
Blau 2			404fa2
dunkelgrau		2c2c2c	schrift, subnavi bg
grau			4b4b4b	subnavi current bg
hellgrau		767676	border
hellstes grau	f0f0f0	body bg
*/

/* ========= font */
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/
@font-face{
	font-family:"Helvetica";
	font-style: normal;
	font-weight: 400;
	src:	url('Fonts/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot');
	src:	url("Fonts/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot?iefix") format('eot'),
			url("Fonts/4021a3b9-f782-438b-aeb4-c008109a8b64.woff") format("woff"),
			url("Fonts/669f79ed-002c-4ff6-965c-9da453968504.ttf") format("truetype"),
			url("Fonts/d17bc040-9e8b-4397-8356-8153f4a64edf.svg#d17bc040-9e8b-4397-8356-8153f4a64edf") format("svg");
}
@font-face{
	font-family:"Helvetica";
	font-style: normal;
	font-weight: 700;
	src:	url('Fonts/f70da45a-a05c-490c-ad62-7db4894b012a.eot');
	src:	url("Fonts/f70da45a-a05c-490c-ad62-7db4894b012a.eot?iefix") format('eot'),
			url("Fonts/c5749443-93da-4592-b794-42f28d62ef72.woff") format("woff"),
			url("Fonts/73805f15-38e4-4fb7-8a08-d56bf29b483b.ttf") format("truetype"),
			url("Fonts/874bbc4a-0091-49f0-93ef-ea4e69c3cc7a.svg#874bbc4a-0091-49f0-93ef-ea4e69c3cc7a") format("svg");
}
@font-face{
	font-family:"Helvetica";
	font-style: italic;
	font-weight: 700;
	src:	url('Fonts/ba3a4533-8c91-4cb2-9aaa-a88094026f33.eot');
	src:	url("Fonts/ba3a4533-8c91-4cb2-9aaa-a88094026f33.eot?iefix") format('eot'),
			url("Fonts/f1871604-fe87-46fa-b5d4-b8ec8fb8a1cb.woff") format("woff"),
			url("Fonts/13fcc27d-ca3f-4d6c-92c1-539da3e903f4.ttf") format("truetype"),
			url("Fonts/2a3f33c9-8d6e-440c-9632-83e5d9419616.svg#2a3f33c9-8d6e-440c-9632-83e5d9419616") format("svg");
}
@font-face{
	font-family:"Helvetica";
	font-style: normal;
	font-weight: 100;
	src:	url('Fonts/717f8140-20c9-4892-9815-38b48f14ce2b.eot');
	src:	url("Fonts/717f8140-20c9-4892-9815-38b48f14ce2b.eot?iefix") format('eot'),
			url("Fonts/03805817-4611-4dbc-8c65-0f73031c3973.woff") format("woff"),
			url("Fonts/d5f9f72d-afb7-4c57-8348-b4bdac42edbb.ttf") format("truetype"),
			url("Fonts/05ad458f-263b-413f-b054-6001a987ff3e.svg#05ad458f-263b-413f-b054-6001a987ff3e") format("svg");
}

/* ========= basic */
* {			margin: 0; padding: 0; border: none; }
body {		text-align: center; background: #f0f0f0 url(images/header-navigation-bg.png) left top repeat-x; font-size: 14px; }

/* ========= typo basic */
body, address, p, input, select, textarea, ul, ol, dl,
a, h1, h2, h3, h4, h5, h6 {
	color: #2c2c2c;
	font-family: "Helvetica", Arial, Verdana, sans-serif;
	font-size: 95%;
	font-variant: normal;
	font-style: normal;
	font-weight: 100;
	line-height: 1.5em;
	text-decoration: none;
}
b,
strong,
b a,
strong a {
	font-weight: 700;
}
video,audio { max-width: 100%; height: auto; }

/* ========= form */
input, select, textarea {
	padding: 7px 10px;
	
	background-color: #F0F0F0;
	
	/* -webkit-appearance: none; */
    border-radius: 0;
}
select {
	-webkit-appearance: menulist;
}

option {
	color: #fff;
	background-color: #2c2c2c;
}
input.withIcon,
.powermail_form.layout1 #powermail_field_name,
.powermail_form.layout1 #powermail_field_telefonnummer,
.powermail_form.layout1 #powermail_field_e_mail {
	background: #F0F0F0 url(images/graphicSet_icons.png) no-repeat;
}
input.withIcon.email, .powermail_form.layout1 #powermail_field_e_mail { background-position: 5px -20px; padding-left: 30px; }
input.withIcon.name, .powermail_form.layout1 #powermail_field_name { background-position: 5px -50px; padding-left: 30px; }
input.withIcon.telephone, .powermail_form.layout1 #powermail_field_telefonnummer { background-position: 4px -186px; padding-left: 30px; }
input.withIcon.telephone, .powermail_form.layout1 #powermail_field_spamkontrolle { vertical-align: top; }
input.withIcon.search {	background-position: 20px 10px;	padding-left: 45px; }
input.withIcon.username {	background-position: 3px -55px; }
input.withIcon.password {	background-position: 3px -85px; }
input.submit {
	cursor: pointer;
}

form .formError {
	width: 200px !important;
	right: 0 !important;
	margin: auto !important;
	left: auto !important;
	text-align: right;
	color: #E78E75;
}
form .powermail_captcha_outer .formError {
	right: -9em !important;
}

.powermail_fieldwrap.powermail_fieldwrap_check {
	/* margin-top: 0.5em; */
}

/* ========= structur */
#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	
	text-align: left;
}

#navigation {
	height: 59px;
	width: 100%;
	
	background: #f0f0f0 url(images/header-navigation-bg.png) left top repeat-x;
}

#navi-sidebar {
	width: 240px;
	float: left;
}
#navi-sidebar #header-search {
	
}
#navi-sidebar #logo {
	display: block;
	margin: 30px 0 35px 20px;
}
* html #navi-sidebar #logo {
	margin-top: 7px;
}
#navi-sidebar #subnavigation {
	
}

#content {
	width: 720px;
	float: right;
}
#content #header-image {
	position: relative;
	height: 360px;
}
.start #content #header-image {
	height: 400px;
}
#content #maincontent {
	width: 430px;
	float: left;
	margin: 20px 50px;
}
* html #content #maincontent {
	margin-left: 25px;
}
#content #maincontent.baby-gallery {
	width: auto;
	margin-right: 0; 
}
#content #startcontent { /* without .start, its better to edit */
	float: left;
	margin-left: -240px;
}
#content #sidebar {
	width: 170px;
	float: right;
	margin: 20px 20px 0 0;
	position: relative;
	z-index: 1;
}
* html #content #sidebar {
	margin-right: 10px;
}

#footer {
	padding: 50px 20px 30px 20px;
}
#footer #footer-navigation {
	margin-bottom: 2em;
}
#footer #extra-navigation {
	
}

#footer-copy {
	position: absolute;
	/* margin: 20px; */
	padding: 2%;
	width: 96%;
}

#emergency {
	display: none;
	position: absolute;
	z-index: 99;
	right: 0;
	top: 340px;
	width: 100px;
	min-height: 120px;
	padding-top: 50px;
}
* html #emergency {
	position: absolute;
}
.mainpage-51 #emergency, .start #emergency { display: block; } /* Diakonissenkrankenhaus */

/* ========= container */
#container {
	background-color: #fff;
}

/* ========= navigation */
#navigation {
	background: #f0f0f0 url(images/header-navigation-bg.png) left top repeat-x;
	border-bottom: 1px solid #767676;
}
#navigation ul {
	list-style: none;
}
#navigation ul li {
	float: left;
	position: relative;
	z-index: 99;
}
#navigation ul li a {
	display: block;
	float: left;
	color: #2051a3;
	/* padding: 20px 45px 18px 18px; */
	padding: 20px 40px 18px 16px;
	
	font-size: 14px; /* no creaseFont = fixed size */
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #BABABA;
	
	text-shadow: 1px 1px 0px #fff;
	
	background: transparent url(images/graphicSet_arrows.png) 108% 25px no-repeat; /* "right" cause we have no other parent element for the arrow but different width of words */
}

#navigation ul li.first a {
	margin-left: 1px; /* 1px cause on hover comes a border */
	border-left: none;
}

#navigation > ul > li.last > a {
	border-right: none;
	padding-right: 45px;
	/* background: none; */
	/* padding-right: 60px; */
	/* padding-bottom: 12px; */
}

#navigation ul li.languages a {
	/* border-right: none;
	padding-right: 60px;
	padding-bottom: 12px; */
}
#navigation ul li.languages a img {
	padding: 5px 0;
}
#navigation ul li.languages ul {
	width: 76px;
}
#navigation ul li.languages ul li a {
	padding-right: 5px;
	padding-bottom: 5px;
}
#navigation ul li.languages ul li a img {
	vertical-align: top;
}

#navigation ul li.current a,
#navigation ul li:hover a,
#navigation ul li a:hover {
	background-color: #E7E7E7;
}
#navigation ul li.current.first a,
#navigation ul li.first:hover a,
#navigation ul li.first a:hover{
	margin-left: 0; /* 0 cause the border */
	border-left: 1px solid #BABABA;
}
#navigation ul li.current.languages a,
#navigation ul li.languages:hover a,
#navigation ul li.languages a:hover {
	border-right: 1px solid #BABABA;
}


body[class^="gallery-"] #navigation ul li.first a {
	padding-left: 20px;
	
	border: none;
	background: transparent url(images/graphicSet_arrows.png) left -352px no-repeat;
}
body[class^="gallery-"] #navigation ul li.first a:hover {
	margin-left: 1px;
}

#navigation ul li ul {
	display: none;
	
	position: absolute;
	z-index: 99;
	left: 0;
	top: 59px;
	width: 210px; /* 240 - padding from links */
}
#navigation ul li:hover ul {
	display: block;
}
#navigation ul li ul li {
	float: none;
}
#navigation ul li ul li a {
	display: block;
	width: 100%;
	float: none;
	padding: 5px 15px;
	margin: 0 !important;
	
	color: #fff;
	border: none !important;
	background: #2c2c2c !important;
	
	text-shadow: 1px 1px 0px #000;
}
#navigation ul li ul li a:hover, #navigation ul li ul li.current a {
	background-color: #4b4b4b !important;
	border: none !important;
}

#navigation ul li.last ul {
	left: auto; right: 0;
}
#navigation ul li.last ul li a {
	width: auto;
}

/* ========= navi-sidebar */
#navi-sidebar {
}

/* header-search */
#navi-sidebar #header-search  input.search {
	float: left;
	width: 150px;
	height: 20px;
}
#navi-sidebar #header-search  input.submit {
	display: block;
	float: right;
	width: 33px;
	height: 34px;
	overflow: hidden;
	
	background: #F0F0F0 url(images/graphicSet_arrows.png) 13px -190px no-repeat;
    color: transparent;
    text-indent: -1000px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}

/* subnavigation */
#navi-sidebar #subnavigation {
	
}
#navi-sidebar #subnavigation p {
	margin-left: 15px;
	margin-right: 15px;
}
#navi-sidebar #subnavigation ul {
	margin-top: 0.5em;
	
	border-top: 2px solid #EFEFEF;
	list-style: none;
}
#navi-sidebar #subnavigation ul ul {
	margin-top: 0;
	
	border-top: none;
}
#navi-sidebar #subnavigation ul li a {
	display: block;
	padding: 3px 0 2px 30px;
	
	color: #767676;
}
#navi-sidebar #subnavigation ul li.current > a, #navi-sidebar #subnavigation ul li a:hover { background: transparent url(images/graphicSet_arrows.png) 15px -30px no-repeat; color: #3F4FA1; }

#navi-sidebar #subnavigation ul li ul li a { padding-left: 45px; }
#navi-sidebar #subnavigation ul li ul li.current a, #navi-sidebar #subnavigation ul li ul li a:hover { background-position: 30px -30px; }

#navi-sidebar #subnavigation ul li ul li ul li a { padding-left: 60px; }
#navi-sidebar #subnavigation ul li ul li ul li.current a, #navi-sidebar #subnavigation ul li ul li ul li a:hover { background-position: 45px -30px; }

#navi-sidebar #subnavigation ul li ul li ul li ul li a { padding-left: 75px; }
#navi-sidebar #subnavigation ul li ul li ul li ul li.current a, #navi-sidebar #subnavigation ul li ul li ul li ul li a:hover { background-position: 60px -30px; }

/* ========= headlines */
h1,
h2,
h3,
h4,
h5,
h6 {
	/* clear: both; */
	font-weight: 100;
	line-height: 1.3em;
}
h1 {	font-size: 2.2em; }
h2 {	font-size: 2em; }
h3 {	font-size: 1.5em; }
h4 {	font-size: 1.3em; font-weight: 700; }
h5 {	font-size: 1.1em; font-weight: 700; }
h6 {	font-size: 0.9em; font-weight: 700; }

#maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6 {
	margin-bottom: 0.5em;
}

/* header image */
#content #header-image h1 {
	padding: 30px 0 0 50px;
	width: 380px;

	font-size: 2.8em;
	line-height: 1em;
	text-shadow: 1px 1px 0px #fff;
}

.start #content #header-image h1 {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* start content */
#content #startcontent h2 {
	margin-bottom: 0.3em;
	
	font-size: 2em;
	line-height: 1em;
	text-shadow: 1px 1px 0px #fff;
}

/* news */
#maincontent .news-list-container h2,
#maincontent .news-single-item h2 {
	font-size: 1em;
	font-weight: 700;
}
#maincontent .news-list-container h2 a,
#maincontent .news-single-item h2 a {
	font-weight: 700;
	color: #2c2c2c;
}
#maincontent .news-list-container h3,
#maincontent .news-single-item h3 {
	margin-bottom: 1em;
	
	font-size: 1em;
	font-weight: 700;
}

/* sidebar */
#sidebar h6 {
	font-weight: 700;
}

/* ========= content */
#content {
	
}

/* header-image */
#content #header-image {
	background: transparent left top no-repeat;
}

#content #header-image a.more-link {
	display: block;
	margin: 0 0 10px 50px;
	padding: 0 0 0 20px;
	
	background: transparent url(images/graphicSet_arrows.png) 0 -78px no-repeat;
}
#content #header-image #header-image-content {
	position: absolute;
	bottom: 0;
	height: 80px; /* 160 - padding */
	width: 670px; /* 720 - padding */
	padding: 80px 0 20px 50px; /* right no padding cause padding comes from rows */
	
	background: transparent url(images/graphicSet_colored.png) left -570px no-repeat;  /* Diakonissenkrankenhaus */
}
.mainpage-57 #content #header-image #header-image-content {	background-position: left -760px; } /* Berufsfachschulen */
.mainpage-3 #content #header-image #header-image-content {	background-position: left -190px; } /* Seniorenhilfe */
.mainpage-62 #content #header-image #header-image-content {	background-position: left -380px; } /* Dienstleistungen */
.mainpage-4 #content #header-image #header-image-content {	background-position: left 0; } /* Mutterhaus */
.mainpage-2 #content #header-image #header-image-content {	background-position: left -950px; } /* Informationsseiten */

#content #header-image #header-image-content .rows-1-2,
#content #header-image #header-image-content .rows-2-2,
#content #header-image #header-image-content .rows-1-3,
#content #header-image #header-image-content .rows-2-3,
#content #header-image #header-image-content .rows-3-3 {
	float: left;
	width: 47%; padding-right: 5%;
}
#content #header-image #header-image-content .rows-1-1 {
	padding-right: 5%;
}
#content #header-image #header-image-content .rows-1-3,
#content #header-image #header-image-content .rows-2-3,
#content #header-image #header-image-content .rows-3-3 {
	width: 28%;
}
#content #header-image #header-image-content .rows-1-1,
#content #header-image #header-image-content .rows-2-2,
#content #header-image #header-image-content .rows-3-3 {
	padding-right: 0;
}
#content #header-image #header-image-content p {
	margin-bottom: 0.2em;
	
	font-weight: 700;
	font-style: italic;
	line-height: 1.3em;
}
.start #content #header-image #header-image-content p {
	font-weight: 100;
	font-style: normal;
}
#content #header-image #header-image-content a {
	padding: 0 0 0 15px;
	
	font-weight: 700;
	background: transparent url(images/graphicSet_arrows.png) 0 -109px no-repeat;
}
.start #content #header-image #header-image-content a {
	font-weight: 100;
}
#content #header-image #header-image-content img {
	float: left;
	margin-right: 30px;
}
#content #header-image #header-image-content .rows-1-3 img,
#content #header-image #header-image-content .rows-2-3 img,
#content #header-image #header-image-content .rows-3-3 img { margin-right: 10px; }
#content #header-image #header-image-content .rows-1-3 p,
#content #header-image #header-image-content .rows-2-3 p,
#content #header-image #header-image-content .rows-3-3 p { font-size: 95%; }

/* startcontent */
#content #startcontent .startcontent-box {
	width: 240px;
	height: 360px;
	float: left;
	position: relative;
	
	background: transparent left top no-repeat;
}
#content #startcontent .startcontent-box .inner {
	margin: 15px 20px 20px 40px;
}
#content #startcontent .startcontent-box .inner .content {
	position: absolute;
	left: 0; top: 180px;
	height: 110px; /* 180 - padding */
	width: 190px; /* 240 - padding */
	padding: 70px 10px 0 40px;
	
	background: transparent url(images/graphicSet_colored.png) left top no-repeat;
}
#content #startcontent .startcontent-box .inner .content p {
	line-height: 1.3em;
}
#content #startcontent .startcontent-box.box-202 .inner .content {	background-position: left -760px; } /* Berufsfachschulen */
#content #startcontent .startcontent-box.box-282 .inner .content {	background-position: left -190px; } /* Seniorenhilfe */
#content #startcontent .startcontent-box.box-280 .inner .content {	background-position: left -380px; } /* Dienstleistungen */
#content #startcontent .startcontent-box.box-281 .inner .content {	background-position: left 0; } /* Mutterhaus */

/* baby-gallery */
#maincontent.baby-gallery .baby-container {
	float: left;
	width: 200px;
	height: 300px;
	margin: 0 20px 2em 0;
	
	font-size: 0.88em;
	line-height: 1.3em;
}
#maincontent.baby-gallery .baby-container .image {
	display: block;
	width: 200px;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin-bottom: 1em;
	
	text-align: center;
}
#maincontent.baby-gallery .baby-container .image .zoom {
	display: block;
	width: 15px;
	height: 15px;
	position: absolute; bottom: 5px; right: 5px;
	
	background: transparent url(images/graphicSet_icons.png) left -123px no-repeat;
}
#maincontent.baby-gallery .baby-container.female .image .zoom {
	background-position: left -159px;
}
#maincontent.baby-gallery .baby-container strong {
	color: #23bae2;
}
#maincontent.baby-gallery .baby-container.female strong {
	color: #ea6e9e;
}
#maincontent.baby-gallery .baby-container .label {
	display: block;
	width: 100%;
	clear: both;
}
#maincontent.baby-gallery .baby-container .info {
	float: right;
	width: 140px;
}
.fancybox-baby-gallery {
	text-align: left;
	font-size: 13.38px;
}
.fancybox-baby-gallery strong {
	color: #23bae2;
}
.fancybox-baby-gallery.female strong {
	color: #ea6e9e;
}
.fancybox-baby-gallery .fancycaption-left {
	width: 69%;
	float: left;
}
.fancybox-baby-gallery .fancycaption-right {
	width: 30%;
	float: right;
	text-align: right;
}
body[class^="gallery-"] #fancybox-close {
	background: transparent url(css/fancy_close_baby.png) left top no-repeat;
}
body[class^="gallery-"] #fancybox-close.female {
	background-position: left bottom;
}

/* content-formulare */
#maincontent .tx-powermail {
	width: 100%;
}
#maincontent .tx-powermail form {
	position: relative;
}
#maincontent .tx-powermail form .powermail_fieldwrap {
	clear: both;
	margin-bottom: 1em;
}
#maincontent .tx-powermail form label {
	line-height: 1em;
	cursor: pointer;
}
#maincontent .tx-powermail form input.powermail_input {		min-width: 20em; }
#maincontent .tx-powermail form select.powermail_select {	min-width: 23em; }
#maincontent .tx-powermail form textarea.powermail_textarea {
	width: 100%;
	height: 10em;
	
	padding-right: 0;
}
#maincontent .tx-powermail form input.powermail_submit {
	min-width: 7em;
	
	cursor: pointer;
	background-color: #2051a3;
	color: #fff;
}

/* content-formulare: contact */
#maincontent  form.powermail_form.layout1 label {
	display: none;
	cursor: pointer;
}
/* content-formulare: gästehaus dresden, hostienbäckerei */
/* TODO: add layout2 and control if both forms showing correct */
#maincontent form.powermail_form_2 label,
#maincontent form.powermail_form_3 label {
	float: left;
	width: 100px;
	margin-right: 1em;
}
#maincontent form.powermail_form_2 legend {
	display: none;
}
#maincontent form.powermail_form_2 .powermail_fieldwrap_textarea label,
#maincontent form.powermail_form_3 .powermail_fieldwrap_textarea label {
	width: auto;
	float: none;
	margin-right: 0;
}
#maincontent form.powermail_form_2 .powermail_check_inner label {
	width: auto;
	float: none;
	margin-right: 0;
	display: inline;
}
#maincontent form.powermail_form_2 #powermail_field_anzahldereinzelzimmer,
#maincontent form.powermail_form_2 #powermail_field_anzahlderdoppelzimmer,
#maincontent form.powermail_form_2 #powermail_field_anzahldermehrbettzimmer,
#maincontent form.powermail_form_3 #powermail_field_anzahlkleinehostien,
#maincontent form.powermail_form_3 #powermail_field_anzahlschauhostien,
#maincontent form.powermail_form_3 #powermail_field_anzahlbrothostien {
	min-width: 4em !important;
	max-width: 4em !important;
}

/* tables */
#maincontent table {
	width: 100%;
	
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0.5em 0 1.5em 0;
}
#maincontent table tr th {
	padding: 0.2em 0.5em;
	
	background-color: #f0f0f0;
	font-weight: 100;
	border-bottom: 2px solid #f0f0f0;
}
#maincontent table tr td {
	padding: 0.1em 0.2em;
	
	vertical-align: top;
	border: 2px solid #f0f0f0;
	border-width: 0 0 2px 2px;
}
#maincontent table tr td:first-child {
	border-left: none;
}
#maincontent table tr:hover td {
	background-color: #f0f0f0;
}

/* misc */
#maincontent ul,
#maincontent ol {
	margin: 0 0 1em 1em;
}
#maincontent p,
#maincontent address,
#maincontent ul,
#maincontent ol {
	margin-bottom: 1em;
	line-height: 1.6em;
}
#maincontent ul,
#maincontent ol {
	/* line-height: 1.3em; */
}
#maincontent li {
	margin-bottom: 0.5em;
}
#maincontent a {
	color: #3F4FA1;
}
#maincontent a:hover {
	text-decoration: underline;
}

/* image cycle */
#maincontent .tx-imagecycle-pi1 {
	/* background-color: #f0f0f0; */
	background-color: #fff;
}
#maincontent .tx-imagecycle-pi1 ul {
	/* position: relative; */
	/* border: 1px solid black; */
	 /* display: table-cell !important; vertical-align: middle  !important; */
}
#maincontent .tx-imagecycle-pi1 ul li {
	/* top: 25% !important; */
	/* position: relative !important; */
	/* border: 1px solid blue; */
	/* vertical-align:middle */
}
#maincontent .tx-imagecycle-pi1 ul li img {
	/* vertical-align:middle */
}
#maincontent .tx-imagecycle-pi1 ul {
	margin: 0;
}

/* fancybox */
#fancybox-title-float-main {
	font-weight: 100 !important;
}

/* ========= news */
/* cats */
#maincontent .tt_news-dropdown-cat-select {
	margin-bottom: 2em;
}
/* news items */
#maincontent .news-list-container,
#maincontent .news-single-item {
	padding: 0;
}
#maincontent .news-list-container .news-list-date,
#maincontent .news-single-item .news-list-date {
	float: none;
	display: inline;
	padding: 0 0.5em 0 0;
	
	font-weight: 100;
	font-size: 0.95em;
}
/* #maincontent .news-list-container .news-list-item.withImage img, */
/* #maincontent .news-single-item .news-single-img { */
#maincontent .news-single-item .news-single-img {
	clear: both; float: none; display: block;
}
#maincontent .news-list-container .news-list-item.withImage img {
	float: left;
	margin: 0.5em 1.5em 0 0;
}
#maincontent .news-list-container .news-list-item.withImage p {
 	width: 300px;
	float: left;
}
/* morelink */
#maincontent .news-list-morelink a {
	display: inline;
	padding-left: 20px;
	
	color: #2C2C2C;
	background: transparent url(images/graphicSet_arrows.png) 5px -168px no-repeat;
}
.mainpage-57 #maincontent .news-list-morelink a {		background-position: 5px -258px; } /* Berufsfachschulen */
.mainpage-3 #maincontent .news-list-morelink a {		background-position: 5px -288px; } /* Seniorenhilfe */
.mainpage-62 #maincontent .news-list-morelink a {		background-position: 5px -318px; } /* Dienstleistungen */
.mainpage-4 #maincontent .news-list-morelink a {		background-position: 5px -138px; } /* Mutterhaus */
.mainpage-2 #maincontent .news-list-morelink a {		background-position: 5px -228px; } /* Informationsseiten */

/* pages news & search */
#maincontent .pages,
#maincontent .browsebox {
	margin-top: 1em;

	text-align: right;
	display: block;
	float: right;
}
#maincontent .pages li,
#maincontent .browsebox li {
	display: block;
	float: left;
}
#maincontent .pages li a,
#maincontent .browsebox li a {
	display: block;
	float: left;
	padding: 0.6em 1.1em;
	margin-left: 0.9em;
	
	font-size: 0.8em;
	font-weight: 700;
	background: #f0f0f0;
	color: #767676;
}
#maincontent .pages li.current a, #maincontent .pages li a:hover,
#maincontent .browsebox li.tx-indexedsearch-browselist-currentPage a, #maincontent .browsebox li a:hover {
	background: #2051a3;
	color: #fff;
}

/* ========= sidebar */
#sidebar .box {
	margin-bottom: 2em;
}

ul.csc-menu,
#sidebar p,
#sidebar address,
#sidebar ul,
#sidebar ol {
	margin-bottom: 0.5em;
	line-height: 1.2em;
}
ul.csc-menu a,
#sidebar a {
	line-height: 1.2em;
}
#sidebar a.more-link-with-arrow,
#sidebar span.more-link-with-arrow {
	padding-left: 15px;
	
	background: transparent url(images/graphicSet_arrows.png) 0 -168px no-repeat;
}

ul.csc-menu {
	list-style: none;
}
#maincontent ul.csc-menu .csc-section {
	margin: 0 0 0 1em;
}
ul.csc-menu .csc-section:before {
	content: " ";
	display: block; width: 1.4em; height: 20px;
	float: left;
	margin-left: -1.4em;
	
	background: transparent url(images/graphicSet_arrows.png) 0 -168px no-repeat;
}

/* Berufsfachschulen */
.mainpage-57 ul.csc-menu .csc-section,
.mainpage-57 #sidebar a.more-link-with-arrow,
.mainpage-57 #sidebar span.more-link-with-arrow {		background-position: left -258px; }
/* Seniorenhilfe */
.mainpage-3 ul.csc-menu .csc-section,
.mainpage-3 #sidebar a.more-link-with-arrow,
.mainpage-3 #sidebar span.more-link-with-arrow {		background-position: left -288px; }
/* Dienstleistungen */
.mainpage-62 ul.csc-menu .csc-section,
.mainpage-62 #sidebar a.more-link-with-arrow,
.mainpage-62 #sidebar span.more-link-with-arrow {		background-position: left -318px; }
/* Mutterhaus */
.mainpage-4 ul.csc-menu .csc-section,
.mainpage-4 #sidebar a.more-link-with-arrow,
.mainpage-4 #sidebar span.more-link-with-arrow {		background-position: left -138px; }
/* Informationsseiten */
.mainpage-2 ul.csc-menu .csc-section,
.mainpage-2 #sidebar a.more-link-with-arrow,
.mainpage-2 #sidebar span.more-link-with-arrow {		background-position: left -228px; }

/* ========= footer */
/* footer-navigation */
#footer #footer-navigation ul {
	list-style: none;
}
#footer #footer-navigation ul li {
	float: left;
	position: relative;
	width: 18%;
	margin-right: 20px;
}
* html #footer #footer-navigation ul li {
	width: 12%;
}
#footer #footer-navigation ul li.last {
	margin-right: 0;
	float: right;
}´
#footer #footer-navigation ul li ul {
	margin-top: 0.5em;
}
#footer #footer-navigation ul li ul li {
	width: 100%;
}
#footer #footer-navigation ul li a {
	display: block;
	padding-bottom: 0.3em;
	
	font-size: 0.9em;
	font-weight: 700;
	cursor: default;
}
#footer #footer-navigation ul li,
#footer #footer-navigation ul li a {
	color: #767676;
}
#footer #footer-navigation ul li ul li a {
	font-weight: 100;
	cursor: pointer !important;
}
#footer #footer-navigation ul li.current a {
	text-decoration: underline;
}
#footer #footer-navigation ul li.current ul li a {
	text-decoration: none;
}
#footer #footer-navigation ul li ul li.current a,
#footer #footer-navigation ul li ul li a:hover {
	text-decoration: underline;
}

/* login */
#sidebar #login .username,
#sidebar #login .password {
	width: 140px;
	padding: 4px 5px 4px 22px;
	margin: 0.8em 0;
	
	font-size: 0.9em;
}
#sidebar #login .password {
	margin: 0;
}
#sidebar #login .submit {
	padding: 4px 15px;
	margin: 0.8em 0;

	font-size: 0.9em;
}
.mainpage-4 #sidebar #login .submit {		background-color: #AD92BF; } /* Mutterhaus */

/* extra-navigation */
#footer #extra-navigation ul {
	list-style: none;
}
#footer #extra-navigation ul li {
	display: inline;
}
#footer #extra-navigation ul li,
#footer #extra-navigation ul li a {
	color: #767676;
}
#footer #extra-navigation ul li.current a,
#footer #extra-navigation ul li a:hover {
	text-decoration: underline;
}

#footer #extra-navigation ul li.fontsize a {
	margin-right: 0.2em;
	padding: 0 5px 0 6px;
	
	background-color: #757575;
	color: #fff;
	text-decoration: none;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
#footer #extra-navigation ul li.fontsize a.fontsize-minus {		padding: 0 7px; }
#footer #extra-navigation ul li.fontsize a.fontsize-default {	padding: 0 7px; }
#footer #extra-navigation ul li.fontsize a span {
	display: none;
}

/* ========= emergency */
#emergency {
	background: transparent url(images/emergency-bg.png) top center no-repeat;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #767676;
}
#emergency strong {
	display: block;
	margin: 0.3em 0 0.5em 0;
}

/* ========= footer-copy */
#footer-copy p {
	float: left;
	color: #767676;
}
#footer-copy img {
	float: right;
}

/* ========= misc */
a.more-link-small {
	padding: 0 0 0 15px;
	
	background: transparent url(images/graphicSet_arrows.png) 0 -108px no-repeat;
}
.nobr { 				white-space: nowrap; }

.align-right {		text-align: right; }
.align-center {		text-align: center; }
.align-left {		text-align: left; }

.floatleft {			float: left; }
.floatright {		float: right; }
.floatleftSpace {	float: left; margin-left: 1em; }
.clear {				display: block; clear: both; height: 0; }
.clearSpace {		display: block; clear: both; height: 1em; }

.flexslider .slides { margin: 0 !important; }
.flexslider .slides .caption-wrapper { display: none; }

.mainpage-51 #main-content .contenttable td:nth-child(1) {
	width:25%;
}

/* iframe wrapper */
.iframe-wrapper { position: static; display: block; }
.iframe-wrapper-info { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; background-color: #eee; padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 	color: #5CB0DC; }
.iframe-wrapper-info a,
.iframe-wrapper-info a:hover { font-weight: bold; color: #5CB0DC; }