html, body {
   margin:0; 
   padding:0; 
   height:100%;
}

body {
   background-color: #ffffff;
   color:black;
   background-repeat:repeat-y;
   font-family:Verdana,sans-serif;
}

#content {
  margin-top:20px;
  margin-right:15px;
  margin-left:100px;
}

h1 {
  font-size:18px;
  font-weight:bold;
  font-style:italic;
  color:rgb(28,128,28);
  padding-bottom:8px;
  border-bottom:solid 2px rgb(28,128,28);
}

li {
	margin-left: 5px;
}


/* Bild-Textfeatures */
/*-------------------*/	
.feature{
	padding: 10px 10px 10px 10px;
	font-size: 80%;
	margin-right: 20px;
	margin-left: 20px;
}

.feature h3{
	padding: 5px 0px 5px 0px;
	text-align: center;
}

/* .feature img{ */
.img-left{
	float: left;
	padding: 10px 10px 0px 0px;
	margin: 0 5px 5px 0;
}

.img-right{
	float: right;
	padding: 10px 0px 0px 15px;
	margin: 0 5px 5px 0;
}

.infotext{
	padding: 0px 50px 0px 10px;
	font-size: 80%;
/*	margin: 0 5px 5px 0; */
}

.picinfo{
	padding: 0px 30px 0px 30px;
	font-size: 80%;
/*	margin: 0px 100px 0px 100px; */
}

.argpoint{
	border-left: 20px;
	border-width: 0 0 0 20px;
}
/* adjust margins to change separation between the feature image and text flowing around it */