html, body {
font-size: 16px;
line-height: 1.4em;
background:#fff;
padding:0 !important;
margin:0;
border:0;
z-index:0;
width:100%;
max-width: 100%;
height:100%;
font-family: 'abeezee_regular', sans-serif;
}

#alles {
width:100%;
max-width: 100%;
min-height:100%;
height:auto;
margin:0 !important;
padding:0;
border:0;
text-align: center;
background: url("../images/bg_header2.png") repeat-x;
}

#container {
max-width: 90%;
height:auto;
padding:0;
}

header {
width:100%;
max-width: 100%;
border:0;
}

nav {
width:100%;
max-width: 100%;
border:0;
}

main {
width:100%;
max-width: 100%;
height:auto;
border:0;
padding-bottom:5em;
overflow-y:0;
}

footer {
width:100%;
max-width: 100%;
height:auto;
text-align:center !important;
background-image: url("../images/bg_footer.png");
background-repeat: repeat-x;
color:#333;
clear:both;
}

/* Links */

main a {
text-decoration:none;
color:#62b7e0;
}

main a.textbutton {
display: block;
width: auto !important;
margin-top: 3em !important;
margin-bottom: 3em !important;
padding: 6px 8px 6px 28px;
border-radius: 5px;
text-decoration:none;
color: #fff;
background-color:#62b7e0;
background-image: url("../images/linkpfeil_weiss.png");
background-repeat: no-repeat;
background-position: 13px 14px;
}

footer a{
text-decoration:none;
color:#333;
}

footer a:hover {
text-decoration:underline;
}


/* Buttons */

main button, main a.btn {
width: auto !important;
background: #4a7b90 !important;
color: #fff !important;
font-size: 14px;
padding:5px 8px;
margin: 10px auto 10px 0 !important;
border-radius: 3px;
border:0;
clear: both;
}

/* Box-sizing */

div, p, span, a, ul, ol, li, input, form, button, h1, h2, h3, h4, h5, h6, img, td {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

/* Farben */

.gsdl_blau {
color:#62b7e0;
}

.gsdl_gruen {
color: ;
}


/* Textformate */

/* ---------------------------------- Top ---------------------------------------- */

#top li:nth-of-type(1) a {
background: #dcd5bf;
}

#top li:nth-of-type(2) a {
background: #fccb8d;
}

#top li:nth-of-type(3) a {
background: #ee9b84;
}

/* ---------------------------------- Header --------------------------------------*/

/* Logo+Titel+Geoformen */

header div figure#logo img {
width: 100%;
height: auto;
margin: auto;
padding:0;
}  

/* ----------------------------------------- NAV -------------------------------------- */

/* --- Hauptmenue --- */

nav a {
font-family: 'abeezee_regular', sans-serif;
}

nav a span.arrow {
display: none !important;
}

/* Level 1 */
  
nav div.dj-megamenu-wrapper ul.dj-megamenu li.dj-up {
height:auto;
width: auto;
padding: 0;
}
  
nav div.dj-megamenu-wrapper ul.dj-megamenu li.dj-up a.dj-up_a span {
line-height: 1.0em !important;
height:auto !important;
width: auto !important;
}
  
nav span.dj-drop {
position: relative;
left: 5px !important;
top:0;
width: 5px;
height: 5px;
}
  
/* Level 2 */
  
nav div.dj-megamenu-wrapper ul.dj-megamenu li.dj-up ul.dj-submenu {
margin:0;
padding: 0;
box-shadow:0 !important;
text-align: left;
}
  
nav div.dj-megamenu-wrapper ul.dj-megamenu li.dj-up ul.dj-submenu li {
height:auto;
width: auto;
padding: 0;
text-align: left;
}
  
nav div.dj-megamenu-wrapper ul.dj-megamenu li.dj-up ul.dj-submenu li a {
height:auto;
width: auto;
border:0;
padding: 12px auto 13px 13px;
margin:0;
font-size: 1.0em;
}
  
nav div.dj-megamenu-wrapper ul.dj-megamenu li.dj-up ul.dj-submenu li a span {
line-height: 1.0em !important;
height:auto !important;
width: auto !important;
}

div#dj-megamenu111sticky.dj-megamenu.dj-megamenu-sticky {
height: 60px !important;
background-image: url("../images/bg_header2.png") !important;
background-repeat: repeat-x !important;
background-position: left bottom;
background-color:none !important;
}

/* --------------------------- MAIN ---------------------------- */

main h3 {
font-weight: bold;
}

.item-page, .item-page div {
overflow-y: hidden;
}

main figure.item-image {
border: 10px solid;
border-radius: 5px;
}

main figure.item-image.kein_rahmen {
border: 0;
}

main figure.item-image.rahmen_rot {
border-color: #ee9b84;
}

main figure.item-image.rahmen_orange {
border-color: #fccb8d;
}

main figure.item-image.rahmen_grau {
border-color: #dcd5bf;
}


/* BLOG */

main .blog-item figure {
width: 100%;
height: auto;
}

main .blog-item figure img {
width: 100%;
height: auto;
}

/* Seite Klassenelternsprecher */

table#kes {
width: 100%:
}

table#kes tr td {
padding: 6px;
}

table#kes tr td:first-of-type {
width: 10%;
text-align: center;
}

table#kes tr td:last-of-type {
width: 90%;
text-align: left;
}


/* Kalender */

table.ev_table tbody td.ev_td_left {
background: #62b7e0 !important;
color: #fff !important;
font-size: 1.2em !important;
width: auto  !important;
}

ul.ev_ul li.ev_td_li {
border:0 !important;
}

#jevents div#jevents_body table.ev_table td a.ev_link_row {
font-size:1.3em;
color:#62b7e0;
}

div#jevents div#jevents_body div.jev_catselect {
display: none;
}

/*--------------------------- Footer ---------------------------*/

footer .custom {
color: #333;
font-size: 1.0em;
line-height: 1.4em;
}

footer div#footercontainer ul {
list-style-type: none;
text-align: left;
}

footer a {
padding:0 0 0 15px;
background-image: url("../images/linkpfeil.png");
background-repeat:  no-repeat;
background-position: center left;
}

footer a:hover {
text-decoration: underline;
}

/* Modul Cookie-Hinweis */

div.jb-cookie div.jb-accept {
white-space: nowrap;
width: auto !important;
margin: 10px auto 10px auto !important;
padding: 3px 6px !important;
}

div.jb-cookie p a {
clear: both;
width: auto !important;
font-family: 'opensans_bold';
margin-left: 5px;
}