* {box-sizing: border-box;}

html {display:table;margin:auto;}
body {display:table;background-color:ivory; color:black;font-family:Helvetica,Arial,sans-serif;}
form
.FeldLite {background-color:azure;}
.FeldLemo {background-color:lemonchiffon;}
.FeldPale {background-color:#AFEEEE;}               /* paleturquoise */
.FeldDark {background-color:#B0C4DE;}              /* lightsteelblue */
.FeldIvor {background-color:ivory;}
.FeldPink {background-color:#FFC0CB;}               /* pink */
.FeldMist {background-color:#FFE4E1;}               /* mistyrose */
.FeldGrey {background-color:#DDDDDD;}
.Feld_n1 {background-color:#F0FFF0; }
.Feld_n2 {background-color:#FFF0F5; }

td {vertical-align:top}
form td {font-size:90%; }
input   {font-size:90%;}
td input {font-size:100%;}
select  {font-size:90%;}
h1      {text-align:center;color:darkgreen;font-size:150%;}
h2      {text-align:center;color:darkgreen;font-size:130%;}

A:link {color:blue; text-decoration:none;}
A:visited {color:blue; text-decoration:none;}
A:hover {text-decoration:underline;}
A:active {text-decoration:underline;}

A.blacklink:link {color:black; text-decoration:none; font-weight:bold;}
A.blacklink:visited {color:black; text-decoration:none; font-weight:bold;}
A.blacklink:active {color:black; text-decoration:none; font-weight:bold;}
A.blacklink:hover {color:darkgreen; text-decoration:none; font-weight:bold;}

.tabform {background-color:lavender; padding-top:5pt;}
.tabtext {background-color:lemonchiffon;}
.tablink {background-color:azure; 
          border-style:solid; border-width:1px; border-collapse:collapse; border-color:blue;
          padding-left:6px;padding-right:6px;
          font-size:90%;}
.tabl1 {text-align:center;background-color:honeydew; 
          border-style:solid; border-width:1px; border-collapse:collapse; border-color:blue;
          padding-left:3px;padding-right:3px;
          font-size:90%;}
.tabl2 {text-align:center;background-color:papayawhip; 
          border-style:solid; border-width:1px; border-collapse:collapse; border-color:blue;
          padding-left:3px;padding-right:3px;
          font-size:90%;}

.bas {vertical-align:baseline; font-weight:bold;}
.subtit {color:blue; font-weight:bold;}
.descrip { font-size:90%;}

p#descrip { font-size:90%;text-align:justify}
p#exampl  { font-size:80%;}
ul#descrip { font-size:90%;}

.row { display: table;}
.head{
	background-color: teal;
	border: 2pt solid black;
	width: 100%;
	max-width: 965px;
	float:none;
}
.main{
	padding: 5px;
	background-color: white;
	width: 100%;
	max-width: 665px;
	float: left;
}
.side{
	width: 336px;
	max-width: 100%;
	float: left;
	display: flex;
	flex-flow: row wrap;
}
.sblk{
	width: 336px;
	min-width: 336px;
	margin: 3px;
	float: left;
}
.sbox{
	background-color: #e5ffbb;
	border: 2px solid;
	border-color: gray;
	padding-left: 5px;
}
.foot{
	width: 100%;
	max-width: 965px;
	float:none;
}
@media only screen and (max-width: 645px){
.sblk{width: 100%;}
}