/* Gemeinsamkeiten */
div[class*="msgbox-"] {
  border: 1px solid #ccc; 
  margin: 10px 0 1em 0; 
  min-height: 20px; 
  padding: 10px 10px 10px 25px; 
  position: relative;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1); 
  border-radius: 5px;
}
/* Dieser Font ist Bestandteil von WBCE. Einbindung in der view.php. */
span[class*="msgbox-"] {font-family: "FontAwesome"; font-size: 1.5rem; position: absolute; left: 7px; top: 7px;}                                                   
div[class*="msgbox-"] p {margin: 0; padding: 0 0 0 10px;}

/* Die Icons fuer die Msgbox */
span.msgbox-info::before {content: "\f05a";	color: #3465a4;}
span.msgbox-tipp::before {content: "\f058"; color: #14892c;}
span.msgbox-warn::before {content: "\f057";	color: #cc0000;}
span.msgbox-note::before {content: "\f06a";	color: #f57900;}

/* Rahmen- und Hintergrundfarbe fuer die Boxen */
div.msgbox-info {background-color: #fcfcfc; border-color: #aab8c6;}
div.msgbox-tipp {background-color: #f3f9f4; border-color: #91c89c;}
div.msgbox-warn {background-color: #fff8f7; border-color: #d04437;}
div.msgbox-note {background-color: #fffdf6; border-color: #ffeaae;}