.inset{background:transparent;width:420px}
.inset h1,.inset p{margin:0 10px}
.inset h1{font-size:150%;color:#ffffff}
.inset .top,.inset .bottom{display:block;background:transparent;font-size:1px}
.inset .b1,.inset .b2,.inset .b3,.inset .b4,.inset .b1b,.inset .b2b,.inset .b3b,.inset .b4b{display:block;overflow:hidden}
.inset .b1,.inset .b2,.inset .b3,.inset .b1b,.inset .b2b,.inset .b3b{height:1px}.inset .b2{background:#cccccc;border-left:1px solid #999999;border-right:1px solid #aaaaaa}
.inset .b3{background:#cccccc;border-left:1px solid #999999;border-right:1px solid #dddddd}
.inset .b4{background:#cccccc;border-left:1px solid #999999;border-right:1px solid #eeeeee}
.inset .b4b{background:#cccccc;border-left:1px solid #aaaaaa;border-right:1px solid #ffffff}
.inset .b3b{background:#cccccc;border-left:1px solid #00CCFF;border-right:1px solid #ffffff} /*dddddd*/
.inset .b2b{background:#cccccc;border-left:1px solid #eeeeee;border-right:1px solid #ffffff}
.inset .b1{margin:0 5px;background:#999999}.inset .b2,.inset .b2b{margin:0 3px;border-width:0 2px}
.inset .b3,.inset .b3b{margin:0 2px}
.inset .b4,.inset .b4b{height:2px;margin:0 1px}
.inset .b1b{margin:0 5px;background:#ffffff}
.inset .boxcontent{display:block;background:#cccccc;border-left:1px solid #999999;border-right:1px solid #ffffff}
/*
blau 0000CC 
<div class="inset">
    <b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
    <div class="boxcontent">
      <h1>3D Eingelassen</h1>
      <p>Runde Ecken mit eingelassenen Rändern</p>
    </div>
    <b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
  </div>
*/