body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  line-height: 1.5em;
  background-color:#003322;
  text-align: center;
}

p, ul, ol, li
{
  text-align:left;
}

h1
{ 
  font-size: 1.4em;
  font-weight: bold;
}

h2
{ 
  font-size: 1.1em;
  font-weight: bold;
}

a:link
{
  color: #773311;
}

a:hover
{
  color: #337755;
}

a:visited
{
  color: #995533;
}

#nostyleline
{ 
  display: none;
}

#page
{
  width: 54.9em;
  margin: 25px auto;
}

*html #page
{
	width: 54.4em;
}

#frame
{
  width: 100%;
  float: left;
  padding: 0;
  background: White url(pics/rightside.gif) repeat-y;
  /* border: 1px dashed #FF0000;*/
}

#main
{
  width: 79.5%;
  float: right;
  padding: 0;
  /*border: 1px dashed #00FF00;*/
}

#title
{
  /*border: 1px dashed #0000FF; */
  padding: 0;
  margin-left: -4px;
}

#content
{
  padding: 2%;
  /*border: 1px dashed #777777;*/
}

#foot
{
  /* background-image:url(pics/text_bg1.jpg); */
  clear: both;
  /*border: 1px dashed #FF0000; */
}

#nav
{
  float: left;
  width:20%;
  background-image:url(pics/rightside.gif);
  background-repeat: repeat-y;
  /* border: 1px dashed #555555; */
}

*html #nav
{
	width: 15%;
}

#nav ul
{
  margin: 0;
  padding: 0px;
  list-style-type:none;
  display: block;
}

#nav li
{
	  line-height: 1em;
}

#nav a:link, #nav a:visited
{
  display: block;
  background-color: #99FFAA;
  text-decoration:none;
  text-align: left;
  color: #003322;
  padding: 4px;
  border: 1px solid #99FFAA;
}

#nav a:hover
{
   background-color: #77DD88;
   padding: 4px;
   color: #003322;
   border: 1px solid #003322;
}

#navfoot
{
  clear: both;
  font-size: .8em;
  background-color: #FFFFFF; 
  background-image: url(pics/text_bg1.jpg);
  background-repeat: repeat;
  text-align: center;
}
#copyright
{
  clear: both;
  font-size: .75em;
  background-color:#003322;
  color: #FFFFFF;
  text-align: center;
}

#copyright a:link, #copyright a:active, #copyright a:visited
{
  color: #AAAAAA;
}

#copyright a:hover
{
  color: #FFFFFF;
}

div.col3
{
  margin-top: 2%;
  float:left;
  width: 33%;
}

*html div.col3
{
	width: 50%;
	w\idth: 32%;
	/* border: 1px dashed #FF0000; */
}

ul.standard
{ 
  margin: 5px 15px;
  list-style-type: square;
}

ul.f_members
{
	margin-left: 10px;
	padding-left: 5px;
	list-style: inside;
}
li.birth { 
  list-style-image: url("pics/stern.gif");
}
li.death {
  list-style-image: url("pics/kreuz.gif");
}
li.marriage {
 list-style-image: url("pics/rings.gif");
}

.fineprint
{
	font-size: 0.9em;
}

.error
{ 
  color: #CC0000;
}

.plus
{
  float: left; 
  margin-right: 4px;
  width: 17px;
  height: 17px;
  background-image: url(pics/plus2.gif);
  background-repeat: none;
  /* border: 1px dashed #FF00FF; */
}

.middle
{
  float: left; 
  width: 17px;
  height: 100%;
  background-image: url(pics/dotted_v.gif);
  background-repeat: repeat-y;
  /* border: 1px dashed #FF00FF; */
}

.end
{
  float: left; 
  width: 17px;
  height: 17px;
  background-image: url(pics/dotted_end3.gif);
  background-repeat: none;
  /* border: 1px dashed #FF00FF; */
}

.middle_end
{
  float: left; 
  width: 17px;
  height: 100%;
  background-image: url(pics/dotted_middle.gif);
  background-repeat: none;
  /* border: 1px dashed #FF00FF; */
}

.empty
{
  float: left; 
  width: 17px;
  height: 17px;
  background-image: url(pics/fill.gif);
  background-repeat: none;
  /* border: 1px dashed #FF00FF; */
}