/** === RESET === **/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

BODY {
	max-width: 960px;
	margin: 0 auto;
    padding: 2em 2em .5em;
	font-family: Arial, sans-serif;
	font-size: 62.5%;
    line-height: 1.7;
	color: #333;
	background-color: #fff;
}

/** === END OF === **/
/** === LINKS === **/

h1, h2, dt {color: #000080;}

A {
	padding: 0 2px 0 0;
	color: #326891;
	text-decoration: none;
}
A:link, A:visited, A.button:hover {border-bottom: 1px solid #326891;}
A:hover, A:active {
	border-bottom: none;
	color: #e23923;
}
a.button[lang="en-US"] {width: 99px;}
a.button[lang="de-DE"] {width: 144px;}
a.button[lang="ja-JP"] {width: 85px;}
a.button:hover {border-bottom-color: #e23923;}

/** === END OF LINKS === **/
/** === HEADINGS ==== **/

h1, h2  {
	font-style: normal;
	font-weight: normal;
}
h1 {
	font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
	font-size: 2.8rem;
	text-align: center;
	line-height: 1.15;
	padding: 4px 1px;
}
h2 {
	font-family: Arial, sans-serif;
	font-size: 2rem;
	letter-spacing: 0.28px;
   	padding-bottom: 8px;
	border-bottom: 2px solid #000080;
	margin-bottom: 20px;
}

/** === END OF HEADINGS === **/
/** === NAV LINKS === **/
div.navigation {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1.45;
	margin: 2.1rem auto 2.1rem 0;
}
div.navigation a {
	font-size: 1.4rem;
	padding-right: 4px;
	text-decoration: none;
	margin-bottom: 6px;
	letter-spacing: .1px;
	border-bottom: 1px solid #000080;
}

div.navigation a:hover {
	padding-bottom: 1px;
	border-bottom: none;
}

/** === END OF NAV LINKS === **/
/** === DEFINITION LIST ITEMS === **/
dl, ul, p {
	font-size: 1.35rem;
	letter-spacing: .09px;
}

dt {
	font-weight: 600;
	letter-spacing: .32px;
	margin-bottom: .26rem;
}
dd {
	margin-left: 2rem;
	margin-bottom: 1.12rem;
}

ul {
	margin: 1rem auto 1rem 35px;
	padding-left: 0;
}

/** === END DEFINITION LIST ITEMS === **/
/** === TABLES === **/

.table {
	width: 100%;
	border: 1px solid #000080;
	padding: 4px;
	border-collapse: separate;
	border-spacing: 5px;
}

th {text-align: left;}

.table th,
.table td {
	font-size: 0.94rem;
	padding: 3px;
	border: 1px solid #DEE4F0;
}
.four-columns th:first-child {width: 11%;}
td.file {
	color: #326891;
	font-weight: 600;
}
.table tr:nth-child(even) {
	background-color: rgba(233, 226, 219, 0.2);
	table.four-columns th:first-child {width: 15%;}

}
@media screen and (max-width: 1100px){
	h2 {font-size: 1.72rem;}
	dl, ul, p {font-size: 1.3rem;}
	}

@media screen and (max-width: 880px){
	h1 {font-size: 2.64rem;}
	h2 {font-size: 1.7rem;}
	dl, ul, p {font-size: 1.06rem;}
	body.labels	.table {border-collapse: collapse;}
	body.labels	thead, body.labels th {
		visibility: hidden;
		height: 0;
		position: absolute;
	}
	body.labels	tr {
		display: block;
		margin-bottom: .625em;
	}
	.table td {
		font-size: .93rem;	
		padding: 3px;
		border: 1px solid #DEE4F0;
		border-bottom-width: 0;
		display: block;
	}

	body.labels	td::before {
		content: attr(data-label) ":";
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .8px;
		margin-right: .35rem;
	}
	}

@media screen and (max-width: 780px){
	h1 {font-size: 2.54rem;}
	h2 {font-size: 1.62rem;}
	dl, ul, p {
		font-size: 1.16rem;
	}
	.table th,
	.table td {font-size: 0.89rem;}
	}

@media screen and (max-width: 600px){


	dl, ul, p {
		font-size: 1rem;
	}
	.table th,
	.table td {font-size: 0.82rem;}
	}

SPAN.Code {
	font-family: monospace;
	font-size: 1.04rem;
	color: rgba(172, 21, 10, 0.904);
}


/** === END OF === **/
/** === BUTTON === **/

a.button {
	display: block;
	width: 106px;
	font-family: Arial, sans-serif;
	font-size: .75rem;
	line-height: 1.71;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin: 2rem 0 1.65rem auto;
	text-align: right;
	letter-spacing: .5px;
	border-bottom: 1px solid #326891;
	padding: 3px 0 3px 3px;
}
a.button:hover {border-bottom-color: #e23923;}

/** === END BUTTON === **/