/* modified: 30.11.2015 mw Initial version */
/* modified: 04.12.2015 mw Added styles of show-tree */

/*******************************************************************
All pages
*******************************************************************/

_a:link    { text-decoration:none; font-weight:normal; color: black; }
_a:visited { text-decoration:none; font-weight:normal; color: black; }
_a:hover   { text-decoration:none; font-weight:normal; color: #ff33ff; }
_a:active  { text-decoration:none; font-weight:normal; color: black; }
_a:focus   { text-decoration:none; font-weight:normal; color: black; }

img
{ 
  border: 0;
}

html, body
{
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-family: 'DejaVu Serif', 'Serif';
  font-size: 16px;
  color: black;
  background-image: url(pics/background.jpg);
  background-position: left top;
  background-repeat: repeat;
}


/******************
Index
******************/

#divLinks      {                width:   96%; left:  20px; bottom:  10px; position: absolute; visibility: visible; }
#divCounter    {                width:   50%; right: 20px; bottom:   0px; position: absolute; visibility: visible; margin-bottom: 12px; }


/******************
Welcome / Home
******************/

#divTree       {                width: 100px; left:  20px; bottom:  30px; position: absolute; visibility: visible; }
#divLngPic     { height:  54px; width: 120px; left: -10px;    top:  15px; position: absolute; visibility: visible; }
#divLng        { height:  69px; width: 260px; left: 110px;    top:  30px; position: absolute; visibility: visible; }
#divWelcomeText{ height:  auto; width:  auto; left: 320px;    top:  10px; position: absolute; visibility: visible; padding-right:15px; }
#divGroupId    { height: 247px; width:  auto; left: 350px;    top: 135px; position: absolute; visibility: visible; }
#divUser       { height: 247px; width:  auto; left: 350px;    top: 280px; position: absolute; visibility: visible; }
#divStatistic  { height:  auto; width:  auto; right: 30px; bottom:  80px; position: absolute; visibility: visible; 
                 border-style: ridge; border-color: #337755; background-color: white; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; }

/********************
Create new familycode
********************/

#divCreateNewCode { margin: 20px; }


/********************
Person-Edit
********************/

#divTrunk 
{
  background-image: url(pics/trunk.png);
  background-position: left top;
  background-repeat: repeat-y;
  height: 100%;
  width: 100%;
  position: absolute; 
  top: 0px;
  left: 0px;
}
#divImgTree
{
  background-image: url(pics/tree.png);
  background-position: left;
  background-repeat: no-repeat;
  width: 500px;
  height: 273px;
  position: absolute; 
  z-index: 1;
}
#divEditPerson 
{
  text-color: #663300;
  height: 100%;
  width: 100%;
  position: absolute; 
  top: 0px;
  left: 0px;
  overflow: scroll;
  z-index: 2;
}
#divForm
{
  position: absolute; 
  top: 0px;
  left: 0px;
  width: 100%;
  height: 1500px;
  padding-top: 50px;
}
.inputDiv
{
  text-align: left;
  margin: 0px;
  position: absolute;
  left: 50%; 
  color: #663300;
}
.captionField
{
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  font-size: 13px;
  font-weight: bold;
}


/********************
Person-Info
********************/
#divPersonInfo
{
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -340px;
  width: 600px;
  height: auto;
  color: #000000;
  border: 3px ridge silver;
  padding: 30px;
  text-align: left;
  background: white;
  top: 50px;
  z-index: 1;
}

#divPersonInfoTree
{
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -340px;
  width: 600px;
  height: auto;
  color: #000000;
  border: 3px ridge silver;
  padding: 30px;
  text-align: left;
  background: white;
  top: 50px;
  z-index: 1;
}


/********************
Show-Tree
********************/
.divFrame
{ 
  border: 3px ridge #AAAA33; 
  visibility: visible;  
  text-align:left; 
  background: url( "pics/wood.jpg"); 
  position: absolute; z-index: 0 
}

.divArrowUp
{ 
  width:auto; 
  height: auto; 
  visibility: visible; 
  text-align: center; 
  background: transparent; 
  position: absolute; 
  z-index: 1; 
}

.divWedding
{ 
  width: auto; 
  height: auto; 
  visibility: visible; 
  text-align:left; 
  position: absolute; 
  z-index: 1 
}

.divPerson
{ 
  padding-top: 10px; 
  width:250px; 
  height: 250px; 
  border: 2px ridge silver; 
  visibility: visible; 
  text-align: center; 
  background: url( "pics/person_bg.jpg"); 
  position: absolute; 
  z-index: 1; 
}

.divPersonRBM
{ 
  padding-top: 10px; 
  width:250px; 
  height: 250px; 
  border: 2px ridge silver; 
  visibility: visible; 
  text-align: center; 
  background: url( "pics/person_bg_rbm.jpg"); 
  position: absolute; 
  z-index: 1; 
}