html, body {margin:0; padding:0; width:100%; height: 100%; background: #e7dac9;}

body { font-family: Verdana;  }

.LogInLayer {
	text-align:center; 
	margin: 0 auto 0 auto; padding: 10px 14px;
	width:320px; height:110px; 
}
/*input[type=text], input[type=password] {
		border: 1px solid #888888;
		background-color: #AAAAAA;
		filter          : progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAAAAA', endColorstr='#FFFFFF');
		background      : -webkit-gradient(linear, left top, left bottom, from(#AAAAAA), to(#FFFFFF));
		background      : -moz-linear-gradient(top, #AAAAAA, #FFFFFF);
}*/
	#AdminLogIn {background: #CFCCCC;}
.LogInLayer h1 {color:#663333; font-size: 16px; height:30px; font-weight:normal; text-align:left; padding: 10px 0; margin:0; overflow:hidden;}
.LogInLayer label {font-size: 10px; text-align:left; color:#333333; padding: 0; min-width: 40px; display:inline-block; cursor:pointer;}
.LogInLayer table  {width:100%; margin: 0px 0 0 0;}
.LogInLayer table tr {padding: 0;}
.LogInLayer table td.LogInLogo {height:10px; padding:0px 0px 0px 25px; margin:0; text-align:left; vertical-align: bottom;}
.LogInLayer table td.Sp1 {height:22px; width:65px; padding:0px; margin:0; text-align:left;}
.LogInLayer table td.Sp2 {height:22px;             padding:2px 0px 2px 2px;  margin:0; text-align:left;}
.LogInLayer table td.Sp3 {height:22px; width:105px; padding:4px 0px 2px 2px;  margin:0; text-align:right;}
.LogInLayer table input[type=text], .LogInLayer table input[type=password]  {height:12px; width:100%; font-size:11px; padding:1px 0px 1px 2px; border: 1px solid #888888;}
.LogInLayer table input[type=submit]  {color: #ffffff; font-size:10px; height:16px; padding:0px 10px ; cursor:pointer;}

input[type=submit] {
		border: 1px solid #666666;
		background-color: #CCCCCC;
		filter          : progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#888888');
		background      : -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#888888));
		background      : -moz-linear-gradient(top, #CCCCCC, #888888);
}
#meldung {width:50%; margin: 0 auto; text-align:center;}

.oeffner {cursor:pointer;}
.schliesser {cursor:pointer;}

.modal-header {height:50px;}
.modal-body {height:150px;}
.modal-footer {height:30px; text-align:center;}

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus
	{
	border-color: #5491c9;
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	-webkit-box-shadow: -2px 3px 4px -4px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: -2px 3px 4px -4px rgba(0, 0, 0, 0.4) inset;
	box-shadow: -2px 3px 4px -4px rgba(0, 0, 0, 0.4) inset;
}

input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus {
	border-color: #e9322d;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	-moz-box-shadow: 0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7;
}

div#abstandOben {min-height:50px; padding-top:50px;}
div#meldeLayer {position:absolute; right:0; bottom:156px; left:0; height:14px; z-index:100; text-align:center;}
div#ganzeSeiteBild {position:absolute; top:0; right:0; bottom:170px; left:0; z-index:10; overflow:hidden; text-align:center;}
div#ganzeSeite {position:absolute; top:0; right:0; bottom:0; left:0; padding: 0; background: none;  z-index:1000;}
div#inhaltLayer {position:absolute; right:0; bottom:30px; left:0; height:140px; padding: 0; background: none;}
#hinweisLayer {color: #333333; font-size:11px; padding: 0 2%; width:95%; position:absolute; bottom:0;}