/*------------------------------------------------------------ 
	
	Diese Datei ist in den wesentlichen Gestaltungspunkten 
	des User-GUI auskommentiert!!
	Alle weiteren Farben usw. können aufgrund dieser Abgaben
	verfeinert wereden.
	
	Copyright (C) 2017 by Martin Wenger, MWSdesign, Kehrsatz
	
-------------------------------------------------------------- */
 
 
 * { 
	border: 0;
	margin: 0;
	padding: 0;
	}
	
html,body {
	height:100%; 		
	background: #FFF;					/*AUSGABE: Tabellenhintergrund im GUI*/
	font-family: arial,sans-serif;
	font-size: 12px;
	color: #666;
	margin: 0px;
}


#Formular {
	width: 460px;
	text-align: left;
	margin: 0px auto;
}

#Info {
	position:relative;
	font-size: 10px;
	color: #666;	
	left:310px; 
	top:-128px; 
	width:105px; 
	height:50px; 
	border:1px solid #aa0000; 
	padding:5px 5px 5px 8px; 
	text-align:left;
}

#Ausgabebereich {
	text-align: left;
	margin: 0px auto;
	height: auto;
	border:0px solid #ff0;
	font-size: 13px;
	color: #000;
	padding: 15px;
	background-color: #FFF;				/*AUSGABE: Hintergrund im GUI*/
}

#Meld1 {
	border: 0px solid red;
	font-size: 12px;
}



#MeldK1 {
	font-size: 12px;
	border:0px solid blue;  
	padding: 0px;
	float:left;
	background: transparent;
	padding: 6px 8px 3px 8px;
	vertical-align:middle;
}
#MeldK2 {
	font-size: 12px;
	border:0px solid green;  
	padding: 0px;
	text-align: right;
	background: #E3DBDC;	 				/*AUSGABE: Kopfzeilen-Hintergrund im GUI*/
	padding: 6px 8px 3px 8px;
}



#MeldT {
	font-size: 12px;
	padding: 10px;
	background: #F4F2F2;					/*AUSGABE: Text-/Eintrag-Hintergrund im GUI*/
}
.button {
	border:0px;
	background: #000;
	color: #FFF;
	padding:5px 15px 5px 15px;
}

h1 {										/*AUSGABE: Haupttitel im GUI*/
	font-family: arial,sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #1B1415;
	padding-bottom: 0px;
	margin:0px;
}

a {										/*AUSGABE: Links im GUI*/
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	text-decoration: none;
}

table {
		background-color: #EEE;			/*EINGABE: Tabellenhintergrund im GUI*/
		padding:15px;
		margin-bottom: 40px;
}
td {
	font-size: 12px;
	color: #000;
	padding: 2px;
}

INPUT {border: 1px solid #C9C9C9; font-size:12px !important; font-family: Arial, Helvetica, Sans Serif; color:#000000; vertical-align:middle; background-color:#FFFFFE; padding: 3px;}
INPUT:focus {border: 1px solid black;}

TEXTAREA {border: 1px solid #C9C9C9; font-size:10pt !important; font-family: Arial, Helvetica, Sans Serif; color:#000000 !important; vertical-align:top; background-color:#FFFFFE; padding: 3px;}
TEXTAREA:focus {border: 1px solid black;}

SELECT {border: 1px solid #C9C9C9; font-size:10pt!important; font-family: Arial, Helvetica, Sans Serif; color:#000000; vertical-align:top; background-color:#FFFFFE; padding: 3px;}

Input.submit {
	background: #444;	
	color: #AAA;
	width: 140px;
	height: 25px;
	font-size: 13px;
	font-weight: bold;		
	border: 1px solid #000;
	cursor:pointer;
	padding: 2px;
}

.Menu {
	font-size: 12px;
	color: #666;
}

.Info {
	font-size: 10px;
	color: #666;
}

.Error {
	font-size: 11px;
	color: #A31525;
}

.Copyright {
	font-size: 9px;
	color: #999;
}

.Kommentar {								/*AUSGABE: Kommentar im GUI*/
	color: #788B70;     
}



/*  Ligthning-Box  */

#PopUp {
	display: none;
	background: #FFD7D7;
	color: #aa0000;
	width:300px; 
	height:80px;
	padding: 20px 20px 20px 20px; 	
	border: 1px solid #DF0000;
	position: fixed;
	top: 50%; left: 50%;
	margin-top: -60px;  margin-left: -150px;
	z-index: 99999;
}