<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<style type="text/css">#ronjathreemabody { background: url(https://i11.servimg.com/u/f11/13/96/80/22/cream_10.png); width: 500px; box-sizing: border-box; font-family: arial, sans-serif; overflow: auto; color: #444444; } /*
*/ #ronjathreemaheader { background: #ffffff; box-shadow: 0px 3px 5px #777777; padding: 5px 30px; overflow: auto; } /*
*/ #ronjathreemapfeil { display: inline-block; padding-top: 17px; float: left; font-size: 15px; } /*
*/ #ronjathreemaimg { display: inline-block; float: left; margin: 0px 20px; } /*
*/ #ronjathreemauser { display: inline-block; float: left; margin: 0px 0px; text-align: left; padding: 10px 0px 0px 0px; max-width: 150px; box-sizing: border-box; } /*
*/ #ronjathreemah1 { font-size: 15px; font-weight: bold; } /*
*/ .ronjathreemastatus { border-radius: 100%; background: #43b549; width: 10px; height: 10px; display: inline-block; margin: 0px 2px; } /*
*/ #ronjathreemamenu { display: inline-block; padding-top: 17px; float: right; font-size: 15px; margin: 0px 0px 0px 20px; } /*
*/ #ronjathreemabell { display: inline-block; padding-top: 15px; float: right; font-size: 20px; margin: 0px 20px; } /*
*/ #ronjathreemaanruf { display: inline-block; padding-top: 12px; float: right; font-size: 25px; margin: 0px 20px 0px 0px; } /*
*/ #ronjathreemahg { background: rgba(204,204,204,0.4); padding: 15px; overflow: auto; } /*
*/ .ronjathreemasprechpfeilweiss { width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 0; border-color: transparent #ffffff transparent transparent; float: left; } /*
*/ .ronjathreemasprechweiss { float: left; background: #ffffff; max-width: 440px; box-sizing: border-box; padding: 15px; color: #444444;font-size: 11px; text-align: left; border-radius: 0px 10px 10px 10px; box-shadow: 1px 1px 1px #777777; } /*
*/ .ronjathreemaluecke { clear: both; height: 15px; } /*
*/ .ronjathreemasprechpfeilgruen { width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 0; border-color: #D3E6AE transparent transparent transparent; float: right; } /*
*/ .ronjathreemasprechgruen { float: right; max-width: 440px; box-sizing: border-box; background: #D3E6AE; padding: 15px; color: #444444;font-size: 11px; text-align: left; border-radius: 10px 0px 10px 10px; box-shadow: -1px 1px 1px #777777; } /*
*/ #ronjathreemafooter { padding: 2px 7px 4px 7px; background: rgba(204,204,204,1); overflow: auto; } /*
*/ #ronjathreematexthr { background: #ffffff; border-radius: 7px; padding: 9px 9px; overflow: auto; display: inline-block; float: left; margin-right: 7px; box-shadow: 1px 1px 2px #777777; } /*
*/ #ronjathreemasmiley { float: left; color: #777777; font-size: 18px; padding-top: 3px; } /*
*/ #ronjathreematext { float: left; color: #999999; font-size: 14px; padding: 3px 0px 0px 10px; width: 379px; text-align: left; } /*
*/ #ronjathreemasend { float: left; color: #777777; font-size: 16px; padding-top: 4px; } /*
*/ #ronjathreemamikro { background: #095256; color: #ffffff; font-size: 16px; border-radius: 100%; padding-top: 11px; box-sizing: border-box; width: 40px; height: 40px; display: inline-block; float: left; box-shadow: 1px 1px 2px #777777; }</style>