/* file: client.css */
/* Copyright 2002-2024 Dr. Thomas Redelberger, redetho@gmx.de */

/* $Id$ */


body {
	margin: 0;	/* up, right, down, left */
	font-family:helvetica,arial,sans-serif
}


th, td {text-align:left; vertical-align:top}

th.center, td.center, th.org-center, td.org-center {text-align:center}
th.right, td.right, th.org-right, td.org-right {text-align:right}


pre, code {font-family:monospace; font-size: 1.2em}

ul {padding-left: 1.25em}

li {margin-top: 1em; margin-bottom: 1em}

dl {margin: 0 0 0 2em}	/* force left indent with MSIE and Edge */

img {border:0; vertical-align:top}	/* to do away with obsolete border="0" attribute */

img.htAlignR {float:right}	/* to do away with the align="right" attribute */
img.htCat {vertical-align:text-bottom; width:1.2em}
img.htNvGr {width:1em}


/* w:72 and h:54 also work well */
#htHeader {height:36px; background-color: #ffff80; z-index: -1}
#htHmbrgr  {width:48px}
#htLogo    {width:48px; float:right}
#htClsrIcn {width:48px; background-color: #ffff80}


#htFootSep {color: black}
#htFooter {font-size: 0.8em}

@media screen and (max-width: 960px) {
	/* Mobile */

	#htClsrLnk {display:inline}


	#htMainWrapper {
		position: absolute;
		width: auto;
		height: auto;
		margin-left: 0.5em;
		margin-right: 0.5em
	}


	#htLeftWrapper {
		position: absolute;
		top: 0;
		z-index: 1;
		left: 0;
		display: none
	}
	
	#htLeftWrapper:target {
		position: absolute;
		top: 0;
		z-index: 1;
		left: 0;
		width: 100%;
		display: inline-block
	}
}	/* End Mobile */


@media screen and (min-width: 961px) {
	/* Big screen */

	#htClsrLnk {display:none}


	#htMainWrapper {
		position: absolute;
		left: 16.5em;
		width: auto;
		height: auto;
		margin-right: 0.5em
	}


	#htLeftWrapper {
		position: absolute;
		top: 0;
		z-index: 1;
		left: 0;
		width: 16em;
		display: inline-block
	}
}	/* End of Big screen */



/* Home is not indented */
ul.htLeftNavUl0 {
	list-style: none;
	background-color: #f2f2f2;
	padding: 0 0 0 0;
	margin: 0 0 0 0
}


ul.htLeftNavUlN {
	list-style: none;
	background-color: #f2f2f2;
	padding: 0 0 0 0;
	margin: 0 0 0 1em
}


li.htLeftNavLi {
	padding: 0 0 0 0;
	margin: 0 0 0 0
}


a.htLeftNavA       {color:black; text-decoration:none}
a.htLeftNavA:hover {color:blue;  text-decoration:underline}


/* end of client.css */