/* external CSS file, written for GEALAN */
/*        no HTML markup allowed!        */


/*normale Tabelle*/
#contentbox table {
	margin: 9px;
}
#contentbox table td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: auto;
	vertical-align: top;
	/* text-align: left; */
}
#contentbox table td p, #contentbox table td h3{
	margin: 4px 0;
	padding: 4px 0;
}

/* Table for the colours */
#contentbox table.color {
	background-color: #F6F7FA;
	margin: 9px;
	width: 473px;
}
#contentbox table.color td {
	border-bottom: #FFF solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 6px;
	vertical-align: middle;
	text-align: left;
}

/* Table for the colour survey */
#contentbox table.colorPicker {
	background-color: #EFF2F5;
	margin: 9px;
	width: 473px;
}
#contentbox table.colorPicker td {
	border-bottom-color: #FFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 9px 2px 9px;
	vertical-align: top;
	text-align: left;
}
#contentbox table.colorPicker td a {
	font-weight: normal;
	color: #000099;
}
#contentbox table.colorPicker td a:hover{
	text-decoration: underline;
}
#contentbox table.colorPicker td.right {
	text-align: right;
}
#contentbox table.colorPicker .header, #contentbox table.colorPicker .header a{
	background-color: #8CAAF0;
	color: #FFFFFF;
}
/* Table for in the fensterkaeufer text */
#contentbox table.example {
	margin: 9px 9px 9px 9px;
	width: 473px;
}
#contentbox table.example td {
	background-color: #D7DEF4;
	border-bottom: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 3px 9px 2px 9px;
	vertical-align: top;
	text-align: left;
}
#contentbox table.example td.picture {
	background-color: #FFF;
	margin: 0;
	padding: 0;
	text-align: center;
}
#contentbox table.example td a {
	font-weight: normal;
	color: #000099;
}
#contentbox table.example td a:hover{
	text-decoration: underline;
}
#contentbox table.example td.right {
	text-align: right;
}
#contentbox table.example th {
	border-bottom: 1px solid #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	background-color: #8CAAF0;
	color: #009;
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding: 4px;
}
/* Table style for forms */
#contentbox table.loginForm {
	background-color: #EFF2F5;
	margin: 9px 9px 9px 9px;
	width: 473px;
}
#contentbox table.loginForm th {
	border-bottom: #FFFFFF solid 1px;
	background-color: #D4D8E0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 9px 2px 9px;
	vertical-align: top;
	text-align: left;
}
#contentbox table.loginForm td {
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 9px 2px 9px;
	vertical-align: top;
	text-align: left;
}
#contentbox table.loginForm td a {
	font-weight: normal;
	color: #000099;
}
#contentbox table.loginForm td a:hover{
	text-decoration: underline;
}
#contentbox table.loginForm td.right {
	text-align: right;
}
#contentbox table.loginForm .header, #contentbox .loginForm .header a{
	color: #FFFFFF;
}
/* Table for references */
#contentbox table.references {
	background-color: #EFF2F5;
	margin: 9px;
	width: 474px;
}
#contentbox table.references td {
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 9px;
	vertical-align: middle;
	text-align: center;
}
#contentbox table.references td a {
	font-weight: normal;
	color: #000099;
}
#contentbox table.references td a:hover{
	text-decoration: underline;
}
#contentbox table.references td.right {
	text-align: right;
}
/* Table for addresses and similar */
#contentbox table.contact {
	border: none;
	margin: 9px;
	padding: 0;
	width: 248px;
	font-size: 12px;
}
#contentbox table.contact td {
	padding: 4px;
}
#contentbox table.contact th {
	width: 60px;
	padding: 4px;
	font-weight: bold;
}
#contentbox table.contact .highlight {
	background-color: #F0F2F9;
}
/* although not really a table, the following presents data in tabular form.
Thus the inclusion in this style sheet (for now) */
#contentbox .advantageList {
	display: inline-block;
}
#contentbox .advantageList {
	display: block;
	margin: 9px;
	padding: 0;
}
#contentbox .advantageList h1 {
	border-bottom: 1px solid #DDD;
	clear: both;
	margin: 1em 0 0 0;
	padding: 0 0 4px 0;
}
#contentbox .advantageList h3 {
	border-bottom: 1px solid #DDD;
	font-size: 12px;
	clear: both;
	margin: 1em 0 0 0;
	padding: 0 0 4px 0;
}
#contentbox .advantageList h4 {
	font-size: 12px;
	color: #000;
	margin: 0.5em 0;
	padding: 0;
}
#contentbox .advantageList p {
	margin: 1em 0;
}
#contentbox .advantageList img {
	border: 1px solid #FFF;
	float: right;
	margin: -4px -9px 0px 9px;
	padding: 0;
}
#contentbox .advantageList h3 img{
	margin: 0;
	padding: 0 0 9px 9px;
}
/* #contentbox .advantageList p:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*/

/* Table for the glossary */
#contentbox table.glossary {
	background-color: #F6F7FA;
	margin: 9px 9px 9px 9px;
	border-collapse: collapse;
}
#contentbox table.glossary td, #contentbox table.glossary th {
	border-bottom: 1px dashed #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 6px;
	vertical-align: top;
	text-align: left;
	white-space: normal;
}
#contentbox table.glossary th {
	font-weight: bold;
	width: 120px;
}
#contentbox table.glossary td {
	font-weight: normal;
	width: 329px;
}
/* the smaller widths are for the links table */
#contentbox .system_body table.glossary th {
	font-weight: bold;
	width: 170px;
}
#contentbox .system_body table.glossary td {
	font-weight: normal;
	width: 250px;
}
/* Table for the French list of openings */
#contentbox table.shapes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	margin: 0 9px;
	border-collapse: collapse;
	width: 474px;
}
#contentbox table.shapes td, #contentbox table.shapes th {
	margin: 0;
	vertical-align: top;
	text-align: center;
	white-space: normal;
}
#contentbox table.shapes th {
	border-bottom: 1px dotted #DDD;
	font-weight: normal;
	padding: 18px 0 6px 0;
	vertical-align: bottom;
}
#contentbox table.shapes td {
	font-weight: normal;
	padding: 6px;
}
/* Table for the history */
#contentbox table.history {
	background-color: #F6F7FA;
	margin: 9px 9px 9px 9px;
	border-collapse: collapse;
}
#contentbox table.history td, #contentbox table.history th {
	border-bottom: 1px dashed #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 6px;
	vertical-align: top;
	text-align: left;
	white-space: normal;
}
#contentbox table.history th {
	font-weight: bold;
	width: 60px;
}
#contentbox table.history td {
	font-weight: normal;
	width: 389px;
}

/* Table for the system test table */
#contentbox table.results {
	background-color: #F6F7FA;
	margin: 9px;
	padding: 0;
	border-collapse: collapse;
}
#contentbox table.results td, #contentbox table.results th {
	border: 1px solid #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 6px;
	vertical-align: top;
	text-align: left;
	white-space: normal;
	width: 33%;
}
#contentbox table.results th {
	background-color: #3765B3;
	font-weight: bold;
	color: #FFF;
}
#contentbox table.results td {
	font-weight: normal;
}
#contentbox table.results td.label {
	background-color: #C8D2F5;
	font-weight: normal;
}
/* Table for results in the sustainability report */
#contentbox table.kennzahlen {
	background-color: #F6F7FA;
	margin: 9px;
	padding: 0;
	border-collapse: collapse;
}
#contentbox table.kennzahlen td, #contentbox table.kennzahlen th {
	border-bottom: 1px solid #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	white-space: normal;
}
#contentbox table.kennzahlen th {
	background-color: #C03;
	color: #FFF;
}
#contentbox table.kennzahlen th strong {
	font-size: 11px;
	font-weight: bold;
}
#contentbox table.kennzahlen td {
	border-left: 2px solid #C03;
	text-align: right;
}
#contentbox table.kennzahlen td.label {
	color: #C03;
	font-size: 12px;
	font-weight: bold;
}
/* Table for results in the sustainability report */
#contentbox table.programm {
	background-color: #F6F6F6;
	margin: 9px;
	padding: 0;
	border-collapse: collapse;
	width: 474px;
}
#contentbox table.programm td, #contentbox table.programm th {
	border-bottom: 1px solid #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	white-space: normal;
}
#contentbox table.programm th {
	background-color: #C03;
	color: #FFF;
	width: 100px;
}
#contentbox table.programm td.label {
	background-color: #F0F0F6;
	font-weight: bold;
}
/* Table for the system test table in the drop-lists */
#contentbox .system_body table.results td, #contentbox .system_body table.results th {
	font-size: 11px;
	padding: 4px;
}
#contentbox .system_body table.results.r2 td, #contentbox .system_body table.results.r2 th {
	font-size: 11px;
	width: auto;
}

/* Table for the opening method definitions */
#contentbox table.openings {
	background-color: #F6F7FA;
	margin: 9px 9px 9px 9px;
	border-collapse: collapse;
	width: 473px;
	border-top: 1px dashed #CCC;
}
#contentbox table.openings td, #contentbox table.openings th {
	border-bottom: 1px dashed #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 6px;
	vertical-align: top;
	text-align: left;
	white-space: normal;
}
#contentbox table.openings th {
	font-weight: bold;
	text-align: center;
}
#contentbox table.openings td {
	font-weight: normal;
}