html, body {
  width           : 100%;
  height          : 100%;
  margin          : 0;
  padding         : 0;
  font-family     : arial;
  background: #001e4d url(/antenne/incl/css_new/img/bg.png) repeat-y left;
}
#containerSwitcher {
  position        : relative;
  width           : 793px;
  height          : 245px;
  background      : #FFF;
}
#containerSwitcher img {
  border          : 0;
}
/* BIG IMAGE */
#imageBox {
  position        : absolute;
  top             : 2px;
  left            : 2px;
  width           : 480px;
  height          : 239px;
  background      : url('/antenne/home/home/styles/img/bgImageBox.png') no-repeat;
}
#imageBox a {
  position        : absolute;
  top             : 0px;
  left            : 0px;
  display         : block;
  overflow        : hidden;
  width           : 469px;
  height          : 230px;
  margin          : 4px 0 0 4px;
  text-decoration : none;
  background      : silver;
}
#imageBox a span.infoBox {
  position        : absolute;
  bottom          : 0px;
  left            : 0px;
  z-index         : 500;
  width           : 469px;
  height          : 0px;
  text-decoration : none;
  background      : #000;
}
#imageBox a span.info {
  position        : absolute;
  bottom          : 0px;
  left            : 10px;
  z-index         : 550;
  width           : 449px;
  height          : 29px;
  line-height     : 29px;
  text-decoration : none;
  font-size       : 21px;
  font-weight     : bold;
  color           : #FFF;
}
#imageBox a#image1, #imageBox a#image2, #imageBox a#image3, #imageBox a#image4 {
  display:none;
}
/* TABS */
#articleList {
  position        : absolute;
  top             : 6px;
  right           : 2px;
  width           : 330px;
  height          : 231px;
  background      : url('img/bgList.png') no-repeat 20px 0px;
}
#articleList ul, #articleList ul li {
  margin          : 0;
  padding         : 0;
  list-style-type : none;
  border          : 0;
}
#articleList ul {
  width           : 330px;
}
#articleList ul li {
  position        : relative;
  float           : left;
  height          : 58px;
  width           : 330px;
  font-size       : 0px;
}
#articleList ul li div {
  width           : 330px;
  height          : 57px;
}
#articleList ul li a.smallImage {
  position        : absolute;
  top             : 2px;
  left            : 25px;
  width           : 76px;
  height          : 52px;
  background      : url('img/bgSmallImage.png') no-repeat;
}
#articleList ul li a.smallImage img {
  margin          : 6px 0 0 4px;
}
#articleList ul li p {
  position        : absolute;
  top             : 2px;
  left            : 110px;
  margin          : 0;
  padding         : 4px 0;
  font-size       : 12px;
  color           : #0D5286;
}
#articleList ul li a.more {
  position        : absolute;
  top             : 35px;
  left            : 110px;
  text-decoration : none;
  font-size       : 12px;
  color           : #0D5286;
}
#articleList ul li a.more:hover span {
  text-decoration  : underline;
}
#articleList ul li.active, #articleList ul li:hover {
  position        : relative;
}
#articleList ul li.active div, #articleList ul li:hover div {
  position        : absolute;
  top             : 0px;
  left            : 0px;
  z-index         : 400;
  cursor          : pointer;
  background      : url('img/activeList.png') no-repeat;
}
#articleList ul li.active a.smallImage, #articleList ul li:hover a.smallImage {
  display         : none;
}
#articleList ul li.active p, #articleList ul li:hover p {
  position        : absolute;
  top             : 2px;
  left            : 30px;
  font-weight     : bold;
  color           : #FFF;
}
#articleList ul li.active a.more, #articleList ul li:hover a.more {
  position        : absolute;
  top             : 35px;
  left            : 30px;
  text-decoration : none;
  font-size       : 12px;
  color           : #FFF;
}