/*{{{ Info-Tafeln Startseite */

article .AGDIV_2 {
  float: left;
  width: 38vw;
  height: 49vw;
  margin: 0 0 0.6em 6vw;
  background-color: #ddeeff;
  border-radius: 0.8em;
}

article .AGDIV_2:hover {
  border-radius: 0.8em;
  -webkit-box-shadow: 0px 0px 50px 9px rgba(204,204,204,1);
  -moz-box-shadow: 0px 0px 50px 9px rgba(204,204,204,1);
  box-shadow: 0px 0px 50px 9px rgba(204,204,204,1);
}

/* Bilder auf den Kacheln */
article .AGMenu_2 {
  width: 38vw;
  margin: 0 0 0.6em 0;
  border-radius: 0.8em 0.8em 0 0;
}

/*h4 für AGs, h5 für Startseite */
article h5.ag-menu {
  margin-top: -0.6em;
  margin-left: -0.1em;
  color: navy;
  font-size: 0.7em;
}

article h5.ag-menu_2zeilig {
    margin-top: -0.9em;
}

article .kachel_phone {
  display: block;
}

article .kachel_desktop {
  display: none;
}

@media (min-width: 39em) {
  /* Kachelgröße */
  article .AGDIV_2 {
    float: left;
    width: 14.2em;
    height: 17.3em;
    margin: 0 1em 1em 0;
    background-color: #bbf0f0;
    border-radius: 0.8em;
  } 

  /* Größe der Bilder (250px x 250px) */
  article .AGMenu_2 {
    width: 14.2em;
    margin: 0 0 0.6em 0;
    border-radius: 0.8em 0.8em 0 0;
  }

  article h5.ag-menu {
    margin-top: -0.2em;
    margin-left: 0.1em;
    color: navy;
    font-size: 1em;
  }

  article h5.ag-menu_2zeilig {
    margin-top: -0.7em;
  }

  article .kachel_phone {
    display: none;
  }

  article .kachel_desktop {
    display: block;
  }
}
/*}}}*/

/*{{{ Info-Tafeln Schule: Vorstellung */

/* Kachelgröße */
article .AGDIV_3 {
  float: left;
  width: 57vw;
  height: 46.75vw;
  margin: 0 0 0.6em 17vw;
  background-color: #ddeeff;
  border-radius: 0.8em;
}
article .AGDIV_3:hover {
  border-radius: 0.8em;
  -webkit-box-shadow: 0px 0px 50px 9px rgba(204,204,204,1);
  -moz-box-shadow: 0px 0px 50px 9px rgba(204,204,204,1);
  box-shadow: 0px 0px 50px 9px rgba(204,204,204,1);
}
/* Bilder auf den Kacheln */
article .AGMenu_3 {
  width: 57vw;
  height: 34.5vw;
  margin: 0 0 0.6em 0;
  border-radius: 0.8em 0.8em 0 0;
}
article h5.ag-menu {
  margin-top: -0.2em;
  margin-left: -0.1em;
  color: navy;
  font-size: 1em;
}

@media (min-width: 39em) {
  /* Kachelgröße */
  article .AGDIV_3 {
    float: left;
    width: 38vw;
    height: 31.5vw;
    margin: 0 0 0.6em 6vw;
    background-color: #ddeeff;
    border-radius: 0.8em;
  }
  /* Bilder auf den Kacheln */
  article .AGMenu_3 {
    width: 38vw;
    height: 23vw;
    margin: 0 0 0.6em 0;
    border-radius: 0.8em 0.8em 0 0;
  }
}

@media (min-width: 39em) {
  /* Kachelgröße */
  article .AGDIV_3 {
    float: left;
    width: 24.3em;
    height: 22.5em;
    margin: 0 0.5em 1em 0.5em;
    background-color: #bbf0f0;
    border-radius: 0.8em;
    background-color: white;
  } 
  article .AGDIV_3:hover {
    border-radius: 0.8em;
    -webkit-box-shadow: 0px 0px 50px 9px rgba(204,204,204,1);
    -moz-box-shadow: 0px 0px 50px 9px rgba(204,204,204,1);
    box-shadow: 0px 0px 50px 9px rgba(204,204,204,1);
  } 
  /* Bilder auf den Kacheln */
  article .AGMenu_3 {
    width: 24.3em;
    height: 18em;
    margin: 0 0 0.6em 0;
    border-radius: 0.8em 0.8em 0 0;
  }

  article .AGDIV_3 h5.ag-menu {
    margin-top: -0.2em;
    margin-left: 0.1em;
    color: navy;
    font-size: 2em;
  }
}

/*}}}*/

/* {{{ Info-Tafeln AGs */

article .AGDIV {
  width: 86vw;
  margin: 0 7vw 1.5em 6vw;
  background-color: #ddeeff;
  border-radius: 0.8em;
}

article .AGDIV:hover {
  border-radius: 0.8em;
  -webkit-box-shadow: 0px 0px 50px 9px rgba(204,204,204,1);
  -moz-box-shadow: 0px 0px 50px 9px rgba(204,204,204,1);
  box-shadow: 0px 0px 50px 9px rgba(204,204,204,1);
}

article .ag-menu {
  font-size: 1em;
  line-height: 1.2em;
  padding: 0.2em 1em 1em 1em;
}

article p.ag-menu {
  margin-top: -0.5em;
  padding-bottom: 1em;
}

/* Bilder auf den Kacheln (250px x 150px) */
article .AGMenu {
  width: 86vw;
  margin: 0 0 0.6em 0;
  border-radius: 0.8em 0.8em 0 0;
}

article h4.ag-menu {
  color: navy;
  font-size: 1em;
}

@media (min-width: 39em) {
  /* AG-Auswahl: Kachelgröße */
  article .AGDIV {
    float: left;
    width: 16em;
    height: 25em;
    margin: 0 1em 1em 0;
    background-color: #ddeeff;
    border-radius: 0.8em;
  } 

  /* AG-Auswahl: Bilder auf den Kacheln (250px x 150px) */
  article .AGMenu {
    width: 16em;
    margin: 0 0 0.6em 0;
    border-radius: 0.8em 0.8em 0 0;
  }

  /* AG-Auswahl: Text */
  article .ag-menu {
    font-size: 0.9em;
    line-height: 1.3em;
    padding: 0.2em 1em 0.2em 1em;
  }

  article p.ag-menu {
    margin-top: 0em;
  }

  article h4.ag-menu {
    font-size: 0.9em;
    font-weight: 300;
  }

  /* AG-Auswahl: Listen */
  article ul.ag-menu {
    font-size: 1em;
    list-style-position: outside;
    padding: 0 1em 0 2.2em;
  }

  article ul.ag-menu li {
      line-height: 1.4em;
  }
}
/* }}} */

/* {{{ Tabellen */

article table {
  margin: 0.3em 0.5em 0.8em 0em;
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8em;
  font-family: Helvetica;
}

article td, th {
  border: 1px solid black;
  vertical-align: top;
  padding: 4pt 4pt 2pt 8pt;
}

article td ul {
  padding: 0 0 0 1em;
  margin:0;
}

/* }}} */

/* {{{ Menü Projektwoche (Weblog) */

article .kachel {
  border-radius:10px;
  background-color:lightgrey;
  width:95%;
  font-size:90%;
  padding: 0.4em 0.6em 0.4em 0.6em;
  margin-top: 0.5em;
}

article a:hover div.kachel {
  background-color: orange;
  text-decoration: none;
}

article a:hover .no_deco {
  text-decoration: none;
}

/* }}} */

/* {{{ weblog_2017_projektwoche */

article .liMenu2 {
  font-size: 0.9em;
  line-height: 1.6em;
  display: inline;
  padding: 0 0.3em 0 0.3em;
  margin: 0em;
  border-radius: 0.3em;
  border: 1px solid #aaaaaa;
  background-color: lightblue;
}

/* }}} */

/* {{{ Menü 3. Ebene (LML, Weblog, Oberstufe, Soziales Engagement, Geschichte u. a.) */

article .ulMenu {
  list-style-position: outside;
  list-style-type: none;
  margin: 0.5em 0 0.8em 0;
  padding: 0;
  border: 0;
}
@media (min-width: 39em) {
  article .ulMenu {
    margin: 0.5em -2em 0.8em 0;
  }
}

article .liMenu {
  font-size: 0.9em;
  line-height: 1.6em;
  display: inline;
  padding: 0 0.3em 0 0.3em;
  margin: 0em;
  border-radius: 0.3em;
  border: 1px solid #aaaaaa;
  background-color: #eeeeee;
}

article .ulMenu_vert {
  clear:both;
  position:relative;
  top:1em;
  list-style-position: outside;
  list-style-type: none;
  margin: 0.5em 0 0.8em 0;
  padding: 0;
  border: 0;
}
@media (min-width: 39em) {
  article .ulMenu {
    margin: 0.5em -2em 0.8em 0;
  }
}

article .liMenu_vert {
  font-size: 0.9em;
  line-height: 1.6em;
  padding: 0 0.3em 0 0.3em;
  margin: 0.5em 0 0 0;
  border-radius: 0.3em;
  border: 1px solid #aaaaaa;
  background-color: #eeeeee;
}

article .liMenu a {
  color: #222222;
}

article .liMenu a.wahl { 
  color:rgb(33,123,0);
  text-decoration:none; 
}

/* }}} */



/* vim:set lines=64 columns=54: */