:root {
  --metabackground: #e8ebef;
  --contentbackground: #f5f5f5;
  --contentbackground: #f9f9f9;
  --pagetitles: #3a597c;
  --pagetitles: #3a597c;
  
}


body
{
	background:var(--metabackground);
	color:#b9bec1;
	font-family:trebuchet, verdana;
	font-size:1.1em;
	margin:0;
}

header,footer,nav 
{
	padding:.55em;
}
nav {padding-right: 1.2em}

div 
{
	padding:.8em 1.4em;
}
article 
{
	padding:.95em 1.35em; /* padding:.8em 1.4em; */ 
	line-height: 1.25em; /* temp. standard 1.2 */
}
aside
{
	padding:.88em .9em;
	border-left: 2px dashed #111; 
	border-left: 1px solid #111; 
}

#pageFooter
{
	background:var(--metabackground);
	color:#595f63;
}

#mainArticle
{
	background:var(--contentbackground);
	color:#d0d4d6;
	color:#291e1b;
}

#mainNav
{
	background:var(--metabackground);
	margin-top:-.6em;
}

.mainnavsection
{
	color:var(--pagetitles);
	font-weight:700;
}

#mainNav ul
{
	list-style-type:none;
	margin:0 0 .6em;
	padding:0;
}

#mainNav a
{
	background:#ffffff; 
	border: 1px solid #282726; 
	color:#282726;
	display:block;
	font-size:.9em;
	font-size:1em;
	font-weight: normal;
	margin:.2em 0;
	padding:.5em .5em;
	text-decoration:none;
}

#mainNav a:active
{
	background:#414d57;
}

#mainNav a:hover
{
	background:#2b506d;
	color:#FFF;
}

#mainNav p
{
	margin:.5em 0 .1em .2em;
}

#sideBar
{
	background:var(--contentbackground); 
	font-size: 0.95em;
}

a, a:visited
{ 
	color:#387cb0; 
}

a:hover
{ 
	color:#3090d9 /* slightly toned down */
}

h1
{
	color:var(--pagetitles); 
	font-size:2.2em;
	font-weight:700;
	margin:0;
	font-family: georgia;
	font-style: normal;
	 text-shadow: 1px 0px;
}

h1 a,h1 a:visited
{
	color:var(--pagetitles); 
	text-decoration:none;
}

h2 {
	margin-top:0.5em;
	margin-bottom:0.5em;
}
h3 {
	margin-top:1em;
	margin-bottom:0em;
	color: #fbfcfd; /* almost white */
}
/*
h2:first-child, h3:first-child, h4:first-child {
    margin-top:0;
} */
.notopmargin {
	margin-top:0;
}
h2 > a, h3 > a, h4 > a, h2 > a:visited, h3 > a:visited, h4 > a:visited  {
	text-decoration: none;
	color: #d0d4d6; 
}
h2 > a:hover, h3 > a:hover, h4 > a:hover {
	/* text-decoration: underline; */
	color: #3090d9; 
}
input[type=text], input[type=number], textarea, select
{
	background:#282726;
	border:2px solid #836d43;
	border-radius:4px;
	color:#eef0f2;
	font-family:courier;
	font-size:1.38em;
	font-weight:700;
	height:1.6em;
	margin:.11em 0;
	max-width:100%;
	padding:0 .4em;
	text-align:left;
}

select {  
	font-size:1.1em;
	font-weight:500;
	font-family: trebuchet, verdana;
}

input[type=text]:focus, input[type=number]:focus
{
	background:#2d2e2f;
	border:2px solid #227ec4;
	color:#fcfdfe;
}
.inputerrorborder { 
	color: #834343 !important;
}
.textarea3 {
	height: 4.1em;
}

.form22
{
	width:15em;
}
.form27
{
	width:20em;
}
.form32
{
	width:20.8em;
}

.form39
{
	width:24.9em;
}

.form52
{
	width:32.3em;
}

.form64
{
	width:40em;
}

.form8
{
	width:10em;
}

.form2
{
	width:3em;
}

.buttona
{
	background:#836d43;
	border:2px solid #282726;
	border-radius:4px; 
	color:#f6f6f6;
	display:inline-block;
	font-family:courier;
	font-size:1.4em;
	font-weight:700; 
	margin:.7em 0;
	padding:.25em .4em;
	padding:.33em .4em .25em .4em; /* shift down */
	text-decoration:none;
	vertical-align:center;
}
.buttona:visited
{   
	color:#f6f6f6;
}
.buttona:hover
{
	background:#227ec4;
	color: #f6f6f6;
}
.buttongreen
{
	background-color:#438343; 
}

.buttongreen:hover
{
	background-color:#22c22a;
}
.buttonred
{
	background-color:#834343; 
}

.buttonred:hover
{
	background-color:#c22222;
}
.buttonblue
{
	background-color:#836d43; 
}
 
fieldset
{
	border:none;
}

#errorboxred, .warningred /* are the classes in use? */
{
	background-color:#ffaca1;
	color:#671907; 
}
#errorboxyellow, .warningyellow
{
	background-color:#fff7a1;
	color:#676107; 
}
#messageboxgreen, .messagegreen
{
	background-color:#b8fac1;
	color:#076707; 
}
#errorboxred,  #errorboxyellow,  #messageboxgreen
{ 
	display:none;
}
/* orphaned warning box
{
	background-color:#ffaca1;
	color:#671907;
	display:none;
}
*/
.code, code, pre { 
	background-color: var(--metabackground); /* nav background */
	background-color: #212121; /* semi */
	font-family:  'Courier New';
	display: inline-block;
	max-width: 95%; /* experimental */
	word-wrap: break-all; /* experimental */
} 
.code, code {
	padding: 0.07em 0.5em 0.03em 0.5em; 
	margin-bottom: -0.16em; /* prevent line height diff for single-lines */ 
	margin-bottom: -0.14em; /* correct overlaps */ 
}
.code {
	background-color: #2d2e2f; /* a little brighter. mainly for non-copyable inline purposes. legacy? */	
}
pre {
	padding: 0.3em 0.5em; 
	margin: 0;
	white-space: pre-wrap; /* investigate this for other fields */
}
.break {
	word-break: break-all;
}

/* prevent superscript from affecting line height */
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.55em;
}
sub { 
  top: 0.55em; 
}
 
td, th {border: 1px solid black; padding: 5px  }
table { border-spacing: 0px; border-collapse: collapse;}

.copybutton {
	display:inline-block; width: 1.1em; 
	color: white;
	color: #9aff5d;  
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABYAQMAAABYjOKDAAAAB3RJTUUH4gMbFjcJppB9NQAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAAGUExURQAAAK2zuH6VsTkAAAABdFJOUwBA5thmAAAAM0lEQVQoz2NgoAJg/g8GlDA/gEh7qjMhAJUJs5YCJtSCUeagYdr/p5RJy2RImElCXsEKAC1DvDUkYY0NAAAAAElFTkSuQmCC');
	   opacity:  0.95;

    background-repeat: no-repeat;
    background-size: 1.1em; 
	-webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
	cursor: pointer; 
}  	
.copybutton:hover {
	 opacity:  1;
}

.copybutton:hover {
	   background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABYCAQAAADIS7hLAAAAcElEQVRo3u3auQ0AIAwEQfffNKRkSAibR7PXwEQmIULSR7XZCgIEBCwDxsYBAgICvgLM2j/AkrcMEBCwCJh0RgABAQEBAQEBAQEBAQEBAQEBAQEBAQGPApc/VQACAl56ZoYBAgICAgICHviWAgio9Trx8OmSNPNTgwAAAABJRU5ErkJggg==');
	  
}

#quicklinks {padding: 0; }
#quicklinks a, #quicklinks a:hover
{
	color:#3491e0; 
	text-decoration: none;
}
#quicklinks a:hover
{
	color:#48a6f6; 
}


/* replace with rel external trigger
a[href^="http://"]:not([href*="balkonkraftwerk.tips"]):after, a[href^="https://"]:not([href*="balkonkraftwerk.tips"]):after{
    content: " (EXTERNAL)" 
}
a[href^="balkonkraftwerk.tips"]:not([href*="]):after{
    content: "<sup>(internal)</sup>" 
}
*/