/*
Lay-Out-Festlegungen für Formulare  -  im Mai 2023

Stylesheet für Formulare

Hinweis! Diese Datei enthält ausschließlich Steuernweisungen zur
         Gestaltung in Formularen. Diese Datei muß also zusätzlich 
         zu 'Standard-CSS' oder 'Rechts-CSS' eingebunden werden.


form   
=> allgemeine Vorgaben für Formulare

input, select
=> Formulareingabefelder: Schriftart und -farbe

Text_Feld
=> Texteingabefeld(textaerea): Schriftart und -farbe

Bereich, Feld 
=> Aufbau und Hintergrundfarbe für Eingaben (input)

Check
=> Gestaltung von Checkboxen

=========================================================================
*/


<STYLE TYPE ="text/css">

	form { 
		padding:20px;
		border:6px solid #DDDDDD;
		}

	input, select { 
		color:#000000;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		border: 1px solid lightgray;
		-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);  
		-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 
		box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}

	.Text_Feld { margin-left: 12px;
		white-space: pre   /* nimmt Zeilenumbrüche mit */
		width: 560px;
		height: 200px;
		resize: none;
		background-color:#F3F3F3;
		border:2px solid #808000;
		align:center;
		font-size: 14px; 
		font-family: Arial, Helvetica, sans-serif;
		box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}

	.Feld {
		background-color:#F3F3F3;
		border:1px solid #808000;
		height: 28px;
		font-size: 18px;
		font-family: Arial, Helvetica, sans-serif;
		}

	input[type=checkbox] {
		margin: 4px 0 0;
		line-height: normal;
		width: 24px;
		height: 24px;
		}

	input:hover,select:hover,textarea:hover {
		background: #ffffd2;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);  
		-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); 
		box-shadow: 0 0 10px rgba(0,0,0,0.2); 
		}

	input[type="submit"], input[type="reset"] {
		font-size:16px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		width: 9em;
		padding: 0.6em;
		background: #fafafa;
		border: 1px solid #aaa;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;

		/* Webkit */
		background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0.1, rgb(250,250,250)),
		color-stop(1, rgb(204,204,204))
		);

		/* Firefox */
		background-image: -moz-linear-gradient(
		top,
		rgb(250,250,250) 10%,
		rgb(204,204,204) 100%
		);
	
		-webkit-box-shadow: 0px 0px 5px rgba(255,255,255,0.8); 
		-moz-box-shadow:  0px 0px 5px rgba(255,255,255,0.8); 
		box-shadow: 0px 0px 5px rgba(255,255,255,0.8); 
		text-shadow: 1px 1px 1px rgba(255,255,255,0.8); 
		}

	input[type="submit"]:hover, input[type="submit"]:focus {
		background: #ffffd2;
		border-color: #3a3;
		color: #3a3;
		}

	input[type="reset"]:hover, input[type="reset"]:focus {
		background: #ffffd2;
		}

</style>