body {
	color: #000;
	background: #222429;
	background-image:url('../images/background.png');
	font-family: 'PT Serif', serif;
	font-size: 100%;
	font-feature-settings: "kern" 1;
  	font-kerning: normal;
  	margin: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 50em;
}

a {
	color: #000;
	border-bottom: 1pt dotted black;
	text-decoration: none;
}
a:hover {
	border-bottom: 1pt solid black;
}
/*a {
	color: black;
	text-decoration-style: dotted;	
}*/

#content {
	background-color: #FFF;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1.5em;
	padding-top: 1em;
}

.title {
	color: #1e2125;
	font-family: 'PT Sans', sans-serif;
	font-size: 3.2em;
	font-weight: bold;
	padding-bottom: 0.33em;
}

h1 {
	font-family: 'PT Sans', sans-serif;
	padding-bottom: 0;
	margin-top: 0.67em;
	margin-bottom: 0.5em;
	font-size: 2em;
	font-weight: bold;
}

#contact h1, #links h1, #terminology h1, #changelog h1, #changelog h2 {
	color: #666;	
}

h2 {
	font-family: 'PT Sans', sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

ul {
	list-style: square;
	margin-top: 0.5em;	
	margin-bottom: 0.5em;	
	padding-left: 1.2em;
	margin-left: 0;
}

.link_list {
	margin-top: 1em;
}
	
.caps {
	font-size: 97%;
	letter-spacing: 0.07em;	
}

div+div {
	margin-top: 0.5em;	
}

.basic_font {
	font-family: 'Times New Roman', 'Times', serif;
}
.autogram {
	border-radius: 4px;
	padding-top: 0.4em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.autogram[lang=es] {
	background: #faeded;
	border: 1px solid #bd4444;
}

.autogram[lang=nl] {
	background: #faf2ed;
	border: 1px solid #bd7444;
}

.autogram[lang=de] {
	background: #faf7ed;
	border: 1px solid #bda544;
}

.autogram[lang=bg] {
	background: #f7faed;
	border: 1px solid #a5bd44;
}

.autogram[lang=sl] {
	background: #f2faed;
	border: 1px solid #74bd44;
}

.autogram[lang=fr] {
	background: #edfaed;
	border: 1px solid #44bd44;
}

.autogram[lang=la] {
	background: #edfaf2;
	border: 1px solid #44bd74;
}

.autogram[lang=sv] {
	background: #edfaf7;
	border: 1px solid #44bda5;
}

.autogram[lang=ru] {
	background: #edf7fa;
	border: 1px solid #44a5bd;
}

.autogram[lang=en] {
	background: #edf2fa;
	border: 1px solid #4474bd;
}

.autogram[lang=it] {
	background: #ededfa;
	border: 1px solid #4444bd;
}

.autogram[lang=tr] {
	background: #f2edfa;
	border: 1px solid #7444bd;
}

.autogram[lang=da] {
	background: #f7edfa;
	border: 1px solid #a544bd;
}

.autogram[lang=nb], .autogram[lang=nn] {
	background: #faedf7;
	border: 1px solid #bd44a5;
}

.autogram[lang=ko] {
	background: #faedf2;
	border: 1px solid #bd4474;
}
.table {
	display: table;
	margin-top: 0.5em;
	table-layout: fixed;
	width: 100%;	
}

.row {
	display: table-row;
}
.rowsep {
	display: table-row;
	line-height: 0.5em;
}

.autogram_left {
	display: table-cell;
	width: 100%;	
}

.autogram_sep {
	display: table-cell;
	width: 0.5em;
}

.autogram_right {
	display: table-cell;
	width: 100%;	
}

.autogram_creator {
	font-size: 70%;	
	margin-top: 0.3em;
	text-align: right;
}

.autogram_creator + div {
	 margin-top: 1em;	
}

section, footer {
	border-top: double black;
	margin-top: 1.5em;
	padding-top: 0.0em;
}

footer {
	display: table;
	padding-top: 1em;	
	width: 100%;	
}

.valid_html {
	display: none;
}

.last_update {
	display: table-cell;
	text-align: right;	
}

.autogram_footer {
	display: table;
	width: 100%;	
}
.autogram_footer>.autogram_comment, .autogram_footer>.autogram_creator {
	display: table-cell;	
}
.autogram_comment {
	font-size: 70%;
	padding-right:2em;
}

section > input{
	display: none;
}
@media (max-width:639px), (max-height:479px) {
	#content {
		padding: 0.5em;
	}
	.title {
		font-size: 2em;	
	}
	section > input + h1 ~ *, section > input + h1 ~ .table, section > input + h1 ~ .autogram_footer {
		display: none;
	}
	section > input:checked + h1 ~ *{
		display: block;
	}
	section > input:checked + h1 ~ .table, section > input:checked + h1 ~ .autogram_footer{
		display: table;
	}
	section > input:checked + h1 {
		margin-bottom: 0.2em;	
	}
	section > input:checked ~ div:last-of-type {
		margin-bottom: 0.7rem;	
	}
	.link_list {
		display: none;
	}
	#terminology {
		margin-top: 0.5em;	
	}
	section {
		border-top: none;
		margin-top: 0;	
	}
	h1 {
		background: linear-gradient(#F9F9F9, #EEE);
		border-right: 1px solid #DDD;
		border-left: 1px solid #DDD;
		border-top: 1px solid #DDD;
		box-sizing: border-box;
		color: black !important;
		font-size: 1.3em;
		font-weight: normal;
		margin-top: 0;	
		margin-bottom: 0;
		margin-left: 0;
		padding: 0.2em;
	}
	h2 {
		font-size: 1.2em;	
	} 
	h1 label:before {
		content: "\25B8  ";	/*25BE v*/ 
	}
	input:checked + h1 label:before {
		content: "\25BE  ";	/*25B4 ^*/
	}
}