#main .content .box {
  display:block;
  position:relative;
  float:left;
  clear:none; 
  height:302px;
  width:338px;
  background-position:100% 0;
  background-repeat:no-repeat; }
#main .content .box.long {
  background-image:url('../images/box_long_bkg.gif'); }
#main .content .box.black {
  background-image:url('../images/box_black_bkg.gif'); }
#main .content .box.brown {
  width:169px;
  background-image:url('../images/box_brown_bkg.gif'); } /* -30px */
#main .content .box.short {
  width:169px;
  background-image:url('../images/box_short_bkg.gif'); }

.box .box_head, 
.box .box_list,
.box .box_more,
.box .box_img,
.box .box_links {
  display:block;
  position:absolute;
  margin:0;
  padding:0; }
.box .box_head {
  top:0;
  left:10px;
  width:130px;
  height:19px;
  line-height:19px;
  font-size:14px;
  color:#fff; 
  overflow:hidden; }
.box .box_list {
  top:30px;
  left:5px;
  width:160px;
  height:238px;
  list-style:none; }
.box .box_list li {
  display:block;
  float:left;
  clear:both;
  width:135px;
  margin:0;
  padding:0; }
.box.black .box_list p {
  display:block;
  margin:0;
  padding:0 0 5px 10px;
  font-size:12px;
  line-height:15px; 
  color:#717071; 
  background-position:0 1px;
  background-repeat:no-repeat;
  background-image:url('../images/box_bullet.gif'); }
.box.black p.box_links {
  bottom:7px;
  left:15px;
  width:300px;
  height:24px;
  line-height:24px;
  font-size:11px; }
.box.black p.box_links a {
  display:block;
  float:left;
  clear:none;
  padding:0 5px 0 15px;
  color:#fff;
  text-decoration:none; 
  background-position:0 50%;
  background-repeat:no-repeat;
  background-image:url('../images/box_black_bullet.gif'); }
.box.black p.box_links a:hover {
  text-decoration:underline; }
.box .box_list li a {
  display:inline-block;
  margin:0;
  padding:0 0 5px 10px; 
  font-size:12px;
  font-weight:bold; 
  text-decoration:none; 
  line-height:15px; 
  color:#a1a1a1; 
  background-position:0 1px;
  background-repeat:no-repeat;
  background-image:url('../images/box_bullet.gif'); }
.box .box_list li a:hover {
  color:#0075b8; 
  background-image:url('../images/box_bullet_active.gif'); }

.box .box_more {
  bottom:16px;
  left:15px; }
.box .box_more a {
  display:inline-block;
  padding:0 5px;
  line-height:18px;
  height:18px;
  background-color:#888f95;
  color:#fff;
  text-decoration:none; }
.box.brown .box_more a {
  background-color:#c2b198; }
.box .box_more a:hover {
  color:#ccc; }
.box .box_img {
  outline:0;
  border:0; }
.box .box_img img {
  margin:0;
  padding:0;
  border:0; }
.box .box_img.img1 {
  top:25px;
  left:181px; }
.box .box_img.img2 {
  top:148px;
  left:181px; }

.content .box.brown .box_img.img1 {
  top:25px;
  left:11px; }
.content .box.short .box_img.img1 {
  top:25px;
  left:12px; }
.content .box.brown .box_img.img2,
.content .box.short .box_img.img2 {
  display:none; }

.content .box.brown .box_list,
.content .box.short .box_list {
  top:145px; }


.box #foto_katalog {
  position:absolute;
  top:25px;
  left:181px; 
  border:0;
  margin:0;
  padding:0; }

.index_content {
  display:block;
  position:relative;
  left:10px;
  float:left;
  clear:left;
  width:630px;
  margin:0; 
  padding:0;
  list-style:none; }