body {
	font: 1em/120% Verdana,Helvetica,Tahoma,Arial sans-serif;
	color: #000000;
	background-image: url(../PNGs/bg.png) }

.main { display:flex;justify-content:center; }
.links { font-size:small;text-align:center;color:#0000ff;width:300px }
.spalte { width:16px }
.rechts { width:64%;color:#0000ff }
.weiss { color:#ffffff }
.block { text-align:justify }
.blocks { text-align:justify;font-size:x-small; }
.mittig { font-size:small;text-align:center;color:#2277ff }
.mitts { font-size:x-small;text-align:center }
.mini { font-size:x-small; }

fieldset
{	background-color:#E4E8FA;
	border-top-left-radius: 1em;
	border-bottom-right-radius: 1em;
	-moz-border-radius-topleft: 1em;
	-moz-border-radius-bottomright: 1em;
	-webkit-border-radius-topleft: 1em;
	-webkit-border-radius-bottomright: 1em; }

input, textarea {
	font: 1em/120% Verdana,Helvetica,Tahoma,Arial sans-serif;
	color: #000080;
	border-style: outset;
	background-color:#F4F8FF;
	margin-top: 0.5em;
	border-top-left-radius: 0.4em;
	border-bottom-right-radius: 0.4em;
	-moz-border-radius-topleft: 0.4em;
	-moz-border-radius-bottomright: 0.4em;
	-webkit-border-radius-topleft: 0.4em;
	-webkit-border-radius-bottomright: 0.4em; }

.fBody
{	margin-top: 0em; padding-top: 0em; padding-bottom: 0em;
	width: 27em; border-width: thick; border-style: outset }
.fBody2
{	margin-top: 0em; padding-top: 0em; padding-bottom: 0em;
	width: 27em; border-width: thick; border-style: outset }
.fHome
{	margin-top: 0em; padding-top: 0em; padding-bottom: 0em;
	width: 3em; height: 3em; border-width: thick; border-style: outset }
.fNav
{	margin-top: 0.0em; padding-top: 0em; padding-bottom: 0em;
	width: 3em; border-width: thick; border-style: outset }
.fNav2
{	margin-top: 0.5em; padding-top: 0em; padding-bottom: 0em;
	width: 3em; border-width: thick; border-style: outset }
.fTop
{	margin-top: 0em; padding-top: 0em; padding-bottom: 0em;
	width: 27em; height: 3em; border-width: thick; border-style: outset }


.fett { 
	font-weight: bolder; }
	
.small { 
	font-size: small; }

.fsmall { 
	font-size: small;
	font-weight: bold; }
	
.hidden {
	display: none }

.inputNorm {
	font-size: 100%;
	width: 26em; /* fallback for the next one, for browsers not recognizing ch */
	width: 40ch; /* sets the width to 40 times the width of the digit “0” */ }

.inputSuche {
	font-size: 100%;
	width: 26em; /* fallback for the next one, for browsers not recognizing ch */
	width: 40ch; /* sets the width to 40 times the width of the digit “0” */ 
	position: relative; bottom: 0em; background-image: url(../SVGs/xbill01.svg); background-repeat: no-repeat; background-position: right }
.inputSuche:hover { background-image: url(../SVGs/xbill02.svg); background-repeat: no-repeat; background-position: right}
.inputSuche:focus { background-image: url(../PNGs/bg.png); background-repeat: repeat }

.logField {
	width: 28em;
	margin-top: 2em;
	border-width: thick;
	border-style: outset;
	background-color:#E4E8FA;
	-moz-border-radius-topleft:1em;
	-moz-border-radius-bottomright:1em;
	-khtml-border-radius-topleft:1em;
	-khtml-border-radius-bottomright:1em }

.logButton { 
	background-color:#D4D8EA;
	font-size: larger;
	font-weight: bolder;
	border: 0.16em solid #A4A8BA }
.logButton:hover {
	border: 0.16em solid #000080 }

.logInput {
	font: 1em/120% Verdana,Helvetica,Tahoma,Arial sans-serif; color: #000080;
	border-style: inset;
	-moz-border-radius-topleft:0.4em;
	-moz-border-radius-bottomright:0.4em;
	-khtml-border-radius-topleft:0.4em;
	-khtml-border-radius-bottomright:0.4em }

.logLabel { 
	display: inline-block;
	width: 10em;
	padding-top: 1em;
	padding-right: 1em;
	text-align: right;
	font-variant: small-caps;
	font-size: larger;
	font-weight: 100 }

.submitAdd { background-image: url(../SVGs/xbill_01.svg); margin-top: 0em; padding: 0em; width:1.8em; height:2.56em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitAdd:hover { cursor:pointer; background-image: url(../SVGs/xbill_02.svg); }
.submitAddBook { background-image: url(../SVGs/abook01.svg); margin-top: 0em; padding: 0em; width:3em; height:4.24em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitAddBook:hover { background-image: url(../SVGs/abook02.svg); cursor:pointer; }
.submitAddBooks { background-image: url(../SVGs/abook01.svg); margin-top: 0em; padding: 0em; width:1.8em; height:2.56em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitAddBooks:hover { background-image: url(../SVGs/abook02.svg); cursor:pointer; }

.submitDEFlagg { background-image: url(../SVGs/de.svg); margin-top: 0em; padding: 0em; width:10em; height:6em; background-repeat: no-repeat; border:0; background-color:transparent; font: 0.25em/30% Verdana,Helvetica,Tahoma,Arial sans-serif; color: #ff0000;}
.submitDEFlagg:hover { cursor:pointer; }
.submitGBFlagg { background-image: url(../SVGs/de.svg); margin-top: 0em; padding: 0em; width:10em; height:6em; background-repeat: no-repeat; border:0; background-color:transparent; font: 0.25em/30% Verdana,Helvetica,Tahoma,Arial sans-serif; color: #ff0000; }
.submitGBFlagg:hover { cursor:pointer; }

.submitDEFlaggs { background-image: url(../SVGs/de.svg); width:8em; height:5em; background-repeat: no-repeat; border:0; background-color:transparent; font: 0.16em/30% Verdana,Helvetica,Tahoma,Arial sans-serif; color: #ff0000;}
.submitDEFlaggs:hover { cursor:pointer; }
.submitGBFlaggs { background-image: url(../SVGs/gb.svg); width:8em; height:5em; background-repeat: no-repeat; border:0; background-color:transparent; font: 0.16em/30% Verdana,Helvetica,Tahoma,Arial sans-serif; color: #ff0000; }
.submitGBFlaggs:hover { cursor:pointer; }

.submitDel { background-image: url(../SVGs/xbillno01.svg); margin-top: 0em; padding: 0em; width:1.8em; height:2.4em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitDel:hover { cursor:pointer; background-image: url(../SVGs/xbillno02.svg); }
.submitFilt { background-image: url(../SVGs/filter01.svg); margin-top: 0em; padding: 0em; width:1.8em; height:2.56em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitFilt:hover {  cursor:pointer; background-image: url(../SVGs/filter02.svg); }
.submitFresh { background-image: url(../SVGs/b01.svg); margin-top: 0em; padding: 0em; width:1.8em; height:2.56em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitFresh:hover {  cursor:pointer; background-image: url(../SVGs/b02.svg); }
.submitLEFT { background-image: url(../SVGs/bll01.svg); margin-top: 0em; padding: 0em; width:1.8em; height:2.56em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitLEFT:hover { cursor:pointer; background-image: url(../SVGs/bll02.svg); }
.submitLeft { background-image: url(../SVGs/bl01.svg); margin-top: 0em; padding: 0em; width:1.8em; height:2.56em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitLeft:hover { cursor:pointer; background-image: url(../SVGs/bl02.svg); }
.submitRIGHT { background-image: url(../SVGs/brr01.svg); margin-top: 0em; padding: 0em; width:1.8em; height:2.56em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitRIGHT:hover {  cursor:pointer; background-image: url(../SVGs/brr02.svg); }
.submitOut { background-image: url(../SVGs/door01.svg); margin-top: 0em; padding: 0em; width:1.8em; height:2.56em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitOut:hover { cursor:pointer; background-image: url(../SVGs/door02.svg); }
.submitPlus { background-image: url(../SVGs/plus01.svg); margin-top: 0em; padding: 0em; width:1.8em; height:2.56em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitPlus:hover {  cursor:pointer; background-image: url(../SVGs/plus02.svg); }
.submitPrint { background-image: url(../SVGs/printer01.svg); margin-top: 0em; padding: 0em; width:1.8em; height:2.56em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitPrint:hover { cursor:pointer; background-image: url(../SVGs/printer02.svg); }
.submitRight { background-image: url(../SVGs/br01.svg); margin-top: 0em; padding: 0em; width:1.8em; height:2.56em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitRight:hover {  cursor:pointer; background-image: url(../SVGs/br02.svg); }
.submitShowPerson { background-image: url(../ABBs/a000_pers_0000000000.png); margin-top: 0em; padding: 0em; width:2.8em; height:2.8em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitShowPerson:hover { cursor:pointer; background-image: url(../ABBs/a000_pers.0000000000.png); }
.submitStats { background-image: url(../SVGs/3dgraf01.svg); margin-top: 0em; padding: 0em; width:1.8em; height:2.56em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitStats:hover {  cursor:pointer; background-image: url(../SVGs/3dgraf02.svg); }
.submitXbut { background-image: url(../SVGs/abook02.svg); margin-top: 0em; padding: 0em; width:1.8em; height:2.56em; background-repeat: no-repeat; border:0; background-color:transparent }
.submitXbut:hover {  cursor:pointer; background-image: url(../SVGs/abook01.svg); }
