/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/


/*Surname Cloud*/
/* This change applies to the genstyle.css and not to the template css.
The a.size1 through 0 are the same as in the genstyle.css files. No changes.
But if not in this css file the display makes them all the same size, 12px. /*
*/
.surnames-cloud, .surnames-cloud a
{
  font-size: 13px;
}
a.size1      { font-size: 130%; }
a.size2      { font-size: 120%; }
a.size3      { font-size: 120%; }
a.size4      { font-size: 120%; }
a.size5      { font-size: 120%; }
a.size6      { font-size: 120%; }
a.size7      { font-size: 120%; }
a.size8      { font-size: 120%; }
a.size9      { font-size: 120%; }
a.size0      { font-size: 100%; }


/*Suchboxen Text von 14 auf 12*/
#cb-header-links  a:visited, #cb-header-links a  {
	color: #e4dbce;
	font-size: 12px;
	text-decoration: none;

}


/*Header Text kleiner für Personen und Familien*/
.header  {
	font-size: 25px;
	}

/* History Wappen z. B 2 Überschrift*/
.histpostheader
{
   color: #504034;
   margin: 0 0 10px;
   font-size: 15px;
   font-weight: normal;
   font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, Serif;
   text-align: left;
}

/* Verschiebt Haupttitel und Slogan nach links*/
.cb-headline {
   left: 315px;
   margin-top: -10px;
       }
.cb-slogan {
 left: 315px;
 font-family: "Palatino Linotype",Georgia,"Times New Roman",Times,serif;
    }
/* Ändert Suchtext*/

   .cb-searchtext {
       font-size: 12px;
   }

/* Verschiebt Suchbox*/
   .cb-header-search-box {
     left: 90%;
	 margin-left: -380px !important;
     z-index: 101;
}

/* nur 25% anstelle 40% */
col1and2 {
	color: #e4dbce;
	width: 25%;
}


 /* TABELLE ABGERUNDET FÜR STARTSEITE*/
 /*Hintergrundfarbe auf wäre background-color: #f9f9f9; aber nicht gestezt */
.cb-tabmain-rounded
{
    border: 0px solid #987E64;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: 0px 0px 2px #987E64;
    -moz-box-shadow: 0px 0px 2px #987E64;
    -webkit-box-shadow: 0px 0px 2px #987E64F;
    -o-box-shadow: 0px 0px 2px #987E64;

}

   /* TABELLE ABGERUNDET FÜR EXTRAPAGE SEITEN - MARTIUS-SEITEN*/
.cb-tabmartius-rounded
{
	padding: 0px;
	cellpadding: 10px;
	border: 4px solid #FFF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0px 0px 1px  #777;
    -moz-box-shadow: 0px 1px 1px #777;
    -webkit-box-shadow: 0px 1px 1px #777;
    -o-box-shadow: 0px 1px 1px #777;
	border-collapse: separate;
}

  /* HM BUTTON SHAPE STARTSEITE 3stellige ZWEIGNUMMER* + HM Tooltipp*/
.btn-001:link, .btn-001:visited, .btn-001:hover, .btn-001:active
{
 font-family: Arial;
 font-size: 11px;
 color: #655543;
 text-align: center;
 text-Decoration: none;
 width: 100px;
 height: 20px;
 padding: 0px 10px 0px 10px;
 line-height: 20px;
}
.btn-001:link, .btn-001:visited
{
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
  border-radius: 2px;
 -webkit-box-shadow: 0px 0px 0px #666666;
  -moz-box-shadow: 0px 0px 0px #666666;
  box-shadow: 0px 0px 0px #666666;
 color:#655543;
 background-color:transparent;
 border-left:1px solid #ffffff;
 border-top:1px solid #ffffff;
 border-right:1px solid #987E64;
 border-bottom:1px solid #987E64;
}
.btn-001:hover, .btn-001:active
{
 color:#655543;
 background-color:transparent;
 border-left:1px solid transparent;
 border-top:1px solid transparent;
 border-right:1px solid #987E64;
 border-bottom:1px solid #987E64;
}
/* FÜR TOOLTIPP AM BUTTON STARTSEITE*/
.btn-001 {
  position: relative;
  display: inline;
}
.btn-001 span {
  position: absolute;
  width:140px;
  color: #3B6385;
  background: #F0F0F1;
  height: 30px
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 2px;
}
.btn-001 span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #987E64;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.btn-001 span {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

/* CSS FÜR BUTTONPOSITIONIERUNG AUF  MTREE.PHP ZWEIGE - SEITE*/
div.show-image {
    position: relative;
    float:left;
    margin:0px;
}
div.show-image a {
	display: block;
    position:absolute;
}
div.show-image a.eaa {top:170px; left:48px;}
/* Gen1*/
div.show-image a.eaa15 {top:190px; left:48px; width:16px;height:16px;}
div.show-image a.eca {top:190px; left:132px;}
div.show-image a.esa {top:190px; left:538px;}
div.show-image a.eta {top:190px; left:608px;}
div.show-image a.eza {top:190px; left:969px;}
/* Gen2*/
div.show-image a.eac {top:213px; left:72px;}
div.show-image a.ete {top:213px; left:629px;}
div.show-image a.eti {top:213px; left:662px;}
div.show-image a.exa {top:213px; left:844px;}
div.show-image a.exc {top:213px; left:877px;}
div.show-image a.exe {top:213px; left:910px;}
div.show-image a.exr {top:213px; left:943px;}
/* Gen4*/
div.show-image a.era {top:260px; left:505px;}
/* Gen5*/
div.show-image a.eia {top:283px; left:239px;}
/* Gen6*/
div.show-image a.eea {top:307px; left:218px;}
div.show-image a.eic {top:307px; left:260px;}
div.show-image a.eii {top:307px; left:293px;}
div.show-image a.ela {top:307px; left:448px;}
div.show-image a.err {top:307px; left:525px;}
div.show-image a.eva {top:307px; left:682px;}
/* Gen7*/
div.show-image a.eip {top:330px; left:356px;}
div.show-image a.eit {top:330px; left:389px;}
div.show-image a.eiz {top:330px; left:422px;}
div.show-image a.ena {top:330px; left:466px;}
div.show-image a.ery {top:330px; left:598px;}
div.show-image a.eva13 {top:330px; left:682px;width:16px;height:16px;}
div.show-image a.evg {top:330px; left:722px;}
div.show-image a.evp {top:330px; left:789px;}
/* Gen8*/
div.show-image a.eag {top:353px; left:88px;}
div.show-image a.eim {top:353px; left:308px;}
div.show-image a.eio {top:353px; left:341px;}
div.show-image a.ene {top:353px; left:483px;}
div.show-image a.ers {top:353px; left:545px;}
div.show-image a.ert {top:353px; left:582px;}
/* Gen9*/
div.show-image a.eai {top:377px; left:112px;}
div.show-image a.ecg {top:377px; left:146px;}
div.show-image a.ecc {top:377px; left:179px;}
div.show-image a.eni {top:377px; left:506px;}
div.show-image a.erv {top:377px; left:579px;}
div.show-image a.evn {top:377px; left:769px;}
div.show-image a.evr {top:377px; left:835px;}
div.show-image a.evt {top:377px; left:868px;}
/* Gen10*/
div.show-image a.ece {top:400px; left:198px;}
div.show-image a.evc {top:400px; left:701px;}

/* Gen11*/
div.show-image a.enl {top:424px; left:525px;}
div.show-image a.evl {top:424px; left:746px;}
div.show-image a.evs {top:424px; left:811px;}
div.show-image a.evv {top:424px; left:883px;}
div.show-image a.evx {top:424px; left:916px;}

/* CSS FÜR BUTTONPOSITIONIERUNG AUF  MTREE_EGID.PHP ZWEIGE - SEITE*/
div.show-image a.aaa {top:155px; left:55px;}
/* Gen1*/
div.show-image a.ala {top:176px; left:383px;}
/* Gen2*/
div.show-image a.aga {top:199px; left:191px;}
div.show-image a.ava {top:199px; left:415px;}
div.show-image a.apa {top:199px; left:455px;}
div.show-image a.ana {top:199px; left:746px;}
/* Gen3*/
div.show-image a.ata {top:221px; left:483px;}
div.show-image a.ara {top:221px; left:562px;}
div.show-image a.apc {top:221px; left:639px;}
div.show-image a.ann {top:221px; left:851px;}

/* Gen4*/
div.show-image a.aca {top:245px; left:83px;}
div.show-image a.ate {top:245px; left:505px;}
/* Gen5*/
div.show-image a.aea {top:268px; left:191px;}
div.show-image a.atg {top:268px; left:533px;}
div.show-image a.ars {top:268px; left:587px;}
div.show-image a.api {top:268px; left:666px;}
/* Gen6*/
div.show-image a.arc {top:292px; left:613px;}
div.show-image a.apn {top:292px; left:694px;}
div.show-image a.ang {top:292px; left:773px;}
div.show-image a.anc {top:292px; left:826px;}

/* Gen7*/

div.show-image a.aee {top:315px; left:217px;}
div.show-image a.ape {top:315px; left:720px;}

/* Gen8*/
div.show-image a.acg {top:338px; left:138px;}
div.show-image a.aen {top:338px; left:245px;}
div.show-image a.aeg {top:338px; left:279px;}
div.show-image a.ani {top:338px; left:798px;}
div.show-image a.har {top:338px; left:640px;width:16px;height:16px;}

/* Gen9*/
div.show-image a.acc {top:361px; left:112px;}
div.show-image a.aei {top:361px; left:307px;}

/* Gen10*/
div.show-image a.aci {top:384px; left:164px;}



/* UND BUTTON FÜR ZWEIGE - SEITE MIT TOOLTIPP*/
.btn-002:link, .btn-002:visited, .btn-002:hover, .btn-002:active
{
 font-family: Arial;
 font-weight: bold;
 font-size: 12px;
 color: #655543;
 text-align: center;
 text-Decoration: none;
 width: 30px;
 height: 15px;
 padding: 0px;
 line-height: 15px;
}
.btn-002:link, .btn-002:visited
{
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
  border-radius: 3px;
 -webkit-box-shadow: 0px 1px 5px #666666;
  -moz-box-shadow: 0px 1px 5px #666666;
  box-shadow: 0px 1px 5px #666666;
 color:#655543;
 background-color:white;
 border-left:1px solid #987E64;
 border-top:1px solid #987E64;
 border-right:1px solid #987E64;
 border-bottom:1px solid #987E64;
}
.btn-002:hover, .btn-002:active
{
 color:#red;
 background-color:white;
 border-left:1px solid #transparent;
 border-top:1px solid #transparent;
 border-right:1px solid transparent;
 border-bottom:1px solid transparent;
}
.btn-002 {
  position: relative;
  display: inline;
}
/*Nachfolgend die Tooltipps*/
.btn-002 span {
 font-weight: normal;
 position: absolute;
  width:140px;
  color: #3B6385;
  background: #F0F0F1;
  height: 30px
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 2px;
}
.btn-002 span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #987E64;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.btn-002 span {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

/* BUTTON FÜR FRAUENZWEIGE - STERN BORDER SCHMALER*/
.btn-004:link, .btn-004:visited, .btn-004:hover, .btn-004:active
{
font-family: Arial;
 font-weight: bold;
 font-size: 12px;
 color: #655543;
 text-align: center;
 text-Decoration: none;
 width: 30px;
 height: 15px;
 padding: 0px;
 line-height: 15px;
}



/* UND BUTTON HINTERGRÜNDE FÜR ZWEIGE - SEITE MIT TOOLTIPP*/
/*light gray*/
.b-gray:link, .b-gray:visited
{background-color:#F2F2F2;}
.b-gray:hover
{background-color:white;}

/*light viola*/
.b-viola:link, .b-viola:visited
{background-color:#ECCEF5;}
.b-viola:hover
{background-color:white;}

/*light blue*/
.b-blue:link, .b-blue:visited
{background-color:#CEE3F6;}
.b-blue:hover
{background-color:white;}

/*light green*/
.b-green:link, .b-green:visited
{background-color:#CEF6CE;}
.b-green:hover
{background-color:white;}

/*red*/
.b-red:link, .b-red:visited
{background-color:#FFDCDC;}
.b-green:hover
{background-color:white;}

/* light brown*/
.b-brown:link, .b-brown:visited
{background-color:#d2b48c;}
.b-green:hover
{background-color:white;}


/*Schrift normal*/
.b-fnormal {font-weight:normal;}











/*CSS FÜR STAMMBAUM VON GEORG*/
/*  {margin: 0; padding: 0;}*/

.tree ul {
	padding-top: 20px; position: relative;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 15px 0 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #ccc;
	width: 50%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 1px solid #ccc;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #ccc;
	width: 0; height: 20px;
}

.tree li a{
	border: 1px solid #ccc;
	padding: 5px 20px 5px 10px;
	text-decoration: none;
	color: #666;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	display: inline-block;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover ~ ul li a {
	background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after,
.tree li a:hover+ul li::before,
.tree li a:hover+ul::before,
.tree li a:hover+ul ul::before{
	border-color:  #94a0b4;
}

.tree li input:checked + ul > li { display: block;   margin: 0 0 0.125em;  /* 2px */}

.tree li input + ul > li { display: none; margin-left: -14px !important; padding-left: 1px; }

.tree input[type=checkbox] {
    margin-left:-20px;
}

/* Linksausrichtung der Aufzählungen*/
.cb-postcontent li, .cb-post li, .cb-textblock li
{
   text-align: left;
}


/* für Jahrestage_Scripts*/

.tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: green;
}

.smaller {
	font-size: 12px;
}


/* für Startseite Untertitel der Wappen*/
.ut_smaller {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 11px;
	color:orange;
}


/* für  My Button siehe Wiki My_User_Buttons_Add-on */
/* My Button CSS Start */
.mybutton {
	width: 240px; /* determines size of button */
	font-size: 16px; /* determines size of button */
	padding: 4px; /* padding around text */
    background-color: #f9f9f9;
	text-align: center;
	margin: auto; /* centres button */
	margin-top: 10px; /* adds vertical space between buttons */
	margin-bottom: 10px; /* adds vertical space between buttons */
	-moz-border-radius: 5px 5px 5px 5px; /* button rounded corners for Firefox*/
	-webkit-border-radius: 5px 5px 5px 5px; /*button rounded corners for Safari*/
	border-radius: 5px 5px 5px 5px;/*button rounded corners - standard syntax */
	box-shadow: 4px 4px 2px #aaaaaa; /* button shadow effect */
}

.mybutton:active {
	transform: translateY(1px) /* button click effect */
}

.mybutton a:link{
	text-decoration:none;
	color: #red; /* text colour */
	display: block; /* makes entire button clickable */
}

.mybutton a:hover {
	color: #FFCC00; /* text colour on hover, GELB*/
	font-weight: bold; /* text weight on hover */
}
/* My Page Button CSS End */

.tblock{
	border: 1px solid #000;
	padding: 20px;
	margin-bottom: 25px;
	border-radius: 10px;
	box-shadow: 2px 2px 6px 1px #bbb;
	background-color: red;
}

.titlebox {
 background-color: transparent;
 }

  /* HM BUTTON SHAPE STARTSEITE Für Zweigüberschriften*/
.btn-003:link, .btn-003:visited, .btn-003:hover, .btn-003:active
{
 font-family: Arial;
 font-size: 16px;
 color: #655543;
 text-align: left;
 text-Decoration: none;
 width: 100px;
 height: 20px;
 padding: 0px 0px 0px 0px;
 line-height: 20px;
box-shadow: 0 4px 3px -3px #aaaaaa; /* button shadow effect */

}


.btn-003:link, .btn-003:visited
{
/* -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
  border-radius: 2px;
 -webkit-box-shadow: 0px 12px -12px #666666;
  -moz-box-shadow: 0px 12px -12px #666666;*/
  box-shadow: 0px 12px -12px #666666;
 color:#655543;
 background-color:#BEC1CB;
 border-left:0px solid #ffffff;
 border-top:0px solid #ffffff;
 border-right:0px solid #987E64;
 border-bottom:1px dotted #987E64;
}
.btn-003:hover, .btn-003:active
{
 color:#655543;
 background-color:transparent;
 border-left:0px solid transparent;
 border-top:0px solid transparent;
 border-right:0px solid #987E64;
 border-bottom:0px solid #987E64;
}
/* FÜR TOOLTIPP AM BUTTON STARTSEITE*/
.btn-003 {
  position: relative;
  display: inline;
}
.btn-003 span {
  font-size: 12px;
  position: absolute;
  width:140px;
  color: #3B6385;
  background: #F0F0F1;
  height: 30px
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 2px;
}
.btn-003 span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #987E64;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.btn-003 span {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}


/* Änderungen für Mobile Mobil Titel Title HM für Mod mobile_site_v12.0.0.3.cfg*/

.mhead span {
	padding: 7px;
	/*color: #5E8DB5;*/
	color: #C0C0C0;
	/*font-weight: bold;*/
	/*font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, Serif;*/
	line-height:normal;
	font-stretch: 50%;
	font-size: 14pt;
	height: 14px;
}

	/* Änderungen für tablediv nicht trennbare Zeilen */

.tablediv {
overflow: hidden; /* fix for Firefox */
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
}


/* VON TNG Colouring Cploring E. Hoppe Xerxx*/

.header, .plainheader {
color: #3B6385;
}

.subhead {
color: #3B6385;
}

body {
color: #444444;
}

.normal {
color: #444444;
}

a:link, a:active {
color: #3B6385;
}

a:visited {
color: #3B6385;
}

a.lightlink3:link, a.lightlink3:visited, a.lightlink3:hover, a.lightlink3:active {
color: #FFDD44;
}

a.lightlink:link, a.lightlink:visited {
color: #FFFFFF;
}

a.lightlink:hover, a.lightlink:active {
background-color: #5E8DB5;
}

a.lightlink:hover, a.lightlink:active {
color: #FFDD44;
}

#tngnav a {
background: #F9F5F0;
}

#tngnav a:hover {
background: #5E8DB5;
}

#tngnav a.here {
background: #5E8DB5;
}

#tngnav a {
color: #444444;
}

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

#tngnav a.here {
color: #FFDD44;
}

div.icons a {
color: #5E8DB5;
}

.icons-rt a.tngsmallicon {
color: #FFFFFF;
}

.LB_closeAjaxWindow, .bar, .sideback, .fieldnameback {
background-color: #5E8DB5;
}

.whiteback {
background-color: #EEEEEE;
}

.whiteback {
border-color: #EEEEEE;
}

.titlebox {
background-color: #EEEEEE;
}

.fieldname {
color: #FFFFFF;
}

.thumb {
-moz-box-shadow: 1px 1px 1px 0px #777777;
-webkit-box-shadow: 1px 1px 1px 0px #777777;
box-shadow: 1px 1px 1px 0px #777777;
}

.smallimg {
-moz-box-shadow: 1px 1px 1px 0px #777777;
-webkit-box-shadow: 1px 1px 1px 0px #777777;
box-shadow: 1px 1px 1px 0px #777777;
}

.footer {
color: #444444;
}

.snlink {
background-color: #DDD4C5;
}

.snlink {
color: #444444;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
background-color: #5E8DB5;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
color: #FFFFFF;
}

.LB_window {
background: #DDD4C5;
}

.LB_window {
color: #444444;
}

ul.tngdd a {
color: #5E8DB5;
}

ul.tngdd ul li a {
background-color: #EEEEEE;
}

ul.tngdd ul li a {
color: #000000;
}

ul.tngdd ul li a:hover {
background-color: #FFFFFF;
}

ul.tngdd ul li a:hover {
color: #000000;
}

.slidedown {
background-color: #EEEEEE;
}

ul.tngdd .menulink {
background: #FFFFFF url(../img/ArrowDown.gif) 2px 8px no-repeat;
background-image: url(../img/ArrowDown.gif), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFFF));
background-image: url(../img/ArrowDown.gif), -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: url(../img/ArrowDown.gif), -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: url(../img/ArrowDown.gif), -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: url(../img/ArrowDown.gif), -o-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: url(../img/ArrowDown.gif), linear-gradient(top, #FFFFFF, #FFFFFF);
background-position: 2px 8px, 0px 0px;
background-repeat: no-repeat;
}

ul.tngdd .menulink:hover, ul.tngdd .menuhover {
background: #5E8DB5 url(../img/ArrowDown.gif) 2px 8px no-repeat;
}

ul.tngdd .menulink:hover, ul.tngdd .menuhover {
color: #FFFFFF;
}

div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu {
background-color: #FFFFFF;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFFF));
background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: linear-gradient(top, #FFFFFF, #FFFFFF);
}

#mast {
background-color: #FFFFFF;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFFF));
background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: linear-gradient(top, #FFFFFF, #FFFFFF);
border-top: 1px solid #FFFFFF;
}

.mhead li a {
background-color:#EEEEEE;
border-bottom: 1px solid #333333;
border-top: 1px solid #DDDDDD;
color:#000000;
}

.databack {
background-color: #DDD4C5;
}

.databack {
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;
}

.lightback {
background-color: #E8E8E0;
}

.mainbox {
background-color: #E8E8E0;
}

.whitesubhead {
color: #444444;
}

.sideback {
background-color: #5E8DB5;
background-image: none;
}

.admincell {
background-color: #DDD4C5;
background-image: none;
}

a.admincell {
background-color: #DDD4C5;
background-image: none;
}

a.admincell:link, a.admincell:visited, a.admincell:active {
color: #444444;
}

a.admincell:link>div, a.admincell:visited>div, a.admincell:active>div {
color: #444444;
}

a.leftlink:link, a.leftlink:visited, a.leftlink:active {
color: #FFFFFF;
}

a.admincell:hover {
background-color: #5E8DB5;
color: #FFFFFF;
}

a.admincell:hover>div {
background-color: #5E8DB5;
color: #FFFFFF;
}

a.leftlink:hover {
background-color: #DDD4C5;
color: #444444;
}

.mainback {
background-color: #E8E8E0;
}

.tngshadow {
background-color: #DDD4C5;
}

a.tngshadow {
background-color:#EEEEEE;
color: #000000;
}

.th-indent {
color: #444444;
}

.whiteheader {
color: #FFFFFF;
}

table.calendar {
background-color: #5E8DB5;
color: #FFFFFF;
}

th.calDay {
color: #FFFFFF;
}

td.calDay {
background-color: #DDD4C5;
}

td.calDay a.calDate, td.calDay a.calEvent {
color: #444444;
}

td.calToday {
background-color: #EEEEEE;
}

td.calToday a.calDate, td.calToday a.calEvent {
color: #000000;
}

#calLegend {
background-color: #5E8DB5;
}

a.nothidden {
color: #FFFFFF;
}

a.hidden {
background-color: #DDD4C5;
color: #444444;
}

.calIcon {
background-color: #D0D0D0;
padding: 1px;
}

.mtitlehr {
margin-left: -8px;
margin-right: -8px;
}



.CSEsiteHeading {
color: #3B6385;
}

.CSEsiteHeading {
text-shadow: 0 0 8px #eeeeee, 0 0 16px #bbbbbb, 0 0 32px #888888;
}

.CSEsiteHeadingText {
text: Our Family Genealogy Pages;
}

.CSEsiteHeading2 {
color: #3B6385;
}

.CSEsiteHeading2 {
text-shadow: 0 0 8px #eeeeee, 0 0 16px #bbbbbb, 0 0 32px #888888;
}

.CSEsiteHeading2Text {
text: Discovering our American, Canadian and European Ancestors;
}

body {
   background-color: #ffffff;
}

.publicbody {
   background-image: none;
}

.publicbody {
   background-color: #ffffff;
}

@media (max-width: 640px) {
	.publicbody {
           background: url('../img/022d9.png') repeat scroll 0 0 rgba(0, 0, 0, 0);
           padding: 8px;
	}
}

.innercontainer {
   background-color: #E8E8E0;
}

div.innercontainer, ul.tngdd .stubmenu, ul.tngdd .langmenu, .tngdd li a.menulink {
    border: 0px;
}

.tngdd li a:hover.menulink {
    border: 0px;
}

#tngdd {
   background: #E8E8E0;
}

.cb-postcontent a, .cb-postcontent a:link
{
   color: #3B6385;
}

.cb-postcontent a:visited, .cb-postcontent a.visited
{
   color: #3B6385;
}

.cb-postcontent  a:hover, .cb-postcontent a.hover
{
   color: #3B6385;
}

.cb-postcontent h1
{
   color: #1F1A14;
}

.cb-postcontent h2
{
   color: #1F1A14;
}

.cb-postcontent h3
{
   color: #1F1A14;
}

.cb-postcontent h4
{
   color: #1F1A14;
}

.cb-postcontent h5
{
   color: #1F1A14;
}

.cb-postcontent h6
{
   color: #1F1A14;
}

.cb-headline, .cb-headline a, .cb-headline a:link, .cb-headline a:visited, .cb-headline a:hover
{
  color: #3B6385 !important;

}

.cb-slogan, .cb-slogan a, .cb-slogan a:link, .cb-slogan a:visited, .cb-slogan a:hover
{
  color: #3B6385 !important;

}

.cb-footer
{
   color: #444444;
}

.cb-footer a, .cb-footer a:link, .cb-footer a:visited, .cb-footer a:hover, .cb-footer td, .cb-footer th, .cb-footer caption
{
   color: #444444;
}

.cb-footer a, .cb-footer a:link
{
   color: #5E8DB5;
}

.cb-footer a:visited
{
   color: #5E8DB5;
}

.cb-footer a:hover
{
   color: #FFDD44;
}

.cb-content .cb-postcontent-0 .layout-item-0 {
	border-color: #ffffff;
	color: #444444;
}

.cb-content .cb-postcontent-0 .layout-item-0 {
background:  url('../img/022d9.png') scroll;
}

.cb-content .cb-postcontent-0 .layout-item-1 {
	color: #444444;
}

.cb-content .cb-postcontent-0 .layout-item-3 {
	border-color: #ffffff;
	color: #444444;
}

.cb-content .cb-postcontent-0 .layout-item-3 {
background:  url('../img/022d9.png') scroll;
}

.cb-content .cb-postcontent-0 .layout-item-4 {
	color: #444444;
	border-bottom-width: 0px;
	border-bottom-color: #444444;
}

#col1and2 {
	color: #5E8DB5;
}

#col1and2 a:hover, col1and2 a:visited {
	color: #5E8DB5;
}

#cb-header-links  a:visited, #cb-header-links a  {
	color: #5E8DB5;
}

.cb-tng-area {
	border: 1px solid #ffffff;
	color: #444444;
}

.cb-tng-area {
background:  url('../img/022d9.png') scroll;
}

.maintitle {
color: #3B6385;
text-shadow: 0 0 8px #eeeeee, 0 0 16px #bbbbbb, 0 0 32px #888888;
}

.mmaintitle {
background-color: #FFFFFF;
   background-image: none;
   background-color: #FFFFFF;

   color: #3B6385;
   padding: 8px;
   margin: -8px;
   margin-top: -17px;
   opacity: 1;
}

div.icons a:hover {
color: #FFDD44;
}

a.size1      { color: #000099; }
a.size1:link    { color: #000099; }
a.size1:visited { color: #000099; }

a.size2      { color: #3333CC; }
a.size2:link    { color: #3333CC; }
a.size2:visited { color: #3333CC; }

a.size3      { color: #006633; }
a.size3:link    { color: #006633; }
a.size3:visited { color: #006633; }

a.size4      { color: #993300; }
a.size4:link    { color: #993300; }
a.size4:visited { color: #993300; }

a.size5      { color: #CC0033; }
a.size5:link    { color: #CC0033; }
a.size5:visited { color: #CC0033; }

a.size6      { color: #666666; }
a.size6:link    { color: #666666; }
a.size6:visited { color: #666666; }

a.size7      { color: #CC9900; }
a.size7:link    { color: #CC9900; }
a.size7:visited { color: #CC9900; }

a.size8      { color: #999933; }
a.size8:link    { color: #999933; }
a.size8:visited { color: #999933; }

a.size9      { color: #000000; }
a.size9:link    { color: #000000; }
a.size9:visited { color: #000000; }

a.size0      { color: #000000; }
a.size0:link    { color: #000000; }
a.size0:visited { color: #000000; }