body {

	font-family: Tahoma, Geneva, sans-serif;

}

h1  {

	font-size: 1.4em;

}

h2 {

	font-size: 1.4em;

	font-weight: normal;

}





/* Beispiele static */



#box3, #box4 {

	background-color: #FFEEA8;

	padding: 10px;

	margin-bottom: 10px;

	position: static; /*Voreinstellung, Notierung ist unnötig*/

}

#box5 {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 30%;

	padding: 10px;

	background-color: #B9EEFF;

}



/* Beispiele relative */

#box6 {

	background-color: #BEE9D3;

	padding: 10px;

	margin-bottom: 10px;

	position: relative;

}



#box6 {

	left: 100px;

	top: -40px;

}

/* Beispiel absolute */



#box7, #box8 {

	background-color: #B9EEFF;

	padding: 10px;

	position: absolute;

}

#box9 {

	position: relative;

	width: 500px;

	height: 400px;

	margin: 0 auto 0 auto;

	padding: 15px;

	background-color: #BEE9D3;

}

#box9 h1 {

	color: #359F6A;

}



#box7, #box8 {

	bottom:0;

	right:0;

}



/*Beispiel fixed */



#box10 {

	width: 300px;

	background-color: #FAB;

	padding: 10px;

	position: fixed;

	top: 20px;

	left: 20px;

}

#box11 {

	width: 300px;

	margin-left: 360px;

	background-color: #FFEEA8;

	padding: 10px;

	margin-top: 20px;

}

.st {
	position:sticky;
	background-color: yellow;
	padding: 10px;	
	top:0;
}