/** css edv plan GmbH / by toberg */

body{
  color:#000;
  font-family: 'Roboto Condensed', sans-serif; 
  font-size:15pt; 
line-height:18pt; 
  margin: 0px !important;
padding:0px;
width:100%;
overflow:hidden;
overflow-y:visible;
  }
#footer .footercontent {
padding-top:1%;
padding-bottom:2%;
}
h100 {
  display:none;
}
h0, h1, header h1 {
font-family: 'Roboto Condensed', sans-serif;
font-size:2.2em; 
line-height:1.1em;
font-weight: bold;
margin:0em 0px 1em 0px;
}

h2 {
font-family: 'Roboto Condensed', sans-serif; 
font-size:1.6em;
line-height:1.1em;
font-weight:bold;
margin:0px 0px 1em 0px;
}
h3{
font-family: 'Roboto Condensed', sans-serif; 
font-weight:normal;
margin-top:0px;
 margin-bottom: 1em;
font-size:1.4em;
line-height:1.1em;
}
h4{
font-family: 'Roboto Condensed', sans-serif;  
color:#666;
letter-spacing:0.04em;
margin:0px;
font-weight:bold;
text-transform:uppercase;
}
h5 {
margin:0px 0px 0.5em 0px;
font-size:1em;
opacity:0.8;
}

p {
margin:0px 0px 0.8em 0px;
}
p .important {
color:red;
font-size:90%;
margin:0px !important;
}
.frame-ruler-before:before,
.frame-ruler-after:after {
display:none;
  } 
.frame-ruler-before {
float:left;
clear:left;
width:100%;
padding-top:2%;
border-top: 2px solid #A7A7A7;
  }
.frame-ruler-after {
float:left;
clear:left;
width:100%;
margin-bottom:4%;
border-bottom: 2px solid #A7A7A7;
  }
.frame {
width:100%;
float:left;
clear:left;
  }
    /* Space */
    .frame-space-before-extra-small,
    .frame-space-before-small,
    .frame-space-before-medium,
    .frame-space-before-large,
    .frame-space-before-extra-large,
    .frame-space-after-extra-small,
    .frame-space-after-small,
    .frame-space-after-medium,
    .frame-space-after-large,
    .frame-space-after-extra-large {
float:left;
clear:left;
width:100%;
}
.frame-textbutton a,
p a.frame-textbutton,
.frame-kopfbild p:last-of-type a,
.frame-schattenbox p a,
input.powermail_submit,
.frame-hinweisbox p a,
#mediafly p a.frame-textbutton,
#mediafly .frame-textbutton a{
min-width:200px;
  display: inline-block;
  text-decoration: none !important;
  font-weight: bold;
font-size:1em;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.8em 10px 0.8em 10px;
  text-shadow: none;
  margin-top: 0.2%;
  margin-bottom: 2%;
  border: none;
  cursor: pointer;
border:2px solid;
}
.frame-textbutton header h1{
font-size:1em;
}
/* links */

a, a:visited {
color:#B5152B;
text-decoration: underline;
}
a:hover, a:active {
color:#535353;
text-decoration: none;
}
.text-right {
  text-align:right;  
}

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

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

#content ol {
  margin-left: 20px;
  margin-bottom: 20px;
}
ul.contentList {
float:left;
clear:left;
width:100%;
list-style-type: none;
padding:0px;
margin:0px 0px 20px 0px !important;
    }
.contentList p {
  height: 0px;
  display: none;
  visibility: hidden;
}
.ce-textpic .ce-bodytext .contentList {
  float: none;
  clear: none;
  width: auto;
  padding-left: 0px;
}
ul.contentList li {
width:92%;
float:left;
clear:left;
      display:block;
    list-style-type: none;
      padding:0px 0px 0px 20px;
      margin:0px 0px 0pt 0px;
    }
ul.contentList li:before {
content: '■';
margin-right:8px;
margin-left:-20px;
vertical-align:2px;
}
 ul.ce-menu {
  float:left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none; 
  width:98%;
text-transform:uppercase;
    }
 ul.ce-menu li {
  display:inline-block;
  float:left;
  clear:left;
  width:95%;
  margin: 0px 0px 5pt 0px;
  padding: 0px 0px 0px 20px;
  list-style-type: none;  
    }
 ul.ce-menu li:before {
content: '■';
margin-right:8px;
vertical-align:2px;
margin-left:-20px;
}
 
/* structure */ 

#wrapper, #container, #main{ 
  position:relative;
  float:left;
  clear:left;
  z-index:1;
  min-height: 10px;
  width:100%;
  margin:0;
  padding:0;
  overflow:visible;
}
#wrapper {
position:absolute;
background-color:#fff;
z-index:1;
top:0px;
overflow.hidden;
padding-top:50px;  
}
#footer .footercontent,
.section-state1 .section-content,
.section-state2 .section-content,
.section-state3 .section-content,
.section-state4 .section-content,
.section-state5 .section-content,
.section-state6 .section-content,   
.section-state7 .section-content,
.section-state8 .section-content,
.section-state10 .section-content,
.section-state11 .section-content{
    max-width:1000px;
    margin:0 auto;
    padding:1% 0% 1% 0%;
    }

/* Breite und Float als Onepage Seite */
#main #content.section-state0 .section-state0,
#main #content.section-state0 .section-state1,
#main #content.section-state0 .section-state2,
#main #content.section-state0 .section-state3,
#main #content.section-state0 .section-state4,
#main #content.section-state0 .section-state5,
#main #content.section-state0 .section-state6,   
#main #content.section-state0 .section-state7,
#main #content.section-state0 .section-state8,
#main #content.section-state0 .section-state10,
#main #content.section-state0 .section-state11,
#footer {
float:left;
clear:left;
 width:100%;
}
/* Breite und Float als Einzelseite */
#main #content.section-state1,
#main #content.section-state2,
#main #content.section-state3,
#main #content.section-state4,
#main #content.section-state5,
#main #content.section-state6,   
#main #content.section-state7,
#main #content.section-state8,
#main #content.section-state10,
#main #content.section-state11 {
float:left;
clear:left;
 width:100%;
padding-top:110px;
}


/* ==|== non-semantic helper classes ========================================
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/*
  Bildunterschriften
*/

.ce-galery caption{
  font-size: small;
  padding: 0.4em;
  line-height: 1.3em;
  font-style: italic;
}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}



/* onepage menu standard ueberschreiben und Grundkonfig Seitenmenue */
.header {
position:fixed;
z-index:2000;
width:100%;
#margin-top:-1px;
top:0px;
height:130px;
background-color:rgba(255,255,255,1);
-webkit-box-shadow: 0px 0px 15px 2px rgba(51,51,51,0.5);
-moz-box-shadow: 0px 0px 15px 2px rgba(51,51,51,0.5);
box-shadow: 0px 0px 15px 2px rgba(51,51,51,0.5);  
}
.headerwrapper {
position:relative;
margin:0 auto;
max-width:1000px;
}
a.logolink {
float:left;
display:inline-block;
width:119px;
height:92px;
margin-top:10px;
background-image: url(/fileadmin/kulti/template/images/logo-kulti.png);
background-repeat: no-repeat;
background-position: top center;
background-attachment: scroll;
background-size: auto 92px;
}
nav.einzelseite {
position:absolute;
margin-top:20px;
text-align:center;
text-transform:uppercase;
white-space: nowrap;
right:0px;
z-index:2000;
    }
nav.einzelseite.scroller {
top:0px;
}
.scroller_anchor{
float:left;
width:0px;
top:0px; 
padding:0;
}

nav.einzelseite ul {
position:relative;
margin:0 auto !important;
padding:0% 0% 0% 0% !important;
font-size:1em;
text-align:center;
list-style: none;
list-style-type: none;
  }
nav.einzelseite ul li {
position: relative;
float:left;
display:inline-block;
list-style: none;
list-style-type: none;
}
nav.einzelseite ul li.level1 a,
nav.einzelseite ul li.current1 a {
display: inline-block;
position: relative;
color:#000;
line-height:50px;
font-weight:bold;
margin:20px 0px 0px 20px; 
padding: 0px 0px 0px 0px;
text-decoration: none;
zoom: 1; /* IE7 */
}
nav.einzelseite ul li:last-child a {
color: #B5152B;
line-height:48px;
margin-top:18px;
padding-left:10px;
padding-right:10px;
border:2px solid;
}
nav.einzelseite ul li:last-child a:hover {
color:#000 !important;
text-decoration:none !important;
}
nav.einzelseite ul li.level1 a:hover,
nav.einzelseite ul li.current1 a {
color:#B5152B;
text-decoration:underline;
}
.tx-bwrk-onepage-menu ul{
width:20px;
margin:0px;
padding:0px;
background-color:transparent;
list-style: none;
  } 
.tx-bwrk-onepage-menu li {
float:left;
}
.tx-bwrk-onepage-menu {
position:fixed !important;
margin-top:0x;
bottom:5%;
background-color:transparent;
border-bottom:none;  
width:20px; 
left:10px;
display:block;
z-index:999999 !important;
  }
.tx-bwrk-onepage-menu li a {
padding:0px;
margin:10px;
display:inline-block;
width:10px;
height:10px;
overflow:hidden;
color:transparent;
border:1px solid rgba(255,255,255,0.8);
background-color: rgba(0,0,0,0.4);
#box-shadow:0px 0px 5px #333;
#-webkit-border-radius: 10px;
#-moz-border-radius: 10px;
#border-radius: 25px;
}
.tx-bwrk-onepage-menu.sticky {
position:fixed;
width:35px;
bottom:40%;
margin-top:0px;
overflow:visible;
}

.tx-bwrk-onepage-menu.sticky li a.bwrk-onepage-current {
padding:0px;
margin:10px;
border:2px solid rgba(255,255,255,0.8);
background-color: rgba(181,21,43,0.8);
}

/* Tabellenformatierung Element Tabelle */
table.contenttable-0 {
 width:90%; 
text-align:left;
}
table.contenttable-0 td {
min-width:25% !important;
padding-left:1%;
}
table.contenttable-0 tr.tr-odd {
background-color:#eee;
}
table.contenttable-0
/* youtube und maps responsive einbetten */
.responsive-video iframe,
.frame-responsive-iframe iframe,
.responsive-video object,
.responsive-video embed{
  position:absolute;
  top:0;
  left:0;
  width:100% !important;
  height:100% !important;
  }

.responsive-video{
  position:relative;
  padding-bottom:56.25%;
  padding-top:0px;
  height:0;
  overflow:hidden;
  }
.frame-responsive-iframe{
  position:relative;
  padding-bottom:500px;
  padding-top:0px;
  height:0;
  overflow:hidden;
width:104%;
margin-left:-2%;
margin-top:-2%;
  }

/* Scrollicon Seitenanfang */
.back-to-top {
 position: fixed;
display:block;
width:20px;
height:22px;
z-index:2000;
 bottom:0px;
 right:0px;
 padding:10px 5px 20px 5px;
color:transparent;
background-color: rgba(0,0,0,0.5);
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
}
.back-to-top img {
width:18px;
margin-left:2px;
  }
/* Social mediafly rechts */
#information {
display:none;  
}
#mediafly {
  position:fixed;
  z-index:1000;
  width:250px;
color:#000;
font-size:0.9em;
line-height:1.1em;
min-height:500px;
visibility:visible;
overflow:visible;
  right:-290px;
  bottom:57px;
  padding:20px 20px 10px 20px;
background-color: rgba(255,255,255,0.9);
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
-webkit-box-shadow: 0px 7px 8px 0px rgba(102,102,102,0.65);
-moz-box-shadow: 0px 7px 8px 0px rgba(102,102,102,0.65);
box-shadow: 0px 7px 8px 0px rgba(102,102,102,0.65);
#border-left:2px solid #096176;
#border-top:2px solid #096176;
#border-bottom:2px solid #096176;
transition-property: right, visibility !important;
transition-duration: 2s, 2s !important;
transition-timing-function: ease, ease !important;
transition-delay: 0s, 0s !important;
background-image: url(/fileadmin/gr-opr/template/images/mediafly-hg.png);
background-repeat: no-repeat;
background-position: -15px top;
background-attachment: scroll;
}

#mediafly header h1 {
font-size:1.9em;
color:#B5152B;
font-weight:bold;
margin-bottom:0.3em;
}
#mediafly h2 {
font-size:1.5em;
margin-bottom:0.3em;
}
#mediafly a:hover,
#mediafly a:active {
color:#333;
}
#mediafly .ce-above .ce-gallery {
        margin-bottom: 0px;
    }
a#flyoff:hover, a#flyon:hover {
color:transparent !important;
}
a#flyoff {
position:absolute;
visibility:visible;
display:block;
width:30px;
height:50px;
color:transparent !important;
left:-30px;
bottom:0px;
padding:0px;
#border-radius: 0px 5px 5px 0px;
#-moz-border-radius: 0px 5px 5px 0px;
#-webkit-border-radius: 0px 5px 5px 0px;
#border-right:2px solid #096176;
#background-image: url(/fileadmin/gr-opr/template/images/mediafly-off.png);
#background-repeat: no-repeat;
#background-position: center center;
#background-attachment: scroll;
background-color:#B5152B;
}
a#flyon {
position:absolute;
visibility:hidden;
display:block;
width:30px;
height:50px;
color:transparent !important;
left:-30px;
bottom:0px;
padding:0px;
#border-radius: 0px 5px 5px 0px;
#-moz-border-radius: 0px 5px 5px 0px;
#-webkit-border-radius: 0px 5px 5px 0px;
#border-right:2px solid #096176;
#background-image: url(/fileadmin/gr-opr/template/images/mediafly-on.png);
#background-repeat: no-repeat;
#background-position: center center;
#background-attachment: scroll;
background-color:#B5152B;
}

#mediafly > a:after {
  position: absolute;
  width: 20px;
  height: 30px;
  left: 5px;
  bottom: 10px;
  transition: 200ms all ease-in-out;
  background-image: url("/fileadmin/kulti/template/images/Sozial-Fly-Icon.png");
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
a#flyoff:after {
  transform: rotate(180deg);
}
a#flyoff:after,
a#flyon[style*="visible"]:after {
  content: "";
}
a#flyoff[style*="hidden"]:after {
  content: none;
}
/* Accordion */
ul.tinyaccordion {
float:left;
width:100%;
margin:0px !important;
padding:0px !important;
}

ul.tinyaccordion li.acc-li > h4 {
font-size:1em;
background-image:none !important;
padding:6px !important;
color:#fff;
font-weight:normal;
text-transform:none;
font-size:0.9em;
background-color: #B5152B;
}
ul.tinyaccordion li.acc-li > h4:after {
content: '▼';
float:right;
}
ul.tinyaccordion li.acc-li h4:hover,
ul.tinyaccordion h4.acc-selected:hover,
ul.tinyaccordion h4.acc-selected {
text-decoration:none;
  background-color: #E6E6E6 !important;
color:#000 !important;
}
ul.tinyaccordion h4.acc-selected:after {
content: '▲' !important;
float:right;
background-image: none !important;
}
ul.tinyaccordion .acc-li .acc-section > .csc-default{
padding-left:0px !important;
margin-left:0px !important;
}
ul.tinyaccordion .acc-li .acc-section h4 {
background-image: none !important;
Margin-left:0px !important;
padding-left:0px !important;
}
ul.tinyaccordion .t-small {
display:none;
}