/**
 * Startpage
 *
 * @author Cornelius Hansjakob <cha@massiveart.com>
 * @version 1.0
 */

/* ----------------
Main (overwrite core.css) */

body {
  background: #efefef url(/website/themes/sportservice/images/bg_header_startpage.gif) repeat-x 0 0;
}

.divHeadlineContainer,
.divBottomLine {
  display:none;
}

/* ----------------
Structure (overwrite core.css) */

#divHeaderWrapper {
  background: url(/website/themes/sportservice/images/logo_sportservice_startpage.gif) no-repeat 100% 0;
  height:122px;
  position:relative;
}

#divContentWrapper {
  padding:0 0 20px 0;
}

/* ----------------
Top Posts */

.divTopPosts {
  height:448px;
  padding:0 20px 0 20px;
}

.divTopMain {
  float:left;
  width:640px;
}

.divTopVideo {
  padding:10px 0 0 0; 
}

.divTopVideo object,
.divTopVideo embed {
  height:360px;
}

.divTopSidebar {
  float:right;
  width:280px;
  padding:35px 0 0 0;  
}

#divSidebarUp,
#divSidebarDown {
  height:20px;
  width:18px;
  padding:0 0 0 131px;    
}

#divSidebarUp {
  padding-bottom:5px;
}

#divSidebarUp div {
  background:url(/website/themes/sportservice/images/icon_scroll_up.gif);
  width:18px;
  height:18px;
  line-height:0;
  font-size:0;
  cursor:pointer;
}

#divSidebarDown div {
  background:url(/website/themes/sportservice/images/icon_scroll_down.gif);
  width:18px;
  height:18px;
  line-height:0;
  font-size:0;
  cursor:pointer;
}

.divSidebarItemListOuter {
  height:360px;
  overflow:hidden;
  position:relative;
  width:280px;
}

.divSidebarItemListInner {
  position:absolute;
  width:280px;
}

.divTopSidebarItem {
  padding:0 0 10px 0;
  height:80px;
  overflow:hidden;
}

.divTopSidebarItemText {
  float:left;
  width:168px;
  text-align:right;
  padding:10px 0 0 0;
}

.divTopSidebarItemDate {
  padding:10px 0 0 0;
}

.divTopSidebarItemCat {

}

.divTopSidebarItemThumb {
  float:left;
  width:102px;
  padding:0 0 0 10px;
}

.divTopSidebarItemThumb img {
  border:1px solid #fff;
}

/* ----------------
Header Line */

.divHeaderLine {
  height:30px;
  padding:0 20px 0 20px;
}

.divAboLinks {
  float:left;
  padding:7px 0 0 0;
  width:640px;
}

.divSearchBox {
  float:right;
  width:280px;
}

.divRSSBox {
  float:right;
  width:280px;
  text-align:right;
  padding:5px 0 0 0;
}

.divRSSBox a, .divRSSBox a:hover {
  color:#fff;
  font-size:11px;
  text-decoration:none;
  line-height:20px;
}

.divRSSBox img {
  vertical-align: middle; 
  margin: 0 5px 1px 0; 
}

/* ----------------
Content Box */

.divContentTop {
  background:url(/website/themes/sportservice/images/box_content_startpage.gif) no-repeat 0 0;
  width:980px;
  height:5px;
  line-height:0;
  font-size:0;
}

.divContentBottom {
  background:url(/website/themes/sportservice/images/box_content_startpage.gif) no-repeat 0 100%;
  width:980px;
  height:5px;
  line-height:0;
  font-size:0;
}

.divContentMiddle {
  background-color:#fff;
  border-left:1px solid #dfdfdf;
  border-right:1px solid #dfdfdf;
  padding:10px 20px 10px 20px;
}

/* ----------------
Normal Posts */

.divNormalPosts {
  padding:20px 0 20px 0;
}

.divAdLeft {
  float:left;
  width:618px;
  background-color:#efefef;
  border:1px solid #ccc;
  height:80px;
  overflow:hidden;  
}

.divAdRight {
  float:right;
  width:298px;
  background-color:#efefef;
  border:1px solid #ccc;
  height:80px;
  overflow:hidden;  
}

.divAdLeftContainer {
  float:left;
  width:618px;
  border:1px solid #ccc;
  height:80px;
  position:relative;
  z-index:20;
}

.divAdLeftInner {
  position:relative;
  z-index:20;
  overflow:hidden;
  width:618px;
  height:80px;
}

.divAdLeftAbsolute {
  position: absolute;
  background-color:#efefef;
  z-index:10;
  height:80px;
  width:618px;
}

#divScrollLeft,
#divScrollRight {
  width:20px; 
  height:20px; 
  position:absolute; 
  z-index:30;  
  top:30px; 
  cursor:pointer;
}

#divScrollLeft {
  left:-10px;
}

#divScrollRight {
  right:-10px;
}

.divAdImgLeft {
  float:left;
  width:100px;
}

.divAdInfoBig {
  float:left;
  width:508px;
  padding:0 10px 0 0;
}

.divAdInfoSmall {
  float:left;
  width:188px;
  padding:0 10px 0 0;
}

/* ----------------
Bottom Region */

.divBottomBlockLeft {
  float:left;
  width:300px;
  padding:0 9px 0 0;
}

.divBottomBlockCenter {
  float:left;
  width:300px;
  padding:0 9px 0 9px;
  border-left:1px solid #ccc;  
}

.divBottomBlockRight {
  float:right;
  width:300px;
  padding:0 0 0 9px;
  border-left:1px solid #ccc;
}

.divBottomBlockHeader {
  padding:10px 0 20px 0; 
}

.divBottomBlockHeaderLeft {
  float:left;
}

.divBottomBlockHeaderRight {
  float:right;
}

.divBottomBlockTopPost {
  padding:0 0 40px 0;
}

.divBottomBlockTopPostInner {
  overflow:hidden; 
  height:160px; 
  margin:0 0 20px 0;
}

.divBottomBlockTopPostInner h2 {
  
}

.divBottomBlockTopPostInner .divHasVideo {
  float:right;
  background:url(/website/themes/sportservice/images/icon_video_big.gif) no-repeat 100% 0;
  width:24px;
  height:24px;
  padding:0 0 0 10px;
}

.divBottomBlockImgLeft {
  float:left;
  padding:0 10px 10px 0;
}

.divBottomBlockShortDesc {
  padding:0 0 20px 0;
}

.divLinktItem {
  border-bottom:1px dashed #efefef;
  padding:0 0 10px 0;
  margin:0 0 10px 0;
}

.itemHasVideo {
  background:url(/website/themes/sportservice/images/icon_video_small.gif) no-repeat 100% 0;
}

.divLinkIcon {
  float:left;
  width:52px;
}

.divLinkInfos {
  float:left;
  width:230px;
}