body {
	color: #00008B; 			/* variable: schriftfarbe allgemein (=darkblue= */
	background-color: #ADD8E6;		/* variable: background allgemein (=lightblue) */
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	height: 600px;
	font-size: 14px;
}

/* navigation non-public: Drop down
   thanx to www.peterkroener.de */
/* Style-Reset */
#naviDD, #naviDD ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#topnavi {
	position:relative;
	color:#ADD8E6;			/* variable: schriftfarbe rahmen */
	background-color: #00008B;	/* variable: background rahmen */
	height: 25px;
	width: 100%;
	top:0px;
	/* left: 210px; */		/* variable: breite links => abstand content */
	position:fixed;
	font-size: 90%;
	/*padding-right: 50px;*/
	/*padding: 0.5em;*/
	/* border-bottom: #ADD8E6 solid 0.8em; */	/* variable: schriftfarbe rahmen */
	border-bottom: #000000 solid 1px;
	/* border: 1px solid yellow; */
	margin: 0;
}
#naviDD {
	position:absolute;
}
/* Horizontale Anordnung */
#naviDD > li {
	/* width: 150px; */
	min-width: 100px; /* fuer kleinere screens */
	float: left;
}
/* Normalzustand eingeklappt */
#naviDD > li {
	height:26px;
	overflow:hidden;
	/* text-align:center; leider ist "Organized Session" zu lang... */
	text-align: left;
	text-indent: 24px; /* background-pix */
}
/* Ausgeklappt */
#naviDD > li:hover {
	height:auto;
	overflow:visible;
}
/* unterpunkte */
#naviDD > li li {
	font-size: 90%;
	text-align: left;	/* TODO wird von a ueberschrieben - ist es schoener, wenn die unterpunkte linksbuendig sind? */
	text-indent: 0;
}
#naviDD > li li .aktiv {
	border: 1px solid #000000;
}

#naviDD a, #naviDD .navi_span {
	/*font-weight:bold;*/
	/*text-align:center;*/
	display:block;
	height:20px;
	width:128px;
	padding:2px;
	text-decoration:none;
}
/*#naviDD a:link, #navi a:visited {
	color:#FFF;
	background-color:#a8cff0;
}
#naviDD a:active, #navi a:hover {
	color:#000;
	background-color:#ecf3f9;
}*/

/* navigation non-public: oben + links */
#topnavi_public {
	color:#ADD8E6;			/* variable: schriftfarbe rahmen */
	background-color: #00008B;	/* variable: background rahmen */
	width: 100%;
	display:block;
	top:0px;
	/* left: 210px; */		/* variable: breite links => abstand content */
	position:fixed;
	/* padding:10px; */
	font-weight:bold;
	font-size: 90%;
	/*padding-right: 50px;*/
	padding: 0 0.5em;
	/* border-bottom: #ADD8E6 solid 0.8em; */	/* variable: schriftfarbe rahmen */
	/* border: 1px solid yellow; */
	margin: 0;
}
/* navigation public: links */
#topnavi_public {
	height: 100%;
	width: 200px;
	top:0px;
	left:0px;
	position: fixed;
}

* html #topnavi{
	position:absolute;
}
* html #topnavi_public {
	position:absolute;
}

#topnavi_public p {
	margin-bottom: 1em;
	margin-top: 0;
	font-size: 10px;
}
#topnavi_public p a {
	font-size: 12px;
}

/* wenn logo in menuzeile */
#logo {
	top: 5px;
	right: 10px;
	position:fixed;
}

/* logo public */
#application_logo {
	/*z-index: -1;*/
}
#application_logo2 {
}

#topnavi_public_navi {
	/*margin-top: 1em;
	margin-bottom: 0;
	padding: 0;
	line-height: 2em;*/
	top: 0;
	position: fixed;
	z-index: 2;
	width: 199px;
}


/*#topnavi li a:visited, #topnavi a {*/
#topnavi a, #topnavi a:visited,
#topnavi_public a, #topnavi_public a:visited,
span.has_tooltip,
#topnavi .navi_span /* navi ohne href */ {
	color: #ADD8E6;			/* variable: schriftfarbe rahmen */
	background-color: #00008B;	/* variable: background rahmen */
	margin:0 auto;
	padding: 2px;
	width: auto;
	text-decoration:none;
	border:1px solid #ADD8E6;				/* variable: schriftfarbe rahmen */
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	text-align: center;
}

#topnavi a, #topnavi a:visited,
#topnavi .navi_span /* navi ohne href */ {
	/* text-align:center; leider ist "Organized Session" zu lang... */
	text-align: left;

	/* rundungen unten weg bei topnavi */
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
}

#topnavi a.subnavi {
	/* rundungen wieder hin bei topnavi -> subnavi */
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
}

/*#topnavi li a:hover {*/
#topnavi a:hover,
#topnavi_public a:hover,
#topnavi .navi_span:hover /* navi ohne href */ {
	color: #00008B;			/* variable: schriftfarbe allgemein */
	background-color: #EDF0F3;
}

#topnavi_public a.aktiv, #topnavi_public a.aktiv:visited {
	background-color: #8080FF;
	position: relative;
}

#topnavi a.aktiv, #topnavi a.aktiv:visited,
#topnavi .aktiv {
	background-color: #ADD8E6;		/* variable: background allgemein */
	color: #00008B;			/* variable: schriftfarbe allgemein */
	position: relative;
}

#topnavi a.aktiv, #topnavi a.aktiv:visited {
	border-bottom-color: #000000;
}

a.noborder, a.noborder:hover {
	border: none !important;
}

#topnavi_public a.noborder:hover, #sys_footer a.noborder:hover {
	background-color: #00008B !important;
}

a.noborder img {
	border: none !important;
}

#title_box {
	/*background-color: lightgreen;
	border: 1px solid green;*/
	float:left;
	width: 80%;
}

#last_list_box {
	font-size: 80%;
	border: 1px solid #00008B;
	margin: 0.5em;
	padding: 0.5em;
	font-size: 0.8em;
	float:right;
}

#last_list_box .head2 {
	background-color: #00008B;
	color: #ADD8E6;
	margin: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

div.clearer {
	clear: both;
}
div.clear_float {
	clear: both;
	line-height: 0.2em;
}

/* thanx to http://www.kollermedia.at/archive/2008/03/24/easy-css-tooltip/
   and http://www.wer-weiss-was.de/theme164/article3561401.html
*/

.has_tooltip:hover {
	/* background-color:#ffffff;*/ 	/*BG color or pos:rel is a must for IE6*/
	position: relative;
}

/* fuer links */
a.has_tooltip span.tooltip, span.has_tooltip span.tooltip {
	display:none;
	padding:2px 3px;
	margin-left:8px;
	width:auto;
	font-style: normal;
}
a.has_tooltip:hover span.tooltip, span.has_tooltip:hover span.tooltip {
	display:inline;
	position:absolute;
	top: 1.7em;
	left: 0.3em;
	background-color: #EDF0F3;
	border:1px solid #00008B;	/* variable: background rahmen */
	color: #00008B;	/* variable: background rahmen */
	font-size: 70%;
	font-weight: normal;
	text-align: justify;
}
/* fuer disabled 'links' (=spans) */
span.has_tooltip {
	margin-right: 0.3em;
}

#topnavi_public span.tooltip {
	margin-left: 150px;
	top: 2em;
}

span.disabled {
	background-color: #D3D3D3; 			/* =lightgrey - IE6 wants lightgrey with 'e'... */
	border-color: #A9A9A9;			/* =darkgray */
	color: gray; 					/* ... but IE6 wants gray with 'a'... */
}

/*#topnavi span.has_tooltip span.tooltip {
	display:none;
	padding:2px 3px;
	margin-left:8px;
	width:auto;
}*/
/*#topnavi span.has_tooltip:hover span.tooltip {
	display:inline;
	position:absolute;
	top: 1.7em;
	left: 0.3em;
	background-color: #EDF0F3;
	border:1px solid #00008B;	/* variable: background rahmen */
/*	color: #00008B;	/* variable: background rahmen */
/*	font-size: 70%;
	font-weight: normal;
	text-align: justify;
}*/


/* qtip tooltip */
.qtip_tooltip  {
	padding-left: 5px;
	padding-top: 2px;
}

/* navigation: h2 ueberschriften */
.secondnavi {
}


/* navigation: h3 ueberschriften */
.thirdnavi {

}


/* non-public eigentlicher inhalt */
#main, #main_public {
	/* border: 1px dotted #00008B; */ 		/* variable: schriftfarbe allgemein */
	/*margin-bottom:200px;*/
	margin-top: 37px;		/* variable: hoehe nav => abstand content  + 1 br */
	/*margin-left: 240px;*/		/* variable: breite links => abstand content */
	/*margin-right: 10px;*/		/* variable: abstand rechts alles */
	display:block;
	padding:10px;
}

/* public eigentlicher inhalt */
#main_public {
	margin-top: 0;
	margin-left: 220px;
}
span.clickable {
	text-decoration: underline;
}
a:visited, a, span.clickable {
	color:#00008B;			/* variable: schriftfarbe rahmen */ /* pruefen, ob wirklich == */
}
a:hover, span.clickable:hover {
	color:#ffffff;			/* pruefen, ob wirklich ... */
	background-color: #00008B; /*#FF00AF;*/	/* variable: background rahmen - mouseover */ /* pruefen, ob wirklich == */
}
span.clickable:hover {
	cursor: pointer;	/* TODO */
}
span.clickable a img {
	border: 0;
}

/* link in start1.html */
a.mark_link {
	/* font-weight: bold;
	color: red; */
}

input:focus, select:focus, textarea:focus {
	background-color: #ffc;
	/*-moz-box-shadow: 0 0 5px #333333;*/
}

label {
	font-weight: bold;
}

/* submit button */
input[type = "submit"], a.button {
	border-top: solid 2px #a2aac4;
	border-left: solid 2px #a2aac4;
	border-bottom: solid 2px #565656;
	border-right: solid 2px #565656;

	padding: .2em 1em;
	margin: 0.3em;
	/*font-size: 80%;*/
	font-size: 0.8em;
	font-weight: bold;
	color: #303c5f;
	background-color: #d0d5e1;

	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

input[type = "text"], input[type = "password"] {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

a.button {
	text-decoration:none;
	font-size: 1.0em;
	white-space: nowrap;
}

#topnavi a, #topnavi_public a,
#topnavi .navi_span /* navi ohne href */ {
	text-decoration:none;
	margin-right: 2px !important;
}

#topnavi_public a.button_navi {
	width: 180px;
	display: block;
	height: auto;
	margin: 5px 3px 3px 3px;
	padding: 2px;
}

input[type = "submit"]:hover, a.button:hover {
	color: #FFFFFF;
	background-color: #00008B;
}

input[type = "submit"].small {
	font-size: 60%;
}

a.small {
	font-size: 80%;
}

img.bildlinks {
	float: left;
	margin-right: 2em;
	margin-bottom: 20px;
}
img.bildrechts {
	float: right;
	margin-left: 2em;
	margin-bottom: 20px;
}

#confirm_text {
	border: 1px solid #00008B;
	font-size: 1.1em;
	padding: 1em;
	background-color: #E0E0E0;
	font-size: 0.9em;
}

table.timetable th {
	vertical-align: top;
}

.timetable_raum {
	white-space: nowrap;	
}
th .timetable_raum .nobold {
	font-weight: normal;
}

.timetable_blocked {
	background-color: #C0C0C0;
}

.timetable_pause {
	text-align:center;
}

.timetable_occupied {
	background-color: #E0E0E0;
	text-align: center;
	max-width: 15em;
	min-width: 5em;
}

.timetable_free {
}

.timetable_bottom {
	margin-top: 4px;
	text-align: right;
}

/* rahmen unten */
#sys_footer {
	color: #ADD8E6;			/* variable: schriftfarbe rahmen */
	background-color: #00008B;	/* variable: background rahmen */
	height: 35px; /* auto */ /* 35px; */ /* 20px; */
	font-size: 80%;
	font-style: italic;
	/* text-align: right; */
	margin-top: 1em;
	margin-bottom: 0.2em;
	padding: 0.2em 1em 0.2em 1em;
}

#sys_footer_public {
	color: #ADD8E6;			/* variable: schriftfarbe rahmen */
	background-color: transparent;
	font-size: 75%;
	font-style: italic;
	/* text-align: right; */
	margin-top: 1em;
	margin-bottom: 0;
	padding: 0;
	line-height: 2em;
	bottom: 0;
	position: fixed;
	z-index: 1;
}

/* nonpublic => span */
span.kontakt {
	/* margin-left: 2em; */
	vertical-align: top;
	min-height: 10px;
}
/* public => div */
div.kontakt {
	line-height:60%;
}
#sys_footer_public span.kontakt {
	margin-left: 0;
	bottom: 0.5em;
}
a.kontakt_mail, a.kontakt_mail:visited {
	color: #ADD8E6;
	border: none !important;
}
a.kontakt_mail:hover {
	color: #00008B;			/* variable: schriftfarbe allgemein */
	background-color: #ADD8E6;		/* variable: background allgemein */
}

/* sprachumschalter */
#lang_switch {
	
}
#topnavi #lang_switch {
	position: fixed;
	top: 2px;
	right: 5px;
}

.browser_warning img {
	border: 0;
}



/* sprachumschalter footer */
#lang_switch_footer {
	float: left;
	margin-right: 3px;
}

/* sprachumschalter im (und als) text */
#lang_switch_txt {
	text-align: center;
	font-weight: bold;
}

#lang_switch a, 
#lang_switch a:visited {
	border:medium none !important;
	color:#ADD8E6;
}

#runtime {
	font-size: 60%;
	font-style: italic;
	color: #00008B;	/* variable: background rahmen */
	margin: 0 1em 1em 1em;
	text-align: right;
	/* background-color: red; */
}

/* statistics block fuer admin und qa */
#statistics {
	border: 1px solid #00008B;
	margin: 0.5em;
	padding: 0.5em;
	font-size: 0.8em;
	width: 25%;
	float:right;
}

#statistics h2, #statistics h3 {
	background-color: #00008B;
	color: #ADD8E6;
	margin: 0;
	padding-left: 0.5em;
}

#statistics h2 {
	font-size: 1.2em;
}

#statistics h3 {
	font-size: 1.1em;
}

/* sonstiges */
acronym {
	cursor:help;
}

.fett {
	font-weight: bold;
	font-size: 1.2em;
}

.round_corner {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

fieldset {
	border: 1px solid #00008B;				/* variable: schriftfarbe allgemein */
	/* margin: 20px; */
	margin-right: 25px;
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 1.4em;
	font-size: 1em;
	width: 95%;
	/* width: 93.8%;	/* optimized from 94%: 800x600 FF3.0 */
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

fieldset p {
	margin: 0.3em 0.5em 0.5em 0.5em;
}

fieldset div.pdiv {
	margin: 0.3em 0.5em 0.5em 0.5em;
}

fieldset h2 {
	font-size: 1.2em;
	margin-bottom: 0;
	margin-top: 1em;
}

/* fieldset legend */
legend {
	border: 1px solid #00008B;				/* variable: schriftfarbe allgemein */
	font-weight: bold;
	padding: 0.5em;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

.fiftypercent {
	width: 45%;
	/* width: 43.9%; /* optimized from 45%: 800x600 FF3.0 */
	float: left;
	min-height: 165px;
}

.twothird {
	width: 60%;
	/* width: 43.9%; /* optimized from 45%: 800x600 FF3.0 */
	float: left;
	/*min-height: 165px;*/
}

.onethird {
	width: 30%;
	/* width: 43.9%; /* optimized from 45%: 800x600 FF3.0 */
	float: left;
	/*min-height: 165px;*/
}

/* kasten fuer fehlermeldungen etc. */
.achtung {
	border: 1px dotted red;
	padding: 1em 2em 1em 2em;
	margin-bottom: 1em;
	clear: both;
}

.achtung h2 {
	margin-top: 0;
}

/* fehler-text  etc. */
.error, .achtung2 {
	color: red;
	font-weight: bold;
}

/* hinweis auf der startseite */
.hinweis {
	padding: 1em;
	font-weight: bold;
	color: red;
	border: 3px dotted #00008B;
}_

h1 {
	margin-top: 0;
	margin-bottom: 0;
}
h2 {
	margin-top: 2em;
}
h2.subtitle {
	margin-top: 0em;
	/*margin-left: 1em;*/
}
h3 {
	margin-top: 1.5em;
	margin-bottom: 0.2em;
	display: block;
	color: #00008B;	/* variable: background rahmen */
	background-color: #ADD8E6;			/* variable: schriftfarbe rahmen */
}
h4 {
	margin: 0em;
	color: #ADD8E6;			/* variable: schriftfarbe rahmen */
}

dl {
	margin-top: 0;
}

dt {
	font-weight: bold;
	margin-bottom: 0;
	/* border: 1px dotted white; */
}
dd {
	/* border: 1px dotted yellow; */
	margin-bottom: 0.6em;
}

hr {
	/* laut selfhtml sowohl color als auch background-color */
	color: #00008B;				/* variable: schriftfarbe allgemein */
	background-color: #00008B;	/* variable: schriftfarbe allgemein */
	width: 80%;
}

.warnung {
	color: red;
	padding: 2em;
	border: 2px dotted red;
	font-weight: bold;
}

#csschooser {
	font-size: 0.8em;
}

#conform {
	text-align: center;
}

/* bilder im allgemeinen ohne rand */
img {
	border: 0;
}

/* bilder in links mit rand */
a img {
	border: 1px solid #00008B;				/* variable: schriftfarbe allgemein */
}

.small {
	font-size:70%;
}

.small2 {
	font-size:80%;
}

ul.small2 {
	margin:0;
}

ul.legende {
	list-style-type: none;
	font-size: 70%;
	padding-left: 1em;
}
ul.legende li {
	text-indent: -20px;
	margin-left: 20px;
	line-height: 15px;
}

/* ul im fliesstext */
ul.running_text {
  margin-top: 0;
  margin-bottom: 0.5em;
}

ol {
	margin: 0;
}

.small3 {
	font-size:90%;
}

/* reflektierte suchbegriffe, etc. */
.mark_it {
	background-color: #E0E0E0; /* #EEEEEE #EDF0F3; */
	border: 1px solid #00008B;		/* variable: schriftfarbe allgemein */
	font-style:italic;
	font-size: 90%;
	padding: 0.1em 0.3em 0em 0.3em;
}

/* fett und rot */
.mark1 {
	color: red;
	font-weight: bold;	
}

/* fett und blau */
.mark2 {
	color: blue;
	font-weight: bold;	
}

/* ul als table */
ul.table_style {
	display:table;
	border-collapse:collapse;
	margin: 0.5em;
	width: 66%;
}
li.table_style {
	display:table-row;
}
div.table_style {
	display:table-cell;
	border:thin solid #00008B;
	padding:5px;
	vertical-align: top;
}

tr.grade_table {
	line-height: 1.2em;
}
td.grade_table {
}
.number {
	text-align: right;
	width:3em;
}

/* dbtable */
.akt_seite {
	color: #ADD8E6;				/* variable: background allgemein */
	background-color: #00008B;		    /* variable: schriftfarbe allgemein */
	padding: 2px;
}

.page_list {
	margin: 0.5em;
	text-align: left;
}

.odd_row {
	background-color: #EDF0F3;
}

.inverse_row {
	background-color: #00008B;
	color: #ADD8E6;
}

.debug, .debug_public {
    font-size: 70%;
    border: 3px dotted red;
    margin: 1em;
    padding: 1em;
}

.debug_public {
	margin-left: 220px;
}

.debug h2, .debug_public h2 {
	margin-top: 0.5em;
}

/* mitteilungen des systems */
#application_message {
	border: 2px solid #FF9900;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-moz-box-shadow: 0 0 8px #FF9900;
	margin: 1em;
}

#application_message.error {
	border: 1px dotted red;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

#application_message h2 {
	margin: 0.5em 1em 0.5em 1em;
}


td {
	vertical-align: top;
}

th {
	/* TODO nur machbar, wenn die links mitgeschliffen werden ... */
	/*color: #ADD8E6;	/*	/* variable: background allgemein (=lightblue) */
	/*background-color: #00008B; */			/* variable: schriftfarbe allgemein (=darkblue= */
}

/* wieso geht max-width nicht? */
th.list_gut_jels {
	width: 10%;	
}

/* liste im impressum */
ul.contribute {
	list-style-type: none;
	list-style-image: none;
}
ul.contribute li {
	display: table-cell;
	padding: 0 0.5em 0 0.5em;
	vertical-align: top;
}
ul.contribute li img {
	padding: 0.5em;
	border: 1px solid;
}
ul.contribute li span {
	padding: 0.5em;
	border: 1px solid;
}
ul.contribute li a:hover {
	background-color: transparent;
}
ul.contribute li .contribute_txt {
	max-width:300px;
	border: 1px solid;
	padding: 0.5em;
}
/* dicker einzug */
.indentBig {
	margin-top: 0em;
	margin-bottom: 0.5em;
	margin-left: 10em;
}

/* CSS fuer login-form von CGI::Application::Plugin::Authentication */
div.login {
}
#topnavi_public div.login,
#login_table {
	width: 200px;
	font-size: 80%;
	font-weight: normal;
}
div.login div {
  margin: 0;
  padding: 0;
  border: none;
}
div.login .login_header {
  background-color: #a2aac4;
  text-align: left;
  margin: 0;
}
#topnavi_public div.login .login_header a,
#topnavi_public div.login div.buttons a {
	border: none;
	text-decoration: underline;
	padding: 0;
}
#topnavi_public div.login .login_content {
	text-align: left;
}
div.login .login_footer {
  text-align: left;
  padding: 0;
  margin: 0;
  min-height: 2.8em;
}
div.login fieldset {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
}
div.login label {
  clear: left;
  float: left;
  padding: 0.6em 1em 0.6em 0;
  width: 4em;
  text-align: right;
}
#topnavi_public div.login label {
	text-align: left;
}
/* image courtesy of http://www.famfamfam.com/lab/icons/silk/  */
/* #authen_loginfield {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAG5SURBVHjaYvz//z8DJQAggFiIVfh0twHn9w8KD9+/ZBT+9/cfExfvwwc87GxWAAFEtAFf3yl++/9XikHXL56BkYmJ4dKmcoUPT99PBQggRmK8ALT9v4BUBQMLrxxQMztY7N+PjwyXtk76BxBATMRoFjGewsDCx8jw9Oxyht9vboIxCDAxs/wCCCC8LoBrZv/A8PPpVoZ/39gZ7p57xcDLJ8Xw5tkdBrO8DYwAAcRElOYXaxn+/73DwC4vzyAmzsLw58kJsGaQOoAAYiJK868nDGwSXgxvjp1n+Hz7HoNawRFGmFqAAMIw4MBEDaI1gwBAAKEYsKtL/b9x2HSiNYMAQACBA3FmiqKCohrbfQ2nLobn97Yz6Br/JEozCAAEEDgh/eb6d98yYhEDBxsnw5VNZxnOffjLIKltw/D52B6GH89fMVjUnGbEFdgAAQRPiexMzAyfDk9gMJbmYbh17irDueMrGbjExBi8Oy8z4ksnAAEENuDY1S8MjjsnMSgaezJ8Z2Bm+P95PgPX6ycENYMAQACBwyDSUeQ/GzB926kLMEjwsjOwifKvcy05EkxMHgEIIEZKszNAgAEA+j3MEVmacXUAAAAASUVORK5CYII=') no-repeat 0 1px;
  padding: 2px 0 2px 18px;
*/
#authen_loginfield, #authen_passwordfield {
  background-color: #FFFFFF;
  border-top: solid 1px #565656;
  border-left: solid 1px #565656;
  border-bottom: solid 1px #a2aac4;
  border-right: solid 1px #a2aac4;
  padding: 2px 0;
  margin: 0.3em 0;
  width: 14em;
  font-size: 100%;
}
/* image courtesy of http://www.famfamfam.com/lab/icons/silk/  */
/* #authen_passwordfield {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKbSURBVHjaYvz//z8DPvBko+s0IJUJ5U6X8d+dhSwPEEAMIANw4ccbXKYB8f8/P+6BMYgNEkNWAxBAhDV/Pff/5+t5/39/2gcU/gc25P5qpzkwdQABxIjNCzBnS7p2Mfz5tJ+BkVWE4dWRxWA5oBcYHiyyYnj5heGAedYxR4AAwmXAf0mPWQx/3q9n+P/3I9AAMaCoBsPr4x0MDH/+MUgHrGG4P8eF4fVf9gMAAcSEK/D+/3oA1gxm/3kLJG8wSDhWMAjoeTJ8fxjNoJDQzyD0+7sDQACx4DKAkVWcgZGZG2jIV6AJfxn+/37F8OfPO6BhRxl+f/nIwC7xluHPm58MAAHEhMX5ILHp787OYvj/7zvDr7f7Gf59vw804DUwPM4x/P3+loFb0ZfhVlc1wxMu7psAAcSCEd9MjAzswoYMAppmDD9e9DKwcIkwMHFyMPx+dZnh7+9vDDxqwQx3Ji1jeMrJc9W1/JQOQAAheyFT2mctw9+vpxh+fz7A8O1JDQMrEz/QK2YMb47uZpD0SmEAmsRwu7eJ4QUX1wWXklOGIE0AAcQIim9YShOzSmf49W4xw5+PdxlYeIUYWLh9GS6vXPH+3U/Gd3K/vikzcTAzvOTkOmNXeNIUZitAALFAbF4D9N8Bhl+vJjP8/vCUgY1fkoGZ24PhysoV7178Y9vmW3M8FqZBHS3MAAIIZMDnP59P835/3Mnw98t7Bg5xNQZGNnOgzSvfv2ZgX+dbfiwVX14BCCCQAbyMrNwMDKxcDOxi/Az/WU0YLi1b8/E9K8cqr6JjGQwEAEAAMf378+/cn+//GFi5bRiYuMOBzt7w4RMH50IPIjSDAEAAsbz8+Gfdh9VFEr9//WX7//s/009uzlmuWUcqGYgEAAEGAIZWUhP4bjW1AAAAAElFTkSuQmCC') no-repeat 0 1px;
  padding: 2px 0 2px 18px;
*/
#topnavi_public #authen_loginfield_navi, #topnavi_public #authen_passwordfield_navi {
	width: 14em;
	background: #FFFFFF none;
	padding-left: 2px;
	font-size: 100%;
	font-weight: bold;
}
#authen_rememberuserfield {
  clear: left;
  margin-left: 8em;
}
#authen_loginfield:focus {
  background-color: #ffc;
  color: #000;
}
#authen_passwordfield:focus {
  background-color: #ffc;
  color: #000;
}
div.login a {
  /* font-size: 80%; */
  color: #303c5f;
}
div.login a:hover {			/* dieser eintrag von uns */
	color:#ffffff;			/* pruefen, ob wirklich ... */
	background-color: #00008B; /*#FF00AF;*/	/* variable: background rahmen - mouseover */ /* pruefen, ob wirklich == */
}
div.login div.buttons input {
  border-top: solid 2px #a2aac4;
  border-left: solid 2px #a2aac4;
  border-bottom: solid 2px #565656;
  border-right: solid 2px #565656;
  background-color: #d0d5e1;
  padding: .2em 1em ;
  font-size: 80%;
  font-weight: bold;
  color: #303c5f;
}
div.login div.buttons {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 120%;
}
#authen_loginbutton {
  margin-right: 1em;
  /* font-size: 120%; */
}
#authen_registerlink {
  display: block;
}
#authen_forgotpasswordlink {
	font-size: 10px;
}

#authen_loginbutton_navi {
	font-size: 120%;
}
ul.message {
  margin-top: 0.5em;
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  font-weight: bold;
}
ul.message li {
  /* text-indent: -4em; */
  padding: 0px;
  margin: 0px;
  font-style: italic;
}
ul.message li.warning, 
p.warning {
  color: red;
}

/* ende login-form */


/* navigation: icons */
.navi_home {
	background-image: url(/pix/icons/home.png);
	background-repeat:no-repeat;
}
.navi_paper {
	background-image: url(/pix/icons/paper.png);
	background-repeat:no-repeat;
}
.navi_session {
	background-image: url(/pix/icons/chair.png);
	background-repeat:no-repeat;
}
.navi_user {
	background-image: url(/pix/icons/user.png);
	background-repeat:no-repeat;
}
.navi_user_info {
	background-image: url(/pix/icons/user-info.png);
	background-repeat:no-repeat;
}
.navi_settings {
	background-image: url(/pix/icons/config.png);
	background-repeat:no-repeat;
}
.navi_paper_new {
	background-image: url(/pix/icons/paper-new.png);
	background-repeat:no-repeat;
}
.navi_logout {
	background-image: url(/pix/icons/logout.png);
	background-repeat:no-repeat;
}

/* table fuer qa-gut-zuweisung */
table.qagut_table {
	margin: 0.5em 1em 1em 2em;
	border-collapse: collapse;
}
table.qagut_table th,
table.qagut_table td { 
	border: 1px solid #000000;
	padding-left: 3px;
	padding-right: 3px;
}
table.qagut_table th.status {
	min-width: 3.5em;
}
table.qagut_table td.anz_paper {
	text-align: right;
}
table.qagut_table td.status {
	text-align: center;
	vertical-align: middle;
}
table.qagut_table img {
	border: 0;
}

/* jquery-ui */
.ui-autocomplete > li {
	font-size: 70%;
}

/* ab hier nur fuers drucken ---------------------------- */

/* nur von opera unterstuetzt... */
/*@page {
    margin-top: 1.0cm;
    margin-bottom: 1.0cm;
    margin-left: 2.0cm;
    margin-right: 1.0cm;
}*/

@media print {
	body {
		text-align: justify;
	}
	#content {
		margin-left: 5px;
		margin-top:	5px;
		margin-right: 5px;
		margin-bottom: 5px;
		padding: 0 1em;
	}
	#leftblock {
		/* visibility: hidden;
		height: 0px;
		width: 0px; */
		position: static;
		display:inline;
		width: 100%;
	}
	#topnavi, #topnavi_public, #conform, #last_list_box, .clickable {
		display: none;
		visibility: hidden;
		height: 0px;
		width: 0px;
	}
	a {
		text-decoration:none;
	}
	h3 {
		border: 1px solid black;
		padding: 0.5em 0.3em 0.3em 0.3em;
	}
}
/* ende print  ---------------------------- */