@charset "UTF-8";

@media screen, projection
{

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-serif-regular - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-serif-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-serif-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v21-latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
}
/* noto-serif-italic - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-serif-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-serif-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v21-latin-italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

/* ******************** BASICS ******************** */

/* 1. Correct text resizing in IE6/7 when body font-size is set in em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: Arial, sans-serif; color: #222; }
body { margin: 0; font-size: 100%; line-height: 1.5; color: #5a5a5a; }

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; }

/* Diese Angabe benoetigt der Safari-Browser zwingend !! */
.clearfix { display:block; }

/* ******************** BASICS ******************** */

.verlauf {width:100%; height:7px;
  background: #c90119; /* Old browsers */
  background: -moz-linear-gradient(left,  #c90119 0%, #8b0e13 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c90119), color-stop(100%,#8b0e13)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #c90119 0%,#8b0e13 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #c90119 0%,#8b0e13 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #c90119 0%,#8b0e13 100%); /* IE10+ */
  background: linear-gradient(to right,  #c90119 0%,#8b0e13 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90119', endColorstr='#8b0e13',GradientType=1 ); /* IE6-9 */

}
.login {position:absolute; top:0px; right:0px; width:28px; height:28px;background: url('../images/layout/icon-login.jpg'); color:transparent;}
.login:hover {background: url('../images/layout/icon-login-over.jpg');}
.login a {color:transparent;}
.login a:hover {color:transparent;}


#header-top { background-color: #fff; height:72px;margin-top:-200px;}
#header-top .container { width: 1100px; margin: auto; }


#logo {width: 1100px; margin: auto;}
#logo img {margin: 0; }
#logo a img {border:0px;box-shadow:none;}
#logo a:hover img {border:0px;}

#header-bottom { width: auto; margin: auto; position: relative;}
#header-bottom > img { text-align: center; position: absolute; top: 0;  width: 100%; z-index:-1;}

#slideshow img { width: 100%; z-index:-3; position:relative;height:100%;}
#slideshow-start img { width: 100%; z-index:-3; position:relative;}


.schriftzug {text-align:right;z-index: 11;height:206px;margin:auto;width:1100px;position:relative;}
#topContainer { width: 1100px; margin: auto; background-color: #c90119; }

#mainContent {margin-top:-30px;position:relative;}
#mainContent .column1 { width:29%; padding: 0px; margin:0px; float:left;background-color: #fff; padding:25px;min-height:200px;}
#mainContent .column1 h1 { font-size:100%;margin-bottom:0px;padding-top:0px;}
#mainContent .column1 h2 { font-size:100%;}

#mainContent .column2 { width:29%; padding: 0px; margin:0px; float:left;background-color: #c90119; padding:25px;min-height:200px;}
#mainContent .column2 h1 { color: #fff; font-size:100%;margin-bottom:0px;padding-top:0px;}
#mainContent .column2 h2 {font-size:100%;}

#mainContent .column3 { width:28%; padding: 0px; margin:0px; float:right;background-color: #af0e1b; padding:25px 27px 25px 27px;min-height:200px;}
#mainContent .column3 h1 { color: #fff; font-size:100%;margin-bottom:0px;padding-top:0px;}
#mainContent .column3 h2 {font-size:100%;}


#mainContent .news-list-item {background:none; box-shadow:none; padding:0px;}
#mainContent .news-list-item:hover {background:none;}

#contentContainer { width: 1050px; margin:-7px 0 0 0; background: url('../images/layout/bg_content.png') repeat-y top right; padding: 25px 25px 25px 25px; }
#contentContainer #col3 { width:680px; float:left;font-size:87.5%; color:#3f3f3f; margin:0px;}

#contentContainer #col2 { width:310px; float:right;}
#contentContainer #col2 h1 { font-size:100%;margin-bottom:0px;padding-top:0px;}
#contentContainer #col2 h2 { font-size:100%;margin-bottom:10px;}
#contentContainer #col2 p {font-size:80%;}
#contentContainer #col2 .csc-frame-default {border-bottom:1px solid #d4d4d4;margin-bottom:20px;padding-bottom:10px;}


#col3 ul.multicolumnContainer {padding:0px;margin:0px;}
#col3 ul.multicolumnContainer li {padding:0px;margin:0px;}

#col3 .csc-frame-frame1 .multicolumnContainer {padding-bottom:20px;}

#col3 .csc-frame-frame1 .column1 {background:#fff; box-shadow:0 4px 5px 0 #cacaca; padding:10px; margin-right:15px;}
#col3 .csc-frame-frame1 .column1 img:hover {border:4px solid #c80013;}
#col3 .csc-frame-frame1 .column1 .csc-frame-default {margin-bottom:0px;}

#col3 .csc-frame-frame1 .column2 {background:#fff; box-shadow:0 4px 5px 0 #cacaca; padding:10px; margin-right:15px;}
#col3 .csc-frame-frame1 .column2 img:hover {border:4px solid #c80013;}
#col3 .csc-frame-frame1 .column2 .csc-frame-default {margin-bottom:0px;}

#col3 .csc-frame-frame1 .column3 {background:#fff; box-shadow:0 4px 5px 0 #cacaca; padding:10px;}
#col3 .csc-frame-frame1 .column3 img:hover {border:4px solid #c80013;}
#col3 .csc-frame-frame1 .column3 .csc-frame-default {margin-bottom:0px;}

#col3 .csc-frame-default {margin-bottom:25px;}
#col3 .csc-frame-ruler-after {border-bottom: 1px solid #E3E3E3;}



#container-footer {background: #c90119; /* Old browsers */
  background: -moz-linear-gradient(left,  #c90119 0%, #8b0e13 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c90119), color-stop(100%,#8b0e13)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #c90119 0%,#8b0e13 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #c90119 0%,#8b0e13 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #c90119 0%,#8b0e13 100%); /* IE10+ */
  background: linear-gradient(to right,  #c90119 0%,#8b0e13 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90119', endColorstr='#8b0e13',GradientType=1 ); /* IE6-9 */
  }

#container-footer1 { background: url('../images/layout/kirche.png') bottom right no-repeat; width: 1100px; margin: auto;}

#footer {padding:20px 0 20px 0;color:#fff; font-size:80%;}
#footer h1 {color:#fff;}
#footer table td {padding-right:40px;}
#footer a {color:#fff;}
#footer a:hover {color:#3f3f3f;}


/* ********** Wiederverwendbare Elemente ********** */




/* ********** Navigationen ********** */
/* Metanav */
#topnav {border-top: 1px solid #d04452;}
#topnav ul { list-style-type: none; text-align: left; margin:0px; padding:5px 0 5px 0; }
#topnav li { display: inline-block; margin:0px;}
#topnav a { color: #fff; font-size: 68.75%; padding-right:12px; font-style: normal; font-family:Arial, sans-serif;}
#topnav a:hover, #topnav a.cur { color: #3f3f3f; }

/* Mainnav */

#nav {float:right;padding-top:25px;}
#nav ul { margin: 0; padding:0px; }
#nav li { list-style-type: none; float: left; padding: 0px; }
#nav .ebene1>li { position: relative; border-bottom: 0; margin-left:20px;}
#nav .ebene1>li:hover, #mainnav .ebene1>li.cur, #mainnav .ebene1>li.act { border-bottom: 3px solid #c90119; border-bottom: 0; }
#nav .ebene1>li:hover>a { color: #c90119; }
#nav a { color: #3f3f3f; font-family: 'Noto Sans', Arial, sans-serif; font-size: 100%; padding:0 0px 20px 0px; font-style: normal; display: block; text-transform:uppercase;}
#nav .ebene1>li:hover>a {position: relative; z-index: 35; }
#nav a:hover, #nav a.cur, #nav a.act { color: #c90119; border-bottom:3px solid #c90119;}

#nav .ebene1 .no_last .ebene2 {display:none;position: absolute; padding: 0; margin: 0; top: 44px; left: -132px; background: rgba(201, 1, 25, 0.8); z-index: 20; padding: 10px 0; width: 150%; min-width: 200px; }

#nav .ebene2 {display:none; position: absolute; padding: 0; margin: 0; top: 44px; left: -4px; background: rgba(201, 1, 25, 0.8); z-index: 20; padding: 10px 0; width: 150%; min-width: 200px; }
#nav .ebene1>li:hover .ebene2 { display: block; }
#nav .ebene2 li { display: block; float: none; padding: 2px 20px 2px 17px; }
#nav .ebene2 a { font-size: 100%; border-bottom: 1px solid #d47b79; display: block; padding: 2px 0; color:#fff;text-shadow:1px 1px rgba(0,0,0,0.6);}
#nav .ebene2 a:hover {color:#3f3f3f;text-shadow:none;}



/* Subnav */
#subnav {background:#fff;margin-bottom:25px;padding:15px;}
#subnav ul {margin:0px; padding:0px;}
#subnav li {margin:0px; padding:0px;list-style-type:none;}
#subnav .no a {color: #5A5A5A; font-family: Arial, sans-serif; font-size: 80%; font-weight:bold; font-style: normal;display:block; border-bottom:1px solid #E3E3E3;}
#subnav .no a:hover, #subnav .cur a, #subnav .act a {color:#c90119;font-family: Arial, sans-serif; font-size: 80%; font-weight:bold; font-style: normal;display:block; border-bottom:1px solid #E3E3E3;}

#subnav .no1 a {color: #5A5A5A; font-family: Arial, sans-serif; font-size: 80%; font-weight:normal; font-style: normal;display:block; border-bottom:1px solid #E3E3E3;padding-left:15px;}
#subnav .no1 a:hover, #subnav .cur1 a, #subnav .act1 a {color: #c90119; font-family: Arial, sans-serif; font-size: 80%; font-weight:normal; font-style: normal;display:block; border-bottom:1px solid #E3E3E3;padding-left:15px;}

#subnav .no2 a {color: #5A5A5A; font-family: Arial, sans-serif; font-size: 80%; font-weight:normal; font-style: normal;display:block; border-bottom:1px solid #E3E3E3;padding-left:30px;}
#subnav .no2 a:hover, #subnav .cur2 a, #subnav .act2 a {color: #c90119; font-family: Arial, sans-serif; font-size: 80%; font-weight:normal; font-style: normal;display:block; border-bottom:1px solid #E3E3E3;padding-left:30px;}




/* Breadcrumb */
#breadcrumb { background:#fff; padding: 15px 30px 20px; color: #959595; font-size: 68.75%; margin-top:-20px;}
#breadcrumb span { color: #959595; }




/* ********** Inhalte ********** */
h1, h2, h3 { font-family: 'Noto Sans', Arial, sans-serif;font-weight:normal;}
h1 { font-size: 140%; margin: 0 0 0px 0; color:#c90119; text-transform:uppercase;padding-top:10px;}
h2 { font-size: 140%; margin: 0 0 20px 0; color:#3f3f3f; font-family: 'Noto Serif', Arial, sans-serif; font-style:italic;}
h3 { font-size: 100%; margin: 15px 0 5px; font-family: Arial, sans-serif; font-weight:bold;}
h4 { font-size: 100%; margin: 25px 0 5px; font-family: Arial, sans-serif; font-weight:bold; min-height: 42px; }

p { margin: 0 0 10px 0; }

img { border: none; }
a img {border:4px solid #fff; box-shadow:0 4px 5px 0 #cacaca;}
a:hover img {border:4px solid #c80013;}
DIV.csc-textpic, DIV.csc-textpic DIV.csc-textpic-imagerow, UL.csc-uploads LI {padding:0 15px 15px 0;}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap IMG:hover {border:4px solid #c80013;}

#col2 a img {border:3px solid #d4d4d4;box-shadow:none;}
#col2 a:hover img {border:3px solid #c80013;}

a { text-decoration: none; color: #c90119; font-family: 'Noto Serif', Arial, sans-serif; font-style:italic;}
a:hover { color: #3f3f3f; }

a.boxlink {  font-family: 'Noto Serif', Arial, sans-serif; font-style:italic; color: #fff; background-color: #3f3f3f;padding: 4px 8px;font-size:80%;}
a.boxlink:hover { color: #c90119; background:#f0f3f4;}

.csc-textpic-caption {font-size:11px; color:#6f6f6f;padding-top:10px;}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap IMG {border:4px solid #fff; box-shadow:0 4px 5px 0 #cacaca;}



ul.csc-uploads {margin:0px;padding:0px;}


/* ********** Bildergalerie ********** */
.gallery-item {
  float: left;
}


/* ********** Kontaktformular ********** */
div.tx-powermail {font-size:100%;}
.powermail_fieldset  {background:#fff; border:0px;padding:0px;}
div.tx-powermail {width:700px; font-family:Arial, sans-serif;}
div.tx-powermail h3, .powermail_legend {display:none;}
.powermail_label {
  width:130px;
  color:#5A5A5A;
  float: left;
  clear: left;
  font-weight: bold;
  display: block;
}
div.powermail_fieldwrap {
    margin: 0 0 0.5em 0;
    clear: both;
}
.powermail_input  {width:500px;padding:6px; background:#f0f3f4; border:0px;}
.powermail_textarea {width:500px;padding:6px; background:#f0f3f4; border:0px;}
.powermail_submit {
  width:130px;
  background:#c90119;
  float:left;
  font-family: 'Noto Serif', Arial, sans-serif;
  font-style:italic;
  font-weight:normal;
  margin: 10px 16px 10px 130px;
  border: 0;
  padding: 5px 20px;
  color: white;
  cursor: pointer;
}
.powermail_submit:hover {color:#c90119;background:#f0f3f4;}
.powermail_create {
  border: 0;
  padding: 0;
  margin-bottom: 20px;
  margin-top:30px;
  background:#fff;
}
.powermail_input:focus, .powermail_textarea:focus {
  border:0px;
  background-color: #E5E5E5;
  outline: none;
}
.powermail_field {font-family: 'Noto Serif', Arial, sans-serif; font-style:italic; font-size:13px;}
.mandatory {color:#c90119;padding: 0 0 0 3px;}



/* ********** News Singleansicht ********** */
.news-single-rightbox {display:none;}
.news-single-backlink {padding-left:0px;}

.news-list-item {background:#fff; box-shadow:0 4px 5px 0 #cacaca;padding:10px;margin-bottom:25px; }
.news-list-item:hover {background:#F0F3F4;}
.news-list-date {float:left; font-size:13px;padding:0 0 15px 0; display:block;width:100%;font-weight:bold;}
.news-list-category {display:none;}
.news-list-morelink {display:none;}
.news-list-item h3 {font-weight:normal;}

/* ********** Tabelle ********** */
.contenttable { width: auto; }
#col3 .contenttable {width:99%; font-size: 90%;}
#col3 .contenttable thead {background:#c90119; color:#fff;}
#col3 .contenttable th {padding-left:5px;padding-right:5px;}
#col3 .contenttable td {padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;margin-bottom:2px;}
#col3 .contenttable .tr-odd {background:#F0F3F4;}
#col3 .contenttable .tr-even {}
.contenttable thead th, .contenttable th, .contenttable td { border: 0; padding: 0; }

/* ********** Gästebuch ********** */
.tx-guestbook-result {display:none;}
.tx-veguestbook-pi1 h2.tx-guestbook-header {width:90%;font-weight:normal;padding:0px;color:#c90119;background:#fff;}
.tx-veguestbook-pi1 h2 {margin-bottom:3px;}
.tx-veguestbook-pi1 .tx-guestbook-right {width:96%;background:#fff; box-shadow:0 4px 5px 0 #cacaca;}

.tx-guestbook-field label {width:130px;color:#5A5A5A;font-weight:bold;}
.tx-guestbook-field input {width:500px;padding:6px; background:#f0f3f4; border:0px;font-family: 'Noto Serif', Arial, sans-serif; font-style:italic; font-size:13px;}
.tx-guestbook-field input:focus {background:#e5e5e5;}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {width:500px;}
.tx-guestbook-field textarea {width:500px;padding:6px; background:#f0f3f4; border:0px;font-family: 'Noto Serif', Arial, sans-serif; font-style:italic; font-size:13px;}
.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {width:500px;height:80px;}
.tx-guestbook-field input.tx-guestbook-submit {width:130px; background:#c90119;float:left;margin-left:140px; font-family: 'Noto Serif', Arial, sans-serif; font-style:italic;font-weight:normal;color:#fff;}
.tx-guestbook-field input.tx-guestbook-submit:hover  {color:#c90119;background:#f0f3f4;cursor:pointer;}
.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {color:#c90119;}


}