/*----- Farben -----*/
.bestaetigen 	{ background-color:#32CD32; color:white; font-weight:bold; padding:3px }
.blau			{ color:#006FB4; }
.dunkelgruen    { color:#0B3B0B; }
.fehler			{ background-color:#DD002C; color:white; font-size:120%; font-weight:bold; margin-bottom:1mm; padding:1mm;}
.feldmitfehler  { background-color:#FF9090; }
.feldmithinweis { background-color:orange; }
.grau      		{ color:gray; }
.gruen     		{ color:green; }
.hinweis        { background-color:orange ; color:white; font-size:120%; font-weight:bold; margin-bottom:1mm; padding:1mm;}
.ok	            { background-color:green  ; color:white; font-size:120%; font-weight:bold; margin-bottom:1mm; padding:1mm;}
.orange    		{ color:orange; }
.rot       		{ color:#DD002C; }
.schwarz   		{ color:black; }
.sw				{ background-color:#FFFFFF; color:black; }
.weiss          { color:white; }

/*----- Hintergründe -----*/
.hellblau  		{ background-color:#C3D0E9; }
.hellgrau  		{ background-color:#E5E5E5; }
.hg-gruen       { background-color:#CCFFCC; }
.hg-green		{ background-color:green; }
.hg-rot       	{ background-color:#DD002C; }
.lindblau      	{ background-color:#EBEFF8; }
.lindgruen 		{ background-color:#A8E77A; }

/*----- spezifische Farben -----*/
.reiter-normal	{ background-color:#E5E5E5; border-radius:0px; }
.reiter-aktiv	{ background-color:#006FB4; border-radius:0px; }

.anklickbar       	{ cursor:pointer; }
.button             { background-color:#6D757C; border:1px solid white; border-radius:4px; color:white; cursor:pointer;
                      font-size:10pt; font-weight:normal; margin:2px 5px 2px 0px; padding:4px 8px 4px 8px; text-align:center; text-decoration:none; }
.button:hover       { background-color:#505050; }
.deaktiviert        { color:darkgray; }
.farbe              { } /* ist reserviert */
.fett           	{ font-weight:bold; }
.fixiert        	{ position:fixed; }
.hg-transparent     { background-color:transparent; }
.hilfe				{ background-color:#003B79; border:0; border-radius:4px; color:white; cursor:help; font-family:serif; font-weight:bold; margin:5px; padding:0pt 4pt 1pt 4pt; }
.infotext           { color:blue; cursor:pointer; font-style:normal; margin:5px; padding:0pt 4pt 1pt 4pt; position: relative; text-decoration:underline; }
.infotext span      { bottom:1.5em; background-color:#F5F5DC; border: solid 1px #888888; border-radius:0.5em; box-shadow: 0px 0px 4px 4px #aaaaaa; color:#000; display:none; 
                      font-family:Arial,helvetica,sans-serif; font-size:12px; font-style:normal; font-weight:normal; left:-5em; opacity:0; padding:0.5em;
                      pointer-events:none; position:absolute; text-align:left; transition:opacity 0.6s; white-space:normal; width:25em; z-index:100; }
.inline				{ display:inline; }
.klein              { height:22px; }
.klickbar       	{ cursor:pointer; }
.links          	{ float:left; }
.nowrap             { white-space:nowrap; }
.ohnerand           { border:0px; margin:0px; padding:0px; }
.pflicht			{ background-color:#D1D1D1; }
.rechts         	{ float:right; }
.sichtbar       	{ }
.testflaeche    	{ border: 1px solid #000000; display:inline; font-size:12px; font-weight:bold; height:20px; margin-left:20px; padding:2px; width:60px;}
.ueberschriftklein  { font-size:110%; font-weight:bold; margin-top:20px; }
.ueberschriftmittel { font-size:150%; font-weight:bold; margin-top:20px; }
.unsichtbar     	{ display:none; }
.unterstrichen      { text-decoration:underline; }
.vergroessert   	{ font-size:150%; }

#tooltip,#pTT            { background-color:#F5F5DC; border: solid 1px #888888; border-radius:0.5em; box-shadow: 2px 2px 4px 3px #aaaaaa; color:#000;
                      font-family:Arial,helvetica,sans-serif; font-size:12px; font-style:normal; font-weight:normal; max-width:290px; padding:0.5em;
                      pointer-events:none; position:absolute; text-align:left; transition:opacity 0.6s; z-index:100; }

@media screen and (max-height:600px) {.fixiert  {position:absolute;}}
	
a					{ color:black;}
a:hover				{ color:#DD002C;}
a.menue:hover	 	{ background-color:#C3D0E9; color:black; font-weight:normal; text-decoration:underline;}
a.menue div:hover	{ background-color:#C3D0E9; color:black; font-weight:normal; text-decoration:underline;}

abbr, acronym		{ border-bottom:1px dotted black; cursor:help; }

body				{ font-family:Arial, helvetica, sans-serif; margin:0cm;}

button,
input,
select,
textarea            { border:1px solid gray; border-radius:4px; margin:2px 5px 2px 0px; padding:2px 2px 2px 3px; }
input:focus,
select:focus,
textarea:focus      { border-color:#1C8AD9; }
input:disabled, 
select:disabled     { background-color:#DDD; }
button,
input[type=button]		{ background-color:#6D757C; border:1px solid white; color:white; cursor:pointer; font-weight:normal; padding:4px; text-align:center; }
button.deaktiviert,
input[type=button].deaktiviert,
input[type=submit].deaktiviert { background-color:lightgray; }
button:hover,
input[type=button]:hover{ background-color:#505050; }
button.deaktiviert:hover,
input[type=button].deaktiviert,
input[type=submit].deaktiviert:hover { background-color:lightgray; }

a.loeschen              { font-size:110%; }
a.loeschen,
button.loeschen,
input[type=button].loeschen,
input[type=submit].loeschen { background-color:#CD202C; }
a.loeschen:hover,
button.loeschen:hover,
input[type=button].loeschen:hover,
input[type=submit].loeschen:hover { background-color:#AD0010; }

input[type=image ]	{ border-width:0px; margin:0px; padding:0px; vertical-align:middle; }

div.fehler a		{ background-color:#C3D0E9; color:black; font-weight:bold; }

font.etwasgross     { font-size:10pt; }
font.gross      	{ font-size:11pt; font-weight:bold; }

h1, h2          	{ font-size:+1;}

image				{ border-width:0px; margin:0pt;}

input[type=radio ]		{ cursor:pointer; margin-left:5px; margin-right:5px; }

input[type=submit]		{ background-color:#6D757C; border:1px solid white; color:white; cursor:pointer; font-weight:normal; padding:4px; text-align:center; }
input[type=submit]:hover	{ background-color:#505050; }
input[type=submit].hg-green			{ background-color:green; }
input[type=submit].hg-green:hover	{ background-color:darkgreen; }
input[type=submit].klein			{ padding-bottom:2px; padding-top:1px; }
input[type=submit].reiter-aktiv		{ background-color:#006FB4; border-radius:0; color:white; font-size:12px; }
input[type=submit].reiter-aktiv:hover { background-color:#004F94; }
input[type=submit].reiter-hell		{ background-color:#E5E5E5; border-radius:0; font-size:12px; }
input[type=submit].reiter-hell:hover	{ background-color:#C5C5C5; }
input[type=submit].reiter-normal		{ background-color:#C3D0E9; border-radius:0; font-size:12px; }
input[type=submit].reiter-normal:hover	{ background-color:#A3C0C9; }

input.bestaetigen 	{ padding:1px; vertical-align:middle;}
input.versteckterDefaultButton { border:0; display:inline; height:0; margin:0; padding:0; position:absolute; width:0; }

label           	{ cursor:pointer; white-space:nowrap;}

li					{ margin:2px;}

span.mailto         { background-color:#003B79; border:0; border-radius:11px; color:white; cursor:pointer; font-weight:bold; padding:2pt 4pt 2pt 4pt; white-space:nowrap; }

table				{ border-spacing:1px; table-layout:auto;}
table.detail tr		{ alignment:left}
table.details tr td { padding:1px 1px 1px 4px; }
table.details tr td:first-of-type { text-align:right; font-weight:bold; padding-right:4pt; }
table.details tr td.linksbuendig:first-of-type	{ text-align:left; }
table.header		{ background-color:#FFFF99; font-size:12px; font-weight:bold;}
table.hi tr			{ cursor:pointer; }
table.hi tr:hover 	{ background-color:#FFFFFE; }
table.Tabelle		{ background-color:black; } /* fuer Gitterlinien */

td						{ font-size:12px;}
td.ausgeklappt span 	{ cursor:pointer; font-size:150%; font-weight:bold; margin-top:10px; }
td.ausgeklappt span img { clip:rect (20px 40px 40px 0px); margin-top:-20px; position:absolute;}
td.eingeklappt span     { cursor:pointer; font-size:150%; font-weight:bold; margin-top:10px; }
td.eingeklappt span img { clip:rect ( 0px 40px 20px 0px); position:absolute;}
td.eingeklappt table    { display:none; }
td.header				{ font-weight:bold;}

th						{ background-color:#CCCCCC; font-size:12px; font-weight:bold;}

tr.eingeklappt          { display:none; }
tr.markiert 			{ background-color:lime }
tr.markiert:hover		{ background-color:#CCFF44;}

ul						{ padding:2px; padding-left:15px; margin:2px;}

ul.menue          		{ display:inline; font-size:12px; font-weight:bold; left:170px; margin:0px; padding:0px; position:fixed; top:17px; }
ul.menue li       		{ display:inline; float:left; list-style:none; margin:0px; margin-bottom:0.2em; padding:0px; position:relative; white-space:nowrap;}
ul.menue li a     		{ background:#E5E5E5; color:black; display: block; padding:.6em .8em .6em .8em; text-decoration:none}
ul.menue li ul li a		{background:#E5E5E5; border:1px solid #006FB4; color:black; padding:.3em .4em .3em; text-decoration:none}
ul.menue li a.aktiv  	{background:#ef6908; color:white}
ul.menue li a:focus,
ul.menue li a:hover, 
ul.menue li ul li a:hover
                        { background:white; color:black}
ul.menue li ul    		{ background:#f1f4fa; left:0; overflow: hidden; padding:2px; position:absolute; top:22px; z-index:2;
                          transform: scaleY(0); transform-origin: top; transition: transform 0.26s ease; }
ul.menue li:hover ul 	{ transform: scaleY(1); }
ul.menue li ul li    	{ float:none; margin:0; padding:0;}
ul.menue li ul li a  	{ border-bottom-width:0px}
ul.menue li ul li:last-of-type a { border-bottom-width:1px}

/* für Javascript-Funktion "nachfragen" */
div.alert-modal					{ background-color:#ccc; height:100%; left:0; position:fixed; top:0; opacity:0.5; width:100%; z-index:1000; 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  /* IE7 */
}
div.alert						{ background-color:#f0f0f0; border:1px solid #999; border-radius:4px; display:none; font-family:Arial; position:fixed; z-index:1001; }
div.alert div.title				{ background-color:#9e9e9e; color:#fff; font-family:Arial; font-weight:bold; margin:0px; padding:7px; padding-left:15px; }
div.alert div.body				{ font-family:Arial; padding:15px; }
div.alert div.buttons			{ float:right; padding:15px; }
div.alert div.buttons input		{ background-color:#D0D0D0; border:1px solid black; border-radius:4px; color:#000; font-weight:bold; margin-left:5px; padding:5px 4px 2px 4px; text-align:center; }
