/* math_mss.css */ 				/* typ(selektor) * [attributname] oder selektor[attributname] #id_name .klasse  */
html {
/* 	background-image: url("../img/bg_check.png"); */
	background: DEEPSKYBLUE;
	background-size: 100% 100%;	
	min-height: 100%; 
	font-size : 100%;
}
*{
 	font-family	: calibri, Arial, sans-serif, Times, 'Comic Sans MS', "Times New Roman";
	font-size	: 1.26rem;
	line-height	: 1.6rem;
	box-sizing	: border-box;
	font-stretch: expanded; /* funktioniert nicht */
	color		: midnightblue;	
}
table{
	background:white;
}
[title=tabellenkopfzeile]{
	background: lightsteelblue;
}
[title=normalzeile]{
	background: lavender;
}
body{
	background: LIGHTSLATEGRAY; /* LIGHTsteelBLUE; = #b0c4de; LIGHTSLATEGRAY; = #778899;   */
	border		: 0px solid yellow;	
	padding		: 0px 0px 0px 0px;
/* 	height		: 100%; */
/*	height		: 600px; */ 
	width		: 100%;    /*  Fixe Breite z. B. 480px 768px oder 50% 120%  */
	min-width	: 460px;	
	max-width	: 1200px;	
	margin-left     : auto;
	margin-right    : auto;
}
#kopf_banner_1{
	background: violet url(../img/math7777.png) top left repeat-x;
	top			: 0px;	
	border		: 0px;
	margin		: 0px;
	position	: relative;	
	left		: 0%;
	width		: 100%;
	height		: 100px;  /* ursprünglich 58px; jetzt gleich wie #kopf_banner_math_index  */
	z-index		: 1;
}
#kopf_banner_math_index{
	background: violet url(../img/math7777.png) top left repeat-x;
	top			: 0px;	
	border		: 0px;
	margin		: 0px;
	position	: relative;	
	left		: 0%;
	width		: 100%;
	height		: 100px;
	z-index		: 1;
}
 #head_ganz {
	background 	: red url(../img/spalt.jpg) left no-repeat;
	background-size: 100% 100%;
	margin		: 0px auto;
	padding		: 0px 0px 0px 0px;
 	width		: 100%;
	height		: 30em;	
 } 
.band{
	background	: transparent;
	padding		: 0.1rem 0 0.1rem 1.6rem;
	margin		: 0px 0px 0px 0px;
	border-top	: 1px solid white;		
	border-bottom	: 1px solid white;
	width	: 100%;		
	clear		: both;
	line-height : 0.9rem;

}
abc{
	color: #fff;	
	font-size	: 1.16rem;
	line-height : 0.9rem;	
}
efg{
	color: #e1e1e1;
	font-family	: 'Comic Sans MS', arial; /* Immer font-family schreiben  */
	font-size	: 0.95rem;
	line-height : 0.9rem;	
}
section p::first-letter {
    font-size: 1.8rem;
    font-weight: bold;
    color: darkgreen;
}

abc:hover{
	color: rgb(0 204 0);
}
efg:hover{
	color: yellow;
}
#rauf, #up{
	position: fixed; bottom: 20px; right:20px; padding:10px; border: black 1px dotted; background-color: orange; z-index: 1; 	font-size: 1.2rem;	
}
.bgfarbe2{
	background-color: rgb(40%, 40%, 40%)	
}
.fontfarbe2{
	color: rgb(255 255 255);
	
}
/* LIGHTGOLDENRODYELLOW = #fafad2; LEMONCHIfFON = #fffacd*/
 .corpus{
	background-color: rgb(75%,95%,75%);	
	background-color:LIGHTYELLOW;
	border-top	: 0px solid maroon;
	border-bottom	: 0px solid white;		
	margin		: 1px 0px 1px 0px;
	padding		: 1.6rem 1.6rem 1.9rem 1.6rem;
	left		: 0%;
	width		: 100%;
	height		: 100%;
	clear		:both;
}

	/* ohne padding zur Aufnahme von Spalten: */
 .strumpf{ 
	background-color: #fafad2;	/* LEMONCHIfFON = #fffacd */ 
	border-top	: 0px solid maroon;
	border-bottom	: 0px solid white;		
	margin		: 0 0 0 0;
	padding		: 0 0 0 0;
	left		: 0%;
	width		: 100%;
	height		: 100%;
	display		: flex;
	flex-direction: row; 
 /* flex-direction: column; */
 }
	/* ohne padding zur Aufnahme von Spalten: */
 .strumpf_float{ 
	background-color: #fffff1;	/* LEMONCHIfFON = #fffacd */ 
	border-top	: 0px solid maroon;
	border-bottom	: 0px solid white;		
	margin		: 0 0 0 0;
	padding		: 0 0 0 0;
	left		: 0%;
	width		: 100%;
	height		: 100%;
	float		: left;
 }	
	.spalte_1{
		background: transparent url(../img/fafad2.png) left repeat;	/* background-color: #fafad2; hätte die gleiche Wirkung. LIGHTGOLDENRODYELLOW = #fafad2 */
		border-top	: none;
		border-right: none;	
		border-bottom	: 0px solid white;	
		border-left	: none;	
		padding		: 2% 1.45% 2% 2.15%;
		margin		: 1px 0px 1px 0px;
	/*	width		: 50.0%;  */ 
		height:100%;
		/* float: left; */ 
	} /* Die zwei Spalten sind gleich bis auf den leichten Unterschied in der Farbe. Es ist aber praktisch, 
	zum Probieren den Spalten und dem Strumpf deutlich verschiedene Farben zu geben. */
	.spalte_2{
		background-color: LEMONCHIfFON;	/* LEMONCHIfFON = #fffacd */ 
		background-color: rgb(99%,99%,90%);	
		border-top	: none;
		border-right: none;	
		border-bottom	: 0px solid white;	
		border-left	: none;	
		padding		: 2% 1.45% 2% 2.15%;
		margin		: 1px 0px 1px 0px;
	/*	width		: 50.0%; */ 
		height:100%;
		/* float: left; */ 

	}
 .vier{
	 background: 
	 
	url(../img/bg_lio.png) left top no-repeat,
	url(../img/bg_reo.png) right top no-repeat,
	url(../img/bg_reu.png) right bottom no-repeat,
	url(../img/bg_liu.png) left bottom no-repeat,
	rgb(255 255 245);
}
 .ueber{border-top:1px solid;}
 .deutsch {color:#9f0000; font-family:verdana,tahoma,arial,sans-serif; font-size:17px; font-weight:light; text-decoration:none; line-height: 14px;}
 .english {color:#00008b; font-family:verdana,tahoma,arial,sans-serif; font-size:14px; font-weight:bold;  text-decoration:none; line-height: 14px;}
 .vorgold {color:#111111; font-family:verdana,tahoma,arial,sans-serif; font-size:70%; font-weight:bold;  text-decoration:none; line-height: 40px;}
 .gold	   {color:#ffd700; font-family:verdana,tahoma,arial,sans-serif; font-size:40px; font-weight:bold;  text-decoration:none; line-height: 40px;
							background-color: slategrey; padding: 4px 12px 4px 12px; margin: 0px 6px 0px 6px; border: 6px dotted gold; 	text-shadow: 4px 4px 3px lightblue;}
#goldhamster{
	padding: 2.2em 0em 0em 1.1em;
	color:#111111;
	font-family:verdana,tahoma,arial,sans-serif;
	font-size:140%;
	font-weight:bold;
	text-decoration:none;
	line-height:2.5em;
	text-transform: uppercase;

}	
#txtneig{
	font-family:monospace;
	padding: 1.2em 0em 0em 3.0em;	
	font-size:140%;
font-weight:bold;
	font-stretch: expanded; /* funktioniert nicht */ 
	color: blue;
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);	
	transform: rotate(-9deg);	
}
.formel{
background: transparent url(../img/bg_check.png) left repeat;
	margin-right: 1.1rem;
	margin-left	: 1.1rem;	
	line-height	: 3.3em;
	border		: 1px solid maroon;
 	padding		: 12px 16px 13px 15px;
	height		: 100%;
	text-align	: center;
	display		: inline;	
 }
 .mittig{
	padding		: 12px 0px 13px 50px;	 

	
 }
.minor	{ /* z.B.: <span class="minor"> */
	font-size		: 1.0rem;
}
.midi	{ /* z.B.: <span class="midi"> */
	font-size	: 1.11rem;
	line-height	: 1.10rem;
 /*	font-size	: 1.26rem;
	line-height	: 2.0rem;	normal */
}

h1{
	font-size	: 2.0rem;
	color		: midnightblue;
}
h2{
	font-size	: 1.8rem;	
}
h3{
	font-size	: 1.6rem;;	
}
h4{
	font-size	: 1.4rem;	
}
h5{
	font-size	: 1.2rem;	
}
h6{
	font-size	: 1.1rem;;	
}
abc{
	color: #fff;	
	font-size	: 1.26em;
}
img{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;	
	border-radius	: 0.8rem;
	box-shadow		: 0px 0px lightgray;
	border			: 1px solid yellow;	
}

/* MIT 3D ABGEGLICHEN    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */

	/*	BEGINN nav_wolf  Ludwig Von Hessen Fährt Auto :link :visited :hover :focus :active */
#nav_wolf{
	background-color: transparent;
	padding: 0.0rem 0.0rem 0.2rem 0.0rem;	
	margin: 0.1rem 0 0.1rem 1.6rem;
	height: 1.8rem;
}
#nav_wolf ul{
	list-style-type: none;
	margin: 0;
	padding: 0;

}
#nav_wolf ul li{
	padding: 0.1rem 0 0.1rem 0;
	float: left;
	margin: 0 -0.7rem 0 0;
}
 ul li  a   {               /*      :link   weglassen sonst nicht richtig    */
	background-color: lightgray;
	display: block;
	font-family	: Arial, 'Comic Sans MS', sans-serif,  "Times New Roman";	   	
	font-size		: 1.1rem;			/*	 font-size und line-height bei a geht */
	line-height		: 1.1rem;			/*	 font-size und line-height bei a geht */

	text-indent	: 0px;
	text-decoration: none;	
	padding: 0.3rem 0.4rem 0.2rem 0.4rem;
	margin: 0 1.1rem 0 0.1rem;
 /* border: 1px solid yellow; */
	border-top: 1px solid yellow;	
	border-right: 1px solid darkgray;
	border-bottom: 1px solid darkgray;
	border-left: 1px solid yellow;
/*		width: 100px;  */	
}
a{
	color: green;
}
#nav_wolf  ul li a:visited{
}
#nav_wolf ul li a:hover{		/*	Ludwig Von Hessen Fährt Auto :link :visited :hover :focus :active */
	background-color: LIGHTSLATEGRAY; /* silver; */
/*	border: 1px solid darkgray; */
	border-top: 1px solid red;		
	border-right: 1px solid black;	
	border-bottom: 1px solid black;
	border-left: 1px solid red;
	font-weight: bold;
}
#nav_wolf  ul li a:focus{
	background-color: orange; /* silver; */
}
#nav_wolf  ul li a:active{
	background-color: orange; /* silver; */

	border-top: 1px solid yellow;		
	border-right: 1px solid yellow;	
	border-bottom: 1px solid yellow;
	border-left: 1px solid yellow;	
}

	/*	ENDE nav_wolf  */



 	/*	Anfang nav @media  */
 @media only screen and (max-device-width: 768px){
	body{
		background	: violet;	
		border		: 1px solid green;	
		color		: maroon;
		width		: 900px;			
	}	
  }
@media only screen and (max-device-width: 480px){
	body{
		background	: slategrey;	
		border		: 1px solid blue;	
		color		: 123123;
		width		: 730px;		
	}
 .strumpf{ 

  flex-direction: column; 
 }
}
 /*	ENDE nav_wolf  und  @media */

 /* ANFANG   INHALT   3D - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -    */
#li_1  {
	background 	: transparent url(../img/sattel.jpg) left no-repeat;
	margin		: 0px auto;
	padding		: 0px 0px 0px 0px;
	background-size: 100% 100%;
 	width		: 100%;
	height		: 20em;
}
#li_1  {
	background 	: transparent url(../img/sattel.jpg) left no-repeat;
	margin		: 0px auto;
	padding		: 0px 0px 0px 0px;
	background-size: 100% 100%;
 	width		: 100%;
	height		: 20em;
}
#li_2 {
	background	: #ffc0cb;
	margin		: 0px auto;
	padding		: 10px 10px 20px 25px;
/* 	width		: 425px;
	height		: 285px;	 */
 	width		: 100.0%;
	height		: auto;	 
	
}
#li_3 {
	background	: #f1f1f1;
	margin		: 0px auto;
	padding		: 20px 10px 20px 25px;

 	width		: 100.0%;
	height		: auto;	 
}
#li_4 {
	background	: #e1e1e1;
	margin		: 0px auto;
	padding		: 20px 10px 20px 25px;

 	width		: 100.0%;
	height		: auto;	 
}
#li_5 {	
	background 	: transparent url(../img/doppel_1.jpg) left no-repeat;
	margin		: 0 auto;
	padding		: 0px 0px 0px 0px;
	background-size: 100% 100%;
 	width		: 100%;
	height		: 15em;
}
#li_6 {
	background	: #e1e1e1;
	margin		: 0px auto;
	padding		: 20px 10px 20px 25px;

 	width		: 100.0%;
	height		: auto;	 
}
#li_7 {
	background 	: transparent url(../img/doppel_5.jpg) left no-repeat;
	margin		: 0px auto;
	padding		: 0px 0px 0px 0px;
	background-size: 100% 100%;
 	width		: 100%;
	height		: 20em;
}
#li_8 {
	background	: #e1e1e1;
	margin		: 0px auto;
	padding		: 20px 10px 20px 25px;

 	width		: 100.0%;
	height		: auto;	 
}
#li_9 {
	background	: #ffffff;
	margin		: 0px auto;
	padding		: 20px 10px 30px 25px;

 	width		: 100.0%;
	height		: auto;	 
}
#li_10 {
	background 	: transparent url(../img/sinxy___.jpg) left no-repeat;
	margin		: 0px auto;
	padding		: 0px 0px 0px 0px;
	background-size: 100% 100%; 
 	width		: 100%;
	height		: 15em;
}
#li_11 {
	background	: #ffffff;
	margin		: 0px auto;
	padding		: 20px 10px 20px 25px;
 
 	width		: 100.0%;
	height		: auto;	 
}

/* <!-- ######################################     ANFANG    INHALT     R E C H T S     ######################################## --> */
#re_1{
	background	: #f1f1f1;
	margin		: 0px auto;
	padding		: 10px 10px 30px 25px;

 	width		: 100.0%;
	height		: auto;	 

}
#re_2 {
	background 	: transparent url(../img/cos__xy.jpg) left no-repeat;
	margin		: 0px auto;
	padding		: 0px 0px 0px 0px;
	background-size: 100% 100%;
 	width		: 100%;
	height		: 15em;
}
#re_3 {
	background	: #f1f1f1;
	margin		: 0px auto;
	padding		: 20px 10px 20px 25px;

 	width		: 100.0%;
	height		: auto;	 
}
#re_4 {
	background 	: transparent url(../img/cos_xy__.jpg) left no-repeat;
	margin		: 0px auto;
	padding		: 0px 0px 0px 0px;
	background-size: 100% 100%;	
 	width		: 100%;
	height		: 15em;
}
#re_5 {
	background	: #f1f1f1;
	margin		: 0px auto;
	padding		: 20px 10px 20px 25px;

 	width		: 100.0%;
	height		: auto;	 
}
#re_6 {
	background	: #d0ddd0;
	margin		: 0px auto;
	padding		: 10px 10px 20px 25px;

 	width		: 100.0%;
	height		: auto;	 
}
#re_7 {
	background 	: transparent url(../img/spalt.jpg) left no-repeat;
	margin		: 0px auto;
	padding		: 0px 0px 0px 0px;
	background-size: 100% 100%; 
 	width		: 100%;
	height		: 15em;
}
#re_8 {
	background	: #d0ddd0;
	margin		: 0px auto;
	padding		: 10px 10px 0px 25px;

 	width		: 100.0%;
	height		: auto;	 
}
#re_9 {
	background	: #ffffff;
	margin		: 0px auto;
	padding		: 0px 10px 20px 25px;

 	width		: 100.0%;
	height		: auto;	 
}
#re_10 {
	background 	: transparent url(../img/sattel.jpg) left no-repeat;
	margin		: 0px auto;
	padding		: 0px 0px 0px 0px;
	background-size: 100% 100%;
 	width		: 100%;
	height		: 15em;
}
#re_11 {
	background	: #ffffff;
	margin		: 0px auto;
	padding		: 5px 10px 0px 25px;

 	width		: 100.0%;
	height		: auto;	 
}
#re_12 {
	background	: #f1f1f1;
	margin		: 0px auto;
	padding		: 10px 10px 20px 25px;

 	width		: 100.0%;
	height		: auto;	 
}
#re_13 {
	background  : transparent url(../img/apfelmann.jpg) left no-repeat;
	margin		: 0px auto;
	padding		: 0px 0px 0px 0px;
	background-size: 100% 100%;
 	width		: 100%;
	height		: 25em;
}
#re_14 {
	background	: #f1f1f1;
	margin		: 0px auto;
	padding		: 20px 10px 20px 25px;
 
 	width		: 100.0%;
	height		: auto;	 
}
#re_15 {
	background 	: transparent url(../img/snowman.jpg) left no-repeat;
	margin		: 0px auto;
	padding		: 0px 0px 0px 0px;
 	background-size: 100% 100%;
 	width		: 100%;
	height		: 20em;
}
#re_16 {
	background	: #d0ddd0;
	margin		: 0px auto;
	padding		: 20px 10px 20px 25px;

 	width		: 100.0%;
	height		: auto;	 
}
#re_17 {
	background 	: transparent url(../img/slanted_s.jpg) left no-repeat;
	margin		: 0px auto;
	padding		: 0px 0px 0px 0px;
	background-size: 100% 100%;
 	width		: 100%;
	height		: 20em;
}
#re_18 {
	background	: #d0ddd0;
	margin		: 0px auto;
	padding		: 20px 10px 20px 25px;

 	width		: 100.0%;
	height		: auto;	 
}
#re_19 {
	background 	: transparent url(../img/sternbun.jpg) left no-repeat;
	margin		: 0px auto;
	padding		: 0px 0px 0px 0px;
	background-size: 100% 100%;
 	width		: 100%;
	height		: 20em;
}
#re_20 {
	background	: #ffffff;
	margin		: 0px auto;
	padding		: 20px 10px 20px 25px;
 
 	width		: 100.0%;
	height		: auto;	 
}

#re_21 {
	background 	: transparent url(../img/apfelfr2.jpg) left no-repeat;
	margin		: 0px auto;
	background-size: 100% 100%;
 	width		: 100%;
	height		: 13.5em;
}
/*        ENDE    INHALT  3D       */


	/*	E O F 	*/