div.eingabe input {
	border: 1px solid gray;		
}
div.eingabe input:focus {
	border: 1px solid black;		
}
div.eingabe input.input_valide,
 div.eingabe input.input_valide:focus  {
	border: 1px solid green;
}
div.eingabe input.input_invalide, 
div.eingabe input.input_invalide:focus {
	border: 1px solid red;
}


#infoBox ul{
	list-style: disc outside;
	margin-left:20px;
}

div.openInfoBox,
.okRuleGroup, 
.visible, 
div.visible {
	display:block !important;
}

div.closeInfoBox,
.wrongRuleGroup, 
.hidden, 
div.hidden {
	display:none !important;
}


.okRule {
	color:green;
}
.wrongRule {
	color:red;
}

.unproofedRule {
	color:blue;	
}

#loginField #infoBox {
	top:0;
}
#infoBox, #passwordVerificationInfoBox {
	z-index: 100;
	border: 1px solid #000;
	-webkit-border-radius: 5px; 
  	-moz-border-radius: 5px; 
  	border-radius: 5px;  	
	-webkit-box-shadow: 3px 3px 3px 3px #808080;
	-moz-box-shadow:   3px 3px 3px 3px #808080;
	box-shadow: 3px 3px 3px 3px #808080;
	background-color: #FFF;
	padding: 3px;
	left: 410px;
	position: absolute;
	display: none;
	/*top: 0px;*/
	/*overflow: auto;*/
	min-width: 280px;
}

#infoBox:after,
#infoBox:before,
#passwordVerificationInfoBox:after,
#passwordVerificationInfoBox:before {
	right: 100%; 
	top: 10px; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
} 


#infoBox:after,
#passwordVerificationInfoBox:after {
	border-color: rgba(255, 255, 255, 0); 
	border-right-color: #ffffff;
	border-width: 6px; 
	margin-top: -6px; 
} 
	
#infoBox:before, 
#passwordVerificationInfoBox:before {
	border-color: rgba(14, 16, 18, 0); 
	border-right-color: #000; 
	border-width: 7px; 
	margin-top: -7px;
}