@charset "UTF-8";
/* CSS Document */

body {
  background-color:#e6e6e6;
  color:#838383;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  line-height:20px;
  padding:0;
  margin:0;
  }
#headSchwarz {
  border-bottom:3px solid #ffed00;
  position:relative;
  width:100%;
  height:95px;
  /*verlauf*/
  background: #2d2f32;
  background: -moz-linear-gradient(top, #2d2f32 0%, #000000 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #2d2f32), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #2d2f32 0%, #000000 100%);
  background: -o-linear-gradient(top, #2d2f32 0%, #000000 100%);
  background: -ms-linear-gradient(top, #2d2f32 0%, #000000 100%);
  background: linear-gradient(to bottom, #2d2f32 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2f32', endColorstr='#000000', GradientType=0 );
  }


.Breite960 {
  width:960px;
  margin-left:auto;
  margin-right:auto;
  }

#logo {
  float:left;
  position:relative;
  margin-top: 10px;
  z-index:10;
  }

/* -- Navigation -- */
nav {
  height: 40px;
  margin: 0px;
  margin-top:30px;
  position: absolute;
  width: 960px;
}
nav ul {
  position: absolute;
  margin: 0;
  padding:0;
  list-style: none;
  margin-left:220px;
}
nav ul li {
  float: left;
  font-family: "Quicksand", sans-serif;
  font-size: 1.15em;
  font-weight: 700;
  line-height: 40px;
  padding: 0 10px;
  margin-left:5px;
}
nav ul li a {
  color: #ffffff;
  text-decoration: none;
}
nav ul li:hover {/*background:rgba(255,237,0,0.4); background-color:#ffed00;*/}

nav ul li a:hover {
  color: #ffed00;
}
nav ul ul {
  position: absolute;
  z-index:20;
  top: -9999px;
  padding: 0;
  margin: 0 0 0 -5px;
  background-color:#ffffff;
  -webkit-box-shadow: 1px 1px 5px 1px #999;
  box-shadow: 1px 1px 5px 1px #999;
  }
nav ul ul:before {
  position: absolute;
  content:"";
  width: 10px;
  height: 10px;
  top: -5px;
  left: 20px;
  background: #274321;
}
nav ul li:hover ul {
  top:40px;
}
nav ul ul li {
  font-size:0.8em;
  float: none;
  padding: 5px 10px;
  text-align: left;
  text-transform: uppercase;
  margin: 2px 0;
  line-height: 20px;
}
nav ul ul a {
  color: #7a7a7a;
  text-decoration: none;
}
nav ul ul li:hover {
  background-image:url(https://www.battec-gmbh.de/fileadmin/templates/bilder/trans-gruen.png);
  background-repeat:repeat;
}
nav ul ul li:hover a {
  color: #000000;
}

/*aktiv zustände*/
nav ul li.aktiv {
  /*background:rgba(255,237,0,0.4);*/
}
nav ul li.aktiv a {
  color: #ffed00;
}

nav ul li.aktiv ul li a {
  color: #7a7a7a;
  text-decoration: none;
  border-bottom:0;
}
nav ul li.aktiv ul li:hover a,
nav ul li.aktiv ul li.aktiv a {color:#000;}

/* {color:#ffffff;} */

#streifenMusterOben {
  background-image:url(bilder/chruch.png);
  background-repeat:repeat;
  position:absolute;
  width:100%;
  height:250px;
  border-bottom: 1px solid #cccccc;
  z-index:5;
  }
  
#headbereich {
  width:940px;
  margin-left:auto;
  margin-right:auto;
  background-color:#ffffff;
  border: 1px solid #cccccc;
  padding:10px;
  z-index:15;
  margin-top:10px;
  position:relative;
  }
.flexslider,
#headbild {
  margin-bottom:10px;
  height: 425px;
  }
.flexslider .InfoText ,
#headbild .InfoText {
  color:#000;
  position:absolute;
  z-index:25;
  margin-left:30px;
  margin-top:50px;
  width:400px;
  }
.flexslider .InfoText h2, .flexslider .InfoText h1,
#headbild .InfoText h2, #headbild .InfoText h1 {font-size: 25px;color:#000;}

/* Direction Nav */
.flex-direction-nav {*height: 0; padding: 0;} /*fix for IE 7 */
.flex-direction-nav li a {width: 60px; height: 65px; margin: -13px 0 0; display: block; background: url(bilder/arrows.png) no-repeat 0 0; position: absolute; top: 45%; cursor: pointer; text-indent: -9999px; opacity: 0.8; filter:alpha(opacity=80); }
.flex-direction-nav li a:hover  { opacity: 1; filter:alpha(opacity=100); }
.flex-direction-nav li .next {background-position: -63px 0; right: 0px;}
.flex-direction-nav li .prev {left: 0px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

.flexslider {margin-bottom: 10px}



/*Qicklinks unter headbild*/
.quickLinks {
  width:304px;
  background-color:#f8f8f8;
  color:#2a292c;
  border:1px solid #d9d9d9;
  font-family: "Quicksand", sans-serif;
  font-weight:700;
  font-size:1.2em;
  text-transform:uppercase;
  text-align:center;
  padding:10px 0;
  min-height: 40px;
  }
.quickLinks:hover, .quickLinks a:hover, .quickLinks:hover a {
  background-color:#000000;
  color:#ffed00;
  }
.quickLinks a /*, .quickLinks a:visited */{
  color:#2a292c;
  text-decoration:none;
  }

.quickLinks a:hover {color:#ffff00 }

.links {float:left; margin-right:10px;}
.rechts {float:right;}


#rootline {
  color:#111111;
  font-size:0.7em;
  margin-top:20px;
  line-height:30px;
  }
#rootline a{color:#111111;}

.HGgrauAbstand {
  background-color:#f8f8f8;
  padding:10px;
  border:1px solid #cfcfcf;
  }
.HGgrauAbstand a, .HGgrauAbstand a:visited {color:#000000;}
.HGgrauAbstand a:hover {text-decoration:none;}

h1, h2, h3 {
  color:#2a292c;
  text-transform:uppercase;
  font-family: "Quicksand", sans-serif;
  }
h1 {font-size:1.7em; }
h1.no-top-margin {margin-top:0}

/*gridelements*/
.clr {clear:both;}
/* 2spalten 50|50*/
.Spalten50Li {
margin:20px 0;
  width:46%;
  float:left;
  margin-right:2%;
  }
.Spalten50Re {
  margin:20px 0;
  float:right;
  width:47%;
  }
/* 2spalten 60|40*/
.Spalten60Li {
 margin:20px 0;
  width:59%;
  float:left;
  margin-right:2%;
  }
.Spalten40Re {
  float:right;
  width:39%;
  }
  
span.hidden, .h {
  display: inline;
  height: 0;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  top: -1000px;
  width: 0;
}

.footer {
  background-image:url(bilder/chruch.png);
  background-repeat:repeat;
  width:100%;
  border-top: 1px solid #cccccc;
  padding:20px 0;
  width:100%;
  }

footer {
  width:960px;
  margin-left:auto;
  margin-right:auto;
  color:#838383;
  font-size:0.8em;
  }

footer h3 {
  color:#000000;
  font-size:1.4em;
  }
footer a, footer a:visited {color:#838383;
  padding: 0 0.25em;}
footer ul, footer li {
  float: right;
  list-style-type: none;
  margin: 0;
  padding:0;
}

.impressum {text-align:right;}

.small {
  font-size:smaller;
  float:right;
  margin-left:10px;
  }


.inner #streifenMusterOben {
  height: 176px;
}

.inner .HGgrauAbstand{
  margin-bottom: 20px;
}




/*img.links {margin-bottom:15px;}*/







/********************************/
/* Frames, spacing, link-to-top */
/********************************/
p.csc-linkToTop { text-align: right; }
p.csc-linkToTop a { font-weight: bold; }

div.csc-frame { border: 0px; }
div.csc-frame-invisible {}
div.indent,
div.csc-frame-indent { padding-left: 50px; }
div.csc-frame-indent3366 { padding:20px 0 20px 90px; /*padding-left: 33%;*/ }
div.csc-frame-indent6633 { padding:20px 90px 20px 0px; /*padding-right: 33%;*/ }

/*
div.csc-frame-frame1 h1, div.csc-frame-frame1 h2, div.csc-frame-frame1 h3, div.csc-frame-frame1 h4, div.csc-frame-frame1 h5 { margin-top: 2px; }
div.csc-frame-frame2 h1, div.csc-frame-frame2 h2, div.csc-frame-frame2 h3, div.csc-frame-frame2 h4, div.csc-frame-frame2 h5 { margin-top: 2px; }


#content .csc-frame-frame1 p,
#content .csc-frame-frame2 p {padding:0px;}

#content .csc-frame-frame1,
#content .csc-frame-frame2{padding:5px 15px; background:#e5e5e3; margin-bottom:12px}
#content .csc-frame-frame2{background:#ffdc97}
#content .csc-frame-frame3{padding:0 0 0 13px; border-left:3px solid #bcbcbc; margin-bottom:15px}
*/

div.csc-frame-rulerBefore {border-top:1px solid #cccccc; margin-bottom:20px;}
div.csc-frame-rulerAfter {border-bottom:1px solid #cccccc; margin-bottom:20px; padding-bottom:15px;}

hr{height: 1px;
    width: 100%;
    color: #CCC;
    border-width: 0px 0px 1px 0px;
    border-bottom-style: solid; border-color:#CCC;
}

.contenttable {
  line-height:18px;
  width:100%;
  margin-bottom:40px;
  border:0; border-collapse:collapse;
}
.contenttable th {
  text-align:left;
  padding:12px 15px;
/*  background:#f6f6f6;*/
  border:1px solid #ccc;
}
.contenttable th.name {width:158px;}
.contenttable td {
  padding:9px 15px;
/*  background:#f6f6f6;*/
  border:1px solid #ccc;
}
.contenttable img {
  display:block;
}
#content .contenttable  p {
margin-bottom:0;
padding-bottom:0;
}




.clear{display:block; height:0px; clear:both; overflow:hidden}
.csc-textpic-caption{ font-style:italic}
.csc-textpic-text ul{margin-top:0}

.news-list-item img,
.news-single-img {float: left; padding: 0 15px 15px 0}
.news-list-browse {margin: 20px 0 20px 0}

.news-list-item .small {float:none}
.news-list-item h3 {margin: 0 0 0 0}



.tx-powermail h3 {display: none;}


/* NEW  */
.tx-powermail {
/*  width: 640px;
  color: #444*/
}

.tx-powermail .clear {
  clear: both
}

/*
.tx-powermail * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
*/

.tx-powermail *.hide {
  display: none
}


.tx-powermail .powermail_fieldset {
  clear: left;
  border: 0px solid #bbb;
  padding: 0px;
  margin: 0 0 20px 0;
/*  background: #eee*/
}


.tx-powermail .powermail_fieldset .powermail_legend {
  display:none;
/*  color: #bbb;
  float: right;
  margin: 3px 0 10px 0;
  font-size: 200%;
  white-space: normal*/
}

.tx-powermail .powermail_fieldset .powermail_label {
  display:none;
/*  display: block;
  width: 200px;
  float: left;
  clear: left;
  font-weight: bold*/
}

.tx-powermail .powermail_fieldset .powermail_label[title] {
  cursor: help
}

.tx-powermail .powermail_fieldset .powermail_label[title]:after {
  content: 'i';
  display: inline-block;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  height: 16px;
  width: 16px;
  background-color: #aaa;
  margin: 0 0 0 2px;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: white;
  font-family: arial;
  font-weight: bold
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""] {
  cursor: inherit
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""]:after {
  display: none
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap {
  margin: 0 0 0.5em 0;
  clear: both;
  overflow: hidden
}

.tx-powermail .powermail_fieldset .powermail_field {
  width: 430px;
  padding: 10px;
  margin: 0;
  border: 1px solid #bbb;
  color: #444;
/*  float: right;*/
  font-size: inherit
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
  margin: 5px 0 0 0;
  padding: 5px 20px;
  color: white;
  font-weight: bold;
  cursor: pointer;
  background-color: #000;
  border: 0px solid #333;
  width:170px;
  border-radius: 4px;
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
  background-color: #FFCA4B
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_captcha {
  width: 100%
}

.tx-powermail .powermail_fieldset .powermail_captchaimage {
  width: 100%;
  margin-top: 10px
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_radio legend, .tx-powermail .powermail_fieldset .powermail_fieldwrap_check legend {
  padding: 0
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_radio fieldset, .tx-powermail .powermail_fieldset .powermail_fieldwrap_check fieldset {
  border: 0;
  padding: 0;
  margin: 0
}


.tx-powermail .powermail_fieldset .powermail_radio_outer, .tx-powermail .powermail_fieldset .powermail_captcha_outer, .tx-powermail .powermail_fieldset .powermail_check_outer, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul {
/*  background-color: white;
  border: 1px solid #bbb;
  float: right;
  padding: 3px;
  width: 400px;*/
  list-style: none;
  margin: 0
}


.tx-powermail .powermail_fieldset .powermail_radio_outer > li, .tx-powermail .powermail_fieldset .powermail_captcha_outer > li, .tx-powermail .powermail_fieldset .powermail_check_outer > li, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul > li {
  margin: 5px
}

.tx-powermail .powermail_fieldset .powermail_radio_outer > li .deleteAllFiles, .tx-powermail .powermail_fieldset .powermail_captcha_outer > li .deleteAllFiles, .tx-powermail .powermail_fieldset .powermail_check_outer > li .deleteAllFiles, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li .deleteAllFiles, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul > li .deleteAllFiles {
  color: #bbb;
  cursor: pointer
}

.tx-powermail .powermail_fieldset .powermail_radio_outer > li .deleteAllFiles:hover, .tx-powermail .powermail_fieldset .powermail_captcha_outer > li .deleteAllFiles:hover, .tx-powermail .powermail_fieldset .powermail_check_outer > li .deleteAllFiles:hover, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li .deleteAllFiles:hover, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul > li .deleteAllFiles:hover {
  text-decoration: underline
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
  display: none;
  margin: 5px 0 20px 0;
  padding: 0;
  list-style-type: none;
  background-color: #F2DEDE;
  border: 1px solid #EBCCD1;
  width: 400px;
  float: right;
  clear: left
}

.tx-powermail .powermail_fieldset .parsley-errors-list.filled {
  display: block
}

.tx-powermail .powermail_fieldset .parsley-errors-list > li {
  color: #A94442;
  padding: 5px 10px
}

.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error {
  background-color: #EBCCD1;
  border: 1px solid #A94442;
  color: #A94442
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list {
  width: 100%;
  margin-bottom: 0;
  background-color: #EBCCD1;
  border: none
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list > li {
  padding-left: 5px
}

.tx-powermail .powermail_create, .tx-powermail .powermail_confirmation {
  border: 1px solid #bbb;
  padding: 10px;
  margin: 0 0 20px 0;
  background: #eee;
  overflow: hidden
}

.tx-powermail .powermail_create .powermail_confirmation_submit, .tx-powermail .powermail_create .powermail_confirmation_form, .tx-powermail .powermail_confirmation .powermail_confirmation_submit, .tx-powermail .powermail_confirmation .powermail_confirmation_form {
  margin: 20px 0 0 0;
  padding: 5px 20px;
  color: white;
  font-weight: bold;
  cursor: pointer;
  float: right;
  background-color: #1E5799;
  border: 1px solid #eee
}

.tx-powermail .powermail_create .powermail_confirmation_form, .tx-powermail .powermail_confirmation .powermail_confirmation_form {
  float: left;
  clear: left;
  background-color: #bbb
}

.tx-powermail .powermail_progressbar {
  width: 400px;
  height: 5px;
  float: right;
  border: 1px solid #EEEEEE;
  clear: both
}

.tx-powermail .powermail_progressbar.disable {
  display: none
}

.tx-powermail .powermail_progressbar > .powermail_progress {
  background: #1E5799;
  width: 0%;
  max-width: 100%;
  -webkit-animation: progress 5s 1 forwards;
  -moz-animation: progress 5s 1 forwards;
  -ms-animation: progress 5s 1 forwards;
  animation: progress 5s 1 forwards
}

.tx-powermail .powermail_progressbar > .powermail_progress > .powermail_progess_inner {
  height: 5px;
  width: 100%;
  overflow: hidden;
  background: url("../../typo3conf/ext/powermail/Resources/Public/Image/icon_loading.gif") repeat-x;
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  opacity: 0.25;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
  filter: alpha(opacity=25)
}

.tx-powermail .powermail_confirmation .powermail_progressbar {
  width: 100%
}

.tx-powermail .powermail_all > dt {
  width: 200px;
  float: left;
  clear: left;
  font-weight: bold
}

.tx-powermail .powermail_all > dd {
  width: 400px;
  float: left;
  margin: 0
}

.tx-powermail .powermail_message {
  padding: 5px 0 10px 20px;
  min-height: 65px;
  background-color: #EBCCD1;
  border: 1px solid #A94442;
  background-position: 98% 10px;
  background-repeat: no-repeat;
  list-style: circle
}

.tx-powermail .powermail_message li {
  padding: 5px 50px 0 0
}

.tx-powermail .powermail_message.powermail_message_ok {
  background-image: url("../../typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");
  background-color: #CDEACA;
  border: 1px solid #3B7826
}

.tx-powermail .powermail_message.powermail_message_ok li {
  color: #3B7826
}

.tx-powermail .powermail_message.powermail_message_error {
  background-image: url("../../typo3conf/ext/powermail/Resources/Public/Image/icon_error.png")
}

.tx-powermail .powermail_message.powermail_message_error li {
  color: #A94442
}

.tx-powermail .powermail_message.powermail_message_note {
  background-image: url("../../typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");
  background-color: #FCF8E3;
  border: 1px solid #FFCA4B
}

.tx-powermail .powermail_message.powermail_message_note li {
  color: #FFCA4B
}

.tx-powermail .powermail_tabmenu {
  list-style: none;
  margin: 0;
  padding: 0
}

.tx-powermail .powermail_tabmenu > li {
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
  background: #eee;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  color: #aaa
}

.tx-powermail .powermail_tabmenu > li.act {
  color: #444
}

.tx-powermail .powermail_tabmenu > li.parsley-error {
  background-color: #EBCCD1
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation {
  margin-top: 2em
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next, .tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_previous {
  background-color: #aaa;
  display: inline-block;
  padding: 5px 30px;
  text-decoration: none;
  color: white;
  border: 1px solid #bbb;
  font-weight: bold
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next {
  background-color: #1E5799;
  float: right
}

@-webkit-keyframes progress {
  to {
    width: 100%
  }
}

@-moz-keyframes progress {
  to {
    width: 100%
  }
}

@-ms-keyframes progress {
  to {
    width: 100%
  }
}

@keyframes progress {
  to {
    width: 100%
  }
}

textarea {
  font-family: inherit;
}
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text {margin: 0 0 20px 0}


.columns2 .col1 {width:68%;float:left}
.columns2 .col2 {width:28%;float:right}

.columns3 .col1,
.columns3 .col2,
.columns3 .col3 {width:30%;float:left}
.columns3 .col1,
.columns3 .col2 {margin-right:5%}

#headbereich div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0px;
}