html { padding: 0; margin: 0; height: 100%; }

body {
	font-family: "Segoe UI", "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 100%;
	margin: auto;
	max-width: 1160px;
	min-width: 700px;
	min-height: 400px;
	background: #F9F9F9;
	overflow: auto;
	height: 90%;
	padding: 0px;
}

.stupid { position: absolute; left: 20px; top: 20px; }
.stupid a { opacity: 0.5; }
.stupid a:not(:hover) { text-decoration: none; }

a { color: #222288 }
h1 { font-size: 160%; color: #004060; margin-top: 0.25em; margin-bottom: 0.15em; font-weight: 200; }
h2 { font-size: 120%; color: #004060; margin-top: 0.15em; margin-bottom: 0.25em; font-weight: 300; }
h3 { font-size: 110%; color: #004060; margin-top: 0.25em; margin-bottom: 0.15em; font-weight: 400; }

li#hometab { font-weight: bold; }
li.active#hometab a { color: #0; }

.content { position: relative; float: left; clear: both; border: 1px solid #EEEEEE; background: white; padding: 0px 20px 20px; width: 100%; height: 100%; overflow: auto; border-radius: 16px }

p.q { font-weight: bold; margin: 8px 0px 0px 0px; }
p.a { margin-top: 0px; margin-bottom: 4px; }
ul.perks { margin-top: 2px; margin-bottom: 2px; }
p.languages { display: inline; color: #999999; clear: right; position: relative; left: 1em; top: 0.7em; }
p.newline { clear: both; line-height:0; }

a.lang { margin: 4px 4px 4px 4px; float: right; font-size: 75%; text-decoration: none; }

.promo { font-family: "Tahoma", "sans-serif"; font-size: 145%; color: #444444; }
.promo p { margin-top: 1em }

.versionhistory { font-family: "Tahoma", "sans-serif"; color:#444444 }
p.bignotbold { font-weight: lighter; line-height:0; padding-top: 1em; }
ul.history { font-size: 90%; font-weight: bold; padding: 0; margin-top: 0.25em; margin-bottom: 0.50em; list-style-position: inside; list-style-type: disc; column-count: 2; }
ul.history li{ font-size: 90%; font-weight: normal; margin-left: 0.25em; padding-top:0.25em; }
ul.history a { text-decoration: underline dotted #888888; color: black; }
ul.history2 { font-size: 90%; font-weight: bold; padding: 0; list-style-position: inside; list-style-type: circle; }
ul.history2 li{ font-size: 90%; font-weight: normal; margin-left: 0.25em; padding-top:0.25em; }

.screenshots img { border-radius: 8px; margin-left:0.25em; margin-right:0.25em; margin-top:0.25em; }

.collapsibleContainer { border: solid 1px #EEEEEE; border-radius: 8px; margin-top:1.25em; }
.collapsibleContainerTitle { cursor:pointer; }
.collapsibleContainerTitle div { font-size: 90%; padding: 4px 4px 4px 4px; background-color:#F9F9F9; color:#222222; }
.collapsibleContainerContent { padding: 4px 4px 4px 4px; display: none; }

/*RESPONSIVE */

@media screen and (max-width: 768px) {
	html {height: auto;}
	body {min-width: unset; min-height: unset; overflow: initial; height: auto; width: 100%; max-width: 100%;}
	.content { margin-top: 0px; margin-bottom: 0px; column-count: 1; border-radius: unset; padding: 10px; width: calc(100vw - 20px);}
	ul.history { margin-top: 10px; margin-bottom: 10px; column-count: 1; }
	ul.history li { font-size: 14px; }
	#home .content {float: none; height: auto; overflow: none; border-radius: 16px;}
	h1 {display: block; clear: both;  margin-left: 27px; }
	p.languages {display: block; clear: both; left: 0;}
}