/*
    Document   : SHome
    Author     : Martijn van der Hulst | Jool.nl
*/

/* SCommon css*/
@import url(../../SCommon/css/SCommon.css);

/* color of the website. */
@import url(blue-home.css);


/* customSubscribeLeft */
#customSubscribeLeft{
  float     : left;
  width     : 196px;
  margin    : 0 0 12px 0;
  padding   : 0 0 15px 0;
}

#customSubscribeLeft h2{
  width     : 176px;
  font-size : 18px;
  color     : #fff;
  padding   : 14px 0 9px 15px;
  margin    : 0 0 10px 0;
}

#customSubscribeLeft p{
  margin    : 0 0 19px 15px;
  color     : #fff;
}
#customSubscribeLeft form{
  margin    : 0;
  padding   : 0;
}

#customSubscribeLeft .text{
  margin      : 0 0 5px 20px;
  border      : none;
  width       : 161px;
  height      : 19px;
  font-size   : 12px;
  font-family : arial;
  padding     : 3px 0 0 2px;
  color       : #727272;
}

#customSubscribeLeft .submit{
  margin      : 10px 0 0 62px;
  border      : none;
  width       : 122px;
  height      : 26px;
  cursor      : pointer;
}

/* header items */
#headerImage{
  width     : 778px;
  height    : 317px;
}

/* searchBox */
#searchBox{
 /*background : url(../../common/images/common/searchBox-trans.png) no-repeat left top;*/
 height     : 40px;
 width      : 284px;
 position   : absolute;
 padding    : 14px 0 0 13px;
 left       : 467px;
 top        : 237px;
 z-index    : 30;
}

/* topMenu */
#headerMenu{
	background: url(../../SCommon/images/SCommon/topMenuBg.png) no-repeat left top;
	width		: 778px;
	height		: 59px;
	margin		: 0;
	padding		: 0;
}

#headerMenu li{
	float		: left;
	list-style	: none;
	/*width		: 155px;*/
	height		: 100%;
	margin		: 0;
	padding		: 0;
}

#headerMenu li a {
	width	: 195px;
	height	: 100%;
	display	: block;
}

#headerMenu li.hm1 a,
#headerMenu li.hm4 a{
	width	: 194px;
}

#headerMenu li.hm1 a.selected,
#headerMenu li.hm1 a:hover{
	background: url(../../SCommon/images/SCommon/tmbOne.png) no-repeat left top;
}

#headerMenu li.hm2 a.selected,
#headerMenu li.hm2 a:hover{
	background: url(../../SCommon/images/SCommon/tmbTwo.png) no-repeat left top;
}

#headerMenu li.hm3 a.selected,
#headerMenu li.hm3 a:hover{
	background: url(../../SCommon/images/SCommon/tmbTree.png) no-repeat left top;
}

#headerMenu li.hm4 a.selected,
#headerMenu li.hm4 a:hover{
	background: url(../../SCommon/images/SCommon/tmbFour.png) no-repeat left top;
}

/* breadcrumbs */
#breadCrumbs{
  width       : 560px;
  height      : 24px;
  padding     : 6px 0 0 19px;
  position    : relative;
  overflow    : hidden; /* do not remove */
}

#breadCrumbs ul{
  width       : 582px;
  margin      : 0;
  padding     : 0;
}

/* contentMain */
#maincontent img.right{
  float     : right;
  padding   : 0 0 20px 10px;
}

#contentMain{
  width     : 577px;
  min-height: 350px;
  margin-top: 8px;
  float     : left;
}

#contentMain .contentBox{
  padding       : 10px 14px 0 23px;
  margin-bottom : 25px;
  background    : url(../../SCommon/images/SCommon/contentBoxBgVervolg.png) no-repeat left top;
}

/* news right */
.newsItem{
  border-bottom : 1px solid #eaeaea;
  padding       : 0 0 6px;
}

#customNewsRight a{
  text-decoration : none;
}

#customNewsRight h2{
  width         : 191px;
  font-size     : 18px;
  color         : #b0aa00;
  border-bottom : 2px solid #eaeaea;
  padding       : 12px 0 10px 7px;
  margin        : 13px 0 7px 0;
}

#customNewsRight h3{
  font-size : 12px;
  padding   : 0;
  margin    : 2px 0 -2px 7px;
}

#customNewsRight span{
  font-size : 10px;
  color     : #b0aa00;
  padding   : 0;
  margin    : 0 0 0 7px;

}

#customNewsRight p{
  margin : -5px 0 0 6px;
  color  : #727272;
}

.moreNewsLink{
  margin  : 10px 0 0 7px !important;
}

.moreNewsLink a{
  color       : #b0aa00;
  background  : url(../../SCommon/images/SCommon/breadcrumbsSpacer.png) no-repeat right 4px  ;
  padding     : 0 10px 0 0;
}

/* downloads right */
#customDownloadsRight h2{
  width       : 191px;
  font-size   : 18px;
  border-bottom: 2px solid #eaeaea;
  padding     : 12px 0 10px 7px;
  margin      : 17px 0 8px 0;
}

#customDownloadsRight ul{
  padding     : 0;
  margin      : 0 0 10px 11px;
}

#customDownloadsRight ul li{
  list-style  : none;
  margin      : 0;
  padding     : 0 0 7px 20px;
  /*float       : left;*/
  color       : #b0aa00;
}

#customDownloadsRight ul li a{
  color       : #b0aa00;
  text-decoration: none;
}