@charset "UTF-8";
/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	scrollbar-width: thin;
	scrollbar-color: #ccc #eee;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}
/* globals und typo 
--------------------------------------------------------------------------------------- */
html>body {
	font-size: 75%;
}
a:link {
	color: #006;
	text-decoration: none;
}
a:visited {
	color: #006;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	border: dotted 1px;
}
p, table, li {
	font: 1em/1.5em Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/* styles for grid-design
--------------------------------------------------------------------------------------- */
.body {
	display: grid;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background: #fff;
	height: 100vh; 
	width: 100vw;
	grid-template-rows: [ top ] 3em [ action ] 3em [ header-bottom ] minmax( 0, auto ) [ filters-bottom ] 1fr [ footer-top ] 3.33em [ bottom ];
	grid-template-columns: [ left ] 3em [ left-bar ] 15em [ aside ] auto [ navigation ] 14em [ right-bar ] 3em [ right ];
}
header, top, action, leftbar, aside, options {
	display: none;
}
content {
	grid-row: top / bottom; 
	grid-column: left / right; 
}
navigation, rightbar, footer {
	display: none;
}

/* table basic styles
--------------------------------------------------------------------------------------- */
.tbase, table {
	border-collapse: collapse;
	border: 1px solid #99c;
	background-color: #f9f9f9;
	width: 100%;
}
.tbase th, .tbase td, th, td {
	border-left: 1px solid #99c;
	border-right: 1px solid #99c;
	padding: 1px 2px;
}
.tbase thead, th { background: linear-gradient( to bottom, #fff, #ccf ); }
.tbase tbody tr:nth-child(even) { background-color: #ddd; }
.tbase tr:hover { background-color: #cfc; }

tr:nth-child(even) { background-color: #ddd; }
tr:hover { background-color: #cfc; }

/* Vertical rhythm based on 75% (12px) base size for floating text
--------------------------------------------------------------------------------------- */

input[type=text], textarea {
    padding: 0.1em;
	border: outset 1px #ddd; 
}
li {
	margin-left: 1.5em;
	padding-left: 0em;
}
ul {
	list-style-image: url(/default/ri.gif);
}
ol {
	list-style-image: none;
}
h1 {
	font: 1.67em/1.1em Tahoma, Verdana, Arial, sans-serif;
	margin-top: 0.9em;
	margin-bottom: 0.9em;
}
h2 {
	font: 1.5em/1.2em Tahoma, Verdana, Arial, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
}
h3 {
	font: 1.33em/1.13em Tahoma, Verdana, Arial, sans-serif;
	margin-top: 1.13em;
	margin-bottom: 1.13em;
}
h4 {
	font: 1.17em/1.29em Tahoma, Verdana, Arial, sans-serif;
    margin-right: 0.4em;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
	margin-right: 0.4em;
}
hr {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}
fieldset, .outline, .kal {
    border: outset 1px #999;
    margin: 0;
    background-color: #fff;
}
select {
	appearance: none;
	font: 100% Tahoma;
	border: solid 1px #999;
	border-radius: 0.3em 0.3em 0 0;
	padding: 0.1em 1.3em 0.1em 0.1em;
	background: url(/default/dn.gif) right no-repeat #eef;
}
option {
	background-color: #fff;
}
input[type=checkbox] {
	accent-color: #dfd;
}
input[type=submit], input[type=file], button {
	font: 100% Tahoma;
	padding: 1px 4px;
	border-radius: 0.5em;
	border: solid 1px #999;
	background: linear-gradient(to bottom, #fff, #ccc);
}

/* pictures and linked pictures without frame 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}
/* align elements to the left or to the right
--------------------------------------------------------------------------------------- */
.left, small {
	text-align: left;
	font-size: 90%;
}
.right {
	text-align: right;
	padding-left: 0.5em;
    white-space: nowrap;
}
.nowrap {
	white-space: nowrap;
}
.column {
	width: 50%;
	float: left;
}
.register {
	border-radius: 0.5em 0.5em 0 0;
	border: solid 1px #999;
	border-bottom: none;
}
.urlextern {
	background: url(/default/ext-link.png) no-repeat 0 center;
    padding: 0 0 0 1.5em;
	font-weight: bold;
}
.email {
	background: url(/default/email.png) no-repeat 0 center;
    padding: 0 0 0 1.67em;
}
.phone {
	background: url(/default/phone.png) no-repeat 0 center;
    padding: 0 0 0 1.5em;
}
.large {	font-size: 1.1em; }
.zehntel { width: 10%; }
.fuenftel { width: 20%; }
.viertel { width: 25%; }
.drittel { width: 33%; }
.haelfte { width: 50%; }
.zweidrittel { width: 66%; }
.dreiviertel { width: 75%; }
.dotted { border: dotted 1px; 
input:focus, textarea:focus { border-color: #333; }
.high:hover, .kal td:hover { background-color: #cfc; }
.ggrad { background: linear-gradient( to bottom, #fff, #bfb ); }
.tgrad { background: linear-gradient( to bottom, #f0f0ff, #ccf ); }
.vgrad { background: linear-gradient( to bottom, #fff, #dde ); }
.outline { border:1px solid #99c; }
.topline { border-top:1px solid #99c; }
.marker  {  background-color: #ffb; }
.alter      { background-color: #ccf; }
.nocol     { background-color: #fff; }
.nocol:hover { background-color: #cfc; }
.head      { background-color: #fca; }
.green      { background-color: #bfb; }
.lfloat   { float: left; margin-right: 0.8em; margin-bottom: 0.5em; }
.rfloat   { float: right; margin-left: 0.8em; margin-bottom: 0.5em; }
.onp { }
.nop { display: none }
.drop { position: relative; display: inline-block; }
.down { position: absolute; z-index: 3; display: none; }
.drop:hover .down { display: inline-block; }
.edit        { vertical-align:top; border:none; display:none; }
.list         { margin-right: 0.2em; vertical-align: bottom; border: none }