/* ----- Ausrichtungen f. alle Boxen ----- */

.box_leftalign   {text-align: left;}
.box_centeralign {text-align: center;}
.box_rightalign  {text-align: right;}
.box_justify     {text-align: justify;}

/* ----- Runde Rahmenecken ----- */
div.box_round    {border-radius: 1.4em;}
span.box_round   {border-radius: .14em;}

/* ----- Boxen mit Icon ----- */  

.box_info          {background-color: #d1d7df;}
div.box_info       {background-image: url(img/big/info.png);}
span.box_info      {background-image: url(img/smal/info.png);}

.box_important     {background-color: #ffd39f;}
div.box_important  {background-image: url(img/big/important.png);}
span.box_important {background-image: url(img/smal/important.png);}

.box_alert         {background-color: #ffbcaf;}
div.box_alert      {background-image: url(img/big/alert.png);}
span.box_alert     {background-image: url(img/smal/alert.png);}

.box_tip           {background-color: #fff79f;}
div.box_tip        {background-image: url(img/big/tip.png);}
span.box_tip       {background-image: url(img/smal/tip.png);}

.box_help          {background-color: #dcc2ef;}
div.box_help       {background-image: url(img/big/help.png);}
span.box_help      {background-image: url(img/smal/help.png);}

.box_todo          {background-color: #c2efdd;}
div.box_todo       {background-image: url(img/big/todo.png);}
span.box_todo      {background-image: url(img/smal/todo.png);}

.box_download      {background-color: #d6efc2;}
div.box_download   {background-image: url(img/big/download.png);}
span.box_download  {background-image: url(img/smal/download.png);}
  
div.box_info,
div.box_important,
div.box_alert,
div.box_tip,
div.box_help,
div.box_todo,
div.box_download {
  padding: 5px 5px 5px 70px;
  min-height: 68px; 
  background-position: 10px 50%;
  background-repeat: no-repeat; 
  color: inherit; 
  overflow: hidden;
}

span.box_info,
span.box_important,
span.box_alert,
span.box_tip,
span.box_help,
span.box_todo,
span.box_download {
  padding: 0 2px 0 20px; 
  min-height: 20px; 
  background-position: 2px 50%; 
  background-repeat: no-repeat; 
  color: inherit;
}

/* eof*/