html 			{ height: 100.00%}
BODY 			{ background-color: #1f293a; background-image: url(../img/bg.gif); margin-top: 20px; margin-left:0px; margin-right: 0px; min-height: 100.01%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}

table.grenze 	{ width: 800px; background: #ff9000; table-layout: auto; empty-cells: show; border: 5px solid #1f293a; padding: 0px;}
table 			{ background: #fafafa; table-layout: auto; empty-cells: show; border: 1px solid #505050; padding: 0px;}

th 				{ background: #dadada; color: black; border: 0px; border-bottom: 1px dashed #505050; padding: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-align: left}
td 				{ background: #ff9000; color: white; border: 0px solid #505050; padding: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; text-align: left}
td.tools		{ background: #fafafa; background-image: url(../img/silver.gif); color: black; border-bottom: 1px solid #505050; padding: 10px;}
td.darkblue		{ background: #3f556f; color: white; padding: 10px;}
td.contents		{ background: #6b87a9; color: white; border: 1px solid #505050; padding: 30px; padding-left: 20px;}
td.input 		{ background: white; color: #000;  padding: 8px; padding-bottom: 4px; font-size: 8pt; font-weight: normal; border: 0px solid black; border-bottom: 1px solid #3f556f;}
td.feld 		{ background: white; color: black; padding: 8px; padding-bottom: 4px; font-size: 8pt; border: 0px; vertical-align: bottom }
td.ausgabe 		{ background: white; color: black; padding: 8px; padding-bottom: 4px; font-size: 8pt; border: 0px; vertical-align: bottom; border-bottom: 0px}
td.assistent	{ background: #b0bdd3; color: white; padding: 4px; font-size: 8pt; border: 0px; vertical-align: bottom; }
td.menue		{ background: #b0bdd3; color: white; padding: 4px; font-size: 8pt; border: 0px; vertical-align: bottom; }

A				{ font-size: 8pt; color: #294b75; padding: 2px; text-decoration: none; font-weight: bold;}
A:Visited		{ font-size: 8pt; color: #294b75; padding: 2px; text-decoration: none; font-weight: bold;}
A:Active		{ font-size: 8pt; color: #294b75; padding: 2px; text-decoration: none; font-weight: bold;}
A:Hover			{ font-size: 8pt; color: #000000; border: 1px solid #000000; background: #ffffff; padding: 1px; text-decoration: none; font-weight: bold;}

A.navi			{ font-size: 8pt; font-weight: bold; color: #000000; padding: 2px; padding-left: 8px; padding-right: 8px; text-decoration: none;}
A.navi:Visited	{ font-size: 8pt; font-weight: bold; color: #000000; padding: 2px; padding-left: 8px; padding-right: 8px; text-decoration: none;}
A.navi:Active	{ font-size: 8pt; font-weight: bold; color: #505050; padding: 2px; padding-left: 8px; padding-right: 8px; text-decoration: none;}
A.navi:Hover	{ font-size: 8pt; font-weight: bold; color: white; padding: 1px; padding-left: 7px; padding-right: 7px; text-decoration: none; border: 1px solid black; background: #888888; }

p.info 			{ color: #000000; border: 1px solid #75b15a; padding: 10px; padding-left: 36px; background: url(../img/info.gif) transparent no-repeat center left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold;}
p.fehler		{ color: #000000; border: 1px solid #ff4e18; padding: 10px; padding-left: 36px; background: url(../img/warning.gif) transparent no-repeat center left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold;}
p.statistics	{ background-color: #1f293a; color: white; border: 1px solid silver; padding: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;}


h1 				{ color: white; border-bottom: 1px solid #dadada; padding: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold;}
h2 				{ color: white; border-bottom: 1px solid #dadada; padding: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold;}
h3 				{ color: white; border-bottom: 1px solid #dadada; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold;}

input.cont 		{ width: 220px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  8pt; border: 1px solid #3f556f; color: #000; background: #fff; padding: 3px;}
textarea.cont 	{ width: 220px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  8pt; border: 1px solid #3f556f; color: #000; background: #fff; padding: 3px;}

fieldset		{ background-color: #6b87a9; color: white; border: 1px solid silver; padding:  0px 0px 10px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;}
legend			{ background-color: silver; color: black; border: 1px solid #1f293a; padding: 2px 12px 2px 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;}

A.info			{ position:relative; /*this is the key*/ z-index:24; color:#1f293a; text-decoration: none}
A.info:hover	{ z-index:25; background-color:#FFF}
A.info span		{ display: none}
A.info:hover span	{ 	/*the span will display just on :hover state*/ display:block; position: absolute; top: -100px; left:-200px; width: 180px; padding: 8px; 
						font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; border-width: 1px; border-color: red; border-style: solid; 
						background-color:#1f293a; color: white; text-align: left; }

.underlined		{text-decoration: underline;}