

/*****************************************************************/
/*  BODY  */
/*****************************************************************/

body {
   font-family: "Arial Unicode MS", Helvetica, Arial, Helvetica, sans-serif;
   color: #000;
   background-color:#EEE7D0;
   background-image: url("/icon/holz_mitte.jpg");
   min-width: 40em;
  background-attachment:fixed;
  margin:0;
  padding:0 0 0 0;
}
em{
    font-weight: bold;
    font-size: 120%

  }

#Scrollbereich {
position:absolute;
}
  
#pergament {
 position:fixed;
 top:20px;
 left:0em;
 width:13em;
 margin:0em;
 padding:0;
}

#pergamentOben {
 position:absolute;
 top:0em;
 left:0em;
 padding-left:0em;
 width:3em;
}

#pergamentOben img{
 position:absolute;
 height:2em;
}

#pergamentRechtsOben {
 position:absolute;
 top:0em;
 left:9.4em;
 padding-left:0em;
 width:2em;

}

#pergamentRechtsOben img{
 position:absolute;
 height:2em;
}

.paddingBottom {
  padding-top:1200px;
}


#pergamentMitte {
 position:absolute;
 top:2em;
 left:0em;
 padding: 1em;
 padding-top: 3.5em;
 width: 7.4em;
 background-image: url(/icon/PergaMitte.jpg );
}
#pergamentRechts {
 position:absolute;
 top:2em;
 left:9.3em;
 padding-left:0em;
 width:2em;
}

#pergamentRechts img{
 position:absolute;
 width:2em;
}

#pergamentRechtsSchatten {
 position:absolute;
 top:2.3em;
 left:9.7em;
 padding-left:0em;
 width:2em;
}

#pergamentRechtsSchatten img{
 position:absolute;
 width:2em;
 filter:Alpha(opacity=30, finishopacity=30, style=2);
 -moz-opacity:0.3;
 opacity:0.3;
}

#pergamentMitte img{
 position:absolute;
 /* height:2em; */
}

#pergamentWappen img{
 top:1.3em;
 left:3em;
 position:absolute;
}
#pergamentWappen img{
 position:absolute;
 height:4em;
}


  #fixiert {
    position: absolute;
    top: 1em; left: 2em;
    width: 18em;
    /* background-color: white; */
    border: 1px solid silver;
  }
  html>body #fixiert {  /* nur fuer moderne Browser! */
    position: fixed;
  }
  #fixiert img {
    height: 6.8em; float: right;
  }

.kartenlabel {
   font-family: Arial, Helvetica, sans-serif;
   color: white;
   background-color:#FF0000;
   font-family:Arial;
   font-size: 70%;
   font-weight: bold;
   background-color: #FF0000;
}


.album {
   font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
   font-size: 110%;
   color: white;
}

.buch {
   background-color:#ECE3CC;
}

.brief {
   background-color:#FFFFFF;
}

.links {
   background-color:#F7F8E2;
}


/* karte */
.karte_rr { background:  url("/icon/karte1_17.gif") right repeat-y;  margin-right:25px; }
.karte_ll { background:  url("/icon/karte1_14.gif") left repeat-y;  }
.karte_uu { background:  url("/icon/karte1_27.gif") bottom repeat-x;}
.karte_oo { background:  url("/icon/karte1_09.gif") top repeat-x;  }
.karte_ro { background:  url("/icon/karte1_11.gif") top right no-repeat; }
.karte_lo { background:  url("/icon/karte1_08.gif") top left no-repeat; }
.karte_ru { background:  url("/icon/karte1_29.gif") bottom right no-repeat;  }
.karte_lu { background:  url("/icon/karte1_26.gif") bottom left no-repeat;
   padding: 13px 13px 13px 13px ;
  }
.karte_innen {

 padding:2em 2em 2em 2em ;
 background-color:#FEEDC2;
 /* border: 2px solid red; */
  }

.karte {
 padding:10px 10px 10px 10px ;
 background-color:#FEEDC2;
 border: 1px solid grey;
 width: 802px;
 height: 802px;
  }
/* karte Ende */

/* Glatt */
.glatt_rr { background:  url("/icon/glatt_23.gif") right repeat-y;  margin-right:25px; border: 1px solid white;}
.glatt_ll { background:  url("/icon/glatt_20.gif") left repeat-y;  }
.glatt_uu { background:  url("/icon/glatt_27.gif") bottom repeat-x;}
.glatt_oo { background:  url("/icon/glatt_09.gif") top repeat-x;  }
.glatt_ro { background:  url("/icon/glatt_11.gif") top right no-repeat; }
.glatt_lo { background:  url("/icon/glatt_08.gif") top left no-repeat; }
.glatt_ru { background:  url("/icon/glatt_29.gif") bottom right no-repeat;  }
.glatt_lu { background:  url("/icon/glatt_26.gif") bottom left no-repeat;
 /* padding: 20px 50px 25px 30px ; */
  }
.glatt_innen {

 padding:2em 2em 2em 2em ;
 background-color:#FDFAF2;
 /*border: 2px solid red; */
  }

/* Glatt_rot */
.glatt_innen_rot {
 padding:2em 2em 2em 2em ;
 background-color:#FFEEEE;
/* border: 2px solid red; */
  }
/* Glatt_blau */
.glatt_innen_blau {
 padding:2em 2em 2em 2em ;
 background-color:#FDFAF2;
 /*border: 2px solid blue; */
  }
/* Glatt Ende */



/* Liniert */
.liniert_rr { background:  url("/icon/liniert_23.gif") right repeat-y; margin-right:25px; }
.liniert_ll { background:  url("/icon/liniert_20.gif") left repeat-y;  }
.liniert_uu { background:  url("/icon/liniert_27.gif") bottom repeat-x;}
.liniert_oo { background:  url("/icon/liniert_09.gif") top repeat-x;  }
.liniert_ro { background:  url("/icon/liniert_11.gif") top right no-repeat; }
.liniert_lo { background:  url("/icon/liniert_08.gif") top left no-repeat; }
.liniert_ru { background:  url("/icon/liniert_29.gif") bottom right no-repeat;  }
.liniert_lu { background:  url("/icon/liniert_26.gif") bottom left no-repeat;
   padding: 20px 50px 25px 30px ;
  }
.liniert_innen {

 padding:2em 2em 2em 2em ;
  background:  url("/icon/liniert_22.gif");
 /*border: 2px solid red;*/
  }
/* Liniert Ende */

/* Buch */
.buch_rr { background:  #ECE5D1 url("/icon/buch_29.gif") right repeat-y; }
.buch_ll { background:  url("/icon/buch_24.gif") left repeat-y;}
.buch_uu { background:  url("/icon/buch_33.gif") bottom repeat-x;}
.buch_oo { background:  url("/icon/buch_11.gif") top repeat-x;}
.buch_ro { background:  url("/icon/buch_13.gif") top right no-repeat;}
.buch_lo { background:  url("/icon/buch_10.gif") top left no-repeat;}
.buch_ru { background:  url("/icon/buch_35.gif") bottom right no-repeat;}
.buch_lu { background:  url("/icon/buch_32.gif") bottom left no-repeat;
     padding: 25px 95px 80px 50px ;
}
.buch_innen {
 margin:0;
 padding:2em 2em 2em 2em ;
 background-color:#EDE4CD;


/* border: 2px solid red; */
  }

/* Buch Ende */

/* Album */
.album_rr { background:  #ECE5D1 url("/icon/album_28.gif") right repeat-y; }
.album_ll { background:  url("/icon/album_24.gif") left repeat-y;}
.album_uu { background:  url("/icon/album_32.gif") bottom repeat-x;}
.album_oo { background:  url("/icon/album_11.gif") top repeat-x;}
.album_ro { background:  url("/icon/album_13.gif") top right no-repeat;}
.album_lo { background:  url("/icon/album_10.gif") top left no-repeat;}
.album_ru { background:  url("/icon/album_34.gif") bottom right no-repeat;}
.album_lu { background:  url("/icon/album_31.gif") bottom left no-repeat;
     padding: 19px 103px 78px 41px ;
}
.album_innen {
 margin:0;
 padding:2em 2em 2em 2em ;
 background-color:#000;


/* border: 2px solid red; */
  }

/* Album Ende */

#Inhalt {
 margin-left:15em;
 margin-top: 90px;
 padding:0px;
 /*border: 2px solid green; */
}



#inhalt p {
 margin:0;
 padding:0;
 margin-bottom:0.5em;
}

  #Navigation {
    font-size: 0.83em;
    margin: 0 0 1.2em; padding: 0;
  }
  #Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
  }
  ul#Navigation a:link {
    color: black; background-color: #eee;
  }
  ul#Navigation a:visited {
    color: #666; background-color: #eee;
  }
  ul#Navigation a:hover {
    color: black; background-color: white;
  }
  ul#Navigation a:active {
    color: white; background-color: gray;
  }

.content {
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   padding-top: 40px;
   padding-right: 20px;
   padding-bottom: 50px;
   padding-left: 30px;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
}

/*****************************************************************/
/* Links */
/*****************************************************************/
A {
   border-bottom: 1px solid;
   text-decoration: none;
}
A:link , A:visited   {color: #000000;}
A:hover   {color: #FF0000;}

.album a:link, .album a:visited {color: #FFFFFF}
.album a:hover {color: #FF0000}

.kartenlabel a:link, .karte a:visited {color: #FFFFFF}
.kartenlabel a:hover {color: #000000}

/*****************************************************************/
/* Überschriften */
/*****************************************************************/
H1 {font-size: 180%; font-weight: bold; font-family:"Times New Roman", Times, serif;}
H2 {font-size: 130%;font-family:"Times New Roman", Times, serif;}
H3 {font-size: 110%;}
H4 {font-size: 100%;}

/*****************************************************************/
/* Menüs */
/*****************************************************************/
.menu ,
.menu_disabled {
   font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
   font-size: 110%;
   font-weight: bold;
   text-decoration: none;
   border-bottom: 0px
}
.menu   {color: #FFFFFF;}
.menu_disabled   {color: #D3AC59;}

A.menu:link ,
A.menu:visited   {color: #000000;}
A.menu:hover   {color: #FF0000;}

A.menu_disabled:link ,
A.menu_disabled:visited,
A.menu_disabled:hover   {color: #D3AC59;}

/*****************************************************************/
/* Menüs oben auf der Seite */
/*****************************************************************/

a.smenu:link,
a.smenu:visited,
a.smenu:hover {
   font-size: 110%;
   font-weight: bold ;
   text-decoration: none;
   border-bottom: 0px ;
   }

a.smenuhier:hover {
   color: #FF0000;
   }
a.smenuhier:link,
a.smenuhier:visited {
   color: #BB0000;
   }
a.smenuhier:link,
a.smenuhier:visited,
a.smenuhier:hover {
   font-size: 110%;
   font-weight: bold;
   text-decoration: none;
   border-bottom: 0px ;
   }


/*****************************************************************/
/* Spezielle Textformate */
/*****************************************************************/

.Versalie {
   font-size: 150%;
   color: #990000;
   font-weight: bolder;
}
A.Versalie:link,
A.Versalie:visited   {color: #990000; }
A.Versalie:hover   {color: #FF0000; }


.textmitversalie:first-letter {
   /*font-transform: uppercase;*/
   text-transform: uppercase;
   font-size: 150%;
   color: #990000;
   font-weight: bolder;

}


.footer {
   font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   color: #F7F8E2;
}

.Anmerkung {
   color: #006633;
}

.zitat {
   font-style: normal;
   text-align: right;
}

.zitatautor {
   font-style: italic;
}

.gesperrt {
   letter-spacing: 10pt;
}

.log {
   font-family: "Courier New", Courier, mono;
   color: #FF0000;
   font-size: 80%;
}

.logtable  {
   font-family: "Courier New", Courier, mono;
   color: #FF0000;
   border: 1px solid #FF0000;
   background-color:#FFFFFF;
   font-size: 70%;
}

.symbolpix {
   vertical-align: bottom;
}

.zifferklein {
   font-size: 90%;
}

.zifferunten {
   vertical-align: baseline;
}

.zifferoben {
   vertical-align: text-top;
   font-size: 80%;
}

.noprortional {
   font-family: "Courier New", Courier, mono;
   font-size: 80%;
   color: #999988;
}

.namelist {
   padding-left: 0px;
   text-indent: -20px;
}

.stammbaumlist {
   padding-left: 10px;
   text-indent: -10px;
}

.noprortionalschwarz {
   font-family: "Courier New", Courier, mono;
   font-size: 80%;
   color: #EEEECC;
}

.grossbuchstaben {
   text-transform: uppercase;
   letter-spacing: 0.05em;
   font-size: 0.95em;
   }

/*****************************************************************/
/* Personen und Ortsnamen */
/*****************************************************************/
.Ort {
   color: #003399;
}
A.Ort:link,
A.Ort:visited   {color: #003399; }
A.Ort:hover   {color: #FF0000; }


.Person {
   color: #CC0000;
}
A.Person:link,
A.Person:visited   {color: #CC0000; }
A.Person:hover   {color: #FF0000; }

.mann {
   color: #000066;
}
A.mann:link,
A.mann:visited   {color: #000066; }
A.mann:hover   {color: #FF0000; }

.frau {
   color: #990000;
}
A.frau:link,
A.frau:visited   {color: #990000; }
A.frau:hover   {color: #FF0000; }

.Ortschwarz {
   color: #003399;
}
A.Ortschwarz:link,
A.Ortschwarz:visited   {color: #003399; }
A.Ortschwarz:hover   {color: #FF0000; }


.Personschwarz {
   color: #CC0000;
}
A.Personschwarz:link,
A.Personschwarz:visited   {color: #CC0000; }
A.Personschwarz:hover   {color: #FF0000; }

.mannschwarz {
   color: #EEEEFF;
}
A.mannschwarz:link,
A.mannschwarz:visited   {color: #EEEEFF; }
A.mannschwarz:hover   {color: #FF0000; }

frauschwarz  {
   color: #FFEEEE;
}
A.frauschwarz:link,
A.frauschwarz:visited   {color: #FFEEEE; }
A.frauschwarz:hover   {color: #FF0000; }



/*****************************************************************/
/* Briefe */
/*****************************************************************/
.datum         {   text-align:right;}
.titel {   text-align:center;}
.gru {   text-align:right;}

/*****************************************************************/


.photo_alt {   color: #CC9900;   font-weight: bold;}


.iconlinc {
   color: #FFFFFF;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-bottom: 0px;
   text-decoration: none;
   

}
.iconlinc:link, .iconlinc:visited, .iconlinc:hover {
  text-decoration: none;
  border-bottom: 0px;
  color: #FFFFFF;
}

/*****************************************************************/
/* Bilder und Icons
/*****************************************************************/

.bildtitel {
   font-size: smaller;
   font-style: italic;
}

.bildflowleft {
   float:left ;
   margin-right:30px;
   margin-bottom:40px;
}

.bildflowright {
   position: absolute;
   float:left ;
   margin-right:30px;
   margin-bottom:40px;
}

.icon {
   text-decoration: none;
   border:0;
   border-bottom: 0px;
}



table {
   /* background:  url("/icon/bueroklammer.gif") top left no-repeat;
   background-color:#FBF4E0;
   border: 20px solid #FBF4E0;  */
   border: none ;
   margin-right:25px;
   border-collapse:collapse;
   border-spacing:5px;
  }


td {
   /* border: 1px solid #cccccc;*/
   padding-left: 0.5em;
   padding-right: 0.2em;
   vertical-align: top;
   text-align: left;
;
  }


.stammbaumtable {
   background:  none;
   background-color:#FBF4E0;
   border: 20px solid #FBF4E0;
   margin-right:25px;
   border-collapse:collapse;
   padding: 0;
  }


.stammbaumtd {
   border: none;
   padding: 0;
   vertical-align: top;
   text-align: left;
  }

tr.tablehead{
   background-color:#FFFFaa;
   }

tr.tablealternaterow{
   background-color:#FFFFdd;
   }



.masstabBeschriftung
	{
	text-align:left;
	/* vertical-align:bottom;*/
	padding:0 0 0 0;
	}
.masstab
	{
	text-align:left;
	vertical-align:bottom;
	border-top:none;
	border-right:1px solid #000000;
	border-bottom:none;
	border-left:1px solid #000000;
	height:3pt;
}
.masstabDunkel
	{
	text-align:general;
	vertical-align:bottom;
	border:1px solid #000000;
	background:#888888;
	height:6px;
	padding:0 0 0 0;
	}
.masstabHell
	{
	text-align:general;
	vertical-align:bottom;
	border:1px solid #000000;
	background:#FFFFFF;
	height:6px;
	padding:0 0 0 0;
	}
/*****************************************************************/
/*****************************************************************/

