/* 
    Document   : main
    Created on : Aug 18, 2009, 11:35:00 AM
    Author     : Martijn van der Hulst | Jool.nl
    Description: main css for home template
*/

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

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

/* customSubscribeLeft */
#customSubscribeLeft{
  float     : left;
  width     : 186px;
  margin    : 0 0 12px 0;
  padding   : 0 5px 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,
#customSubscribeLeft input[type=text]{
  margin      : 0 0 5px 15px;
  border      : none;
  width       : 161px;
  height      : 19px;
  font-size   : 12px;
  font-family : arial;
  padding     : 3px 0 0 2px;
  color       : #727272;
}

#customSubscribeLeft button span{
	display: none;
}

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

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

/* mini menu */
#miniMenu{
  /*height    : 70px;*/
  width     : 200px;
  position  : absolute;
  left      : 516px;
  top       : 143px;
  z-index   : 30;
  background: white;
  opacity   : 0.80;
  filter    : alpha(opacity=80);
  padding   : 0px 3px 3px 3px;
}

#miniMenu ul {
  padding : 0;
  margin  : 0;
}

#miniMenu ul li {
  cursor        : pointer;
  list-style    : none;
  font-size     : 12px;
  padding       : 6px 0 2px 26px;
  border-bottom : 1px solid #b7b9b4;
  line-height   : 15px;
}

#miniMenu ul li.last{
  border      : none;
}

#miniMenu ul li a {
  text-decoration : none;
}

/* 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;
}

/* 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     : 575px;
  min-height: 350px;
  margin-top: 8px;
  float     : left;
}

#contentMain .contentBox{
  padding       : 10px 14px 0 23px;
  margin-bottom : 25px;
  background    : url(../../common/images/common/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(../../common/images/common/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;
}