@CHARSET "UTF-8";

.screenHiddenOverflow {
  overflow: hidden;
}

@media print {
  html.screenHiddenOverflow,
  body.screenHiddenOverflow {
    overflow: visible;
  }
}

.clear {
	clear: both;
}
.clearleft {
	clear: left;
}

html,
body,
#sitecontainer {
	margin: 0px;
	padding: 0px;
}

body.celementsmenubarvisible {
	margin-top: 29px !important;
}

body.forceColors,
#cel_linkPicker,
body {
	background: white;
}

#sitecontainer {
	position: relative;
	width: 1075px;
	margin-left: auto;
	margin-right: auto;
	background: rgb(229,229,229);
}

#bannerWrapper {
	position: relative;
	float: right;
	width: 280px;
	overflow: hidden;
	background: rgb(229,229,229);
}
#banner {
	margin-top: 33px;
}
#sponsoren {
	overflow: auto;
}

#left {
	width: 750px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: 280px;
	margin-left: 15px;
	background: white;
}
#header {
	padding: 15px 0px 10px 0px;
	position: relative;
}

#tagesagenda {
	position: absolute;
	bottom: 48px;
	right: 207px;
	min-width: 80px;
	min-height: 80px;
}
#tagesagenda p {	
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}
#tagesagenda a {
	display: inline-block;
	width: 105px;
	height: 105px;
}
#tagesagenda a:hover,
body[class*="Tagesagenda"] #tagesagenda a {
	background-image: url('/download/Content_attachments/FileBaseDoc/Tagesagenda%2DLogo-Hover.png');
}
#tagesagenda a:hover img,
body[class*="Tagesagenda"] #tagesagenda img {
	display: none;
}

#navWrapper {
	padding-top: 25px;
	padding-bottom: 15px;
}
#balken {
	padding: 3px 3px 2px 3px;
	background: rgb(229,229,229);
}

/* Content */
#container {
	position: relative;
	padding-bottom: 15px;
}
#contentLeft,
#contentRight  {
	width: 360px;
}
#contentRight {
	float: right;
	overflow: auto;
	padding-left: 30px;
}
#endlessContent,
#contentRight {
	overflow: hidden;
}

#contentImage {
	position: absolute;
	top: 28px;
	left: 0px;
	width: 360px;
	height: 100%;
	overflow: hidden;
}
body.celementsmenubarvisible #contentImage {
	left: -15px;
	width: 375px;
}
body.celementsmenubarvisible #contentImage .rteContent {
	padding-left: 15px;
	min-height: 300px;
}

/* SCROLLBALKEN */
#wn,
#wnL {
  overflow: hidden;
  position: relative;
  width: 360px;
  margin: 28px 0px;
}
#wnL {
	float: left;
}
#lyr,
#lyrL {
	width: 100%;
}
#scrollbar,
#scrollbarL {
  font-size: 0px;
  line-height: 0px;
  height: 100%;
  width: 360px;
  position: absolute;
}
#scrollbar #scrollTrack,
#scrollbarL #scrollTrackL {
	display: none;
	position: absolute;
	right: 0px;
	top: 28px;
	bottom: 32px;
	padding: 0 0 0 7px;
	width: 13px;
	z-index: 10;
	filter:	alpha(opacity = 75); 
	opacity: 0.75;
}
#scrollbar #scrollTrack:hover,
#scrollbarL #scrollTrackL:hover {
	background-image: url('/download/PZ2014Layout/WebHome/scrollTrack.png');
	background-position: 12px 0;
	background-repeat: repeat-y;
}
.endlessScroll #dragBar,
.endlessScroll #dragBarL {
	height: 30px;
}
#scrollbar #scrollTrack #dragBar,
#scrollbarL #scrollTrackL #dragBarL {
	position: absolute;
}
#scrollbar #scrollTrack:hover #dragBar,
#scrollbarL #scrollTrackL:hover #dragBarL {
	width: 13px;
	background: #989898;
	min-height: 30px;
	margin-left: 6px;
}
#scrollbar #scrollTrack:hover #dragBar:active,
#scrollbarL #scrollTrackL:hover #dragBarL:active {
	background: black;
}
#scrollbarL #scrollLeftL,
#scrollbar #scrollLeft,
#scrollbarL #scrollRightL,
#scrollbar #scrollRight {
  position: absolute;
  top: 0px;
	background: #E6E6E6;
	width: 360px;
	height: 17px;
	border-top: 1px solid #c1c1c1;
}
#scrollbar #scrollRight,
#scrollbarL #scrollRightL {
  bottom: 10px;
  top: auto;
	border-top: 0px solid transparent;
	border-bottom: 1px solid #c1c1c1;
}
a.mouseover_up,
a.mouseover_down {
	display: block;
	height: 17px;
	background-image: url("/download/PZ2014Layout/WebHome/scrollUp.png?celwidth=11&celheight=11&vers=2");
	background-position: right center;
	background-repeat: no-repeat;
	margin-right: 1px;
}
a.mouseover_up:hover {
	background-image: url("/download/PZ2014Layout/WebHome/scrollUp-Hover.png?celwidth=11&celheight=11&vers=2");
}
a.mouseover_down {
	background-image: url("/download/PZ2014Layout/WebHome/scrollDown.png?celwidth=11&celheight=11&vers=2");
}
a.mouseover_down:hover {
	background-image: url("/download/PZ2014Layout/WebHome/scrollDown-Hover.png?celwidth=11&celheight=11&vers=2");
}

body.celementsmenubarvisible #scrollbarL div.cel_cm_pagedependent_content, 
body.celementsmenubarvisible #scrollbarL div.cel_cm_rte_content,
body.celementsmenubarvisible #scrollbar div.cel_cm_pagedependent_content, 
body.celementsmenubarvisible #scrollbar div.cel_cm_rte_content {
	min-height: 15px;
	min-width: 100px;
}

/* -- Navigation --*/
#navWrapper li,
#pfad li {
	font-family: 'Frutiger', Arial, sans-serif;
}
#navRight {
	float: right;
}
#navWrapper ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navWrapper ul li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px solid rgb(159,159,159);
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 18px;
}
#nav ul li + li,
#navRight ul li + li {
	margin-left: 31px;
}
#navWrapper ul li a{
	color: rgb(159,159,159);
}
#navWrapper ul li:hover a,
#navWrapper ul li.active a {
	color: black;
}
#balken a {
	color: black;
}
#balken a:hover {
	color: rgb(159,159,159);
}


/* -- Pfad -- */
#pfad ul {
	list-style: none;
}
#balken ul li,
#balken p {
	font-size: 14px;
	line-height: 19px;
}
#pfad > ul > li {
	float: left;
	position: relative;
}
#pfad > ul > li + li {
	margin-left: 3px;
	padding-left: 12px;
	background-image: url('/download/PZ2014Layout/WebHome/pfad.png');
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
#pfad ul ul {
	display: none;
	position: absolute;
	left: 8px;
	padding-top: 5px;
	z-index: 10;
}
#pfad > ul > li:hover > ul {
	display: block;
}
#pfad > ul ul > li {
	background: white;
	padding: 2px 5px;
	border-top: 1px solid white;
	background: rgb(229,229,229);
}

/* -- Banner --- */ 
table.banner td {
	font-size: 0px;
	line-height: 0px;	
}

/* -- endlessContent --*/
div.endlessContent,
div.article_abstract {
	position: relative;
	padding: 5px 0px;
	border-top: 1px solid rgb(229,229,229);
	clear: both;
}
.prozMainNode div.endlessContent,
.prozMainNode div.article_abstract {
	border-top: 0px solid transparent;
}

.endlessContent.active,
.article_abstract.active {
  background-color: rgb(252,250,223);
} 
.endlessContent:hover,
.article_abstract:hover,
.veranstaltung .veranstaltungsort:hover {
  background-color: rgb(242,250,254);
}
#parentDisc {
	/* Meeting 22.8.14, nicht mehr nötig */
	display: none;
}
#parentDisc > div  {
	position: relative;
	padding: 5px 0px;
}

#sitecontainer .article_abstract h1,
#sitecontainer .article_abstract .h1 {
	font-size: 17px;
	line-height: 22px;
}
#sitecontainer .article_abstract h1 + p {
	margin-top: 0px;
}


/* -- Blog -- */
.article_detail {
	position: relative;
}
.article_abstract .article_date {
	position: absolute;
	top: 5px;
	right: 0px;
	font-size: 10px;
	line-height: 14px;
	color: rgb(130,130,130);
}
.article_abstract .text img {
	margin-right: 10px;
	margin-bottom: 0px;
}
.article_abstract .text .cel_slideShow_slideRoot img {
    margin-bottom: 0;
    margin-right: 0;
}
#sitecontainer .article_abstract .text .article_blogPageName {
	color: #989898;
}
/** this rule leads to an additional space top of an article.
Removing this rule to fix alignement: FP;14.9.2014 
#sitecontainer .article_detail p:first-child {
	margin-top: 9px;
}
*/
.article_detail .article_date {
	font-size: 12px; 
	line-height: 16px;
}
.article_detail .text {
	padding-bottom: 5px;
}
/* Bild neben Text */
#sitecontainer .article_abstract[id*="alltag"] .text,
#sitecontainer .article_abstract[id*="ungereimtes"] .text,
#sitecontainer .article_abstract[id*="godefrod"] .text,
#sitecontainer .article_abstract[id*="highlights"] .text,
#sitecontainer .article_abstract[id*="fotos"] .text,
#sitecontainer .article_abstract[id*="news"] .text ,
#sitecontainer .article_abstract[id*="aktuelles"] .text   {
	position: relative;
	min-height: 120px;
	overflow: hidden;
}
#sitecontainer .article_abstract[id*="ungereimtes"] .text {
	min-height: 20px;
}
#sitecontainer .article_abstract[id*="alltag"] .text .article_blogPageName,
#sitecontainer .article_abstract[id*="alltag"] .text h1,
#sitecontainer .article_abstract[id*="alltag"] .text p,
#sitecontainer .article_abstract[id*="ungereimtes"] .text .article_blogPageName,
#sitecontainer .article_abstract[id*="ungereimtes"] .text h1,
#sitecontainer .article_abstract[id*="ungereimtes"] .text p,
#sitecontainer .article_abstract[id*="godefrod"] .text .article_blogPageName,
#sitecontainer .article_abstract[id*="godefrod"] .text h1,
#sitecontainer .article_abstract[id*="godefrod"] .text p,
#sitecontainer .article_abstract[id*="highlights"] .text h1,
#sitecontainer .article_abstract[id*="highlights"] .text p,
#sitecontainer .article_abstract[id*="fotos"] .text .article_blogPageName,
#sitecontainer .article_abstract[id*="fotos"] .text h1,
#sitecontainer .article_abstract[id*="fotos"] .text p,
#sitecontainer .article_abstract[id*="news"] .text .article_blogPageName,
#sitecontainer .article_abstract[id*="news"] .text h1,
#sitecontainer .article_abstract[id*="news"] .text p,
#sitecontainer .article_abstract[id*="aktuelles"] .text .article_blogPageName,
#sitecontainer .article_abstract[id*="aktuelles"] .text h1,
#sitecontainer .article_abstract[id*="aktuelles"] .text p {
	padding-left: 130px;
}
#sitecontainer .article_abstract[id*="highlights"] .text .article_blogPageName {
	display: none;
}
#sitecontainer .article_abstract[id*="alltag"] .text img,
#sitecontainer .article_abstract[id*="ungereimtes"] .text img,
#sitecontainer .article_abstract[id*="godefrod"] .text img,
#sitecontainer .article_abstract[id*="highlights"] .text img,
#sitecontainer .article_abstract[id*="news"] .text img,
#sitecontainer .article_abstract[id*="aktuelles"] .text img,
#sitecontainer .article_abstract[id*="fotos"] .text .celimage_slideshow_wrapper,
#sitecontainer .article_abstract[id*="fotos"] .text p > img {
	position: absolute;
	top: 0px;
	left: 0px;
}
#sitecontainer .article_abstract[id*="ungereimtes"] .text img {
	top: 50%;
	margin-top: -60px;
}
#sitecontainer .article_abstract[id*="fotos"] .text .celimage_slideshow_wrapper {
	position: absolute !important;
}


/* -- Darstellung .prozMainNode -- */
#sitecontainer .prozMainNode {
	padding: 10px 0;
}
#sitecontainer .prozMainNode > div.endlessContent {
	margin: 2px 10px;
}
#sitecontainer .prozMainNode > div.endlessContent + div.endlessContent {
	border: 0px solid transparent;
}
#sitecontainer .prozMainNode h2 {
	font-family: 'FrutigerLTStd', Arial, sans-serif;
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7FFFFFFF', endColorstr='#7FFFFFFF');
	background: rgba(256,256,256,0.5);
	padding: 5px 5px 2px 5px;
	margin: 0px;
	display: inline-block;
	color: black;
}
#sitecontainer .prozMainNode > div.endlessContent.active, 
#sitecontainer .prozMainNode > div.endlessContent:hover {
	background: transparent;
}
#sitecontainer .prozMainNode > div.endlessContent.active h2 {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCFCFADF', endColorstr='#CCFCFADF');
	background-color: rgba(252,250,223,0.8);
} 
#sitecontainer .prozMainNode > div.endlessContent:hover h2 {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCF2FAFE', endColorstr='#CCF2FAFE');
  background-color: rgba(242,250,254,0.8);
}
/* -- Formulare -- */
#content .form_success,
#content form {
	margin-top: 10px;
	background-color: rgb(252,250,223);
	padding: 5px;
}
form .validation-advice {
	display: none;
}
#sitecontainer form a.bestellen {
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background-color: #f9f9f9;
	border-radius: 6px;	
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: black;
	font-family: 'FrutigerLTStd', Arial, sans-serif;
	font-weight: normal;
	line-height: 25px;
	padding-top: 2px;
	height: 23px;
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
}
#sitecontainer form a.bestellen:hover  {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background-color: #e9e9e9;
	color: #666666;
}

div.input {
	padding-top: 3px;
	font-size: 13px;
	line-height: 24px;
	clear: both;
}
div.input > input,
div.input > select,
div.input > #attachmentList {
	float: right;
	width: 230px;
	line-height: 17px;
}
div.input > select {
	width: 232px;
}
div.input > input[type="checkbox"]  {
	width: 20px;
	margin-top: 4px !important;	
	margin-right: 214px !important;
}
div.input > input,
div.input #attachmentFile {
	padding: 3px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	background-color: white;
}
div.input #attachmentFile {
	width: 343px;
}
div.input > #attachmentList {
	display: inline-block;
	padding-top: 3px;
}
#sitecontainer form input.validation-failed {
	border: 1px solid red;
}

div.input.tagesagenda input[type="checkbox"] {
	float: left;
	width: auto;
	margin-top: 11px !important;	
	margin-right: 5px !important;
}

#lieferadresseAufklappen {
	margin: 10px 0px;
}
#lieferadresse {
	margin-top: -5px;
}

form b {
	color: rgb(130,130,130);
}

/* Agenda */
#sitecontainer .endlessContent.agendaSummary .agendaSummeryWrapper {
	position: relative;
	overflow: hidden;
}
#sitecontainer .agendaSummary {
	width: 100%;
}
#sitecontainer .agendaSummary .image {
	width: 130px;
	text-align: left;
	font-size: 0px;
	line-height: 0px;
}
#sitecontainer .agendaSummary .image .platzhalter {
	position: absolute;
}
#sitecontainer .agendaSummary p {
	line-height: 16px;
	margin-top: 4px;
}
#sitecontainer .agendaSummary p:first-child {
	margin-top: 0px;
}
#sitecontainer .agendaSummary .date {
	font-family: 'FrutigerLTStd', Arial, sans-serif;
	font-weight: normal;
	color: rgb(130,130,130);
}

/*
#sitecontainer .agendaSummary .agenda_time {
	float: right;
}
*/

#sitecontainer .agendaSummary .h1 {
	font-size: 14px;
	line-height: 18px;
}
#sitecontainer .agendaSummary .category {
	font-size: 12px; 
	line-height: 14px;
	margin-top: 0px;
	font-family: 'CharterEF-Regular', Arial, sans-serif;
}
#sitecontainer .agendaSummary .eventLoc {
	margin-top: 0px;
}
#sitecontainer .agendaSummary .eventTitle > a {
	color: black;
	font-family: 'FrutigerLTStd', Arial, sans-serif;
}
#sitecontainer .agendaSummary .eventTitle > a:hover {
	color: rgb(130,130,130);
}

body #sitecontainer .veranstaltung h1 {
	margin-top: 4px;
}
body #sitecontainer .veranstaltungsort h1 {
	margin-top: 8px;
}
body #sitecontainer .veranstaltung .termine {
	display: none;
}
body #sitecontainer .veranstaltung .text h2 {
	font-family: 'FrutigerLTStd', Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: black;
}
body #sitecontainer .veranstaltung .text h2 + p,
#sitecontainer .veranstaltung .strasse,
#sitecontainer .veranstaltung .zusatz,
#sitecontainer .veranstaltung .ort,
#sitecontainer .veranstaltung .url,
#sitecontainer .veranstaltungsort .ortsdetails p,
#sitecontainer .veranstaltungsort .kontakt p {
	margin-top: 0px;
}
#sitecontainer .veranstaltung .termine {
	margin-top: 15px;
}
#sitecontainer .veranstaltung .termine li {
	margin-top: 9px;
}
#sitecontainer .veranstaltung .termine li + li {
	border-top: 1px solid #E6E6E6;
	padding-top: 9px;
}
#sitecontainer .veranstaltung .termine li p {
	margin: 0px;
}
#sitecontainer .veranstaltung .termine li.inactive p {
	color: #989898;
}

#sitecontainer .veranstaltungsort .googlemap p {
	margin: 0 0 8px 0;
	background: #E6E6E6;
	border-bottom: 1px solid #C1C1C1;
	padding: 0 2px;
	text-align: right;
}
#sitecontainer .veranstaltungsort .bild {
	float: right;
	margin: 2px 0 0 0;
	padding: 0px;
}
#sitecontainer .veranstaltungsort .ortsdetails table td p {
	font-size: 12px;
	line-height: 16px;
	padding-right: 2px;
}



/* -- Suche -- */
#search {
	float: right;
}
#search input,
.agendaFilter .inputfeld input {
	color: black;
	border: 0px solid rgb(229,229,229);
	margin: 0px;
	width: 166px;
	outline-color: rgb(159,159,159);
	margin-left: 4px;
	padding: 0 2px;
}
.agendaFilter .inputfeld input {
	width: 100%;
}
#search input {
	color: #828282;
}
#search input:focus {
	color: black;
}

/* Balken Top */
#scrollLeft > div,
#scrollLeftL > div,
#scrollRight > div,
#scrollRightL > div {
	height: 100%;
}
#scrollLeftL_PDC,
#scrollLeft_PDC,
#scrollRight_PDC,
#scrollRightL_PDC {
	color: #989898;
	font-size: 11px;
	line-height: 14px;
	position: relative;
	float: left;
	padding: 0 0 0 5px;
}
#scrollRight_PDC,
#scrollRightL_PDC {
	padding-top: 2px;
}
#scrollLeftL_PDC p,
#scrollLeft_PDC p,
#scrollRight_PDC p,
#scrollRightL_PDC p {
	color: #989898;
	font-size: 11px;
	line-height: 14px;
}
.agendaFilter,
.beitrageFilter {
	height: 15px;
	padding: 2px 0px 0px 0px;
}
.agendaFilter > div,
.beitrageFilter > div {
	display: inline-block;
	/*margin-right: 6px;*/
	color: #989898;
	font-size: 11px;
	line-height: 12px;
}
.agendaFilter .agendaCounter {
	float: right;
}
.datum:hover,
.heute:hover {
	color: #333;
	cursor: pointer;
}

/* Agenda Suche */
.agendaFilter {
	display: none;
}
.prozAgendaOpenFlag .agendaFilter {
	display: block;
}
.agendaFilter .sparte,
.agendaFilter .sammlungen,
.agendaFilter .datum {
	position: relative;
}
.agendaFilter .sparte:hover #items,
.agendaFilter .sparte #items:hover,
#sitecontainer .agendaFilter .sammlungen:hover ul,
#sitecontainer .agendaFilter .sammlungen ul:hover,
#sitecontainer .agendaFilter .datum:hover ul,
#sitecontainer .agendaFilter .datum ul:hover {
	display: block;
}
.agendaFilter #items,
#sitecontainer .agendaFilter .sammlungen ul,
#sitecontainer .agendaFilter .datum ul {
	display: none;
	position: absolute;
	left: 0px;
	margin: 0px;
	padding: 2px 0 0 0px;
	list-style: none;
	z-index: 1;
}
.agendaFilter #items li,
#sitecontainer .agendaFilter .sammlungen li,
#sitecontainer .agendaFilter .datum li {
	background: #E6E6E6;
	border-top: 1px solid white;
	font-size: 11px;
	line-height: 14px;
	padding: 2px 5px 2px 12px;
	white-space: nowrap;
}
.agendaFilter #items li a,
#sitecontainer .agendaFilter .sammlungen li a,
#sitecontainer .agendaFilter .datum li a {
	display: block;
}
	
.agendaFilter .suche:hover .inputfeld,
.agendaFilter .suche .inputfeld:hover {
	display: block;
}
.agendaFilter .inputfeld {
	position: absolute;
	left: 0px;
	display: none;
	margin: 0px;
	padding: 5px;
	z-index: 1;
	list-style: none;
	background: #E6E6E6;
	width: 350px;
}
.agendaFilter .inputfeld input{
	width: 350px;
	margin: 0px;
}

.agendaFilter .sammlungen > a,
.agendaFilter .sparte > a,
.agendaFilter .datum > a {
  padding: 2px 2px 1px 2px;
}
#sitecontainer .agendaFilter .progonFilterActive {
  background: #989898;
  color: #e6e6e6;
}
#sitecontainer .agendaFilter .progonFilterActive:hover {
  color: black;
}
#sitecontainer .agendaFilter .suche,
#sitecontainer .agendaFilter .agendaCounter {
	display: none;
}

/* Gallery Presentation */
#sitecontainer .presentationList ul .celimage_slideshow {
	background: #E5E5E5;
}


/* Abonnierter Blog */
.article_abstract .subscribeToArticle,
.newSubscribableArticleWarning,
.cel_pagetype_Blog > a[href="?subscribable=1"] {
	display: none;
}

/* Presentations */
.presentationList .navigation-clear {
	clear: left;
}

/* Overlay */
body .highslide-dimming {
	background: transparent;
}

body #sitecontainer div.testSpace {
  background: none repeat scroll 0 0 lightgray;
  color: white;
  display: block;
  font-size: 13px;
  line-height: 14px;
  margin-right: -22px;
  margin-top: -4px;
  padding-bottom: 3px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: rotate(45deg);
  transform-origin: left top 0;
  width: 60px;
}
#container div.presentationList > ul > li {
    display: block;
    float: none;
}