@charset 'UTF-8';
/* moved by compressor */
/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }


.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

.slick-loading .slick-list{background:#fff url('../../../typo3conf/ext/slick/Resources/Public/JavaScript/slick-1.9.0/slick/./ajax-loader.gif') center center no-repeat}@font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url('../../../typo3conf/ext/slick/Resources/Public/JavaScript/slick-1.9.0/slick/./fonts/slick.eot');src:url('../../../typo3conf/ext/slick/Resources/Public/JavaScript/slick-1.9.0/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'),url('../../../typo3conf/ext/slick/Resources/Public/JavaScript/slick-1.9.0/slick/./fonts/slick.woff') format('woff'),url('../../../typo3conf/ext/slick/Resources/Public/JavaScript/slick-1.9.0/slick/./fonts/slick.ttf') format('truetype'),url('../../../typo3conf/ext/slick/Resources/Public/JavaScript/slick-1.9.0/slick/./fonts/slick.svg#slick') format('svg')}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:0}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:black}

.slick-dots{margin-left:0;margin-right:0}.slick-dotted.slick-slider.frame-space-after-extra-small{margin-bottom:1em}.slick-dotted.slick-slider.frame-space-after-small{margin-bottom:2em}.slick-dotted.slick-slider.frame-space-after-medium{margin-bottom:3em}.slick-dotted.slick-slider.frame-space-after-large{margin-bottom:4em}.slick-dotted.slick-slider.frame-space-after-extra-large{margin-bottom:5em}.slick-slider.hidden{display:none}.slick-slide figure{margin:0}.slick-slide img{height:auto}.slickcontentelement.outerwrap{position:relative}.slickcontentelement .contentwrap{background:rgba(145,145,145,0.7);color:white;position:relative;bottom:0;padding:.4rem .9375rem;position:absolute;width:100%}.slickcontentelement.layout-1 .contentwrap{width:auto}.slickcontentelement.layout-2 .contentwrap{right:0;width:auto}.slickcontentelement.layout-3 .contentwrap{background:inherit;text-shadow:0 0 4px #000;width:auto}.slickcontentelement .contentwrap *,#startBox01 .slick-slider .contentwrap *{color:white}.slickcontentelement .slick-header{font-size:1.4rem;font-weight:bold}.slickcontentelement .slick-text,.slickcontentelement .slick-text p,#startBox01 .slickcontentelement .slick-text,#startBox01 .slickcontentelement .slick-text p{font-size:1rem;line-height:1.2rem;margin:0}.slickcontentelement.layout-3 .slick-text,.slickcontentelement.layout-3 .slick-text p,#startBox01 .slickcontentelement.layout-3 .slick-text,#startBox01 .slickcontentelement.layout-3 .slick-text p{font-weight:bold}.slick-sync .contentwrap,.slick-sync figcaption{display:none}
.frame-type-textpic [data-ce-columns*="2"] .ce-column {
    max-width: 46%;
}

.frame-type-textpic [data-ce-columns*="3"] .ce-column {
    max-width: 32%;
}

.frame-type-textpic [data-ce-columns*="4"] .ce-column {
    max-width: 23%;
}

.frame-type-textpic [data-ce-columns*="5"] .ce-column {
    max-width: 18.4%;
}

.frame-type-textpic [data-ce-columns*="6"] .ce-column {
    max-width: 15.3%;
}

.frame-type-textpic [data-ce-columns*="7"] .ce-column {
    max-width: 13.1%;
}

.frame-type-textpic [data-ce-columns*="8"] .ce-column {
    max-width: 11.5%;
}



.frame-type-image .ce-column img {
    max-width: 100%;
    object-fit: contain;
    height: auto;
}

.frame-type-image [data-ce-columns*="2"] .ce-column {
    max-width: 46%;
}

.frame-type-image [data-ce-columns*="3"] .ce-column {
    max-width: 32%;
}

.frame-type-image [data-ce-columns*="4"] .ce-column {
    max-width: 23%;
}

.frame-type-image [data-ce-columns*="5"] .ce-column {
    max-width: 18.4%;
}

.frame-type-image [data-ce-columns*="6"] .ce-column {
    max-width: 15.3%;
}

.frame-type-image [data-ce-columns*="7"] .ce-column {
    max-width: 13.1%;
}

.frame-type-image [data-ce-columns*="8"] .ce-column {
    max-width: 11.5%;
}

/*************************************************************** * Copyright notice * * (c) 2010 Christian Technology Ministries International Inc. * All rights reserved * * This file is part of the Web-Empowered Church (WEC) * (http://WebEmpoweredChurch.org) ministry of Christian Technology Ministries * International (http://CTMIinc.org). The WEC is developing TYPO3-based * (http://typo3.org) free software for churches around the world. Our desire * is to use the Internet to help offer new life through Jesus Christ. Please * see http://WebEmpoweredChurch.org/Jesus. * * You can redistribute this file and/or modify it under the terms of the * GNU General Public License as published by the Free Software Foundation;
* either version 2 of the License, or (at your option) any later version. * * The GNU General Public License can be found at * http://www.gnu.org/copyleft/gpl.html. * * This file is distributed in the hope that it will be useful for ministry, * but WITHOUT ANY WARRANTY;
without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. This file has been modified by ThaiPo3 T3Pack Team Phuket - KiK - Kultida Chairat - LisAndi Co., Ltd., Phuket, Thailand, +66 81 6063378, +49 711 508878850, <info[at]lisandi[dot]com>* * This copyright notice MUST APPEAR in all copies of the file! ***************************************************************/
/* @group Reset Styling */
/* --------------------------------------------------------------   reset.css   * Resets default browser CSS.   Based on work by Eric Meyer:* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 13px;
    font-family: inherit;
    vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: 400;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: none;
}

a:active {
    outline: none;
}

a:focus {
    -moz-outline-style: none;
}

/* @end Reset Styling */
/* @group Base Styling */
html {
    height: 100%;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 17px;
    color: #555;
    font-weight: normal;
    height: 100%;
    background: #ccc;
}

/* NOTE:Much of the typography styling is handled in rte.css */
/* @group Table Styling */
/* NOTE:Table Styling is mostly handled in rte.css */
table {
    border-collapse: collapse;
    width: 100%;
}

/* @end Table Styling */
/* @group Additional Tags */
pre {
    margin-bottom: 15px;
}

code {
    margin-left: 10px;
    margin-right: 10px;
}

pre code {
    margin-left: 0;
    margin-right: 0;
}

pre, code {
    font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
}

/* @end Additional Tags */
/* @group TYPO3 General Styling */
div.csc-textpic-center div.csc-textpic-imagewrap, div.csc-textpic-left div.csc-textpic-imagewrap, div.csc-textpic-right div.csc-textpic-imagewrap {
    margin-bottom: 10px;
}

/* @end */
/* @group Forms */
form input, form textarea {
    margin-right: 5px;
    margin-bottom: 3px;
}

form input:focus, form input:hover {
    color: black;
}

form select {
    font-size: 11px;
}

form option {
    margin: 0 10px 0 5px;
}

optgroup {
    font-weight: bold;
    font-style: italic;
    margin: 5px 0 0;
}

optgroup option {
    padding-left: 5px;
}

legend {
    font-weight: bold;
    color: black;
}

/* @end Forms */
/* @end Base Styling */
/* @group Common Classes */
.clear {
    clear: both;
}

.clearOnly {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 0;
}

.outOfSight {
    overflow: hidden;
    width: 0;
    height: 0;
    float: left;
}

.centralHeadline {
    margin-top: 0;
    font-size: 28px;
}

.csc-firstHeader {
    margin-top: 0;
}

.graphicTextWrap {
    overflow: hidden;
}

.graphicText {
    line-height: 300px;
    display: block;
}

/* @end Common Classes */
/* @group Layout */
#pageWrap-outer-1 {
    margin-top: 0;
    padding: 0;
}

#pageWrap-outer-2 {
    margin-top: 0;
    padding: 0;
    height: 450px;
}

#pageWrap {
    width: 1000px;
    padding: 0;
    margin: 0 auto;
}

#feature {
    margin: 0;
    background: #a50000;
    border-bottom: 3px solid #fff;
}

#contentBlock-1, #contentBlock-2, #contentBlock-3, #generatedContent-1, #generatedContent-2 {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: white;
}

#contentBlock-1, #contentBlock-2, #contentBlock-3 {
    padding: 18px 5px;
    min-height: 600px;
}

#generatedContent-1 {
    width: 160px;
    padding: 5px 5px 30px;
    float: left;
    margin-right: 0;
    background: #eee;
}

#generatedContent-2 {
    width: 200px;
    padding: 5px 5px 30px;
    margin-left: 0;
    float: right;
    background: #eee;
}

#f1d #contentBlock-1 {
    float: right;
    width: 820px;
}

#f1e #contentBlock-1 {
    float: left;
    width: 780px;
    min-height: 500px;
}

#f1f #contentBlock-1 {
    float: left;
    width: 610px;
}

#f2a #contentBlock-1 {
    float: left;
    width: 780px;
}

#f2a #contentBlock-2 {
    width: 200px;
    padding: 5px 5px 30px;
    float: left;
    margin-right: 0;
    background: #eee;
}

#f2b #contentBlock-1 {
    float: left;
    width: 780px;
}

#f2b #contentBlock-2 {
    width: 200px;
    padding: 5px 5px 30px;
    float: left;
    margin-right: 0;
    background: #eee;
}

#f2c #contentBlock-1 {
    float: right;
    width: 820px;
}

#f2c #contentBlock-2 {
    width: 160px;
    padding: 5px 5px 30px;
    float: left;
    margin-right: 0;
    background: #eee;
}

#f2d #contentBlock-1 {
    float: left;
    width: 610px;
}

#f2d #contentBlock-2 {
    width: 200px;
    padding: 5px 5px 30px;
    float: left;
    margin-right: 0;
    background: #eee;
}

#f2e #contentBlock-1 {
    float: left;
    width: 610px;
}

#f2e #contentBlock-2 {
    width: 160px;
    padding: 5px 5px 30px;
    float: left;
    margin-right: 0;
    background: #eee;
}

#f3a #contentBlock-1, #f3b #contentBlock-1 {
    float: left;
    width: 610px;
    margin-right: 0;
}

#f3a #contentBlock-2, #f3b #contentBlock-2 {
    width: 160px;
    padding: 5px 5px 30px;
    float: left;
    margin-right: 0;
    background: #eee;
}

#f3a #contentBlock-3, #f3b #contentBlock-3, #f3c #contentBlock-3, #f3d #contentBlock-3 {
    width: 200px;
    padding: 5px 5px 30px;
    float: left;
    margin-right: 0;
    background: #eee;
}

#f3c #contentBlock-1, #f3d #contentBlock-1 {
    float: left;
    width: 610px;
}

#f3c #contentBlock-2, #f3d #contentBlock-2 {
    width: 160px;
    padding: 5px 5px 30px;
    float: left;
    margin-right: 0;
    background: #eee;
}

/* @end Layout */
/* @group Header */
#header {
    margin: 0 auto;
    width: 1000px;
    padding-top: 0;
    background: #700f11;
    border-bottom: 1px solid #fff;
}

#masthead {
    float: left;
    padding: 20px;
}

#masthead h1 {
    float: right;
    padding: 0 0 0 50px;
    margin: 0;
}

#masthead a {
    display: block;
    color: white;
}

.topNav {
    border-bottom: 1px solid #fff;
    padding: 3px 0;
    color: black;
}

#login {
    padding-left: 15px;
    float: left;
    color: #ccc;
}

#login a {
    color: #ccc;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}

#login a:hover {
    color: #fff;
}

#search {
    float: right;
    margin: 0 0 0 10px;
    padding: 0;
    width: 170px;
}

#search form {
    margin: 0;
}

#search input {
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

#search #siteSearchInput {
    padding: 2px;
    width: 130px;
}

/* @group Global Menu */
#globalMenu {
    margin: 0;
    padding: 0;
    width: 1000px;
    background-color: #700f11;
}

/* - - - ADxMenu:BASIC styles [ MANDATORY ] - - - */
/* remove all list stylings */
.menu, .menu ul {
    margin: -1px 0 0 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
}

.menu li {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    /* move all main list items into one row, by floating them */
    position: relative;
    /* position each LI, thus creating potential IE.win overlap problem */
    z-index: 5;
    /* thus we need to apply explicit z-index here... */
}

.menu li:hover {
    z-index: 10000;
    /* ...and here. this makes sure active item is always above anything else in the menu */
    white-space: normal;
    /* required to resolve IE7: hover bug (z-index above is ignored if this is not present)see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
    float: none;
    /* items of the nested menus are kept on separate lines */
}

.menu ul {
    visibility: hidden;
    /* initially hide all submenus. */
    position: absolute;
    z-index: 10;
    left: 0;
    /* while hidden, always keep them at the top left corner, */
    top: 0;
    /* to avoid scrollbars as much as possible */
}

.menu li:hover > ul {
    visibility: visible;
    /* display submenu them on hover */
    top: 100%;
    /* 1st level go below their parent item */
}

.menu li li:hover > ul {
    /* 2nd+ levels go on the right side of the parent item */
    top: 0;
    left: 100%;
}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

.menu, .menu ul {
    /* IE7 float clear: */
    min-height: 0;
}

/* -- float.clear.END --  */
/* -- sticky.submenu --it should not disappear when your mouse moves a bit outside the submenuYOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!if you do it, make sure you 110% know what you do */
.menu ul {
    background-image: url('../../../typo3conf/ext/skin_sbs_kik_red/css/empty.gif');
    /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
    padding: 0 20px 30px 30px;
    margin: 0 0 0 -30px;
    /* uncomment this if you want to see the "safe" area.you can also use to adjust the safe area to your requirement */
}

/* -- sticky.submenu.END -- */
/* - - - ADxMenu:DESIGN styles [ OPTIONAL, design your heart out:)] - - - */
.menu li {
    text-align: center;
    display: block;
    list-style-type: none;
    float: left;
    font-size: 14px;
}

.menu > li:first-child {
    border-left: none;
}

.menu li.active a {
    text-shadow: 0 1px 1px #000;
    color: #eeeeee;
    background: #b62e30;
}

.menu li.active li a {
    text-shadow: 0 1px 1px #000;
    color: #fff;
}

.menu li ul {
    width: 196px;
    padding-bottom: 7px;
}

.menu li li {
    padding: 0;
    margin: 0;
    text-align: left;
}

.menu li a {
    text-decoration: none;
    width: 196px;
    display: block;
    position: relative;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    font-family: tahoma, sans-serif;
    text-shadow: 0 1px 1px #555;
    padding: 5px 0;
}

.menu li a:hover {
    text-shadow: 0 1px 1px #000;
    color: #eeeeee;
    background: #b62e30;
}

.menu li li a {
    color: #fff;
    font-size: 12px;
    width: 176px;
    padding: 5px 10px;
    background: #b62e30;
}

.menu li li:hover > a {
    background: #700f11;
}

.menu li li {
}

.menu ul > li + li {
    /* and remove the top border on all but first item in the list */
    border-top: 0;
}

.menu li li:hover > ul {
    /* inset 2nd+ submenus, to show off overlapping */
    top: 5px;
    left: 90%;
}

/* @end Global Menu */
/* @end Header */
/* @group Footer */
#footer {
    margin: 0;
    padding-top: 10px;
}

#footerCopyright {
    margin-left: 15px;
    float: left;
    color: #333;
    text-align: left;
    width: 70%;
}

#copyright {
    clear: both;
    padding: 10px;
    text-align: center;
}

a#footerHomeLink {
    margin-right: 15px;
    display: block;
    float: right;
    text-align: right;
    width: 30%;
}

a#footerHomeLink:hover {
    color: black;
}

/* @end Footer*/
/* @group Local Menu */
#localMenu {
    padding: 0;
    margin: 0 5px 35px -5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

#localMenu ul {
    margin: 0;
}

#localMenu li {
    list-style: none;
    font-size: 14px;
    line-height: 1.1em;
    font-family: tahoma, sans-serif;
    border-bottom: 1px solid #c5cacd;
    background: #700f11;
}

#localMenu li li, #localMenu li li li, #localMenu li li li li {
    font-size: 12px;
    border: none;
}

#localMenu li a {
    color: #ccc;
    display: block;
    padding: 10px 8px;
}

#localMenu li li a {
    padding-top: 3px;
    padding-left: 22px;
}

#localMenu li li li a {
    padding-left: 36px;
}

#localMenu li li li li a {
    padding-left: 50px;
}

#localMenu li a:hover {
    color: white;
    background: #b62e30;
}

#localMenu li.current {
    padding-top: 0;
    padding-bottom: 0;
    background: #3c3c3c;
}

#localMenu li li.current {
    padding-top: 8px;
}

#localMenu li.current a {
    color: #fff;
}

#localMenu li.current li a {
    color: #ccc;
}

#localMenu li.current li a:hover {
    color: #fff;
}

/* @end Local Menu */
/* @group Module Styling */
.tx-felogin-pi1 {
    margin: 20px 10px 10px 10px;
}

/* @end login */
/* @group Module Styling */
.moduleHeader {
    margin: 0;
    padding: 0 5px 0 0;
    color: #B4B4B4;
    background: #eee;
    font-size: 17px;
    line-height: 1.1em;
}

.moduleHeader .moduleHeaderInnerWrap {
    display: block;
    padding: 5px 0 5px 5px;
    background: #eee;
}

.moduleFooter {
    height: 7px;
    margin: 0;
    padding-right: 5px;
    background: #eee;
    font-size: 1px;
    overflow: hidden;
}

.moduleFooter span {
    display: block;
    height: 7px;
    background: #eee;
}

.moduleBody {
    padding: 5px;
    font-size: 12px;
    background: #fff;
}

.modulebodywrap {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    /* Please note that the thickness values on the two border values above will be overridden in the final output. Make sure these values match the constant moduleBodyBorderWidth */
}

.unframed .moduleBody, .unframed .moduleBodyWrap {
    padding: 0 5px 0 5px;
    border: 0;
}

.unframed .moduleBodyWrap {
    background: none;
}

.moduleBodyBleed {
    padding: 0;
}

.columnGroup {
    margin-bottom: 0;
}

.columnGroupRule {
    border-bottom: 1px solid #999999;
}

.moduleGroup {
    margin-bottom: 5px;
    margin-top: 2px;
}

.moduleFeature {
    margin-bottom: 5px;
}

/* @end Module Styling */
/* @group Forms */
.csc-mailform-field label, .csc-mailform-field label {
    display: block;
}

/* @end */
/************* Section Menus ********************/
.sectionMenuWrapper {
    width: 100%;
}

.sectionMenu {
    margin: 0;
    text-align: left;
}

.sectionMenu .menuItem {
    display: inline-block;
    width: 250px;
    margin: 0 20px 20px 0;
    vertical-align: top;
}

.wrapper {
    vertical-align: top;
}

.menuItem > a + .wrapper {
    margin-left: 120px;
}

.menuItem > a {
    float: left;
    vertical-align: top;
}

.menuItem h3 {
    margin: 0;
}

/***************** form style ********************/
label {
    font-weight: bold;
    display: block;
    margin-top: 10px;
}

.instructions {
    font-size: 10px;
    line-height: 1.1em;
}

input[type=text], input[type=password], textarea, select {
    background-color: #fff;
    border: 1px solid #bbb;
    margin: 5px 0 0 0;
}

input[type=text]:focus, input[type=password]:focus textarea:focus, select:focus {
    border-color: #666;
}

input[type=text], input[type=password], textarea, select {
    margin: 3px 0;
}

input[type=text], input[type=password] {
    padding: 3px;
}

textarea {
    width: 390px;
    height: 250px;
    padding: 3px;
}

input[type=checkbox], input[type=radio] {
    position: relative;
    top: .25em;
}

/* Account for Frontend User Registration using <label> for checkbox items with no other surround markup */
#tx-srfeuserregister-pi1-fe_users_form input[type=checkbox] + label, #tx-srfeuserregister-pi1-fe_users_form input[type=radio] + label {
    margin-top: 0;
    display: inline;
    font-weight: normal;
}

#tx-srfeuserregister-pi1-fe_users_form input[type=checkbox] + label:after, #tx-srfeuserregister-pi1-fe_users_form input[type=radio] + label:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.inline {
    display: inline-block;
    vertical-align: top;
}

.error, .notice, .success {
    border: 2px solid #DDDDDD;
    margin-bottom: 1em;
    padding: 0.8em;
}

.error {
    background: #FBE3E4 none repeat scroll 0 0;
    border-color: #FBC2C4;
    color: #8A1F11;
}

.success {
    background: #E6EFC2 none repeat scroll 0 0;
    border-color: #C6D880;
    color: #264409;
}

.notice {
    background: #FFF6BF none repeat scroll 0 0;
    border-color: #FFD324;
    color: #514721;
}

form ol, form ul {
    list-style-type: none;
    margin-left: 0;
}

form hr {
    height: 1px;
    border: none;
    border-top: 1px solid #bbb;
    margin: 15px 0 15px 0;
}

.news-amenu-container li {
    width: 140px;
}

.news-list-container .entry h3 {
    border-bottom: 2px solid #D8D8D8;
    color: #700f11;
    padding: 3px;
}

.news-list-container .entry h3 a {
    color: #700f11;
}

.news-single-item {
    padding: 0;
}

.news-single-rightbox {
    margin-top: 50px;
    width: 200px
}

.csc-firstHeader {
    margin-top: 10px;
}


/*************************************************************** * Copyright notice * * (c) 2010 Christian Technology Ministries International Inc. * All rights reserved * * This file is part of the Web-Empowered Church (WEC) * (http://WebEmpoweredChurch.org) ministry of Christian Technology Ministries * International (http://CTMIinc.org). The WEC is developing TYPO3-based * (http://typo3.org) free software for churches around the world. Our desire * is to use the Internet to help offer new life through Jesus Christ. Please * see http://WebEmpoweredChurch.org/Jesus. * * You can redistribute this file and/or modify it under the terms of the * GNU General Public License as published by the Free Software Foundation;
* either version 2 of the License, or (at your option) any later version. * * The GNU General Public License can be found at * http://www.gnu.org/copyleft/gpl.html. * * This file is distributed in the hope that it will be useful for ministry, * but WITHOUT ANY WARRANTY;
without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * This copyright notice MUST APPEAR in all copies of the file! ***************************************************************/
p, ul, ol, dl, table, form, blockquote {
    margin-bottom: 10px;

}

ul ul, ul ol, ol ol, ol ul {
    margin-left: 20px;
    margin-bottom: 0;
}

blockquote blockquote {
    margin-top: 10px;
}

/* @group Text & Paragraphs */
em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

/* @end Text & Paragraphs */
/* @group Links */
a {
    color: #08088A;
    text-decoration: none;
}

a:hover, a:focus {
    color: black;
}

/* @end Links */
/* @group Headlines */
h1, h2, h3, h4, h5, h6 {
    font-family: tahoma, sans-serif;
    line-height: 1.1em;
    font-weight: normal;
    color: #000;
}

h4, h5, h6 {
    font-weight: bold;
}

h1 {
    font-size: 17px;
    font-weight: bold;
    margin: 10px 0;
    color: #700f11;
}

h2 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 2px solid #D8D8D8;
    color: #700f11;
}

h3 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}

h4 {
    font-size: 15px;
    margin-bottom: 5px;
}

h5 {
    font-size: 13px;
    margin-bottom: 5px;
}

h6 {
    font-size: 12px;
    margin-bottom: 5px;
}

/* @end Headlines */
/* @group Lists */
ul, ol {
    margin-left: 30px;
}

ul ul, ul ol, ol ol, ol ul {
    margin-left: 20px;
}

dd {
    margin-left: 20px;
}

/* @end Lists */
/* @group Blockquote Styling */
blockquote {
    margin-left: 30px;
    margin-right: 30px;
}

/* @group Common Styles for RTE */
h1.first-header, h2.first-header, h3.first-header, h4.first-header, h5.first-header, h6.first-header {
    margin-top: 0;
}

/* @end Common Styles for RTE */
/* @end Blockquote Styling */
/* @group Table Styling */
td, th, caption {
    padding: 8px 10px 7px;
    height: auto;
}

col {
    background-color: silver;
}

thead th, tfoot th, tfoot td {
    text-align: left;
}

caption {
    /*background-color: black;geändert 2016-08-1 by kt */
    font-style: italic;
}

td.spancolumn-1, th.spancolumn-1 {
    width: 30px;
}

td.spancolumn-2, th.spancolumn-2 {
    width: 80px;
}

td.spancolumn-3, th.spancolumn-3 {
    width: 130px;
}

td.spancolumn-4, th.spancolumn-4 {
    width: 180px;
}

td.spancolumn-5, th.spancolumn-5 {
    width: 230px;
}

td.spancolumn-6, th.spancolumn-6 {
    width: 280px;
}

td.spancolumn-7, th.spancolumn-7 {
    width: 330px;
}

td.spancolumn-8, th.spancolumn-8 {
    width: 380px;
}

td.spancolumn-9, th.spancolumn-9 {
    width: 430px;
}

td.spancolumn-10, th.spancolumn-10 {
    width: 480px;
}

td.spancolumn-11, th.spancolumn-11 {
    width: 530px;
}

td.spancolumn-12, th.spancolumn-12 {
    width: 580px;
}

/* @end Table Styling */
.align-right {
    text-align: right;
}

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

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

/* @group RTE Custom Styles */
h1.first-header, h2.first-header, h3.first-header, h4.first-header, h5.first-header, h6.first-header {
    margin-top: 0;
}

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

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

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

p.feature-text, ul.feature-text {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
}

p.big-text, ul.big-text {
    font-size: 16px;
    line-height: 24px;
}

p.red-highlight, span.red-highlight, h1.red-highlight, h2.red-highlight, h3.red-highlight, h4.red-highlight, h5.red-highlight, h6.red-highlight {
    color: red;
}

/* @end RTE Custom Styles */
/* @group RTE Backend Styling */
/* This styling is simply to help the backend text in the RTE look approximately like the text on the front end of the site. You will need to adjust to fit the styling you have assigned in mainstyles.css*/
.htmlarea-content-body, .htmlarea-content-body td, .htmlarea-content-body th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    color: #333333;
    font-weight: normal;
    height: 100%;
}

/* @end RTE Backend Styling  */


.ui-tabs {
    padding-top: .5em;
}

.ui-tabs-panel {
    padding: .5em 0 0;
}

.ui-tabs-hide {
    display: none;
}

.ui-tabs-nav {
    margin: 0;
    padding-left: .2em;
    position: relative;
    list-style: none;
}

.ui-tabs-nav .ui-state-default {
    border-bottom: 0 none !important;
    cursor: pointer;
    float: left;
    font-weight: bold;
    list-style-image: none;
    margin: 3px 2px 3px 0;
    padding: .3em .8em;
    position: relative;
    top: 1px;
    white-space: nowrap;
}

.ui-tabs-nav .ui-state-active {
    cursor: text;
    margin-top: 0;
    margin-bottom: 0;
    padding: .6em .8em .5em;
}

.ui-tabs-nav .ui-state-default a {
    color: #000;
    text-decoration: none !important;
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}

/**/
.ui-tabs-nav {
    border-bottom: 1px solid silver;
}

.ui-tabs-nav .ui-state-default {
    background-color: #eaeaea;
    border: 1px solid silver;
}

.ui-tabs-nav .ui-state-hover,
.ui-tabs-nav .ui-state-focus {
    background-color: silver;
    border-color: silver;
}

.ui-tabs-nav .ui-state-hover a,
.ui-tabs-nav .ui-state-focus a {
    color: #FFF;
    text-decoration: none;
}

#content .ui-tabs-nav .ui-state-active {
    background-color: #FFF;
}

#content .ui-tabs-nav .ui-state-active a {
    color: #000;
    cursor: text;
}

#content .ui-tabs-nav .ui-state-active {
    border: 1px solid silver;
}

#content .ui-tabs-panel {
    border-bottom: 1px solid #B5CDEE;
}