/* !Generic */
body {
	background-color:#333333;
	color:#000000;
}

#container {
	color: #000000;
	background-color:#333333;
	padding: 0%;
	margin: auto;
}


/* !Main Index */
#mainSelector {
	font-family: comic, sans-serif;
	text-align: center;
	padding: 15%;
	color: #eeeeee;
}

#mainSelector table {
/* 	center table */
	margin-left: auto;
	margin-right: auto;
}

#mainSelector table td {
	padding-top: 10px;
	padding-bottom: 10px;
}

#mainSelector a {
	text-decoration: none;
	border-bottom: none;
	color: #eeeeee;
}

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

#mainSelector a:visited {
	text-decoration: none;
	border-bottom: none;
	color: #eeeeee;
}


#main_links {
	position: fixed;
	bottom: 3px;
	left: 1%;
	right: 1%;
	background-color: #444444;
	color: #aaaaaa;
	font-family: monospaced;
	font-size: 16px;
	text-align: center;
}

#secretAppIcon {
	width: 70px;
	height: 85px;
}


/* !About Page */
#about {
	font-family: serif;
	text-align: left;
	padding-top: 15%;
	position: fixed;
	left: 10%;
	right: 10%;
	color: #e7e8e7;
	background-color: rgba(255, 255, 255, 0);
}


/* !Contact Page */
#contact {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 20%;
	color: #c9c9c9;
	background-color: rgba(255, 255, 255, 0);
}

#contact a {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	border-bottom-width: 1pt;
	border-bottom-style: dotted;
	color: #c9c9c9;
	background-color: rgba(255, 255, 255, 0);
}

#contact a:link {
	text-decoration: none;
	border-bottom-width: 1pt;
	border-bottom-style: dotted;
	color: #c9c9c9;
	background-color: rgba(255, 255, 255, 0);
}




/* Privacy page */
.privacy {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 140%;
	color: #e7e8e7;
	background-color:#333333;
	margin-top: 10em;
	margin-left: 10em;
	margin-right: 10em;
}

.privacy a:link {
	text-decoration: none;
	border-bottom-width: 1pt;
	border-bottom-style: dotted;
	color: #c9c9c9;
	background-color: rgba(255, 255, 255, 0);
}

.privacy a:visited {
	text-decoration: none;
	border-bottom-width: 1pt;
	border-bottom-style: dotted;
	color: #c9c9c9;
	background-color: rgba(255, 255, 255, 0);
}




/* !Title / breadcrumps */
.titlebar {
	position: absolute;
	top: 10px;
	right: 20px;
	padding: 0;
	font-family: sans-serif;
	font-size: large;
	color: #ffffff;
	background-color: inherit;
}
.titlebar a {
	border: none;
	color: #aaccaa;
	background-color: inherit;
}
.titlebar a:link { 
	text-decoration: none; 
}
.titlebar a:visited { 
	text-decoration: none; 
}
.titlebar a:hover{ 
	color:#bbffbb;
	background-color: inherit;
	border-bottom: 1px dashed;
}

/* !Menu on the left */
.menubarleft {
	position: fixed;
	left: 1.5%;
	top: 64px;
	width: 7em;
	padding-top: 1em;
	background-color: #444444;
	font-family: sans-serif, Georgia;
	text-align: center;
}
.menubarleft h1 {
	padding: 1%;
	margin: 0%;
	font-family: sans-serif, Georgia;
	font-size: 14px;
}
.menubarleft h2 {
	padding: 1%;
	margin: 0%;
	font-size: 12px;
	font-family: sans-serif, Georgia;
}
.menubarleft a {
	color: #aaccaa;
}
.menubarleft a:link { 
	text-decoration: none; 
}
.menubarleft a:visited { 
	text-decoration: none; 
}
.menubarleft a:hover{ 
	color:#bbffbb;
	border-bottom: 1px dashed;
}

/* !Language selection */
.lang {
	position: fixed;
	left: 1.5%;
	bottom: 1%;
	width: 7em;
	padding: 0px;
	margin: 0;
	border: none;
}
.lang img {
	background-color: #3B4B94;
	border: none;
	padding: 0px;
}
.lang a {
	color: #205420;
}
.lang a:link { 
	text-decoration: none; 
}
.lang a:visited { 
	text-decoration: none; 
}
.lang a:hover{ 
	color:#ccffcc;
	border-bottom: 1px dashed;
}

/* !Main text / page content */
#maintext {
	min-width: 600px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	position: absolute;
	left: 10em;
	right: 1.5%;
	top: 64px;
	padding: 1%;
	background-color: #b0c5b1;
	color: #000000;
	font-size: 2ex;
}
#maintext h1 {
	text-shadow: 2px 2px 4px #282828;
	font-size: x-large;
	font-family: sans-serif, Georgia;
}
#maintext h2 {
	text-shadow: 2px 2px 4px #282828;
	font-size: large;
	font-family: sans-serif, Georgia;
	padding-top:3ex;
}
#maintext h3 {
	text-shadow: 2px 2px 4px black;
	font-family: sans-serif, Georgia;
	font-size: medium;
}
#maintext a {
	text-decoration: none;
	border-bottom: none;
	color: #000000;
	background-color: inherit;
}
#maintext a:link, a:visited, a:hover {
	border-bottom: 1px dashed;
}
#maintext a:hover {
	color: #0080ff;
}
#maintext a:active {
	color: #ff0000;
}
#maintext li {
	padding:3px;
}
#maintext td {
	padding:4px;
}

/* !Screenshots */
.screenshotTable {
	margin-left: auto;
	margin-right: auto;
}
.screenshotTable a:link, a:visited {
	border: none;
}

.imagetext {
	text-align: center;
	font-size: x-small;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

/* !Change History Table */
.logtable {
	color: black;
	background-color: #97aa99;
	border-spacing: 12px 3px;
}

.logtableEvenRow {
	color: black;
	background-color: #97aa99;	
}

.logtableOddRow {
	color: black;
	background-color: #8c9c8f;	
}


/* !HAC4OSX */
.figtext {
	font-family: sans-serif;
	font-size: x-small;
	border: none;
}

.tstyle {
	float: right;
	border: none;
	/*border: 1px dashed color silver;*/
	margin: 2px;
	background: #8fad90;
	align-content: center;
	clear: both;
}
.tstyle a {
	border: none;
}
.tstyle a:link {
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	color: #000000;
}
.tstyle a:visited {
	border-top-style: none;
	color: #555555;
}
.tstyle a:hover {
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	color: #0080ff;
}
.tstyle a:active {
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	color: #ff0000;
}
.tstyle img {
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	padding: 0px;
}

.dim { 
	opacity: 0.6; 
}

/* ! -------------------------------------- */
/*
.table.logtable.tbody.tr {
	border-bottom-style: dotted;
	border-top-style: dotted;
	border-spacing: 0px;
}
*/





/* Not yet used 
	
	
	
	
	
*/



#zentriert {
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-15em;
  margin-top:-10em;
}

 
 #imgstyle {
 	padding:0;
 	border:none;
 }
 

#main_links a {
	text-decoration: none;
	border-bottom: none;
	background-color: transparent;
}
#main_links a:visited {
	color: #888888;
}
#main_links a:link {
	color: #999999;
}
#main_links a:hover {
	color:#000000;
	border-bottom: 1px dashed;
}


#download {
	font-size: 12px;
	font-family: sans-serif, Georgia;
}


#Q {
	font-family: sans-serif;
	font-style: italic;
	font-size: small;
	color: #000000;
	border-bottom: none;	
}

.Question {
	font-family: sans-serif;
	font-size: medium;
	color: #000000;
	border-bottom: none;	
}

.Answer {
	font-size: smaller;
	font-style: italic;
	font-family: sans-serif;
	color: #000000;
	border-bottom: none;	
}

.remark {
	font-size: smaller;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.note {
	font-size: smaller;
	padding-left: 5px;
	border-left-color: #79887b;
	border-left-style: solid;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.noteInline {
	margin-left: 15px;
	font-size: smaller;
	padding-left: 5px;
	border-left-color: #79887b;
	border-left-style: solid;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.spacing {
	letter-spacing: 0.2em;
}

.inlineimage {
	width: 220px;
	padding: 10px;
}

.imagePlusText-container {
	padding: 8px;
	background-color: #97aa99;
	border-radius: 6px;
	max-width: 800px;
	min-width: 300px;
    display: flex;
    &__image {
        width: 200px;
        object-fit: contain;
        align-self: flex-start;
    }
    &__text {
        flex: 1 1 auto;
    }
}

.hi {
	color: #0045ff;
}

.red {
	color: #e2152b;
}

.changes {
	font-size: smaller;
}

.review {
	color: navy;
	font-style: italic;
	font-size: xx-small;
	font-family: sans-serif;
}

/* superscript */
.super{
	vertical-align: super;
	font-size: smaller
}