/* ****************************************************************************************************************** */
/* --- Variablen ---------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

:root {
    --ka-bk-color:#fdf8f2;

    --ka-font-color:#000000;
    --ka-font-size:16px;

    --ka-desktopwidth:85%;
    --ka-desktopwidth2:70%;
    --ka-desktopmargin:7.5%;
    --ka-desktopmargin2:15%;
}

/* ****************************************************************************************************************** */
/* --- Basics ------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

body {
    background:#FFCB01 url("/files/intern/grundschule_langenalb_farbverlauf.jpg") center top no-repeat;
}
#wrapper {
    max-width:950px;
    margin-right:auto;
    margin-left:auto;
}
#container {
    height:600px;
    overflow:visible;
    background-image:url("/files/intern/grundschule_langenalb_main_tafel.jpg");
    background-position:left top;
    background-repeat:no-repeat;
}
#main {
    width:847px;
    height:536px;
    overflow:auto;
    margin:30px 0 0 80px;
    padding:0;
    z-index:2;
}
#main .inside {
    padding:20px 20px 10px 0;
}
a,
b,
body,
cite,
div,
em,
i,
label,
li,
ol,
p,
strong,
td,
th,
u,
ul {
    font-family:Schoolbell,Arial,sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family:Arial,sans-serif;
    color:#e8e8e8;
}
fieldset,
form,
input,
optgroup,
select,
textarea {
    font-family:Arial,sans-serif;
}
a,
body,
div,
fieldset,
form,
input,
label,
li,
ol,
optgroup,
p,
select,
td,
th,
textarea,
ul {
    font-size:15px;
    line-height:18px;
    color:#f5f5f5;
}
li {
    margin-bottom:3px;
}
img {
    border:0px;
}
pre,
form {
    margin:0;
    padding:0;
}
p {
    margin-top:5px;
    margin-bottom:5px;
}
h1 {
    margin-top:2px;
    margin-bottom:8px;
    white-space:nowrap;
    font-size:20px;
    font-weight:bold;
    color:#fff;
}
h2 {
    margin:5px 0 3px;
    padding:0;
    font-size:14px;
    font-weight:bold;
    color:#fff;
}
h3 {
    margin:10px 0 5px;
    white-space:nowrap;
    border-bottom:2px solid #00007F;
    font:14px Arial;
    font-weight:bold;
}
h4 {
    margin:0;
    padding:0;
    font-size:11px;
    font-weight:bold;
}
h5 {
    margin:5px 0;
    font-size:14px;
    font-weight:bold;
    color:#071CCD;
}
optgroup {
    padding-top:3px;
    padding-bottom:3px;
}
a {
    text-decoration:none;
    color:#ff6200;
}
a:hover {
    text-decoration:underline;
}
.ce_table {
    overflow:auto;
}
.ce_table table {
    width:1000px;
    overflow:scroll;
    margin-right:auto;
    vertical-align:top;
    text-align:left;
    background-color:#1F87E1;
    border:1px solid #11538B;
}
.ce_table th {
    padding:10px;
    text-align:left;
    background-color:#11538B;
    border:1px solid #11538B;
    font-weight:bold;
    color:#FFF;
}
.ce_table td {
    padding:10px;
    text-align:left;
    border:1px solid #11538B;
}
.ce_table tr.odd td {
    padding:10px;
    text-align:left;
    background-color:#7ac1ff;
}
.g1,
.g2,
.g3,
.g4,
.g5,
.g6,
.g7,
.g8,
.g9,
.g10,
.g11,
.g12 {
    float:left;
    display:inline;
}
.g3 {
    width:240px;
    margin-right:20px;
    margin-bottom:20px;
}
.g6 {
    width:602px;
    margin-bottom:20px;
}
.toggler {
    margin-top:4px;
    padding-left:20px;
    background-image:url("/files/intern/plus.png");
    background-position:left top;
    background-repeat:no-repeat;
}
.mod_newsreader h1 {
    width:410px;
    border-bottom:1px solid #f2f2f2;
    font-size:14px;
}
.toggler:hover {
    background-image:url("/files/intern/plus.png");
    background-position:left top;
    background-repeat:no-repeat;
    color:#FFA600;
    cursor:pointer
}
.toggler.active {
    background-image:url("/files/intern/minus.png");
    background-position:left top;
    background-repeat:no-repeat;
}
.accordion div {
    margin-left:20px;
}
table td {
    padding:3px 5px;
}


.clear {
    height:1px;
    float:none;
    clear:both;
    display:block;
}
#clear {
    float:none;
    clear:both;
    margin-top:30px;
}
.col100 {
    width:100%;
    clear:both;
    margin-right:0;
    margin-left:0;
}
.col50 {
    float:left;
    margin-right:30px;
    width:calc(50% - 30px);
}
.flexcontainer .col50 {
    float:left;
    margin-right:0;
    width:calc(50% - 15px);
}
.col33 {
    float:left;
    margin-right:30px;
    width:calc(33% - 30px);
}
.flexcontainer .col33 {
    width:32%;
    float:left;
    margin-right:0;
}
.col30 {
    float:left;
    margin-right:30px;
    width:calc(30% - 30px);
}
.col25 {
    float:left;
    margin-right:30px;
    width:calc(25% - 30px);
}
.col10 {
    float:left;
    margin-right:0;
    width:calc(10% - 00px);
}
.col20 {
    float:left;
    margin-right:30px;
    width:calc(20% - 30px);
}

/* ****************************************************************************************************************** */
/* --- header ---------- -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#header {
    position:relative;
    z-index:999;
}
#HeaderLogo {
    right:20px;
    top:40px;
    position:absolute;
    z-index:998;
}
#HeaderLogo2 {
    left:0;
    top:90px;
    position:absolute;
    z-index:997;
}
#HeaderEmpty {
    width:950px;
    height:25px;
    top:200px;
    position:absolute;
    background-color:#196DB5;
}
#HeaderMenu {
    width:950px;
    height:30px;
    top:225px;
    position:absolute;
}
#imslid_header1,
.imslid_header1 {
    right:7px;
    top:8px;
    position:absolute;
}
#imslid_header2,
.imslid_header2 {
    right:147px;
    top:8px;
    position:absolute;
}
#imslid_header3,
.imslid_header3 {
    right:288px;
    top:8px;
    position:absolute;
}
#HeaderMehrBilder {
    right:60px;
    top:152px;
    position:absolute;
}
#HeaderMehrBilder a {
    color:#FFF;
}

/* ****************************************************************************************************************** */
/* --- footer ------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#footer {
    height:25px;
    padding-top:8px;
}
.mod_footer_copyright {
    float:left;
    margin-left:10px;
}
.mod_footer_navi {
    position:relative;
    float:right;
    margin-right:10px;
}
.mod_footer_navi a {
    color:#fff;
}

/* ****************************************************************************************************************** */
/* --- mainmenu ----------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (min-width: 1080px) {
  #navmobil {
      display:none;
  }
  #mainnav.mod_navigation {
      left:-65px;
      top:150px;
      position:absolute;
      z-index:999;
  }
  #mainnav.mod_navigation ul {
      margin:0;
      padding:0;
      list-style-type:none;
      z-index:910;
  }
  #mainnav.mod_navigation li {
      width:120px;
      height:90px;
      margin:15px 0;
      padding:0;
      text-indent:-3000px;
  }
  #mainnav.mod_navigation .start a,
  #mainnav.mod_navigation .start a:link,
  #mainnav.mod_navigation .start a:visited {
      width:120px;
      height:90px;
      display:block;
      background-image:url("/files/intern/menu/grundschule_langenalb_start.png");
      background-position:left top;
      background-repeat:no-repeat;
      text-indent:-3000px;
  }
  #mainnav.mod_navigation .start a:hover,
  #mainnav.mod_navigation .start.active {
      background-image:url("/files/intern/menu/grundschule_langenalb_start_h.png");
      background-position:left top;
      background-repeat:no-repeat;
  }
  #mainnav.mod_navigation .eltern a,
  #mainnav.mod_navigation .eltern a:link,
  #mainnav.mod_navigation .eltern a:visited {
      width:120px;
      height:90px;
      display:block;
      background-image:url("/files/intern/menu/grundschlue_langenalb_eltern.png");
      background-position:left top;
      background-repeat:no-repeat;
      text-indent:-3000px;
  }
  #mainnav.mod_navigation .eltern a:hover,
  #mainnav.mod_navigation .eltern.active {
      background-image:url("/files/intern/menu/grundschlue_langenalb_eltern_h.png");
      background-position:left top;
      background-repeat:no-repeat;
  }
  #mainnav.mod_navigation .kontakt a,
  #mainnav.mod_navigation .kontakt a:link,
  #mainnav.mod_navigation .kontakt a:visited {
      width:120px;
      height:90px;
      display:block;
      background-image:url("/files/intern/menu/grundschule_langenalb_kontakt.png");
      background-position:left top;
      background-repeat:no-repeat;
      text-indent:-3000px;
  }
  #mainnav.mod_navigation .kontakt a:hover,
  #mainnav.mod_navigation .kontakt.active {
      background-image:url("/files/intern/menu/grundschule_langenalb_kontakt_h.png");
      background-position:left top;
      background-repeat:no-repeat;
  }
  #mainnav.mod_navigation .schueler a,
  #mainnav.mod_navigation .schueler a:link,
  #mainnav.mod_navigation .schueler a:visited {
      width:120px;
      height:90px;
      display:block;
      background-image:url("/files/intern/menu/grundschule_langenalb_schueler.png");
      background-position:left top;
      background-repeat:no-repeat;
      text-indent:-3000px;
  }
  #mainnav.mod_navigation .schueler a:hover,
  #mainnav.mod_navigation .schueler.active {
      background-image:url("/files/intern/menu/grundschule_langenalb_schueler_h.png");
      background-position:left top;
      background-repeat:no-repeat;
  }
  #mainnav.mod_navigation .unsereschule a,
  #mainnav.mod_navigation .unsereschule a:link,
  #mainnav.mod_navigation .unsereschule a:visited {
      width:120px;
      height:90px;
      display:block;
      background-image:url("/files/intern/menu/grundschule_langenalb_unsereschule.png");
      background-position:left top;
      background-repeat:no-repeat;
      text-indent:-3000px;
  }
  #mainnav.mod_navigation .unsereschule a:hover,
  #mainnav.mod_navigation .unsereschule.active {
      background-image:url("/files/intern/menu/grundschule_langenalb_unsere_h.png");
      background-position:left top;
      background-repeat:no-repeat;
  }