/* Hans-Böckler-Realschule  Schulprogramm   hansiBoSP.css
 * (c) 2019 - 2023 Albrecht Weinert a.weinert.de
 
 * $Revision: 259 $ ($Date: 2023-07-19 20:01:10 +0200 (Mi, 19 Jul 2023) $)
 * R. 259 19.07.2023: just this one (no wide version)
 */

.disTab { display: table; }

html { font: normal 14px/20px arial, verdana, sans-serif; color: #535353; }
html, body { height: 100%; margin: 0; padding: 0; }
img { border: none; }
a {	text-decoration: none; color: #535353; font-weight: bold; }
a:hover { color: #888; }
a.explain{ text-decoration: none; color: #434343; font-weight: normal;  }

h1 { color: #5c246b; font-weight: bold;
	font-size: 20px; line-height: 24px; margin: 0; margin-bottom: 1em; }
.impkont h1 {color: #797878; }
.impkont p {font-size: 16px; line-height: 24px; }
h2 { font-weight: bold;
	font-size: 17px; line-height: 20px; margin: 0; }
h3 { font-weight: bold;
	font-size: 14px; line-height: 20px; margin: 0; }
	
ul { list-style-position: outside;
  padding-left: 10px;  margin-left: 20px; /*  margin: 1em 0;   */ }

p {    margin-right: 18px; margin-top: 5px; }
p > img { margin-right: -18px;}
p#tTextSp { margin: 0;  line-height: 30px; }

.colGn { color: #99bd1a; }
.colGr { color: #797878; }
.colDk { color: #535353; }
.colBk { color: #000000; }
.fon16 { font-size: 16px; }
.fon14 { font-size: 14px; }
.clAll { clear:both; }
.disTab { display: table; }
.disCel { display: table-cell; }
	
/* --   page layout --------- */
#header { position: relative;   max-width: 972px; /* 1002 - padd */
	height: 72px; /* 93 -padding */
	border-bottom: 1px solid #d4d4d4; background-color: #f4f4f4;	
	padding: 21px 0 0 31px; z-index: 110;
  font: 12px/12px; color: #d4d4d4; }

#pageContent { position: relative;
  max-width: 962px;    /* 1006 - 80 = 946  cause r l padding */
  margin: 0;	padding: 0; padding-left: 40px; clear: both; z-index: 10;
  border-right: 1px solid #d4d4d4; }

#mainnavi { position: relative; /*  ex absolute; top: 0; left: 0; */
	 float: left;  margin-left: -40px;  margin-right: 40px;
	height: 357px; width: 219px; background-color: #d4d4d4; display: block; }

#subnavi { position: relative;  width: 199px; border-left: 1px solid #d4d4d4;
  float: left; margin-left: -40px;  /* 218 - 40 = 178 */ 
  margin-right: 40px;
  margin-bottom: 10px;
  padding: 30px 0 10px 23px;  /* 30px  - 30 10px 23px*/
  z-index: 100;  display: inline; min-height: 317px; display: block; }

#footer { position: relative; height: 41px;  max-width: 1002px;
  border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;
  background-color: #f4f4f4; clear: both;
  z-index: 10; margin-top: -18px;  /* -42px; */ }

/* --   page layout styles  ---------  */
#header a {font: normal 12px/12px; color: #d4d4d4;}
#header a:hover, #header a.active { color: #535353; }
#subnavi h1 {margin-bottom: 0; margin: 0; }

#mainnavi ul { list-style: none; }
#mainnavi a { display: block; position: absolute;
	background-image: url(../images/sp/navimap.png);
	height: 118px; width: 108px;
	text-indent: -30000px; }

a.btnNavi1 { top:  0px;  left: 1px;   background-position: -218px   0; }
a.btnNavi2 { top:  0px;  left: 110px; background-position: -327px   0; }
a.btnNavi3 { top: 119px; left: 1px;   background-position: -218px -119px; }
a.btnNavi4 { top: 119px; left: 110px; background-position: -327px -119px; }
a.btnNavi5 { top: 238px; left: 1px;   background-position: -218px -238px; }
a.btnNavi6 { top: 238px; left: 110px; background-position: -327px -238px; }

a.btnNavi1:hover { top: 0px;   left: 1px; background-position: -436px 0; }
a.btnNavi2:hover { top: 0px;   left: 110px;	background-position: -545px 0; }
a.btnNavi3:hover { top: 119px; left: 1px;	background-position: -436px -119px; }
a.btnNavi4:hover { top: 119px; left: 110px; background-position: -545px -119px; }
a.btnNavi5:hover { top: 238px; left: 1px; background-position: -436px -238px; }
a.btnNavi6:hover { top: 238px; left: 110px; background-position: -545px -238px; }
			
a.btnNavi1.active { top: 0px;   left: 1px;   background-position: 0 0; }
a.btnNavi2.active { top: 0px;   left: 110px; background-position: -109px 0; }
a.btnNavi3.active { top: 119px; left: 1px; background-position: 0 -119px; }
a.btnNavi4.active {	top: 119px;	left: 110px; background-position: -109px -119px; }
a.btnNavi5.active { top: 238px;	left: 1px;   background-position: 0 -238px; }
a.btnNavi6.active {	top: 238px;	left: 110px; background-position: -109px -238px; }

#subnavi ul {	list-style: none; padding: 0; margin: 0; }
#subnavi ul.level2 { margin: 25px 0 0 0; }
#subnavi ul.level3 { margin-left: 11px; }
#subnavi ul.level3 a { color: #5c236c; }

#subnavi a { color: #535353;   padding: 5px 0;
	font: normal 12px/16px arial, verdana, sans-serif; }
#subnavi a:hover , #subnavi a.active { font-weight: bold; }
#subnavi h3,  #subnavi h3:hover  { color: #797878; }
#subnavi h3.active { color: #535353; }

#footer ul { clear: both; list-style: none; margin: 0; padding: 10px 30px; }
#footer ul li { float: left; margin-right: 20px; }
#footer a { color: #939393; padding: 4px }
#footer a:hover , #footer a.active { color: #535353; }