body {
	background-color: #ffffc0;
	font-size: 14px;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: verdana, tahoma, sans-serif;
	text-align: justify;
}

/* https://blog.prototypr.io/how-to-set-perfect-line-lengths-for-the-web-528f08f8b344
   alapján, de kisebb betűvel.
*/
article {
	width: 50em;
	font-size: 16px;
	margin: 0 auto;
	max-width: 100%;
}

.time {
	display: block;
	font-size: 12px;
	font-style: italic;
	line-height: 1em;
	margin-top: 1em;
	margin-bottom: 1.5em;
}

img, figure {
	/* A böngésző alapbeállítása bezavar, felülírjuk. */
	margin-left: 0px;
}

.keretes {
	width: 240px;
	float: right;
	background-color: rgb(90%, 90%, 90%);
	color: brown;
	border: 1px dashed black;
	padding: 5px;
	margin-left: 20px;
}

/*
a {
	text-decoration: none;
	border-bottom: 1px dashed;
	color: #000000;
}

a:hover{
	text-decoration: none;
	border-bottom: none;
	color: #000000;
}

a img {
	border: none!important;
	text-decoration: none!important;
}

table a img {
	border: none!important;
	text-decoration: none!important;
}*/

b {
	font-size: 110%;
}

em {
	color: red;
}

/* A k-t próbáljuk irtani, helyette kiemelt. */
k, .kiemelt {
	color: maroon;
	font-weight: bold;
}

figcaption {
	text-align: center;
	font-size: 10px;
	font-style: italic;
}

/* Demó a CSS-cikk dobozmagyarázatához */
.changeonmouse:hover {
	background-color: white;
	border: 5px dotted black;
	padding: 20px;
	margin-top: 100px;
	margin-bottom: 30px;
	outline: cyan solid 70px;
}

#maincontainer {
	width: 1200px;
}

#topsection {
	color: #000000;
	background: #df5050;
	padding-left: 20px;
	height: 40px;
	border-bottom: 4px solid #dddd20;
}

/* A h1 alapértéke innen:
   https://www.w3schools.com/cssref/css_default_values.asp
   Hogy ne a h1-et használjuk a névhez.
h1 {
	display: block;
	font-size: 2em;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}
*/

h1 {
	margin: 0;
	padding-top: 7px;
	font-size: 20px;
}

.myname {
	display: block;
	margin: 0;
	padding-top: 7px;
	font-size: 20px;
	font-weight: bold;
}

h2 {
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}

article h2 {
	font-size: 18px;
}

article h3 {
	font-size: 16px;
	padding-left: 20px;
	font-style: italic;
}

#toc {
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
}

#toc a {
	color: maroon;
}

.toclink {
	display: block;
	margin-top: .5em;
	font-size:	12px;
	color: maroon;
}

#contentwrapper {
	float: left;
	width: 100%;
}

#contentcolumn {
	margin-left: 200px;
}

.content {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}

.news {
	margin-top: 30px;
}

#leftcolumn {
	float: left;
	color: #cf4040;
	padding-top: 5px;
	width: 200px;
	height: 100%;
	margin-left: -1200px;
	border: 2px dotted #cf4040;
	border-top: none;
	background-color: #d0efb0;
	font-size: 16px;
}

#navmenu {
	text-align:center;
	color: #cf4040;
	padding: 5px;
	margin-top: 10px;
	border: 2px dotted #cf4040;
	background-color: #d0efb0;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
}

.pont {
	word-spacing: 20px;
}

footer {
	clear: left;
	width: 100%;
	background: #eee;
	/*
	filter: alpha(opacity=40);
	opacity: 0.6;
	*/
	color: #000; /* #FFF; */
	text-align: center;
	padding: 2px 0;
}

footer a {
	color: #004;
}

.innertube {
	font-variant: small-caps;
	font-weight: bold;
	margin: 5px;
	margin-top: 0;
}

.innertube a {
	border: none;
}

.login {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0;
	border-top: 2px dotted #cf4040;

}

#navmenu a {
	font-weight: bold;
	color: #cf4040;
	text-decoration: none;
}

#navmenu a:hover {
	font-weight: bold;
	color: #cf4040;
	text-decoration: none;
}

#leftcolumn li a {
	font-weight: bold;
	color: #cf4040;
	text-decoration: none;
}

#leftcolumn li a:hover{
	font-weight: bold;
	color: #cf4040;
	text-decoration: underline;
}

.small {
	font-size: 12px;
}
.colors {
	position: absolute;
	top: 10px;
	left: 500px;
	font-size: 12px;
}

input, select {
	background-color: #efefef;
	border: 1px solid #afaf70;
	margin: 0px;
	padding: 1px;
	font-size: 12px;
}

.login_textfield {
	width: 85px;
}

.contentform {
	text-align: left;
}

table.prettytable {
	border-collapse: collapse;
	background: #f0ffd0;
	margin: 1em 1em 1em 0;
	text-align: left;
}

table.prettytable td,
table.prettytable th {
	border: 1px solid #ccc;
	padding: 3px 6px 3px 6px;
	overflow: visible; /* IE bugix: http://hu.wikipedia.org/w/index.php?title=Wikip%C3%A9dia:Kocsmafal_(m%C5%B1szaki)&oldid=5171001#IE_t.C3.A1bl.C3.A1zatprobl.C3.A9m.C3.A1k */
}

table.prettytable th {
	color: #cf4040;
	background: #dfdfdf;
	font-weight: bold;
	text-align: center;
}

table.prettytable td.fej {
	text-align: center;
	font-size: larger;
	padding-top: 15px;
}

table.prettytable li {
	margin-left: -20px;
}

/* https://www.w3schools.com/tags/tag_hr.asp */
hr {
  display: block;
  width: 60%;
  margin-top: 2.5em;
  border-style: inset;
  border-width: 2px;
  border-color: #eee;
}

/* Számozott kódsorok
	https://www.sylvaindurand.org/using-css-to-add-line-numbering/
	https://stackoverflow.com/questions/43962371/align-code-line-numbers-with-css
*/
pre .code{
    counter-reset: line;
}

code {
	color: #004;
}

.kiemelt code {
	color: inherit;
}

.code code {
    counter-increment: line;
	-moz-tab-size: 4;
	tab-size: 4;
}

.code code::before {
	width: 1.5em;
    content: counter(line);
	-webkit-user-select: none;
	text-align: right;
	display: inline-block;
	padding-right: 2px;
	margin-right: 10px;
	color: #888;
	border-right: 1px solid #ccc;
}

.vicc:hover {
	color: orange;
	background: blue;
	cursor: progress;
}

.vicc::selection {
  color: red;
  background: yellow;
}

.initial::first-letter {
	/*
	https://developer.mozilla.org/en-US/docs/Web/CSS/initial-letter#Browser_compatibility
	Még új technológia, egyszer majd lesz:
	initial-letter: 2;
	*/
	font-size: 28px;
	font-family: serif;
	font-weight: bold;
	letter-spacing: 1px;
	color: brown;
	text-shadow: 1px 1px red;
}

/* Toldalékok kötőjele ne törjön */
.nobreak {
	white-space: nowrap;
}