body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;border:0;}
html {height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {height:100%;font-size:100%;overflow-y:scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,audio,canvas,video {display:block;}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre {
  margin: 0.5em 0.1em 0.5em 1.5em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #f8f8f8 !important;
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  padding: 0.5em !important;
  overflow: auto;
}
ul,ol {
  padding-left: 2em !important;
}
ol ol li {
  list-style-type: lower-alpha;
}
ol ol ol li {
  list-style-type: lower-roman;
}
b,strong {font-weight:bold;}
abbr[title] {border-bottom:1px dotted;}
input,textarea,button,select {
  font-size: 1em;
  margin: 0;
  line-height: normal;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
textarea {overflow:auto;}
table {border-collapse:collapse;border-spacing:0;}
figure {position:relative;}
figure img,figure object,figure embed,figure video {max-width:100%;display:block;}
img {border:0;-ms-interpolation-mode:bicubic;}
hr {background-color:#CCCCCC;border:0;height:1px;}
.wrapper {
  padding: 0 0.75em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.wrap {
  overflow: hidden;
  word-wrap: break-word;
}
body {
  font-size: 1em;
  line-height: 1.5em;
}
body,
input,
textarea,
button,
select {
  font-family: sans-serif;
  outline: none;
}
pre, code {
  font-family: Menlo, Monaco, monospace;
  font-size: 0.875em;
}
strong,
code {color:#333333;}
blockquote {
  margin-left: 1.5em;
  font-style: italic !important;
  color: #787878;
}
::selection {background:#2F94B4;color:#fff;}
::-moz-selection {background:#2F94B4;color:#fff;}
img::selection {background:transparent;}
img::-moz-selection {background:transparent;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
}
button,input,select,textarea {background-image:none;}
input[type="file"] {border:none;}

/* Slidebars */
html, body, #sb-site, .sb-site-container, .sb-slidebar {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html, body {width:100%;}
html {height:100%;}
body {min-height:100%;height:auto;position:relative;}
html.sb-scroll-lock.sb-active:not(.sb-static) {overflow:hidden;}
#sb-site,.sb-site-container {width:100%;min-height:100vh;position:relative;z-index:1;}
#sb-site:before,#sb-site:after,.sb-site-container:before,.sb-site-container:after {content:' ';display:table;}
#sb-site:before,#sb-site:after,.sb-site-container:before,.sb-site-container:after {clear:both;}
.sb-slidebar {height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#222222;}
.sb-slidebar,.sb-slidebar * {-webkit-transform:translateZ(0px);}
.sb-left {left:0;}
.sb-right {right:0;}
html.sb-static .sb-slidebar,.sb-slidebar.sb-static {position:absolute;}
.sb-slidebar.sb-active {display:block;}
.sb-style-overlay {z-index:9999;}
.sb-momentum-scrolling {-webkit-overflow-scrolling:touch;}
.sb-slidebar {width:30%;}
.sb-width-thin {width:15%;}
.sb-width-wide {width:45%;}
.sb-left ul {padding:0;margin:0;list-style-type:none;padding-left:0 !important;}
.sb-left li {width:100%;padding:0;margin:0;border-top:1px solid rgba(255, 255, 255, 0.1);border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.sb-left ul:first-child > li:first-child {border-top: none;}
.sb-left li a {border-left:3px solid transparent;}
.sb-left li a {width:90%;display:inline-block;padding:1em;color:#fff;font-weight:400;}
.sb-close {cursor:pointer;}
.sb-hide {display:none;}
.sb-slide, .sb-site-container, .sb-slidebar, #sb-site {
  -webkit-transform: translate( 0px );
  -moz-transform: translate( 0px );
  -o-transform: translate( 0px );
  transform: translate( 0px );
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transition-property: -webkit-transform, left, right;
  -webkit-backface-visibility: hidden;
}

p {
  margin: 0 0 0.6em 0;
  clear: both;
}
.small,small,code {
  font-size: 0.8125em;
  line-height: 1.384em;
}
.normal,h4,h3 {
  font-size: 1em;
  line-height: 1.125em;
  font-weight: normal;
  margin: 0.5em 0 0.5em 0;
  color: #004377;
}
.large,h2,h1 {
  font-size: 1.25em;
  line-height: 1.375em;
  font-weight: normal;
  margin: 0.5em 0 0.5em 0;
  color: #004377;
}
.huge {
  font-size: 2.625em;
  line-height: 1.142em;
}
.massive {
  font-size: 4.25em;
  line-height: 1.058em;
}
.gigantic {
  font-size: 6.875em;
  line-height: 1.090em;
}
html {
  background-color: #fff;
}
body {
  background-color: #fff;
  color: #3d3c38;
  -webkit-tap-highlight-color: transparent;
}
a {
  text-decoration: none;
  color: #333333;
  outline : none;
}
a:hover {color:#706940;}
a:active {}
a:visited {}

::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  overflow: visible;
  -webkit-appearance: none;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(156,158,179,.8);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 1px;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 0px;
  background-color: rgba(0,0,0,1.0);
}
::-webkit-scrollbar-corner {
  background: transparent;
}

.wrapper {position:relative;}
.clear_ {clear:both;}

.button {
  font-weight:bold;
  color:#000000;
  background-color:#F79100;
  border:0;
  padding:4px 20px 4px 20px;
  margin-top:15px;
  line-height:20px;
  cursor:pointer;
}
.button:hover {
  color: #ffffff;
  background-color: #004377;
}
.button:active {}
.button {
  background-repeat:no-repeat;
  background-position: +8px center;
}
a.button {
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.input,
.select,
.textarea {
  width: 230px;
  border: 1px solid #ccc;
  padding: 3px;
  margin-top: 15px;
}
.textarea {
  width: 450px;
  height: 250px;
}
.input:focus,
.input:hover,
.textarea:focus {background:#FAFAFA;}
.select {width:auto;}
.checkbox {margin:0 5px;}
.fm_ {margin-top:15px;}
.ttiny {font-size:80%;color:#9C9C9C;line-height:1.3em;}
.tc {color:#6C8100;}
.cblabel {cursor:pointer;}
.javascript {
  background-image: url(javascript.png);
  background-repeat: no-repeat;
  height: 160px;
  padding-left: 80px;
  padding-top: 8px;
  color: #ACA870;
}

.background,
.background2 {
  position: fixed;
  background-attachment: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.head, .head2, .content, .foot, #menu {
  margin: 0 5.555555555555555%;
}
.head_wrap {
  clear: both;
  background-color: #fff;
}
.head_wrap2 {
  clear: both;
  background-color: #004377;
}
.head {
  /*padding: 1.5em 0 1.5em;*/
  font-size: 0.875em;
  min-height: 5.5em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.head2 {
  font-size: 0.875em;
  /*min-height: 2em;*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.content_wrap {
  float: left;
  width: 100%;
  padding: 3em 0;
  background-color: #eee;
  /*background-image: url(content.png);*/
}
.content {
  /*background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);*/
  /*padding: 3em 2.25em;*/
}
#wrap_con {
  float: left;
  width: 100%;
  background-color: #eee;
}
#wrapper_con {
  max-width: 2300px;
  margin: 0 auto;
}
.foot_wrap {
  clear: both;
  background-color: #fff;
  border-top: 1px solid #004377;
}
.foot {
  padding: 2.5em 0 2.5em 0;
  font-size: 0.875em;
  color: #7a7a7a;
}
.foot a,
.head a {
  color: #ffc300;
}
.head a,
#menu a {
  margin: 0 0.6em;
}
.foot a:hover,
.head a:hover {}
.touch {
  cursor: pointer;
}

.rows_ div.wrapper {
  margin: 0 0 3em;
}
.row100 div.wrapper {
  margin: 0 0 3em;
}
.row50 div.wrapper {
  margin: 0 0 3em;
}
.row33 div.wrapper {
  margin: 0 0 3em;
}
.row25 div.wrapper {
  margin: 0 0 3em;
}
.row75_ {}
.row25_ {}
.row75__ {}
.row50__ {}
.row25__ {}
section {
  clear: both;
}

.wrapper_ {
  margin: 0 !important;
  padding: 0 !important;
}
#wrapper_menu,
#wrapper_menu2 {
  overflow: hidden;
}
#wrapper_menu ul,
#wrapper_menu2 ul {
  list-style-type: none;
  padding-left: 0 !important;
}
#wrapper_menu ul ul,
#wrapper_menu2 ul ul {
  padding-left: 0.2em !important;
  display: none;
}
#wrapper_menu ul ul li,
#wrapper_menu2 ul ul li {}
#wrapper_menu ul ul ul,
#wrapper_menu2 ul ul ul {
  display: none;
}
#wrapper_menu ul ul ul ul,
#wrapper_menu2 ul ul ul ul {
  display: none;
}
#wrapper_menu ul li,
#wrapper_menu2 ul li {
  cursor: pointer;
  float: left;
  margin-right: 1.5em;
}
#wrapper_menu li,
#wrapper_menu2 li {
  color: #ffc300;
}
#wrapper_menu li {
  border-bottom:2px solid transparent;
}
#wrapper_menu li:hover,
#wrapper_menu2 li:hover {}

.menu_gfx {
  border-bottom:2px solid #F79100 !important;
}
.menu_gfx2 {
  /*border-bottom:0.125em solid #ffc300;*/
  background-color: #F79100;
  color: #fff;
}
.menu_gfxm {
  background-color: #565656;
}
.menu_gfx2 a {
  color: #fff;
}
.menu_gfxs a {
  color: #927104;
}

#wrapper_menu a {
  color: #fff;
}

#menu_wrap {
  position: fixed;
  z-index: 100;
  top: 0px;
  width: 100%;
  clear: both;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 2px 8px -2px #929292;
  box-shadow: 0px 2px 8px -2px #929292;
}
#menu {
  position: relative;
  padding: 1em 0 1.3em 0;
  overflow: hidden;
}
.submenu {
  margin: 0 0 1em 0;
}

.logo {
  position: absolute;
  top: 0;
}
.logo_ {
  position: relative;
  float: left;
}

#gotop {
  position: fixed;
  display: none;
  z-index: 5000;
  width: 2.5em;
  height: 2.5em;
  bottom: 2.5em;
  right: 0.5em;
  color: #fff;
  opacity: 0.6;
  cursor: pointer;
  background-image: url(gotop.png);
  background-repeat: no-repeat;
  background-position: center -13px;
  background-color: #000;
}
#gotop:hover {
  background-color: #93120B;
}

#mobile_menu_wrapper {
  position: fixed;
  width: 100%;
  height: 43px;
  z-index: 90;
  display: none;
  clear: both;
  /*background-color: rgba(255, 255, 255, 0.7);*/
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#mobile_box_menu {
  position: relative;
  top: 10px;
  float: left;
  width: 32px;
  height: 22px;
  background-image: url(mobile.png);
  background-repeat: no-repeat;
  cursor: pointer;
  background-color: #6D7576;
  margin-left: 0.75em;
}
#mobile_menu {
  top: 43px;
}
#mobile_menu ul:first-child {
  padding-bottom: 60px;
}

#ask {
  display:none;
  position:fixed;
  width:600px;
  padding:10px 40px 30px 40px;
  margin:0 -300px;
  top:0;
  left:50%;
  line-height:1.4em;
  background-color:#fff;
  background-color:rgba(255,255,255,0.97);
  color:#2D3153;
  border:0;
  border-top:0;
  border-radius:0px 0px 18px 18px;
  -moz-border-radius:0px 0px 18px 18px;
  -webkit-border-radius:0px 0px 18px 18px;
  box-shadow:0px 0px 8px #5F5F5F;
  -moz-box-shadow:0px 0px 8px #5F5F5F;
  -webkit-box-shadow:0px 0px 8px #5F5F5F;
}
#ask h1 {
  overflow: hidden;
}
#ask label {
  display: block;
  font-size: 0.8em;
  color: #004377;
  clear: both;
  overflow: hidden;
  white-space: nowrap;
}
#ask .input {
  width: 100%;
  margin: 0 0 0.5em 0;
}
#ask .ask50 {
  width: 49%;
  float: left;
}
#ask .ask50_ {
  width: 49%;
  float: left;
  margin-left: 2%;
}
.close {
  position:absolute;
  width:23px;
  height:23px;
  top:0;
  right:0;
  background:url(close.png);
  cursor:pointer;
}
.button_ {
  margin-left: 2em;
}

/* bibeltv.de */
div.white_border {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 10px;
}
.grid__item > div {
  margin-bottom: 24px;
}
ul.csc-uploads span.csc-uploads-fileName {
  text-decoration: underline;
}
.grid__item a {
  text-decoration: underline;
}


/*
*
*  Four-column grid active
*  ----------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*
*  320px
*  baseline grid to 16/16 = 1.0
*
*/
@media screen and (min-width: 0em) {
  .sb-slidebar {width:80%;}
  .sb-width-thin {width:55%;}
  .sb-width-wide {width:85%;}
  #wrapper_menu {
    display: none;
  }
  #mobile_menu_wrapper {
    display: block;
  }
  .content {
    /*min-height: 11em;*/
    /*padding: 1.5em 0.25em;*/
  }
  #ask {
    position: absolute;
    width: 80%;
    padding: 20px 10%;
    margin: 0;
    left: 0;
  }
  .button,
  .button_ {
    float: left;
    clear: both;
    margin-left: 0;
    width: 100%;
  }
}

/*
*
*  480px 568px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 480px)
*
*/
@media screen and (min-width: 30em) {
  .sb-slidebar {width:55%;}
  .sb-width-thin {width:40%;}
  .sb-width-wide {width:70%;}
  body {
    font-size: 1.0625em;
  }
  .row100 div.wrapper {
    text-align: left;
  }
  .row75_ div.wrapper{
    text-align: left;
  }
  .row50 div.wrapper {
    text-align: left;
  }
  .row25 div.wrapper {
    width: 50%;
    float: left;
  }
  .head, .head2, .foot, #menu {
    font-size: 1.00em;
  }
  .content {
    /*min-height: 7em;*/
  }
}

/*
*
*  600px 603px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 600px)
*
*/
@media screen and (min-width: 37.5em) {
  .content {
    /*min-height: 26em;*/
  }
}

/*
*
*  640px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 640px)
*
*/
@media screen and (min-width: 40em) {
  .button {
    clear: none;
    width: auto;
  }
  .button_ {
    clear: none;
    margin-left: 2em;
  }
}

/*
*
*  Eight-column grid active
*  ----------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
*
*
*  720px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 720px)
*
*/
@media screen and (min-width: 45em) {
  .row33 div.wrapper {
    float: left;
    width: 33.333%;
  }
  .row75_ {
    float: left;
    width: 66.666%;
  }
  .row25_ {
    float: left;
    width: 33.333%;
  }
  .content {
    /*min-height: 30em;*/
    /*padding: 3em 2.25em;*/
  }
}

/*
*
*  768px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 744px)
*
*/
@media screen and (min-width: 46.5em) {
  .sb-slidebar {width:40%;}
  .sb-width-thin {width:25%;}
  .sb-width-wide {width:55%;}
  body {
    font-size: 1em;
  }
  #ask {
    position: fixed;
    width: 650px;
    padding: 10px 40px 30px;
    margin: 0px -325px;
    left: 50%;
  }
}

/*
*
*  966px
*  Reset baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 888px)
*
*/
@media screen and (min-width: 55.5em) {
  body {
    font-size: 1.0625em;
  }
  .row50 div.wrapper {
    float: left;
    width: 50%;
  }
  .row25 div.wrapper {
    width: 25%;
  }
  .row75__ {
    float: left;
    width: 75%;
  }
  .row50__ {
    float: left;
    width: 50%;
  }
  .row25__ {
    float: left;
    width: 25%;
  }
  .content {
    /*min-height: 7em;*/
  }
  #mobile_menu_wrapper {
    display: none;
  }
  #wrapper_menu {
    display: block;
  }
  .logo {
    clear: both;
    left: 0;
    margin-top: 0;
  }
}

/*
*
*  1024px 1152px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 984px)
*
*/
@media screen and (min-width: 61.5em) {
  .sb-slidebar {width:30%;}
  .sb-width-thin {width:15%;}
  .sb-width-wide {width:45%;}
  body {
    font-size: 1em;
  }
  .content {
    /*min-height: 16em;*/
  }
  .logo_ {
    width: auto;
    top: 0;
  }
}

/*
*
*  1280px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1200px)
*
*/
@media screen and (min-width: 75em) {
  .sb-slidebar {width:20%;}
  .sb-width-thin {width:5%;}
  .sb-width-wide {width:35%;}
  body {
    font-size: 1.0625em;
  }
}

/*
*
*  1440px 1600px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 1392px)
*
*/
@media screen and (min-width: 87em) {
  body {
    font-size: 1em;
  }
 .head, .head2, .content, .foot, #menu {
    margin: 0 16.666666666666664%;
  }
  .logo_ {
    margin: 0 1em 0 16.666666666666664%;
  }
}

/*
*
*  1920px 16/9 Desktop 22-24"
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1680px)
*
*/
@media screen and (min-width: 105em) {
  body {
    font-size: 1.0625em;
  }
  .content {
    /*min-height: 35em;*/
  }
}

/*
*
*  Sixteen-column grid active
*  ----------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
*
*
*  1920px Fullscreen
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1872px)
*
*/
@media screen and (min-width: 117em) {

}

/*
*
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 2080px)
*
*/
@media screen and (min-width: 130em) {
  .head, .head2, .content, .foot, #menu {
    margin: 0 22.22222222222222%;
  }
  .logo_ {
    margin: 0 1em 0 22.22222222222222%;
  }
}

/*
*
*  2560px 27"
*  Zoom baseline grid to 18/16 = 1.125
*  @media screen and (min-width: 2496px)
*
*/
@media screen and (min-width: 156em) {
  body {
    font-size: 1.125em;
  }
  .content {
    /*min-height: 40em;*/
  }
}

/*
*
*  Zoom baseline grid to 18/16 = 1.125
*  @media screen and (min-width: 3216px)
*
*/
@media screen and (min-width: 201em) {
  .head, .head2, .content, .foot, #menu {
    /*margin: 0 27.77777777777778%;*/
  }
  .logo_ {
    /*margin: 0 1em 0 27.77777777777778%;*/
  }
  .content {
    /*min-height: 60em;*/
  }
}

/*
*
*  Zoom baseline grid to 19/16 = 1.1875
*  @media screen and (min-width: 4104px)
*
*/
@media screen and (min-width: 256.5em) {
  body {
    font-size: 1.1875em;
  }
  .head, .head2, .content, .foot, #menu {
    /*margin: 0 33.33333333333333%;*/
  }
  .logo_ {
    /*margin: 0 1em 0 33.33333333333333%*/
  }
  .content {
    /*min-height: 70em;*/
  }
}

/*
*
*  @media screen and (min-width: 4440px)
*
*/
@media screen and (min-width: 277.5em) {
  body {
    position: relative;
    max-width: 5120px;
  }
}