/********************************************************/
/* 														*/
/* 			CSS-Stile für die Stammbaumanalyse 			*/
/* 														*/
/* 			"." class		"#"	id						*/
/********************************************************/


/***** Schriftstärke, Format doppelte Vorfahren  	*****/
.td-1,.td-2,.td-3,.td-4,.td-5,.td-6,.td-7,.td-8,.td-9,.td-10,.td-11,.td-12,.td-13,.td-14,.td-15,.td-16   {font-weight: bold; height:14px; padding-top:2px;}
.td-17,.td-18,.td-19,.td-20,.td-21,.td-22,.td-23,.td-24,.td-25,.td-26,.td-27,.td-28,.td-29,.td-30   {font-weight: bold; height:14px; padding-top:2px;}

/***** 	Hintergrund-/Textfarben doppelte Vorfahren 	 ****/
/* 	"!important" setzt eventuell vorhandene andere CSS-Regeln ausser Kraft	*/

.td-1, .td-1 a {background-color: #D50101 !important;color:#FFDD00 !important;}
.td-2, .td-2 a {background-color: #FD5501 !important;color:#000000 !important;}
.td-3, .td-3 a {background-color: #FFDD00 !important;color:#000000 !important;}
.td-4, .td-4 a {background-color: #006600 !important;color:#FFDD00 !important;}
.td-5, .td-5 a {background-color: #0022ff !important;color:#FFDD00 !important;}
.td-6, .td-6 a {background-color: #009999 !important;color:#000000 !important;}
.td-7, .td-7 a {background-color: #B50289 !important;color:#000000 !important;}
.td-8, .td-8 div a {background-color: #526C02 !important;color:#FFFFFF !important;}
.td-9, .td-9 a {background-color: #823C03 !important;color:#FFDD00 !important;}
.td-10, .td-10 a {background-color: #877399 !important;color:#000000 !important;} 
.td-11, .td-11 a {background-color: #b38698 !important;color:#000000 !important;}
.td-12, .td-12 a {background-color: #FF0000 !important;color:#FFFFFF !important;}
.td-13, .td-13 a {background-color: #555555 !important;color:#FFDD00 !important;}
.td-14, .td-14 a {background-color: #FF8800 !important;color:#662200 !important;}
.td-15, .td-15 a {background-color: #FFFF00 !important;}
.td-16, .td-16 a {background-color: #00CC00 !important;}
.td-17, .td-17 a {background-color: #0088ff !important;}
.td-18, .td-18 a {background-color: #03C8C8 !important;}
.td-19, .td-19 a {background-color: #BF33FF !important;}
.td-20, .td-20 a {background-color: #DC65AE !important;} 
.td-21 {background-color: #9fA358;}
.td-22 {background-color: #AB6023;}
.td-23 {background-color: #f200a2;}
.td-24 {background-color: #FF00ff;}
.td-25 {background-color: #FD6464;}
.td-26 {background-color: #FFCC00;}
.td-27 {background-color: #FFFF99;}
.td-28 {background-color: #00FF99;}
.td-29 {background-color: #00ccff;}
.td-30 {background-color: #5FFAFA;}
.td-31 {background-color: #D988FE;}
.td-32 {background-color: #FCA3FC;}
.td-33 {background-color: #C9CE77;}
.td-34 {background-color: #A7866B;}
.td-35 {background-color: #3d0099;color:#FFDD00;}
.td-36 {background-color: #81f200;}
.td-37 {background-color: #FEC7C7;}
.td-38 {background-color: #FCD08F;color:#FF0000;}
.td-39 {background-color: #ffaa00;}
.td-40 {background-color: #B1FCAB;}
.td-41 {background-color: #D988FE;}
.td-42 {background-color: #DC65AE;}
.td-43 {background-color: #319992;}
.td-44 {background-color: #A7866B;}
.td-45 {background-color: #990052;color:#FFDD00;}
.td-46 {background-color: #D5BCA7;}
.td-47 {background-color: #f20061;}
.td-48 {background-color: #FCD08F;}
.td-49 {background-color: #FF00ff;}
.td-50 {background-color: #B1FCAB;}


/***** 	Format, Hintergrund-/Textfarben HD-symbole 			****/
/*****	1=HDA, 2=HDB, 3=HDC, 4=HDD, 5=HDE					****/
.HD1, .HD2, .HD3, .HD4, .HD5 {width:3em; height:14px; padding-top:2px;font-weight:bold;  text-align: center; display: inline-block;}
.HD1 {background-color: #008800; color: #FFFFFF;}
.HD2 {background-color: #00FF00; color: #000000;}
.HD3 {background-color: #FFFF00; color: #000000;}
.HD4 {background-color: #FF8C00; color: #000000;}
.HD5 {background-color: #FF0000; color: #000000;}

/***** 	Format, Hintergrund-/Textfarben Krankheitssymbole 	****/
.DM, .HC, .HT, .LS, .SB {display: inline-block; width:1.9em; height:14px; padding-top:2px; text-align: center;font-weight: bold;}
.DM {background-color: #7AD7E7; color: #000000;}
.HC {background-color: #96aa22; color: #000000;}
.HT {background-color: #FFDD00; color: #000000;}
.LS {background-color: #E9A8ED; color: #000000;}
.SB {background-color: #B0CA66; color: #000000;}

/***** Rahmen um HD-/Krankheitssymbole: selber, Nachkommen, Geschwister ****/
.self, .off, .sib {display: inline-block; text-align: center;}
.self {height: 10px; border: black 2px solid;  padding-top:2px;}
.off  {height:  9px; border: black 3px double; padding-top:1px;}
.sib  {height: 10px; border: black 2px dotted; padding-top:2px;}




.analysisTables{
	display:block;

/* 	border: 1px #5991B9;	 */
	width: 97%;
	}
	
.COItable, th, 	td {font-family:sans-serif;
		border-collapse: collapse;
	background-color:#F2F2F2;
	border: solid 1px #5991B9;	
	
	font-size: 1em;}	
	
	
	
/* 
.disease, .HD {
	text-align: left;
	height: 15px;
	display: block;
	padding-top:2px;
	margin-left:10px;;
	float: left;
	width:97%; 
}
 */
.disease, .HD {
	height: 15px;		
	display: block;
	padding-top:2px;		
	padding-bottom:2px;
	margin-left:10px;
	/*float: left;*/
}


/***** Stile für Stammbaum ****/
#pedigree {
	font-family:sans-serif;
	width:97%;
	background-color:#D8D8D8;
	border: double 2px #5991B9;

	font-size:0.9em;
}
#pedigree tr {
	background-color:#F2F2F2; 
} 
#pedigree th {
	border: solid 2px #5991B9;
}

#pedigree td{
	border: solid 1px #D8D8D8;
}

#pedigree td, th{
	text-align: center;
	/*border: solid 4px #D8D8D8;*/
}



/***** 										****/
/*	.colOff td a:link, a:visited, a:active, */
.colOff div a {
	background-color:#F2F2F2 !important;
	color: #115098 !important;
	text-decoration: none !important;
	font-weight:normal !important;
}

.colOff td{
	background-color:#F2F2F2 !important;
	color: #115098 !important;
	font-weight:normal !important;
}

.colOff td div a:hover {
	text-decoration: none;
	color: #12A3EB !important;
}


	
.health td {
	background-color:#F2F2F2;
	border: 1px solid grey;
	text-align: center;
	color:#888888;
	width:16%;
	/*visibility: hidden;*/
}    
	

		
body {
	margin: 0px;
	padding: 0px;
	background-color: #D8D8D8; /*#F2F2F2;  //#ECF3F7;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #253A5A;
	border: solid #5991B9 1px;
}

#header {
	height: 22px;
	width: 100%;
	background-color: #BDBDBD;
	/*border:1px solid #BDBDBD;*/

	font-family: Verdana,​Arial,​Helvetica,​sans-serif;
	color: #354A6A;
	font-size: 1.4em;
	font-weight: bold;
	text-shadow:1px 1px 0px #ffffff;
	margin-top:-2px;
	padding: 5px;
	position: fixed;
}

#container {
	width: 100%;
	margin-top: 34px;
	/*border:1px solid #BDBDBD;*/
		border:none;
}

.myButton {
/* 
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
 */

	background-color:#ededed;
	border:1px solid #dcdcdc;
	display:inline-block;
	/*color:#777777;*/
	color:#009900;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:20px;
	line-height:20px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	text-indent:0;
	float: right;
	margin-right: 10px;

}
.myButton:hover {
	background-color:#cfcfcf;
}
.myButton:active {
	position:relative;
	top:3px;
	}
#buttonLabel{
	font-size:15px;
	margin-right: 10px;
	margin-top: 2px;
	float: right;
}

#form {
	display:inline-block;
	color:#253A5A;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:20px;
	line-height:20px;
	/*width:180px;*/
	/*text-decoration:none;*/
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	text-indent:0;
	float: right;

	margin-right: 15px;
	}

	a:link, a:visited, a:active {
	color: #115098;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #12A3EB !important;
}