/* useful css class-room phrases is a small selection for css classes used inside content areas */
/* more on https://github.com/klml/usefulclassroomphrases */

.clear,
.cb { clear:both; }
.cl { clear:left; }
.cr { clear:right; }
.left { float:left;}
.right { float:right;}
.none { float: none !important;}
.marginleft,
img[src$='#left'], /* use blind hash as workaround if class can't set, eg markdown etc */
img.left { float:left;margin:0 5px 5px 0;}
.marginright,
img[src$='#right'],
img.right { float:right;margin:0 0 5px 5px;}
.block { display: block;}
.hidden { display: none; }

/* 2-column for key value lists .row2 is above if you use not changable sections like markdown-lists */
.row2 dl dt {font-weight: bold;}
@media only print, only screen and (min-width: 680px) {
    .row2 dl dt {clear: both; float: left; width: 25%;}
    .row2 dl dd {float: right; width: 75%; margin-left: 0}
}
@media print {
    .noprint {
        display:none !important;
    }
}
body { 
    font:normal 16px Arial, Helvetica;
    margin: 35px 0 0 0;
    padding: 0; outline: none;line-height:1.6;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQCAIAAADgOp2MAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw1AUhU9TpVIqDnYQcchQO1kQFXHUKhShQqgVWnUweekfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfE1cVJ0UVKvC8ptIjxwuN9nHfP4b37AKFZZZrVMw5oum1mUkkxl18VQ68IIYAw4gjLzDLmJCkN3/q6p16quwTP8u/7s/rVgsWAgEg8ywzTJt4gnt60Dc77xFFWllXic+Ixky5I/Mh1xeM3ziWXBZ4ZNbOZeeIosVjqYqWLWdnUiKeIY6qmU76Q81jlvMVZq9ZZ+578hZGCvrLMdVojSGERS5AgQkEdFVRhI0G7ToqFDJ0nffzDrl8il0KuChg5FlCDBtn1g//B79laxckJLymSBHpfHOdjFAjtAq2G43wfO07rBAg+A1d6x19rAjOfpDc6WuwIGNgGLq47mrIHXO4AQ0+GbMquFKQlFIvA+xl9Ux4YvAXCa97c2uc4fQCyNKv0DXBwCMRLlL3u8+6+7rn929Oe3w8WoHKCawYHMwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+cHAQonFXeG6bcAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQ4y2P4//8/EwMDwygexaN4FI/iUUwKBgBs6gYczzLQiwAAAABJRU5ErkJggg==') repeat-x 0 0 #f1f1f1;
}
.panel {
    margin: 0 auto;
    max-width:1190px;
    padding: 0 10px;
}
#main {
    background-color: #fff;
    color: #444;
    border: 1px solid #ddd;
    
}
a {
    color: #8da7cc;
}
a[href^="#"] {
    font-style: italic ;
    color: inherit;
}
#main h1 {
    font-size: 30px;
    margin: 0;
    border-bottom: solid 1px #444;
}
#site-details {
/*
    TODO
*/
    margin: -40px 0 50px 0; 
}
.schulhof {
  border: none;
  height: auto;
  margin: 0 auto;
  width: 100%;
  padding: 0;
  display: flex;
}


/* from http://gslerche.musin.de */
#site-logo {
  margin: 0 auto;
  width: 150px;
}
#site-title {
  padding: 0;
  margin-bottom: 0;
  font-size: 2.875rem;
  font-weight: bold;
  line-height: 1.1;
}
#site-title {
  color: #9a1377;
  text-align: center;
}

#site-description {
  color: #096abf;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: lighter;
  line-height: 1.62;
}

#header-menu{
    background-color: #323232;
    min-height: 50px;
    margin-bottom: 40px;

}
#header-menu ul.menu, .sidebar-top .widget_nav_menu ul.menu, #colophon #access-footer ul.menu {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#header-menu ul.menu li, .sidebar-top .widget_nav_menu ul.menu li {
  border-right: 1px solid #444;
  float: left;
  position: relative;
}
#header-menu ul.menu li:hover {
 background-color: #ebebeb;
}
#header-menu ul.menu li:hover a {
 color: #323232;
}
#header-menu ul.menu a, .sidebar-top .widget_nav_menu ul.menu a {
  display: block;
}
#header-menu ul.menu a, .sidebar-top .widget_nav_menu ul.menu a, #colophon #access-footer ul.menu a {
  color: #eee;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 3.5;
  padding: 0 2em;
  text-decoration: none;
  white-space: nowrap;
}
td {
    background-color: #f1f1f0;
}
.main-gruppen section article p img {
    float: right;
}
@media only print, only screen and (max-width: 680px) {
    #header-menu ul.menu li, .sidebar-top .widget_nav_menu ul.menu li {
    float: none;
    position: relative;
    }
}