/*=========================================================
	Login CSS
========================================================= */

button {
	font-size: 1em;
	padding: 3px;
	background-color: #e3e3e3;
	cursor: pointer;
	border: 1px solid #888888;
}
button:hover {
	color: #DE2121;
	border: 1px solid #222222;
	background-color: #e9e9e9;
}

hr {
 margin: 5px 0px 5px 0px;
}
ul{
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
  list-style-type: disc;
	line-height: 1em;
}
ol {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1.1em;
}
li {
	padding:  2px 0px 12px 0px;
	margin:  0px 0px 0px 20px;
}

button img {
	vertical-align: middle;
	margin:  0px 6px 0px 0px;	
}



.center {
	text-align: center;
}
#login {
	margin: 0px auto 0px auto;
	width: 440px;
}
#login .rahmen {
	padding: 30px 0px 20px 0px;
}
#login .inhalt {
	margin: 0pt auto 0pt auto; 
	width: 390px;
	text-align: left;
}


#loginkasten {
	width: 880px;
}
.loginfenster {
	width: 420px;
	float: left;
	margin-right: 20px;
	display: inline;
}
#loginkasten .rahmen {
	padding: 30px 0px 20px 0px;
	height: 400px;
}
#loginkasten .inhalt {
	margin: 0pt auto 0pt auto; 
	width: 390px;
	text-align: left;
	height: 300px;
}
button  {
	width: 185px;
	padding: 3px 3px 3px 10px;
	text-align: left;
	margin: 0px 0px 0px 5px;
}
.buttonok {
	padding: 3px 3px 3px 10px;
	text-align: center;
	BACKGROUND: url(/cms/img/menu_ok.gif) no-repeat 3px 2px; 
	width: 100px;
	background-color: #e9e9e9;
	border: 1px solid #999999;
	cursor: pointer;
}
.buttoncancel {
	padding: 3px 3px 3px 10px;
	text-align: center;
	BACKGROUND: url(/cms/img/menu_cancel.gif) no-repeat 3px 2px; 
	width: 100px;
	background-color: #e9e9e9;
	border: 1px solid #999999;
	margin-right: 5px;
	cursor: pointer;
}
.buttonende {
	padding: 3px 3px 3px 10px;
	text-align: center;
	BACKGROUND: url(/cms/img/menu_logout.gif) no-repeat 3px 2px; 
	width: 100px;
	background-color: #e9e9e9;
	border: 1px solid #999999;
	margin-right: 5px;
	cursor: pointer;
}
.inhalt .buttonfloat {
	margin: 0px 0px 0px 5px;
}
.inhalt .buttonright {
	margin: 0px 0px 0px 5px;
}
.rahmen p {
	font-size: 1em;
	padding: 10px 0px 10px 0px;
	font-weight: bold;
	text-align: left;
}
.uschrift {
	padding: 3px 0px 3px 25px;
	BACKGROUND-color:  #455b88;
	FONT-WEIGHT: bold;
	text-align: left;
	font-family: arial,tahoma,verdana,sans-serif,geneva;
	display: block;
}
p.uschrift {
	color: #ebebeb;
	margin: 0px;
}

.feldtext {
	width: 120px;
	padding-top: 0.4em;
	float: left;
	text-align: left;
}
.feldinput {
	WIDTH: 150px;	
	float: left; 
	font-size: 1em;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
/* sonst Fehler firefox mac */
div.feldinput input {
	WIDTH: 150px;	
}
.loginbutton {
	width: 270px;
	text-align: right; 
}
/* Leerzeichen im Text wichtig für IE 5 + Float*/
.leerzeile {
	clear:both;
	padding-bottom: 10px;
	font-size:1px;
}
.fett {
	font-weight: bold;
	padding-bottom: 7px;
}



/* Fehlermeldung Login */
#fehlermeldung {
	text-align: left; 
	width: 420px;
	margin: 0px 0px 30px 0px; 
}
#fehlermeldung H3 {
  font-size: 1.2em;
	padding: 5px 10px 0px 10px;
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	text-decoration: none;
	border: none;
}
#fehlermeldung p {
	margin: 0px 5px 0px 0px;
	padding: 0px 10px 10px 30px;
  font-size: 1em;
}
#fehlermeldung img {
	vertical-align: middle;
	margin: 0px 5px 0px 0px; 
}


#benutzerliste {
	width: 300px;
	margin: 0px 0px 30px 0px; 
	text-align: left;
	float: left;
}
#benutzerliste div {
	padding: 10px;
}




/*** Farben ***/
#login .rahmen {
  border: 1px solid #cdcbcb;
	background-color: #f2f2f2;
}
#login .inhalt, #login p {
	color: #455b88;
}
#login .uschrift {
	color: #eeeeee;
  border-top: 1px solid #cdcbcb;
  border-left: 1px solid #cdcbcb;
  border-right: 1px solid #cdcbcb;
}
#login .fett {
	color: #455b88;
}

#benutzerliste div {
	border: 1px solid #cdcbcb;
	BACKGROUND-color: #f6f6f6;
	padding: 10px;
}

#fehlermeldung {
  border: 1px solid #cdcbcb;
}
#fehlermeldung p {
	color: #333333;
}
#fehlermeldung H3 {
	color: #DE2121;
}