@CHARSET "utf-8";
/*********************************************************
 * CSS-File "styles.css"
 * Projekt:  
 * Version: 0.0 (Test)
 *********************************************************/

.red { color:#d00; font-weight:bold; }
.green { color:#0d0; font-weight:bold; }
.blue { color:#00d; font-weight:bold; }

.listclass1 { background-color:#edeff0; text-align:left; }
.listclass2 { background-color:#c4c7c9; text-align:left; }
.listclass1_center { background-color:#edeff0; text-align:center; }
.listclass2_center { background-color:#c4c7c9; text-align:center; }
.listclass1_right { background-color:#edeff0; text-align:right; }
.listclass2_right { background-color:#c4c7c9; text-align:right; }
.small1 { background-color:#edeff0; width:20px; text-align:center; }
.small2 { background-color:#c4c7c9; width:20px; text-align:center; }

.yellowclass1 { background-color:#ed0; text-align:left; }
.yellowclass2 { background-color:#dc0; text-align:left; }
.yellowclass1_center { background-color:#ed0; text-align:center; }
.yellowclass2_center { background-color:#dc0; text-align:center; }
.yellowclass1_right { background-color:#ed0; text-align:right; }
.yellowclass2_right { background-color:#dc0; text-align:right; }
.yellowsmall1 { background-color:#ed0; width:20px; text-align:center; }
.yellowsmall2 { background-color:#dc0; width:20px; text-align:center; }

.greenclass1 { background-color:#7f9; text-align:left; }
.greenclass2 { background-color:#1f5; text-align:left; }
.greenclass1_center { background-color:#7f9; text-align:center; }
.greenclass2_center { background-color:#1f5; text-align:center; }
.greenclass1_right { background-color:#7f9; text-align:right; }
.greenclass2_right { background-color:#1f5; text-align:right; }
.greensmall1 { background-color:#7f9; width:20px; text-align:center; }
.greensmall2 { background-color:#1f5; width:20px; text-align:center; }

.redclass1 { background-color:#f55; text-align:left; }
.redclass2 { background-color:#f33; text-align:left; }
.redclass1_center { background-color:#f55; text-align:center; }
.redclass2_center { background-color:#f33; text-align:center; }
.redclass1_right { background-color:#f55; text-align:right;}
.redclass2_right { background-color:#f33; text-align:right; }
.redsmall1 { background-color:#f55;	width:20px; text-align:center; }
.redsmall2 { background-color:#f33; width:20px; text-align:center; }

.blueclass1 { background-color:#9bf; text-align:left; }
.blueclass2 { background-color:#69f; text-align:left; }
.blueclass1_center { background-color:#9bf; text-align:center; }
.blueclass2_center { background-color:#69f; text-align:center; }
.blueclass1_right { background-color:#9bf; text-align:right;}
.blueclass2_right { background-color:#69f; text-align:right; }
.bluesmall1 { background-color:#9bf; width:20px; text-align:center; }
.bluesmall2 { background-color:#69f; width:20px; text-align:center; }

.blackclass1 { background-color:#444; color:#fff; text-align:left; }
.blackclass2 { background-color:#222; color:#fff; text-align:left; }
.blackclass1_center { background-color:#444; color:#fff; text-align:center; }
.blackclass2_center { background-color:#222; color:#fff; text-align:center; }
.blackclass1_right { background-color:#444; text-align:right; }
.blackclass2_right { background-color:#222; text-align:right; }
.blacksmall1 { background-color:#444; color:#fff; width:20px; text-align:center; }
.blacksmall2 { background-color:#222; color:#fff; width:20px; text-align:center; }

.blackclass1 a, .blackclass2 a,
.blackclass1_center a, .blackclass2_center a,
.blacksmall1 a, .blacksmall2 a { color:#ddd; }

.verbosebox {
	width:720px;
	margin:20px auto;
	padding:0px 10px 10px 10px;
	border:1px solid #000;
}
.greenbg { background-color:#7f9;}
.redbg { background-color:#f55; }
.yellowbg { background-color:#ed0; }
.bluebg { background-color:#9bf; }
.blackbg{ background-color:#000; color:#fff; }

.footerclass { background-color:#def;	text-align:left; padding:2px 5px; }
.footerclass_center { background-color:#def; text-align:center; padding:2px 5px; }

.centertable {
    width:100%;
    border:0px;
    border:1px gainsboro #ccc;
    /* border-radius:10px; */
    border-collapse:separate;
    border-spacing:0;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
}
.centertable tr { vertical-align:top; }
.centertable tr th { 
	background-color:#005eb8;
	height:30px;
	vertical-align:middle;
	text-align:center; 
    font-weight:bold;
    color:#fff;
    font-size:12px;
}
.centertable tr td {
	border:1px dotted #999;
	height:20px;
	padding:0px 3px;
	font-size:12px;
	vertical-align:middle;
	font-family:verdana,geneva,arial,helvetica;
}
.centertable tr:first-child th:first-child { border-top-left-radius:10px; }
.centertable tr:first-child th:last-child { border-top-right-radius:10px; }
.centertable tr:first-child td:first-child { border-top-left-radius:10px; }
.centertable tr:first-child td:last-child { border-top-right-radius:10px; }
.centertable tr:last-child td:first-child {	border-bottom-left-radius:10px; }
.centertable tr:last-child td:last-child { border-bottom-right-radius:10px; }
.centertable tr td a.bold {
	font-weight:bold;
}
.centertable tr td a.normal { font-weight:normal; }
.centertable tr td.header, td.subheader {
	font-size:12px;
	background-color:#8af;
	border:1px dotted #ccc;
	height:23px;
	vertical-align:middle;
	font-weight:bold;
	text-align:center;
}
.centertable tr td.header { background-color:#8af; }
.centertable tr td.subheader { background-color:#38f; }
.centertable tr td.center {	text-align:center; }
.centertable tr td.prompt, tr td.redprompt, tr td.greenprompt {
  font-weight:bold;
  text-align:right;
  height:20px;
  vertical-align:middle;
  padding-right:5px;
}
.centertable tr td.prompt {	background-color:#acf; vertical-align:top; padding-top:3px; }
.centertable tr td.redprompt { background-color:#fcc; }
.centertable tr td.greenprompt { background-color:#cfc; }
.centertable tr td.text { background:transparent; width:70%; text-align:left; padding-left:3px; }
.centertable tr td.text_center { background:transparent; width:50%;	text-align:center; }
.centertable tr td.redprompt {  background-color:#e63; font-weight:bold; text-align:right; padding-right:5px; }
.centertable tr td.small { width:20px; text-align:center; }
.centertable tr td.footer {	background-color:#bbb; text-align:left;	padding:0px 5px; }
.centertable tr td.data { background-color:#def; }
.centertable tr td.red_center { background-color:#f44; text-align:center; }
.centertable tr td.orange_center { background-color:#f80; text-align:center; }
.centertable tr td.red { background-color:#f44; }
.centertable tr td.blue { background-color:#6bf; }
.centertable tr td.green { background-color:#8c0; }
.centertable tr td.yellow { background-color:#ff3; }
.centertable tr td.violet { background-color:#c0c; color:#fff; }
.centertable tr td.grey { background-color:#ddd; }
.centertable tr td.info_header {
	padding:10px;
	font-weight:bold;
	font-family:verdana,arial,helvetica;
	text-align:center;
	font-size:24px;
	background-color:#aef5fb;
}
.centertable tr td.info_left {
	width:50%;
	text-align:right;
	padding-right:10px;
	background-color:#aedefb;
}
.centertable tr td.info_right {
	width:50%;
	text-align:left;
	padding-left:5px;
	background-color:#62c0ff;
}

/*** Tabellen im Inneren einer Tabelle ***/

.innertable {
	width:100%;
  border:0px;
  border:1px gainsboro #ccc;
  border-radius:0;
  border-collapse:collapse;
  border-spacing:0;
  margin:0px;
  margin-left:auto;
  margin-right:auto;
}

.innertable tr { vertical-align:top; }
.innertable tr th {
  background-color:#005eb8;
  height:30px;
  vertical-align:middle;
  text-align:center; 
  font-weight:bold;
  color:#fff;
  font-size:12px;
}
.innertable tr th.header_small { width:20px; }
.innertable tr td {
  border:1px dotted #999;
  height:20px;
  padding:0px 3px;
  font-size:12px;
  vertical-align:middle;
  font-family:verdana,geneva,arial,helvetica;
}
.innertable tr td.prompt { background-color:#acf; vertical-align:top; padding-top:3px; }

/*** Zentrierte Tabelle mit 640 px Breite ***/

.centertable640 {
  width:640px;
  border:0px;
  border:1px gainsboro #ccc;
  /* border-radius:5px; */
  border-collapse:separate;
  border-spacing:0;
  margin-top:0px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
}
.centertable640 tr { vertical-align:top; }
.centertable640 tr th {
  background-color:#005eb8;
  height:30px;
  vertical-align:middle;
  text-align:center; 
  font-weight:bold;
  color:#fff;
  font-size:12px;
}
.centertable640 tr td {
  border:1px dotted #999;
  height:20px;
  padding:0px 3px;
  font-size:12px;
  vertical-align:middle;
  font-family:verdana,geneva,arial,helvetica;
}
.centertable640 tr:first-child th:first-child { border-top-left-radius:10px; }
.centertable640 tr:first-child th:last-child { border-top-right-radius:10px; }
.centertable640 tr:first-child td:first-child { border-top-left-radius:10px; }
.centertable640 tr:first-child td:last-child { border-top-right-radius:10px; }
.centertable640 tr:last-child td:first-child { border-bottom-left-radius:10px; }
.centertable640 tr:last-child td:last-child { border-bottom-right-radius:10px; }
.centertable640 tr td a.bold { font-weight:bold; }
.centertable640 tr td a.normal { font-weight:normal; }
.centertable640 tr td.header {
  font-size:12px;
  background-color:#8af;
  border:1px dotted #ccc;
  height:23px;
  vertical-align:middle;
  font-weight:bold;
  text-align:center;
}
.centertable640 tr td.center { text-align:center; }
.centertable640 tr td.prompt, tr td.redprompt, tr td.greenprompt {
  font-weight:bold;
  text-align:right;
  height:20px;
  vertical-align:middle;
  padding-right:5px;
}
.centertable640 tr td.prompt { background-color:#acf; vertical-align:top; padding-top:3px; }
.centertable640 tr td.redprompt { background-color:#fcc; }
.centertable640 tr td.greenprompt { background-color:#cfc; }
.centertable640 tr td.text { background:transparent; width:70%; text-align:left; padding-left:3px; }
.centertable640 tr td.text_center { background:transparent; width:50%; text-align:center; }
.centertable640 tr td.redprompt { background-color:#e63; font-weight:bold; text-align:right; padding-right:5px; }
.centertable640 tr td.small { width:20px; text-align:center; }
.centertable640 tr td.footer { background-color:#bbb; text-align:left; padding:0px 5px; }
.centertable640 tr td.data { background-color:#def; }
.centertable640 tr td.red_center { background-color:#f44; text-align:center; }
.centertable640 tr td.orange_center { background-color:#f80; text-align:center; }
.centertable640 tr td.red { background-color:#f44; }
.centertable640 tr td.blue { background-color:#6bf; }
.centertable640 tr td.green { background-color:#8c0; }
.centertable640 tr td.yellow { background-color:#ff3; }
.centertable640 tr td.violet { background-color:#c0c; color:#fff; }
.centertable640 tr td.grey { background-color:#ddd; }

/*** Kleine Tabellen ***/

.minitable {
	background:transparent;
	width:100%;
	border-radius:0px;
	border-collapse:separate;
}
.minitable tr td { vertical-align:top; }
.minitable tr td.miniheader {	font-weight:bold;	text-align:center; }

/*** breite Tabellen ***/

.widetable {
  font-size:12px;
  width:1024px;
  border:0px;
  border:1px dotted #ccc;
  border-collapse:separate;
  margin-top:0px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
}
.widetable tr:first-child th:first-child { border-top-left-radius:10px; }
.widetable tr:first-child th:last-child { border-top-right-radius:10px; }
.widetable tr:first-child td:first-child { border-top-left-radius:10px; }
.widetable tr:first-child td:last-child { border-top-right-radius:10px; }
.widetable tr:last-child td:first-child { border-bottom-left-radius:10px; }
.widetable tr:last-child td:last-child { border-bottom-right-radius:10px; }
.widetable tr { vertical-align:top; }
.widetable tr th {
  background-color:#005eb8;
  height:30px;
  vertical-align:middle;
  text-align:center; 
  font-weight:bold;
  color:#fff;
  font-size:12px;
}
.widetable tr td {
  border:1px dotted #999;
  height:20px;
  font-size:12px;
  vertical-align:middle;
  font-family:verdana,geneva,arial,helvetica;
}
.widetable tr td.center {	text-align:center; }
.widetable tr td.header, .widetable tr td.header_left {
  border:1px dotted #ccc;
	background-color:#def;
	color:#000;
	font-weight:bold;
	text-align:center;
}
.widetable tr td.header_left { border-left:1px solid #000; }
.widetable tr td.small { width:20px; text-align:center; }
.widetable tr td.small_left {	width:20px; text-align:center; border-left:1px solid #000; }
.widetable tr td.prompt {
  background-color:#acf;
  font-weight:bold;
  text-align:right;
  padding-right:5px;
}
.widetable tr td.redprompt {
  background-color:#e63;
  font-weight:bold;
  text-align:right;
  padding-right:5px;
}
.widetable tr td.redheader { background-color:#e63; font-weight:bold; text-align:center; }
.widetable tr td.greenprompt {
  background-color:#cfa;
  font-weight:bold;
  text-align:right;
  padding-right:5px;
}
.widetable tr td.greenheader { background-color:#cfa; font-weight:bold; text-align:center; }
.widetable tr td.footer { background-color:#bbb; text-align:left; padding:0px 5px; }
.widetable tr td.data { background-color:#def; }
.widetable tr td.red { background-color:#f44; }
.widetable tr td.orange { background-color:#f80; }
.widetable tr td.red_center { background-color:#f44; text-align:center; }
.widetable tr td.orange_center { background-color:#f80; text-align:center; }
.widetable tr td.blue { background-color:#6bf; }
.widetable tr td.green { background-color:#8c0; }
.widetable tr td.yellow { background-color:#ff3; }
.widetable tr td.violet { background-color:#c0c; color:#fff; }
.widetable tr td.grey { background-color:#ddd; }

.monat
{
  border:1px gainsboro #ccc;
  border-spacing:0;
  /* border-radius:5px; */
  border-collapse:separate;
  margin:auto;
}
.monat tr:first-child th:first-child { border-top-left-radius:5px; }
.monat tr:first-child th:last-child { border-top-right-radius:5px; }
.monat tr:first-child td:first-child { border-top-left-radius:5px; }
.monat tr:first-child td:last-child { border-top-right-radius:5px; }
.monat tr:last-child td:first-child { border-bottom-left-radius:5px; }
.monat tr:last-child td:last-child { border-bottom-right-radius:5px; }
.monat tr th { background-color:#bb4;	text-align:center; font-weight:bokd; }
.monat tr td { text-align:center; }

.clear { clear:both; }

img.message_img { float:left; margin:5px 20px; }

div.error, div.message, div.hint, div.success {
  width:640px;
  margin:30px auto;
  padding:10px 10px 20px 10px;
  font-weight:bold;
  color:#000;
  min-height:40px;
  font-family:Geneva,Arial,Helvetica;
  border:1px solid #000;
}
div.error .title, div.message .title, div.hint .title, div.success .title {
	text-align:center;
    padding:3px;
    font-weight:bold;
}
div.error               { background-color:#faa; }
div.error div.title     { background-color:#d68; border-bottom:2px solid #c33; border-right:2px solid #c33; }

div.message             { background-color:#acf; }
div.message div.title   { background-color:#39f; border-bottom:2px solid #36b; border-right:2px solid #36b; }

div.hint                { background-color:#ffc; }
div.hint div.title      { background-color:#dc7; border-bottom:2px solid #a93; border-right:2px solid #a93; }

div.success             { background-color:#cfa; }
div.success div.title   { background-color:#8d6; border-bottom:2px solid #6b3; border-right:2px solid #6b3; }

div.symbol {
	float:left;
	margin:0px 10px;
	min-width:110px;
	min-height:110px;
	background:transparent;
}
div.infobox {
	border:3px solid #3cf;
	width:640px;
	margin:30px auto;
	text-align:center;
	padding-bottom:20px;
}
div.displayuser {
	width:120px;
	float:left;
	background-color:#ddd;
	color:red;
	font-weight:bold;
	text-align:center;
	padding:0.5em;
}
div.symbol_canvas {
	min-width:1024px;
	border:1px solid #333;
	background-image:url('../img/form_repeat.png');
	background-repeat:repeat;
	margin:auto;
}

a.textnav {	text-decoration:none;	color:#333;	display:block; }
a.textnav:hover {	text-decoration:underline; background-color:#ccc; }

.symbol {
	width:100px;
	float:left;
	text-align:center;
	padding:5px;
	margin:5px;
	background-color:#dfe;
}