.bubble{
  position:relative;
  width:90%;
  height:auto;
  top:40px;
  padding:10px;
  border:4px solid #43C6AC;
  margin:0 auto;
  text-align:left;
  background:transparent;
  margin-bottom:50px;
 }
.bubble:before{
  content:' ';
  position:absolute;
  width:0;
  height:0;
  left:30px;
  top:-40px;
  border:20px solid;
  border-color:transparent transparent #43C6AC #43C6AC;
}
.bubble:after{
  content:' ';
  position:absolute;
  display:block;
  width:0;
  height:0;
  left:34px;
  top:-30px;
  border:15px solid;
  border-color:transparent transparent #fff #fff;
}
.breadcrumblist{padding:5px;margin:10px;font-size:12px;line-height:18px;}
.breadcrumblist li{display:inline-block;}
.breadcrumblist li.d{vertical-align:top;}
.blau{color:#43C6AC;}
.smallbox{
         display:block;
         float:left;
         overflow: hidden;
         position:relative;
         text-align:center;
         border:1px solid #efefef;
         box-shadow:0 0 3px 0 rgba(0,0,0,0.1);
         border-color: #E9E9E9 #E9E9E9 #D4D4D4;
         border-style: solid;
         border-width: 1px;
         border-radius:3px;
         height:170px;
         width:115px;
         padding:0;
         text-align:left;
         margin:3px;
         cursor:pointer;
         font-size:12px;
}
.smallbox img{text-align:center:overflow:hidden;height:120px;border-bottom:1px solid #efefef;}
.smallbox:hover img{opacity:0.8;}
.smallbox:hover a{color:#3493E1;}
.boxlink{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;margin-left:5px;margin-right:5px;margin-top:2px;display:block;}



@media only screen and (max-width:700px){

         h1.normal{text-align:center;font-size:1.2em;}
         .bubble{height:200px;overflow-y:scroll;}
         .smallbox{width:109px;}
         table{margin:0 auto;}
         ul li{text-align:left;}


}