html { height:101%; }

body { background-color: #b8cce4;
       margin:0px;
       padding:0px;
       height:100%;
       font-family : 'arial',sans-serif;
       font-size:13px;
       color : #100040;
       }

a { text-decoration: none;
    font-size:90%;
    font-weight:bold;
    color: #008;
    border:0px;
    }

map { text-decoration:none;
      border:0px;}

a:hover { color: #ff2407;
          }

a img {border:0px;}
area {border:0px;}

#alles { position:absolute;
         top:0px;
	 bottom:0px;
         height:100%;
	 min-height:100%;
	 width:100%;
	 border:0px;
	 border-collapse:collapse;
         background: linear-gradient(top, #bbd9ea 0%, #fff 30%, #ed9 100%);
         background: -moz-linear-gradient(top, #bbd9ea 0%, #fff 30%, #ed9 100%); 
         background: -o-linear-gradient(top, #bbd9ea 0%, #fff 30%, #ed9 100%);
         background: -ms-linear-gradient(top, #bbd9ea 0%, #fff 30%, #ed9 100%);
         background: -webkit-linear-gradient(top, #bbd9ea 0%, #fff 30%, #ed9 100%); 
         background: -webkit-gradient(linear, left top, left bottom, 
                                    color-stop(0%,#cceafa), 
                                    color-stop(30%,#fff), 
                                    color-stop(100%,#fea));
/*
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8cce4', endColorstr='#ffffff', GradientType=0);
*/
	 }


#rtab { background-image: url(hgpics/eck_s.png);
        background-repeat:repeat-y;
	background-position:100% 0;
	width:48px;
	}

#ltab { background-image: url(hgpics/kce_s.png);
        background-repeat:repeat-y;
	background-position:0 0;
	width:48px;
        }

#mtab { vertical-align:top;
        min-width:700px;
        padding-top:60px;
	}

#rahmen { width:85%;
          min-width:950px;
          max-width:1500px;
          background-color: #ffffff;
          margin-bottom:30px;
          margin-left:auto;
          margin-right:auto;
	  min-height:600px;
          border: 0px solid #66f;
          border-radius: 10px;
          -moz-border-radius: 10px;
          -o-border-radius: 10px;
          -webkit-border-radius: 10px;
          -ms-border-radius: 10px;
          box-shadow:5px 5px 6px #666666;
          }


/* #rahmen *:first-child { margin-top:0px; } */

#oben { background-color: #ffffff;
        background-image: url(hgpics/eingang.png);
        background-repeat: no-repeat;
        background-position: right 0; 
        border: 0px;
        height: 101px;
	border-radius:8px 8px 0px 0px;
-moz-border-radius:8px 8px 0px 0px;
-o-border-radius:8px 8px 0px 0px;
-webkit-border-radius:8px 8px 0px 0px;
-ms-border-radius:8px 8px 0px 0px;
}

#oben a { border:0px; }

#oben > div { float:left; }

#wgg_id { text-align:center;
          font-weight:bold;
          width:100%;
          }

#cse-search-form { position:absolute;
                   right:50px;
                   top:10px;
                   }

#t_oben { height:100px; 
          border:0px;
          border-collapse:collapse;}

#te { width:650px;
      height:84px;
      text-shadow: 2px 2px #fff;
      font-family: 'Rokkitt';
      font-size:30px;
      color: #348;
      padding-left: 30px;
      padding-top: 16px;
      font-style: italic;
      font-weight: bold;
      }

#te span { font-size:52px;
           letter-spacing: -0.1em;
           }

.bdm { float:right;
       }

#bdm { height:100px;
       background-color:#333;
       padding:0px;
       border:0px;
	border-radius:0px 8px 0px 0px;
-moz-border-radius:0px 8px 0px 0px;
-o-border-radius:0px 8px 0px 0px;
-webkit-border-radius:0px 8px 0px 0px;
-ms-border-radius:0px 8px 0px 0px;
       }

#inline_navi { background-color: #ff9d44;
               background-color: #ffffff;
               width:100%;
               height: 20px;
               border-bottom: 1px #ff9d44 solid;
               }

#untenabstand{ height:2em; }
#unten { position : absolute; 
         bottom:0px;
         width:100%;
         border: red thin solid;
         border-radius:0px 0px 8px 8px;
-moz-border-radius:0px 0px 8px 8px;
-o-border-radius:0px 0px 8px 8px;
-webkit-border-radius:0px 0px 8px 8px;
-ms-border-radius:0px 0px 8px 8px;
         }


#wirgg { position:absolute;
         top:2px;
         left:70px;
         z-index:7;
         }

#use { position:absolute; 
       top:2px;
       left:220px;
       z-index:7;
       }

#physiksausser { position:absolute;
                 top:4px;
                 left: 200px;
                 font-size:300%;
                 font-weight:bold;
                 font-style:oblique;
                 color:#8be;
                 z-index:6;
                 display:none;
                 }

.inhalt { height: 100%; 
          border-top:1px #ff9d44 solid;
          border-collapse:collapse;}

.inhalt td { vertical-align:top; }

#akt_table { margin-top:20px; }

#akt_table td { vertical-align:middle; }

#akt_table span { font-weight:bold;
                  margin-right:10px;
                  }

#l_inhalt { min-width:150px;
            padding-left:3px;}


#localNavi { padding:2px;
              width:150px;
              background-color:#fed;
              border:0px;
              border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-ms-border-radius:4px;
              }


#schnellNavi { margin-top:20px;
                padding:2px;
                width:150px;
                background-color:#dfd;
                border:0px;
                border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-ms-border-radius:4px;
                }


#localNavi td { border-top:thin solid #c98;
                }

#localNavi a { display:block;
               }

#localNavi a:hover {  background-color: #ffe; }

#schnellNavi td { border-top:thin solid #c98;
                }

#schnellNavi a { display:block;
               }

#schnellNavi a:hover {  background-color: #ffe; }



.m_inhalt { width:100%;
            background-color: #ffffff;
            border-left: 2px solid #ff9d44;
            border-right: 2px solid #ff9d44;
            padding-left:8px;
            padding-right:8px;
            }


#r_inhalt { width:192px;
            font-size:13px;
            padding:8px;
            padding-top:8px;
            }

#anschrift {  width:170px;
             padding:5px;
             background-color: #fed;
             border-width: 0px;
             border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-ms-border-radius:4px;
}

/* +++++ aktuelle Termine +++++ */
#terminediv { font-size: 12px;
              width:180px;
              background-color:#fed;
              border:0px solid #c98;
              border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-ms-border-radius:4px;
              }

#terminediv h4 { margin:2px; }
#terminetab{ background-color:#fed; border-collapse: collapse;}
#terminetab tr:nth-child(even) { background-color:#edc; }
#terminetab td { border-top:thin solid #bbb; }
/* ----- aktuelle Termine ----- */

/* +++++ alle Termine +++++ */
.termine_weit { width:100%; }
.termine_weit th { border: thin solid black;
                   text-align: left; }
/* ----- alle Temine ----- */

.mitte { margin-left:auto;margin-right:auto; }
.links { float:left; margin:10px 10px 10px 0px; }
.rechts { float:right; margin:10px 0px 10px 10px; }
.fett { font-weight:bold; }
.weit { width:100%; }
.weit td { text-align:center; }

/* ----- Tabellen ----- */

.stmittig {margin-left:auto;margin-right:auto;
            border-collapse : collapse;
            }
.stmittig td { border : solid thin #000000;
               padding : 3px;
               }
.stmittig th { border : solid thin #000000;
               padding : 3px;
               }

table.sborder {border-collapse : collapse;}

.sborder td { border : solid thin #000000;
		 padding	 : 3px;}
.sborder th { border : solid thin #000000;
		 padding	 : 3px;}
 
/* ----- nellebaT ----- */


.m_inhalt p { text-align:justify;
              }

#empfang { width:40em;
           background-color: #fed;
           background-color: #ffffff;
           padding:10px;}

.blocksatz { text-align:justify;
             padding-left:10px;
             padding-right:10px;
             }

.text_mitte { text-align : center; }
.text_links { text-align : left; }

ul.leer { list-style-type:none; }

p.infopunkt { text-decoration:underline }

h2 {text-align:center;}
h3 {margin-left:10px; }

/* ++++++ Physik +++++ */
.p_table	{ border-collapse: collapse; margin-left:auto; margin-right:auto;}
.p_td		{ border-style: solid; border-width: thin; padding: 0.5em; }
.p_td2		{ border-style: solid; border-width: thin; padding: 0.5em; font-weight: bold; width:6em; }
.p_fett		{ font-weight:600; }
.p_unten	{ position: relative; top: 16px; }
.p_quer		{ text-decoration: overline; }
/* ------ Physik ----- */

/* +++++ E/F +++++ */
.wbuch {
    border: 1px solid black;
    padding: 16px;
}
/* ----- F/E ---- */

/* +++++ Stundentafel +++++ */

#richtungen {  width	       : 90%; 
	       border-collapse  : collapse;
}

#richtungen td { background-color : #e0e0e0;
		    border-style     : solid;
		    border-color     : #c0c0c0;
		    border-width     : 1px;
		    padding	     : 5px;
                    width            : 20em;
                    vertical-align   : top;
		}
#richtungen th { background-color : #e0e0e0;
		    border-style     : solid;
		    border-color     : #c0c0c0;
		    border-width     : 1px;
		    padding	     : 5px;
                    width            : 20em;
                    vertical-align   : top;
		}
/* ---- lefatendnutS ----- */

/* +++++ knobelecke +++++ */
td.knobelangabe { text-align:center; 
                  position:relative; 
                  background-color:#d0d0d0; 
                  padding:5px;}

td.knobellosung { text-align:center;
                  position:relative;
                  background-color:#d0d0d0;
                  padding:5px;}

td#angabe { text-align:center; 
                  position:relative; 
                  background-color:#d0d0d0; 
                  padding:5px;}

td#losung { text-align:center; 
                  position:relative; 
                  background-color:#d0d0d0; 
                  padding:5px;}

/* ----------------------- */

#graukeil  td { width:2em; }
#graukeil { border : black 20px solid;
            border-collapse: collapse;
            }

/* +++++ Aufgabenverteilung im Direktorat ++ */

.aufgaben { border-top: 1px #ff9d44 solid; }
.aufgaben p { font-weight:bold; margin-bottom:0px; clear:both;}
.aufgaben ul { margin-top:0px; }

/* ------------------------------------------ */

.fotocr { font-size:80%; }

.bioliteratur li { margin-bottom:5px; }
.bioliteratur li > span { font-weight:bold; }
.bioliteratur br + span { font-weight:normal;
                          font-style:italic;
                          }

.wrand { text-shadow:1px 1px white, -1px 1px white, 1px -1px white, -1px -1px white; }