@import url("/fileadmin/templates/snippets/style/component-animations.css");

@font-face {
    font-family: 'robotoregular';
    src: url('/fileadmin/templates/global/fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('/fileadmin/templates/global/fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: content-box !important;
}


/* Anpassungen FSC */

h100 {
  display: none;
  visibility: hidden;
}

#content-wrapper .ce-center .ce-gallery {
  margin: 0 auto;
  text-align: center;
}

#content-wrapper .ce-left.ce-above .ce-gallery,
#content-wrapper .ce-left.ce-below .ce-gallery {
  text-align: left;
}


#content-wrapper .ce-right.ce-above .ce-gallery,
#content-wrapper .ce-right.ce-below .ce-gallery {
  text-align: right;
}

#content-wrapper .ce-above .ce-bodytext,
#content-wrapper .ce-below .ce-bodytext {
  clear: both;
  float: none;
}


#content-wrapper .ce-intext.ce-right .ce-gallery {
  float: right;
  margin-left: 10px;
}

#content-wrapper .ce-intext.ce-left .ce-gallery {
  float: left;
  margin-right: 10px;
}

#content-wrapper .ce-gallery .ce-column {
  float: left;
}

#content-wrapper .ce-textpic .ce-gallery img {
  display: inline;
  max-width: 100%;
  height: auto;
}


#content-wrapper .ce-textpic .ce-column,
#content-wrapper .ce-textpic figure {
  display: table;
}

#content-wrapper .frame-default {
  clear: both;
}

.ce-gallery figcaption {
  width: 100%;
}


/* Typografie */

body {
  font-size: 12px;
  line-height: 1.1rem;
  font-family: "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #000;
}

h1 {
  font-size: 18px !important;
  font-weight: bold;
  line-height: 1.4rem;
  margin: 12px 0 12px 0;
  color: #136199;
}

body.layout-standard #content-wrapper h1 {
  padding: 6px;
  margin: 12px -6px 18px -6px;
  line-height: 22px;
  background: #F4F4F4;
  text-align: left;
  border-top: 4px solid #F7F7F7;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  /*border-radius*/
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
}

h2 {
  line-height: 1.4em;
  font-size: 16px !important;
  font-weight: bold;
  margin: 14px 0 12px 0;
  color: #136199;
  font-family: 'robotoregular', Arial, sans-serif;
}

body.layout-standard #content-wrapper h2 {
  border-bottom: 1px dotted #136199;
  margin: 14px 0 16px 0;
}

address {
  font-style: normal;
}

.alert-warning span:before {
  content: url("/fileadmin/templates/img/icon-info.png");
  padding-right: 8px;
  float: left;
}

.alert-warning span,
.alert-warning a {
  line-height: 24px;
}


.frame-layout-1 h2,
.frame-layout-2 h2,
.frame-layout-3 h2,
.frame-layout-4 h2 {
  font-size: 14px !important;
  margin: 0 0 8px 0;
  color: #444;
}

h3 {
  line-height: 1.3em;
  font-size: 16px !important;
  margin: 8px 0 8px 0;
  font-weight: bold;
  color: #136199;
}


.news-latest-item h3 {
  line-height: 1.0rem;
}

h4 {
  font-style: normal;
  margin: 8px 0 8px 0;
  color: #136199;
  font-weight: bold;
  font-size: 14px !important;
}

h5 {
  font-size: 14px !important;
}

a:link,
a:visited {
  text-decoration: underline;
  color: #666;
}

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

ul {
  margin: 0;
  padding-left: 30px;
  text-indent: 0;
}

ol {
  margin: 0;
  padding-left: 30px;
  text-indent: 0;
}

li {
  margin: 0 0 8px 0;
}

figcaption.image-caption {
  font-size: 11px;
  color: #444;
  line-height: 1.3em;
  margin: 0 0 12px 7px;
}

p {
  margin: 0 0 12px 0;
}

fieldset {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px 0;
}

legend {
  margin: 0 10px;
  padding: 0 5px;
  color: #666;
}

/* body.layout-standard #content-wrapper p:first-letter {
  font-size: 18px;
} */

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

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

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

p.frame-frame1 {
  padding: 2px;
  border: 1px solid black;
  background-color: #edebf1;
}

p.frame-frame2 {
  padding: 2px;
  border: 1px solid black;
  background-color: #f5ffaa;
}

p.adteaser {
  font-size: 11px;
  color: #333;
  margin: 2px 0;
}

.alert {
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: inherit;
  padding: 15px;
}

.alert-error {
  background-color: #B0E1EF;
  border-color: #92E4E9;
  color: #31B0D5;
}

.alert h4 {
  margin-top: 0;
}

.alert button.close {
  display: none;
}


hr {     
  border: 0;
  height: 1px;
  background: #666;
  background-image: -webkit-linear-gradient(left, #ccc, #666, #ccc);
  background-image:    -moz-linear-gradient(left, #ccc, #666, #ccc);
  background-image:     -ms-linear-gradient(left, #ccc, #666, #ccc);
  background-image:      -o-linear-gradient(left, #ccc, #666, #ccc);  
}



/* Newsbox / weiße Box */
#content-wrapper .twrss_table .twrss_item_wrapper,
#content-wrapper .tx-rssdisplay-item,
#content-wrapper .news-latest-item,
.frame-layout-1 {
  position: relative;
  background: #fefefe;
  padding: 10px 20px 10px 20px;
  margin: 0 0 0 0;
  min-height: 270px;
  overflow: hidden;
  /*border-radius*/
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}


/* weiße Box ohne Höhe für Unterseiten */
body.layout-standard #content-wrapper .frame-layout-1 {
  min-height: auto;
}

#content-wrapper .tx-rssdisplay-list {
  width: 100%;
  padding: 0;
  text-indent: 0;

}

#content-wrapper .twrss_table .twrss_item_wrapper,
#content-wrapper .tx-rssdisplay-item {
  float: left;
  width: 100%;
  max-width: 180px;
  height: 290px;
  overflow: hidden;
  margin: 10px 0;
}

.tx-rssdisplay h2 {
  display: none;
}

/* Zweispaltig auf Startseite */
.layout-start #content-wrapper .col-2:first-of-type {
  width: 228px;
}

.layout-start #content-wrapper .col-2:nth-of-type(2) {
  width: 220px;
}

#content-wrapper .tx-rssdisplay-item:nth-of-type(2) {
  margin-left: 8px;
}

/* Korrektur Bootstrap-Padding */
#content-wrapper .col-2,
#content-wrapper .col-3 {
  padding-left: 0;
  padding-right: 0;
  max-width: unset;
}

#content-wrapper .tx-rssdisplay-item .tx-rssdisplay-item-description,
#content-wrapper .twrss_table .twrss_item_content {
  width: 100%;
  max-width: 180px;
  padding: 10px 0;
  height: 290px;
  overflow: hidden;
}

#content-wrapper .twrss_table .twrss_item_content img,
#content-wrapper .tx-rssdisplay-item .tx-rssdisplay-item-description img {
  float: none;
  margin: 5px auto;
  display: block;
  max-height: 150px;
}

#content-wrapper .twrss_table .twrss_item_link,
#content-wrapper .tx-rssdisplay-item .tx-rssdisplay-item-title {
  position: relative;
  width: 100%;
  max-width: 180px;
  padding: 0;
  margin: 10px 0 0 0;
  z-index: 90;
}



#content-wrapper  .twrss_table .twrss_item_link a,
#content-wrapper .tx-rssdisplay-item .tx-rssdisplay-item-title a,
#content-wrapper .news-latest-item h3 a,
.frame-layout-1 h3 {
  font-size: 12px;
  text-decoration: none;
  line-height: 1.3em;
  font-weight: bold;
}

/* gelbe Box */
.frame-layout-2 {
  position: relative;
  background: #FCF7DB;
  padding: 10px 20px 10px 20px;
  width: 100%;
  max-width: 194px;
  margin: 0 0 8px 0;
  /*border-radius*/
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}

/* blaue Box Tagcloud */
.frame-layout-3 {
  position: relative;
  text-align:center;
  background: #E5F2FB;
  padding: 6px 5px 6px 5px;
  width: 100%;
  max-width: 438px;
  margin: 0 0 16px 0;
  /*border-radius*/
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}

.frame-layout-3 h1,
.frame-layout-3 h2,
.frame-layout-3 h3,
.frame-layout-3 h4 {
  display: inline-block;
  margin: 0;
  padding: 4px 11px;
}


.frame-layout-3 h1 {
  font-size: 26px;
}

.frame-layout-3 h2 {
  font-size: 20px;
}

.frame-layout-3 h3 {
  color: #136199;
  font-size: 16px;
}

.frame-layout-3 a {
  text-decoration: none;
}

/* Newsheadlines */
.frame-layout-4 {
  position: relative;
  clear: both;
  width: 100%;
  max-width: 448px;
  height: 25px;
  padding: 0;
  margin: 8px 0 3px 0;
  background: #F4F4F4;
  text-align: center;
  border-top: 4px solid #F7F7F7;
  /*border-radius*/
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}

#content-wrapper .frame-layout-4 .ce-gallery .ce-column {
  float: none;
}

body.ie7 .frame-layout-4 {
  margin: 10px 0 12px 0;
}

body.ie7 .frame-layout-4 img {
  margin: 7px auto 4px auto;
}

/* Bilder mit Rand */
.frame div.ce-border img,
.frame-layout-5 img,
#metanavi #metanavi-places-bigimage img,
.news-list-item .news-list-pic img,
.news-single-img img,
.news-single-img-right img {
  background: #fff;
  padding: 5px;
  margin: 6px 6px 9px 6px;
  border: 1px solid #888;
  /*box-shadow*/
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}

.news-list-item .news-list-pic {
  float: right;  
  width: 120px;
  text-align: right;
  margin-bottom: 4px;
}

.news-list-item .news-list-pic a img {
  margin: 0 0 10px auto;
  display: block;
  float: none;
}

.frame-space-before-small {
  margin-top: 5px;
}

.frame-space-before-medium {
  margin-top: 8px;
}

.frame-space-before-large {
  margin-top: 16px;
}

.frame-space-after-small {
  margin-bottom: 5px;
}

.frame-space-after-medium {
  margin-bottom: 8px;
}

.frame-space-after-large {
  margin-bottom: 16px;
}


/* Gestaltete Boxen */
.frame-layout-6,
.frame-layout-7,
.frame-layout-8,
.frame-layout-9,
.frame-layout-10,
.frame-layout-11,
.frame-layout-12,
.frame-layout-13,
.frame-layout-14,
.frame-layout-15 {
  position: relative;
  display: inline-block;
  padding: 0;
  width: 234px;
  height: 181px;
  overflow: hidden;
  margin: 0 4px 8px 4px;
  /*border-radius*/
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}

/* Termine */
.frame-layout-6 {
  background: url(/fileadmin/templates/img/terminliste.jpg) #FCF7DB;
}

/* Bildergalerien */
.frame-layout-7 {
  background: url(/fileadmin/templates/img/bildergalerie.jpg) #FCF7DB;
}

/* Kitas */
.frame-layout-8 {
  background: url(/fileadmin/templates/img/pfarrblatt.jpg) #FCF7DB;
}

/* Kitas */
.frame-layout-9 {
  background: url(/fileadmin/templates/img/kitas.jpg) #FCF7DB;
}

/* Pfarrheim mieten */
.frame-layout-10 {
  background: url(/fileadmin/templates/img/pfarrheim-mieten.jpg) #FCF7DB;
}

/* Wetter */
.frame-layout-11 {
  background: url(/fileadmin/templates/img/wetter.jpg) #FCF7DB;
}

/* Pfarreifinder */
.frame-layout-12 {
  background: url(/fileadmin/templates/img/pfarreifinder.jpg) #FCF7DB;
}

/* Aktuelles */
.frame-layout-13 {
  background: url(/fileadmin/templates/img/news.jpg) #FCF7DB;
}

/* Stellenanzeigen */
.frame-layout-14 {
  background: url(/fileadmin/templates/img/stellenmarkt.jpg) #FCF7DB;
}

/* Box om Bistum befüllt */
.frame-layout-15 {
  background: url(/fileadmin/templates/img/box-bistum.jpg) #FCF7DB;
}

.frame-layout-6 h2,
.frame-layout-7 h1,
.frame-layout-8 h1,
.frame-layout-9 h1,
.frame-layout-10 h1,
.frame-layout-11 h1,
.frame-layout-12 h1,
.frame-layout-13 h1,
.frame-layout-14 h1,
.frame-layout-15 h1,
.frame-layout-7 h2,
.frame-layout-8 h2,
.frame-layout-9 h2,
.frame-layout-10 h2,
.frame-layout-11 h2,
.frame-layout-12 h2,
.frame-layout-13 h2,
.frame-layout-14 h2,
.frame-layout-15 h2 {
  padding: 6px 0;
  margin: 0;
  font-family: 'robotoregular', Arial, sans-serif;
  font-weight: bold;
}

.frame-layout-6 h2 a,
.frame-layout-7 h1 a,
.frame-layout-8 h1 a,
.frame-layout-9 h1 a,
.frame-layout-10 h1 a,
.frame-layout-11 h1 a,
.frame-layout-12 h1 a,
.frame-layout-13 h1 a,
.frame-layout-14 h1 a,
.frame-layout-15 h1 a,
.frame-layout-7 h2 a,
.frame-layout-8 h2 a,
.frame-layout-9 h2 a,
.frame-layout-10 h2 a,
.frame-layout-11 h2 a,
.frame-layout-12 h2 a,
.frame-layout-13 h2 a,
.frame-layout-14 h2 a,
.frame-layout-15 h2 a {
  position: relative;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-decoration: none;
  color: #555;
  z-index: 99;
  height: 171px;
}

#content-sub .frame-layout-2 h1 {
  position: relative;
  padding: 6px 0;
  margin: 0;
  font-family: 'robotoregular', Arial, sans-serif;
  font-weight: bold;
  display: block;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  color: #555;
}


.frame-layout-6 h2 a {
  height: 180px;
  width: 234px;
  position: absolute;
  top: 3px;
}

.frame-layout-6 p,
.frame-layout-7 p,
.frame-layout-8 p,
.frame-layout-9 p,
.frame-layout-10 p,
.frame-layout-11 p,
.frame-layout-12 p,
.frame-layout-13 p,
.frame-layout-14 p,
.frame-layout-15 p {
  position: absolute;
  left: 8px;
  bottom: 20px;
  text-align: left;
  line-height: 12px;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 0 10px;
  margin: 0;
  color: #555;
}


.frame-layout-6 p:before,
.frame-layout-7 p:before,
.frame-layout-8 p:before,
.frame-layout-9 p:before,
.frame-layout-10 p:before,
.frame-layout-11 p:before,
.frame-layout-12 p:before,
.frame-layout-13 p:before,
.frame-layout-14 p:before,
.frame-layout-15 p:before{
  /* Rahmen nur an einer Seite einblenden */
  border-color:transparent transparent transparent #555;
  border-style:solid;
  border-width:6px;
  /* Pseudo-Element stylebar machen */
  content:" ";
  display:block;
  height:0;
  width:0;
  /* Pseudo-Element positionieren */
  left:0;
  position:absolute;
}

/* Tabellen */


div.subcolumns div.c25l div.subcl div.frame-default
, div.subcolumns div.c25r div.subcr div.frame-default {
  background: #d8d8d8;
  height: 140px;  
}

div.subcolumns div.c25r div.subcr  {
  padding: 0;
}

table {
  margin: 8px 0;
}

table.ce-table tr:nth-child(even) {
  background: #DBF2F8;
}

tabl.ce-tablee tr:nth-child(odd) {
  background: #E5F8FC;
}

table.ce-table tr td,
table.ce-table tr th {
  border: 1px solid #999;
}

table.contenttable tr td,
table.contenttable tr th {
  padding: 1px 9px 1px 5px;
  font-size: 14px;
}

.ce-table th, .ce-table td {
  padding: 0.3em 0.5em;
  vertical-align: top;
}

table tr td.td-0
, table tr td.td-1
, table tr td.td-2
, table tr td.td-3
, table tr td.td-4 {
  text-align: left;
  vertical-align: top;
}

caption {
  caption-side: top;
}


/* Content-Table */

table.contenttable {
  border-collapse: collapse;
}

table.contenttable p {
  margin: 1px 5px 1px 0;
}




/* Kontaktformular */

form  fieldset.csc-mailform input.csc-mailform-radio {
  margin-bottom: 10px;
  width: 20px;
  line-height: 20px;
  border: none;
  float: left;
  clear: left;
}

form fieldset.csc-mailform .csc-mailform-radio label {
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 0;
}

form  fieldset.csc-mailform input.csc-mailform-check {
  margin-bottom: 10px;
  width: 20px;
  line-height: 20px;
  border: none;
}

form .csc-mailform-radio legend {
  display: none;
}


form  fieldset.csc-mailform select {
  max-width: 410px;
  width: 90%;
  margin-bottom: 5px;
  padding: 2px 4px;
  border: 1px solid #ccc;
}

.btn-primary {
  background-color: #53A2C6 !important;
}

/* Loginformular */

.tx-felogin-pi1 label {
  min-width: 25%;
}

.tx-felogin-pi1 input {
  color: #000;
}

.tx-felogin-pi1 input[type=submit] {
  margin-top: 8px;
}

/* Kirchenplaner */

.tx_axkirchenplaner .input-group .form-control,
.tx_axkirchenplaner .btn-block {
  width: 90%;
}



/* Powermail */

.tx-powermail form.nolabel > h3,
.tx-powermail fieldset.nolabel > legend {
  display: none;
}

.tx-powermail .powermail_fieldwrap {
  width: 100%;
}

.tx-powermail fieldset {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}

.tx-powermail form  fieldset input {
  max-width: 400px;
  width: 90%;
  margin-bottom: 5px;
  padding: 2px 4px;
  overflow: hidden;
  border: 1px solid #ccc;
}

.tx-powermail form  fieldset input[type="checkbox"],
.tx-powermail form  fieldset  input[type="radio"] {
  width: 40px;
}
  

.tx-powermail form  fieldset textarea {
  max-width: 400px;
  width: 90%;
  height: 110px;
  margin-bottom: 5px;
  padding: 4px 4px 2px 4px;
  overflow: auto;
  border: 1px solid #ccc;
}

.tx-powermail form input:focus,
.tx-powermail form textarea:focus {
  background-color: #f9e7b4;
}

.tx-powermail form  fieldset select {
  max-width: 410px;
  width: 90%;
  margin-bottom: 5px;
  padding: 2px 4px;
  border: 1px solid #ccc;
}

.tx-powermail form  input[type="submit"] {
  border: 1px solid #ccc;
  width: 140px;
}

.tx-powermail form  input[type="submit"]:hover {
  background: #f9e7b4;
}

/* Template-Container */
html {
  height: 100%;
}

body {
  position: relative;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  background-color: #F6F7FC;
  background: url(/fileadmin/templates/img/bg-body.jpg) no-repeat fixed;
  -webkit-background-size: cover;   
  -moz-background-size: cover;  
  -o-background-size: cover;   
  background-size: cover;
}

.clearer {
  clear: both;
  height: 1px;
}

.box {
  background: #FFFCF7;
  /*border-radius*/
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}












/* Container */
#container {
  position: relative;
  box-sizing: content-box !important;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

#metanavi {
  position: relative;
  z-index: 95;
  width: 100%;
  max-width: 980px;
  margin: 30px auto;
  padding: 0;
}

#metanavi #metanavi-abc,
#metanavi #metanavi-maps,
#metanavi #metanavi-places {
  position: relative;
  background: #fff;
  width: 100%;
  max-width: 980px;
  padding: 0;
  margin: 8px 0;
  /*border-radius*/
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
  display: none;
}


#metanavi #metanavi-abc,
#metanavi #metanavi-places {
  min-height: 430px;
}


#abc-content-container,
#metanavi-places-content {
  position: relative;
  height: 410px;
  width: 100%;
  max-width: 500px;
  margin: 20px 20px 20px 45px;
  overflow: auto;
}

#metanavi-places-bigimage {
  position: absolute;
  right: 15px;
  top: 15px;
  height: 425px;
  width: 100%;
  max-width: 425px;
  overflow: hidden;
  text-align: center;
}


#metanavi .tab-close-button {
  position: absolute;
  background-image: url(/fileadmin/templates/img/schliessen.png);
  top: -15px;
  right: -15px;
  z-index: 100;
  width: 24px;
  height: 24px;
  padding: 0;
  curser: hand;
  cursor: pointer;
  /*border-radius*/
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}


/* Bereich Branding */
#branding {
  position: relative;
  z-index: 80;
  background: #fff;
  width: 100%;
  max-width: 980px;
  max-height: 270px;
  margin: 0;
  padding: 1px 0;
  text-align: justify;
  /*border-radius*/
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}

/* vertikale Ausrichtung der Headerelemente */
#branding:after {
    content: '';
    display: inline-block;
    width: 100%;
}

#searchbox {
  position: absolute;
  left: 12px;
  top: 235px;
}

#searchbox input#search_field {
  width: 155px;
  color: #666;
}

#logo {
  position: relative;
  left: 4px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

/* benötigt für korrekte Höhe */
#logo > a {
  display: block;
}

#logo:before {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  content: '';
  height: 100%;
}


#slideshow {
  position: relative;
  z-index: 85;
  margin-right: 13px;
  width: 77%;
  max-width: 710px;
  height: auto;
  display: inline-block;
  vertical-align: middle;   
  padding: 10px 0 0 0;
}

#slideshow .theme-default {
  height: auto !important;
}

#slideshow .theme-default .nivoSlider {
  margin-bottom: 0;
  /*box-shadow*/
  -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.65);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.65);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}

/* Loginbox */

.tx-felogin-pi1 fieldset {
  background: #5CABD0;
  color: #fff;
  border: 1px solid #666;
  margin: 10px 0;
}

.tx-felogin-pi1 legend {
  display: none;
}


/* Bereich Content */
#wrapper {
  position: relative;
  width: 100%;
  max-width: 980px;
  margin: 0;
  padding: 15px 0 7px;
}


#content-wrapper {
  position: relative;
  box-sizing: content-box;
  float: right;
  width: 100%;
  max-width: 701px;
  margin: 0;
  padding: 12px 9px 20px 13px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  /*border-radius*/
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}

/* Container auf Standardseiten */
body.layout-standard #content-wrapper {
  font-size: 14px;
  line-height: 1.5em;
  padding: 20px 70px 20px 70px;
  width: 100%;
  max-width: 583px;
}


/* Container auf Startseiten */
body.layout-start #content-main {
  position: relative;
  float: left;
  width: 100%;
  max-width: 448px;
  margin: 0;
  padding: 0 0 20px 0;
}

body.layout-start #content-sub {
  position: relative;
  float: left;
  width: auto;
  max-width: 224px;
  margin: 0 13px;
  padding: 0;
}



/* Bereich Navigation */
#navi-vertical {
  position: relative;
  z-index: 10;
  width: 225px;
  min-height: 300px;
  float: left;
  padding: 10px 5px 5px 5px;
  margin: 0;
  background: #53A2C6;
  background:  -moz-linear-gradient(top, #53A2C6, #67B6DB);
  background:  -webkit-gradient(linear, left top, left bottom, from(#53A2C6), to(#67B6DB));
  background:  linear-gradient(top, #53A2C6, #67B6DB);
  -pie-background: linear-gradient(#53A2C6, #67B6DB); /*PIE*/
  /*border-radius*/
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}

#navi-vertical ul.deep1 {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}

#navi-vertical ul.deep1 li {
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  padding: 5px 12px;
  margin: 2px 0;
  text-indent: 0;
  border-bottom: 1px solid #fff;

}

#navi-vertical ul.deep1 li a {
  text-decoration: none;
  color: #fff;
  display: block;
}

#navi-vertical ul.deep1 li a:hover {
  color: #FFE74C;
}

#navi-vertical ul.deep1 li:hover {
  background: #85CCEA;
  /*border-radius*/
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.25);
}

#navi-vertical ul.deep1 li.mainlevelactive {
  color: #000;
  background: #81C9E8;
  border-bottom: none;
  /*border-radius*/
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.25);
}

#navi-vertical ul.deep1 li.mainlevelactive a {
  color: #000;
}

#navi-vertical ul.deep2 {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 2px -2px 0 0;
}

#navi-vertical ul.deep2 li {
  background: none;
  line-height: 14px;
  font-size: 12px;
  font-weight: normal;
  text-indent: 0;
  margin: 3px 0;
  padding: 5px 6px;
  border-top: 1px solid #30546D;
  border-bottom: none;
}


#navi-vertical ul.deep2 li a {
  background: none;
  color: #000;
  display: block;
}

#navi-vertical ul.deep2 li a:hover {
  color: #222;
}


#navi-vertical ul.deep2 li:hover {
  background: #B7E3F4;
  /*border-radius*/
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
  /*box-shadow*/
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}

#navi-vertical ul.deep2 li.sublevelactive {
  background: #B7E3F4;
  /*border-radius*/
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
  /*box-shadow*/
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
  color:  #000;
}

#navi-vertical ul.deep3 {
  text-indent: 0;
  margin: 5px 0 0 14px;
  padding: 0;
  list-style: none;
}

#navi-vertical ul.deep3 li {
  border: none;
  border-top: 1px solid #136199;
  margin: 0 0 0 -14px;
  padding-left: 8px;
}

#navi-vertical ul.deep3 li a:hover {
  color: #005EB7;
}


#navi-vertical ul.deep3 li:hover {
  background: #EAFBFF;
  /*border-radius*/
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -o-border-radius:0;
  border-radius:0;
  /*box-shadow*/
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#navi-vertical ul.deep3 li.subsublevelactive {
  background: #EAFBFF;
  /*border-radius*/
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
  /*box-shadow*/
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
  color:  #111;
}

#navi-vertical ul.deep4 {
  list-style: none;
  text-indent: 0;
  margin: 3px 0 0 14px;
  padding: 0;
}

#navi-vertical ul.deep4 li {
  border: none;
  border-top: 1px solid #72BFE0;
  margin: 0 0 0 -15px;
  padding-left: 6px;
  font-size: 11px;
}

#navi-vertical ul.deep3 li.subsublevelactive ul.deep4 li.subsubsublevelactive,
#navi-vertical ul.deep3 li.subsublevelactive ul.deep4 li:hover {
  background: #fff;
  color: #0083FF;
}


/* Bereich Infobar */

#info-bar {
  position: relative;
  float: right;
  width: 100%;
  max-width: 665px;
  margin: 15px 0 10px 0;
  padding: 20px 30px 10px 30px;
  color: #000;
  /*border-radius*/
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.55);
  background-color: #F6F7FC;
  /*linear-gradient*/
  background:  -moz-linear-gradient(top, #D8DEF8, #F6F7FC);
  background:  -webkit-gradient(linear, left top, left bottom, from(#D8DEF8), to(#F6F7FC));
  background:  linear-gradient(top, #D8DEF8, #F6F7FC);
  -pie-background: linear-gradient(#D8DEF8, #F6F7FC); /*PIE*/
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}

#info-bar a {
  color: #000;
  text-decoration: underline;
}

#info-bar a:hover {
  color: #33667C;
  text-decoration: underline;
}

#site-info {
  position: relative;
  width: 100%;
  margin: 0;
  text-align: left;
}


#site-info .frame-default ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  clear: left;
}

#site-info .frame-default ul li {
  position: relative;
  display: inline-block;
  padding: 0 5px;
}

#site-info .frame-default ul li a span {
  min-width: 100px;
  height: auto;
  z-index: 99;
  line-height: 20px;
  padding: 10px;
  left: 50%;
  margin-left: -64px;
  font-weight: 400;    
  font-size: 14px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-align: center;
  border: 4px solid #fff;
  background: #fff;
  background: rgba(255,255,255,0.95);
  text-indent: 0px;
  border-radius: 3px;
  position: absolute;
  pointer-events: none;
  bottom: 10px;
  opacity: 0;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#site-info .frame-default ul li a span:before,
#site-info .frame-default ul li a span:after {
    content: '';
    position: absolute;
    z-index: 99;
    bottom: -15px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0,0,0,0.6);
}

#site-info .frame-default ul li a span:after {
    bottom: -14px;
    margin-left: -10px;
    border-top: 10px solid #fff;
}

#site-info .frame-default ul li a:hover span {
    opacity: 0.99;
    bottom: 20px;
    z-index:99;
}

body.ie7 #site-info .frame-default ul li a span,
body.ie8 #site-info .frame-default ul li a span {
  display: none;
}


#site-info-right {
  position: relative;
  width: 100px;
  float: right;
}


/* Banner */

/* Banner an der Seite nur Responsive! */

#outer-bottom {
  position: relative;
  float: right;
  z-index: 80;
  padding: 0;
  margin: 0 0 5px 0;
}



/* Teasermenü */
ul.menu-abstract {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
}

ul.menu-abstract li {
  position: relative;
  clear: both;
  padding: 8px 55px 8px 0;
  margin: 0;
}

ul.menu-abstract li a img {
  position: relative;
  background: #fff;
  padding: 3px;
  margin: 0 0 0 9px;
  float: right;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.15);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}

ul.menu-abstract li h2 {
  margin:  0 0 12px 0;
}

ul.menu-abstract li .teaserextra {
  font-weight: bold;
}


/* RSS Feeds */
#content-wrapper  .twrss_table,
#content-wrapper ul.tx-rssdisplay-list {
  color: #000;
  margin: 0;
  list-style: none;
}

/* Überschrift */
#content-wrapper .tx-rssdisplay-item .tx-rssdisplay-item-title,
#content-wrapper  .twrss_table .twrss_bodytext {
  margin: 4px 0 8px 0;
}

#content-wrapper .tx-rssdisplay-item .tx-rssdisplay-item-title a,
#content-wrapper  .twrss_table  .twrss_item_link a {
  border-left: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  color: #666;
  font-family: 'robotoregular', arial, sans-serif;
}

/* Inhalt */
#content-wrapper .tx-rssdisplay-item .tx-rssdisplay-item-description,
#content-wrapper  .twrss_table  .twrss_item_content {
  border-left: none;
  border-bottom: none;
  color: #000;
  margin: 0;
  text-indent: 0;
}

#content-wrapper .tx-rssdisplay-item .tx-rssdisplay-item-description img,
#content-wrapper  .twrss_table  .twrss_item_content img {
  text-align: center;
  margin: 0 auto;
  margin: 0 0 8px 0;
}


/* Metanavi Reiter */


.rp_list {
  position: absolute;
  width: 100%;
  max-width: 980px;
  top: -262px;
  margin: 0 auto;
  padding: 0;
  z-index: 99;
}

body.ie7 .rp_list {
    top: -230px;
}

.rp_list ul {
  margin: 0 6px 0 0;
  padding: 0;
  list-style: none;
}

.rp_list ul li {
  min-height: 250px;
  width: 146px;
  float: right;
  margin: 0 12px 0 0;
  display: block !important;
}


.rp_list ul li div {
  display: block;
  height: 250px;
  width: 140px;
  background: #FFDD66;
  background: #396382;
  border:2px solid #efefef;
  -moz-border-radius:3px 0px 3px 0px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  /*box-shadow*/
  -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.65);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.65);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
  transition-duration: 0.7s;
}

.rp_list ul li:hover div {
  margin-top: 220px;
}

.rp_list ul li div img {
  position: relative;
  bottom: 5px;
  width: 123px;
  margin: 10px 10px 4px 7px;
  border: 1px solid #ddd;
  -moz-box-shadow:1px 1px 3px #000;
  -webkit-box-shadow:1px 1px 3px #000;
  box-shadow:1px 1px 3px #000;
}

.rp_list ul li div h3 {
  text-align: center;
  font-size: 14px;
  margin: 3px;
  font-weight: bold;
  color: #fff;
}

body.ie7 .rp_list ul li div h3 {
  curser: hand;
  cursor: pointer;
}

span.rp_title {
  font-size: 12px;
  color: #000;
  color: #fff;
  line-height: 1.2em;
  height: 46px;
  margin: 4px 10px 0px 10px;
  display: block;
  padding-top: 3px;
  text-align: center;
}

span.rp_links {
  width: 100px;
  height: 25px;
  padding-top: 2px;
  display: block;
  margin: 0 20px 0 20px;
  -moz-box-shadow: 0 1px 3px #000;
  -webkit-box-shadow: 0 1px 3px #000;
  box-shadow: 0 1px 3px #000;
  cursor: pointer;
  outline:none;
}

span.rp_links a {
  background: #efefef;
  display: block;
  width: 100px;
  height: 25px;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 11px;
  color: #111;
  text-decoration: none;
  line-height: 25px;
}

span.rp_links a:hover {
  background-color:#B9E2F6;
  color:#222;
}

/************************************************************************/
/* Plugins */
/************************************************************************/

/* News */

/* Liste der neusten Beiträge */
#content-wrapper .news-latest-container {
  margin: 0;
  padding: 0;
}

#content-wrapper .news-latest-item {
  width: 100%;
  max-width: 178px;
  float: left;
  margin: 0 0 6px 0;
}

#content-wrapper .news-latest-item:nth-child(odd) {
  margin-right: 10px;
}

body.ie7 #content-wrapper .news-latest-item,
body.ie8 #content-wrapper .news-latest-item {
  margin: 0 6px 0 0;
}

#content-wrapper .news-latest-pic {
  width: 180px;
}

#content-wrapper .news-latest-pic img {
  float: none;
  display: block;
  margin: 0 auto;
}

/* News Detailseite */
#content-wrapper .news-single-timedata {
  text-align: right;
  margin: -20px 15px 26px 0;
  font-size: 11px;
}

#content-wrapper .news_category_header {
  height: 100%;
  max-width: 590px;
  height: 25px;
  padding: 0;
  margin: 8px 0 0 -10px;
  background: #F4F4F4;
  text-align: center;
  border-top: 4px solid #F7F7F7;
  /*border-radius*/
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  behavior: url(/fileadmin/templates/Auswahltemplates/PIE.htc);
}



/* News Archiv */
.news-amenu-container {
    margin-left: 25px;
}

/************************************************************************/
/* Plugins */
/************************************************************************/

#content-wrapper .news_category_header h3 {
  text-align: left;
  font-size: 14px;
  color: #666;
  line-height: 25px;
  margin: 0 10px;
}

body.layout-standard #content-wrapper .news-single-item h2 {
  font-size: 14px;
  margin: 10px 0 18px 0;
  border: none;
}

#content-wrapper .news-single-imgcaption {
  font-size: 11px;    
  line-height: 1em;
  color: #666;
  margin-left: 10px;
}

/* Liste Archiv */
#content-wrapper .news-header-list-container .news-header-details p {
  width: 80%;
}



/* Kalender Startseite */


#content-wrapper .frame-layout-6 .pagebrowser,
#content-wrapper .frame-layout-6 .tx-cal-controller h2,
#content-wrapper .frame-layout-6 p.found {
  display: none;
}

#content-wrapper .frame-layout-6 .tx-cal-controller .dtstart-container {
  width: 100%;
  text-align: left;
  font-size: 10px;
  line-height: 1.1em;
  color: #555;
  float: none;
  padding: 3px 0 0 3px;
}

#content-wrapper .frame-layout-6 .dtstart-container abbr.dtstart {
  border: none;
  padding-right: 3px;
}

#content-wrapper .frame-layout-6 .summary {
  font-size: 12px;
  padding-left: 3px;
}

#content-wrapper .frame-layout-6 .list-view dt.even {
  background: none;
}


/* DATENBANKEN */

/* Fluid-Pages ausblenden, wenn nur eine Seite */

ul.f3-widget-paginator li:only-child {
    display: none;
}


/* Adressen */
#content-wrapper .tx-cs-address.cs-contactblock {
  padding-top: 8px;
}

.tx-cs-address dd {
  margin: 0;
}

#content-wrapper .tx-cs-address address dt {
  display: inline-block;
  min-width: 35%;
  width: auto;
  vertical-align: top;
}

#content-wrapper .tx-cs-address .cs-address-images {
  float: right;
}

.tx-cs-address .cs-addressdetails,
.tx-cs-address .cs-contactdetails {
  clear: left;
}
/* float: left; auskommentiert */

/* Joboffers */
#content-wrapper .tx-cs-joboffers dl dt {
  margin: 0;
  min-width: 60%;
  width: auto;
}

#content-wrapper .tx-cs-joboffers dl dd {
  margin: 0;
  min-width: 40%;
  width: auto;
}






/* Suche */
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
  width: 90% !important;
  min-width: 200px;
}


/* Kirchenplaner */


#container .qsp-termine .qsp-termin {
  clear: both;
  border-top: 1px solid #ccc;
}

#container .qsp-termine div span {
  font-size: 12px;
  color: #666;
  text-align: right;
}

#container .qsp-termine .qsp-content {
  border-top: none;
  text-align: left;
  float: left;
  width: 65%;
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 8px;
}

#container .qsp-termine .qsp-weiterlesen {
  border-top: none;
  margin-top: 2px;
  text-align: left;
  float: right;
  width: 35%;
}

#container .qsp-termine .qsp-weiterlesen a {
  background: none;
  text-shadow: none;
  padding: 1px 5px;
  color: #444;
  font-weight: normal;
}

#container .qsp-termine .qsp-weiterlesen a:before {
  content: "[ ";
}

#container .qsp-termine .qsp-weiterlesen a:after {
  content: " ]";
}

#container .qsp-termine .pagination {
  float: none;
  clear: both;
}


/* Bildergalerie */
#container .cs-gallery {
  background: #74A1B7;
  overflow: hidden;
}

#container .jssort01 .c {
  width: 95%;
  height: 95%;
}

#container .jssort01 .p:hover .c,
#container .jssort01 .pav:hover .c {
  width: 95%;
  height: 95%;
  border-width: 2px;
}

#container .cs-jssor .jssor-caption {
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  bottom: 50px !important;
  padding: 5px 20px !important;
}

#container .cs-jssor .jssor-description {
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  height: 30px;
  bottom: 10px !important;
  padding: 5px 20px !important;
}


#container .cs-jssor .jssor-description h4 {
  font-weight: normal;
  color: #111;
}


/* Pager Suchergebnis */

ul.tx-indexedsearch-browsebox {
  list-style: none;
}

ul.tx-indexedsearch-browsebox li {
    display: inline-block;
    line-height: 30px;
    min-width: 42px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #efefef;
    text-align: center;
    margin-right: 3px;
}

ul.tx-indexedsearch-browsebox li a {
  text-decoration: none;
  color: #000;
  display: block;
}

ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
  color: #fff;
}

dl.tx-indexedsearch-info {
  background: #eee;
}

dl.tx-indexedsearch-info dt,
dl.tx-indexedsearch-info dd {
  display: inline-block;
  margin: 5px;
}

/* CS Bistumevents */

#content-wrapper ul.f3-widget-paginator {

}

#content-wrapper ul.f3-widget-paginator li {
  min-width: 32px;
}

ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage,
#content-wrapper ul.f3-widget-paginator li.current {
  background: #53A2C6;
}

.tx-cs-bistumevents h3:first-child {
  color: #666;
  font-size: 14px;
}

.tx-cs-bistumevents h4 {
  margin: 0 0 4px 0;
  font-size: 12px;
}

.tx-cs-bistumevents .label-startdate {
  display: none;
  visibility: hidden;
}

.tx-cs-bistumevents address {
  margin: 10px 0;
}

#content-wrapper .cs-contactblock dl dd,
#content-wrapper .cs-addressblock dl dd {
  margin: 0;
}

.tx-cs-bistumevents .cs-bistumevent-left {
  display: inline-block !important;
}

.tx-cs-bistumevents form {
  padding: 7px 0;
}

.searchword input,
.radiussearch input {
  width: 340px;
}

.tx-cs-bistumevents .nav-tabs .nav-link.active {
  background-color: #d8def8;
  border-color: #dee2e6 #dee2e6 #d8def8;
}

/* CS Bistumevents Anmeldeformular */
#cs-bistumevents-bookingform label {
  min-width: 25%;
  vertical-align: top;
}

#cs-bistumevents-bookingform input {
  margin-bottom: 5px;
}


/* CS Bistumevents Tabs mit Filter */

ul.nav-tabs {
  border-bottom: 1px solid #dddddd;
  margin-top: 0;
  margin-bottom: 0;
  text-indent: 0;
  padding-left: 0;
  list-style: none;
  box-sizing: border-box;
}

ul.nav-tabs li {
  float: left;
  margin-bottom: -1px;
  position: relative;
  display: block;
}

ul.nav-tabs > li > a {
  color: #111;
  font-size: 13px;
  background: #fefefe;
  margin-right: 2px;
  padding: 8px 7px;
  margin-top: 6px;
  line-height: 1.7em;
  border: 1px solid #ccc;
  border-radius: 2px 2px 0 0;
  text-decoration: none;
}

ul.nav-tabs > li.active > a,
ul.nav-tabs > li.active > a:hover,
ul.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
  padding: 8px 7px;
}

ul.nav-tabs > li.active > a,
ul.nav-tabs > li.active > a:focus {
  background: #D8DEF8;
  margin-top: 0;
  padding-bottom: 16px;
}

ul.nav-tabs > li.selectionset a::after {
  content: " \002611";
  position: absolute;
  right: 0;
  top: -1px;
  font-size: 14px;
  color: #46A52E;
  line-height: 1em;
}

.tx-cs-bistumevents form#tabbox {
    padding: 10px 5%;
    background: #D8DEF8;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 2px 2px;
    margin-bottom: 20px;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

/* CS Bistumevents für Startseite */
#content-wrapper .frame-layout-6 ul.f3-widget-paginator,
#content-wrapper .frame-layout-6 .cs-bistumevent .cs-bistumevent-right span,
#content-wrapper .frame-layout-6 .cs-bistumevent .cs-bistumevent-right img,
#content-wrapper .frame-layout-6 .cs-bistumevent {
  display: none;
}

#content-wrapper .frame-layout-6 .cs-bistumevent:first-child {
  display: block;
  padding: 10px;
  border: none;
}


#content-wrapper .frame-layout-6 .cs-bistumevent:first-child .cs-bistumevent-right {
  width: 100%;
  float: right;
}

#content-wrapper .frame-layout-6 .cs-bistumevent:first-child .cs-bistumevent-left {
  width: 100%;
    float: right;
}

ul.f3-widget-paginator li a {
  display: block;
}

/* Gridelements Mehrspaltencontainer */

.col-md-1 {
  float: left;
  width: 8%;
}

.col-md-2 {
  float: left;
  width: 16%;
}

.col-md-3 {
  float: left;
  width: 25%;
}

.col-md-4 {
  float: left;
  width: 33%;
}

.col-md-5 {
  float: left;
  width: 41%;
}

.col-md-6 {
  float: left;
  width: 50%;
}
.col-md-7 {
  float: left;
  width: 58%;
}
.col-md-8 {
  float: left;
  width: 66%;
}
.col-md-9 {
  float: left;
  width: 75%;
}
.col-md-10 {
  float: left;
  width: 83%;
}
.col-md-11 {
  float: left;
  width: 91%;
}
.col-md-12 {
  float: left;
  width: 100%;
}



/* Anpassung der Link-Icons */

#content-wrapper a.external-link:before {
  content: url(/fileadmin/templates/img/external_link.gif);
}
#content-wrapper a.external-link-new-window:before {
  content: url(/fileadmin/templates/img/external_link_new_window.gif);
}
#content-wrapper a.internal-link:before {
  content: url(/fileadmin/templates/img/internal_link.gif);
}
#content-wrapper a.internal-link-new-window:before {
  content: url(/fileadmin/templates/img/internal_link_new_window.gif);
}
#content-wrapper a.download:before {
  content: url(/fileadmin/templates/img/download.gif);
}
#content-wrapper a.mail:before {
  content: url(/fileadmin/templates/img/mail.gif);
}

#content-wrapper .frame-layout-3 a.external-link:before,
#content-wrapper .frame-layout-3 a.external-link-new-window:before,
#content-wrapper .frame-layout-3 a.internal-link:before,
#content-wrapper .frame-layout-3 a.internal-link-new-window:before,
#content-wrapper .frame-layout-3 a.download:before,
#content-wrapper .frame-layout-3 a.mail:before {
  content: "";
}

a.external-link > img {
  display: none;
}
a.external-link-new-window > img {
  display: none;
}
a.internal-link > img {
  display: none;
}
a.internal-link-new-window > img {
  display: none;
}
a.download > img {
  display: none;
}
a.mail > img {
  display: none;
}



/* Blog */
div.well,
#subscriber-form {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #E1F3FD;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
}

article.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
}

ul.pagination {
  display: inline-block;
  padding-left: 0px;
  margin: 21px 0px;
  border-radius: 0px;
  list-style: none;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 10px 18px;
  line-height: 1.42857;
  text-decoration: none;
  color: #636577;
  background-color: #FFF;
  border: 1px solid #DDD;
  margin-left: -1px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #FFF;
  background-color: #428BCA;
  border-color: #428BCA;
  cursor: default;
}

.tx-t3extblog fieldset {
  padding: 0;
  border: 0;
}

.tx-t3extblog legend {
  display: none;
}

.tx-t3extblog textarea {
  width: 80%;
}

.tx-t3extblog ul.pagination li {
  display: inline-block;
}

.tx-t3extblog .col-xs-4,
.tx-t3extblog .col-xs-3 {
  width: 100%;
}

.tx-t3extblog .btn-primary {
  color: #fff;
}

/************************************************************************/
/* Responsive */
/************************************************************************/
#mobil-link-bar {
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 0;
  background: #5A9CCD;
  color: #fff;
  z-index: 100;
  overflow: hidden;
  /*box-shadow*/
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
}

img#logo-link-bar {
  margin: 12px 0 0 1px;
}

.mobil-button {
  position: relative;
  min-width: 33px;
  min-height: 33px;
  display: block;
  padding: 10px;
  margin: 5px;
  border: 2px solid #fff;  
  /*border-radius*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #396382;
  box-shadow: 1px 2px 4px rgba(0,0,0, .2);
}

.mobil-button:hover {
  border: 1px solid #888;  
  background: #F0DBB2;
  box-shadow: 1px 2px 4px rgba(0,0,0, .2);
}


#mobil-link-bar a#mobil-home-link {
  float: left;
  margin-left:10px;
}

#mobil-link-bar .mobil-menu-button {
  float: right;
  cursor: hand;
  cursor: pointer;
}


#mobil-link-bar #mobil-menu-link {
  display: block;
}

#mobil-link-bar #mobil-menu-link .navicon-bar {
  background-color: #fff;
  height: 4px;
  width: 32px;
  margin: 4px 0;
  border-radius: 1px 1px 1px 1px;
  display: block;
}


#mobil-navi {
  position: absolute;
  position: fixed;
  top: 62px;
  left: 0;
  width: 100%;
  max-height: 80%;
  overflow: auto;
  margin: 0;
  z-index: 100;
  background-color: #56A5CA;
}

#mobil-navi ul {
  padding: 0;
}

#mobil-navi ul.deep1 li {
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #fff;
  text-align: center;
  line-height: 38px;
  font-weight: bold;
  color: #FFF7C9;
  font-size: 16px;
}

#mobil-navi ul.deep1 li a {
  color: #fff;
  text-decoration: none;
  display: block;
}

#mobil-navi ul.deep1 li:hover {
  background-color: #72BFE0;
}

#mobil-navi ul.deep2 li {
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: none;
  border-top: 1px solid #222;
  background-color: #72BFE0;
  text-align: center;
  line-height: 32px;
  font-weight: normal;
}

#mobil-navi ul.deep2 li a {
  color: #000;
  text-decoration: none;
  display: block;
}

#mobil-navi ul.deep2 li:hover {
  background: #B7E3F4;
}

#mobil-navi ul.deep3 li {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #136199;
  border-bottom: none;
  background-color: #B7E3F4;
  text-align: center;
  line-height: 32px;
  font-weight: normal;
  color: #222;
}

#mobil-navi ul.deep3 li:hover {
  background: #fff;
}

#mobil-navi ul.deep4 li {
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: none;
  border-top: 1px solid #136199;
  background-color: #fff;
  text-align: center;
  line-height: 32px;
  font-weight: normal;
  color: #136199;
}





#outer,
#outer-right {
  display: none;
}



/************************************************************************/
/* Erweiterung für große Bildschirme */
/************************************************************************/

@media (min-width: 1100px) {

/* Hintergrundbild mit Wappen */
#outer {
  display: block;
  position: absolute;
  top: 45px;
  left: -170px;
  z-index: 1;
  width: 258px;
  height: 289px;
  background: url(/fileadmin/templates/img/Logo_Bistum_BG.png) no-repeat;
}

/* Banner */

#outer-right {
  display: block;
  position: absolute;
  width: 160px;
  top: 266px;
  right: -170px;
  z-index: 140;
  padding: 0;
}

body.ie7 #outer-right {
  top: 296px;
}

}

/* Suchbox nach rechts verschieben */
@media (min-width: 460px) and (max-width: 605px) {
  #searchbox {
    left: 280px !important;
    top: 147px !important;
  }
}



/************************************************************************/
/* Erweiterung für Tablets quer */
/************************************************************************/


@media (min-width: 992px) {

  .frame-invisible,
  .hide-mobile {
    display: block;
  }

  .hide-desktop {
    display: none;
  }

  .hidden {
    display: none;
  }

  #logo a {
    margin-top: -20px;
  }

}


/************************************************************************/
/* Erweiterung für Tablets hoch */
/* Umschaltpunkt für Navi */
/************************************************************************/
@media (max-width: 991px) {

  .frame-invisible,
  .hide-mobile {
    display: none;
  }

  .hide-desktop {
    display: block;
  }

  .hidden {
    display: none;
  }






/* Metanavi und Karte */

  .rp_list {
    position: absolute;
    width: 89%;
    max-width: 980px;
    top: -166px;
    margin: 0px auto;
    padding: 0px;
    z-index: 99;
  }

  #map-container {
    height: auto !important;
    width: 100% !important;
    padding-bottom: 6px !important;
    max-width: 980px;
  }

  #map-container .map-bg-images {
    display: none;
  }

  #map-container #map-canvas-container {
    width: 100% !important;
    max-width: 450px;
    margin: 0 !important;
    padding: 0 !important;
  }

  #map-container .map-sidebar {
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
  }

  body #map-container .map-sidebar .map-link,
  #map-container .map-sidebar .map-info-container,
  #map-container .map-sidebar .map-back-button {
    width: 94% !important;
    margin: 1% !important;
  }

  #abc-content-container,
  #metanavi-places-content {
    width: 90%;
    max-width: 500px;
    height: auto;
    margin: 4px 4px 4px 10px;
  }
  

  #metanavi .tab-close-button {
    top: 0px;
    right: 0px;
  }


/* Container-Anpassungen */

  #container {
    width: 99%;
    box-shadow: none;
    padding: 70px 0 0 0;
  }

  #metanavi,
  #wrapper,
  #branding {
    width: 99%;
  }

  body.layout-standard #content-wrapper,
  #info-bar {
    width: 76%;
    max-width: 980px;
    padding: 2% 12%;
  }

  body.layout-standard #content-wrapper h1 {
    width: 98%;
    max-width: 980px;
    overflow: hidden;
    padding: 1%;
    margin: 8px 0;
  }

    body.layout-start #content-wrapper {
    width: 98%;
    max-width: 980px;
    overflow: hidden;
    padding: 2% 1%;
  }


  #branding {
    max-height: 240px;
  }

  #slideshow {
    width: 65%;
  }

  #searchbox {
    z-index: 100;
    left: 12px;
    top: 200px;
  }


  #info-bar {
    width: 98%;
    padding: 1%;
  }

  #site-info {
    width: 98%;
    float: none;
  }

  #outer-bottom {
    width: 100%;
    margin: 0px auto;
    text-align: center;
  }
 
/* Plugins */

.tx-cs-bistumevents .categoryfilter label,
.tx-cs-bistumevents .themefilter label,
.tx-cs-bistumevents .targetgroupfilter label {
  width: 80%;
  display: inline-block;
}

}

@media (min-width: 606px) and (max-width: 780px) {

  #slideshow {
    width: 55%;
  }

  #outer-bottom {
    display: none;
    visibility: hidden;
  }

  body.layout-start #content-main {
    float: none;
    margin: 0 auto;
  }

  body.layout-start #content-sub {
    max-width: none;
    height: auto;
    margin: 0 auto;
    text-align: center;
  }

}


/************************************************************************/
/* Erweiterung für Handys */
/************************************************************************/
@media (max-width: 605px) {

/*  .gridelements-row .col-2,
  .gridelements-row .col-3 {
    float: none;
    width: 95%;
  }

*/

  #content-wrapper .tx-rssdisplay-item,
  #content-wrapper .tx-rssdisplay-item:first-child,
  #content-wrapper .twrss_table .twrss_item_wrapper,
  #content-wrapper .twrss_table .twrss_item_wrapper:first-child {
    float: none;
    margin: auto;
  }

  #content-wrapper .news-latest-item,
  #content-wrapper .news-latest-item:first-child,
  #content-wrapper .news-latest-item:nth-child(2n+1),
  body.layout-start .frame-layout-2,
  #content-wrapper .twrss_table .twrss_item_wrapper,
  #content-wrapper .tx-rssdisplay-item {
    float: none;
    margin: 10px auto;
  }

#content-wrapper .ce-right.ce-intext,
#content-wrapper .ce-left.ce-intext,
#content-wrapper .ce-right,
#content-wrapper .ce-left,
#content-wrapper .ce-center .csc-textpic-center-inner,
#content-wrapper .ce-center .csc-textpic-center-outer {
  float: none;
  margin: 2px 0 0 3px;
  text-align: left;
  right: auto;
  left: auto;
}


#content-wrapper .ce-textpic .ce-gallery img {
  display: inline;
  max-width: 100%;
  height: auto;
}

#content-wrapper .ce-intext .ce-bodytext,
#content-wrapper .ce-intext .ce-bodytext {
  margin-left: 0;
  margin-right: 0;
}




#slideshow,
#map-container,
.rp_list,
#outer-bottom {
  display: none;
  visibility: hidden;
}

#branding {
  margin: -65px 0 0 0;
  padding: 0;
}


ul.teaserboxen li a img {
  float: none;
}


.html5videoplayer .video-js .vjs-big-play-button {
  left: 43% !important;
  top: 42% !important;
}


/* Startseite */
  body.layout-start #content-main {
    float: none;
    margin: 0 auto;
  }

  body.layout-start #content-sub {
    max-width: none;
    height: auto;
    margin: 0 auto;
    text-align: center;
  }

  body.layout-start .col-md-6 {
    float: none;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 6px auto;
  }

  #content-wrapper .tx-rssdisplay-item,
  #content-wrapper .twrss_table .twrss_item_wrapper {
    float: none;
    width: 90%;
    max-width: 450px;
    height: auto;
    overflow: visible;
    margin: 10px 0px;
  }

  #content-wrapper .tx-rssdisplay-item .tx-rssdisplay-item-title,
  #content-wrapper .tx-rssdisplay-item .tx-rssdisplay-item-description,
  #content-wrapper .twrss_table div.twrss_item_link,
  #content-wrapper .twrss_table div.twrss_item_content {
    max-width: none;
    height: auto;
  }

  #content-wrapper .tx-rssdisplay-item,
  #content-wrapper .twrss_table .twrss_item_wrapper,
  #content-wrapper .news-latest-item, .frame-layout-1 {
    min-height: 100px;
  }

  .tx-cs-address address.cs-addressblock,
  .tx-cs-address address.cs-contactblock,
  .tx-cs-joboffers .listitem-left,
  .tx-cs-joboffers .listitem-right,
  .tx-cs-bistumevents .cs-bistumevent-left,
  .tx-cs-bistumevents .cs-bistumevent-right {
    width: 100%;
    margin-bottom: 8px;
  }

  .searchword input,
  .radiussearch input {
    width: auto;
  }

  .tx-cs-bistumevents ul.filterlist li.filteritem {
    width: 99%;
  }

  .audio-embed audio {
    max-width: 220px;
  }

}