/**************************************/
/* Stylesheet homepage       			    */
/*                        						*/
/* Sections:              						*/
/* Daily cards 							          */
/* Columns + Video's                  */
/* Kookboeken                         */
/* Groups                             */
/**************************************/

/**************************************/
/* Daily cards                        */
/**************************************/

div#carrousel {
  clear:both;
  float:left;
  margin:0;
  width:500px;
  height:335px;
  overflow:hidden;
  background-image:url(/i/elements/home/dailyrecs_sprite.gif);
  background-position:0 0;
  background-repeat:repeat-y;
}

div#daily_recs {
  clear:both;
  float:left;
  margin:0;
  width:500px;
  height:335px;
  background-image:url(/i/elements/home/dailyrecs_sprite.gif);
  background-position:-500px 0;
  background-repeat:no-repeat;
}

div#daily_recs_inner {
  clear:both;
  float:left;
  width:500px;
  height:304px;
  background-image:url(/i/elements/home/dailyrecs_sprite.gif);
  background-position:-1000px bottom;
  background-repeat:no-repeat;
}

div#daily_recs_inner div.card {
  float:left;
  width:140px;
  height:300px;
  margin:0 20px 0 10px;
  _margin:0 25px 0 5px;
  line-height:15px;
}

div#daily_recs_inner div.cardlast {
  margin:0 0 0 10px;
  _margin:0 0 0 5px;
}

div#daily_recs_inner div div {
  width:140px;
  text-align:center;
}

div#daily_recs_inner div.card div.slide {
  position:absolute;
  height:260px;
}

div#daily_recs_inner div.card div.slide div.dr_p {
  width:140px;
  margin:0 0 2px 0;
  height:19px;
  font-size:12px;
  font-weight:bold;
  color:#739028;
  text-align:center;
}

div#daily_recs_inner div.card div.slide img {
  width:140px;
  height:140px;
  margin:0 0 6px 0;
}

div#daily_recs_inner div.card div.slide div.rest {
  margin:0 0 2px 0;
  height:86px;
  text-align:center;
}

div#daily_recs_inner div.card div.slide div.rest h2 {
  margin:0;
  height:50px;
	font-family:tahoma,arial,helvetica,sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#739028;
}

div#daily_recs_inner div.card div.dr_date {
  position:absolute;
  margin:0 0 2px 0;
  height:20px;
  top:380px;
}

div#daily_recs_inner div.card div.btn_nav {
  margin:2px 0 2px 0;
  position:absolute;
  height:16px;
  top:404px;
}

div#daily_recs_inner div.card div.btn_nav_inner {
  float:left;
  width:48px;
  height:16px;
  margin:0 0 0 46px;
  _margin:0 0 0 23px;
}

div.btn_nav span.btn_card {
  display:block;
  float:left;
  width:24px;
  height:16px;
  cursor:pointer;
  font-weight:bold;
  color:#739028;
  text-align:center;
  line-height:15px;
  background-image:url(/i/elements/home/dailyrecs_sprite.gif);
  background-position:-1500px -80px;
  background-repeat:no-repeat;
}

div.btn_nav span.btn_card_selected {
  color:#fff;
  background-position:-1500px -64px;
}

div#daily_recs_inner div h2 a:link      { color:#739028; text-decoration:none; }
div#daily_recs_inner div h2 a:active    { color:#739028; text-decoration:none; }
div#daily_recs_inner div h2 a:visited   { color:#739028; text-decoration:none; }
div#daily_recs_inner div h2 a:hover     { color:#3a4d08; text-decoration:none; }

div#day_nav {
  clear:both;
  text-align:center;
  margin:0;
  height:31px;
  background-color:#fff;
}

div#day_nav div {
  float:left;
  width:110px;
  height:16px;
  margin-top:15px;
  cursor:pointer;
  background-image:url(/i/elements/home/dailyrecs_sprite.gif);
  background-repeat:no-repeat;
}

div#day_nav div#day_prev { margin:15px 6px 0 137px; background-position:-1500px 0; }
div#day_nav div#day_next { background-position:-1500px -32px; }
div#day_nav div#day_prev.day_disabled { background-position:-1500px -16px; }
div#day_nav div#day_next.day_disabled { background-position:-1500px -48px; }

/**************************************/


/**************************************/
/* Columns + Video's                   */
/**************************************/

div#h_columns_video {
  float:left;
  margin:15px 0 0 0;
  width:500px;
  background-image:url(/i/elements/home/col_vid_sprite.gif);
  background-position:0 0;
  background-repeat:repeat-y;
}

div#h_columns_video_inner {
  float:left;
  width:500px;
  padding:0 0 10px 0;
  background-image:url(/i/elements/home/col_vid_sprite.gif);
  background-position:-510px bottom;
  background-repeat:no-repeat;
}

div#h_columns {
  float:left;
  line-height:16px;
  width:225px;
  margin:0 10px 0 0;
  padding:9px 10px 0 10px;
  background-image:url(/i/elements/home/col_vid_sprite.gif);
  background-position:-1020px 0;
  background-repeat:no-repeat;
}

div#h_columns h2 {
	font-family:tahoma,arial,helvetica,sans-serif;
  font-size:12px;
  margin:0 0 13px 0;
}

div#h_columns div {
  float:left;
  width:225px;
  margin:3px 0 12px 0;
}

div#h_columns div h3 {
  font-size:12px;
  margin:0 0 3px 0;
}

div#h_columns div h3 span {
  color:#9bb654;
  padding:0 9px 0 0;
  margin:0 3px 0 0;
	background-image:url(/i/elements/bull_green.gif);
	background-position:right 6px;
	background-repeat:no-repeat;
}

div#h_columns div a { text-decoration:none; }

div#h_columns div a:hover h3, div#h_columns div a:hover h3 span { color:#3a4d08; }

div#h_columns div img {
  float:left;
  width:44px;
  height:44px;
  margin:2px 7px 0 0;
  border:1px solid #a6bd6b;
}

div#h_columns div a:hover img { border:1px solid #637e1e; }

div#h_columns div p { margin:0; }

div#h_columns div p span {
  color:#9bb654;
  padding:0 9px 0 0;
  margin:0 4px 0 0;
	background-image:url(/i/elements/bull_green.gif);
	background-position:right 5px;
	background-repeat:no-repeat;
}

div#h_columns div p a {
  text-decoration:underline;
  white-space:nowrap;
  background-image:url(/i/elements/cp_arrow.gif);
  background-repeat:no-repeat;
  background-position:right top;
  padding:0 11px 0 0;
  position:relative;
}

div#h_columns div p a:hover {
  background-image:url(/i/elements/arrow_darkgreen.gif);
}

div#h_video {
  float:left;
  width:225px;
  margin:0;
  padding:9px 10px 0 10px;
  background-image:url(/i/elements/home/col_vid_sprite.gif);
  background-position:-1020px 0;
  background-repeat:no-repeat;
}

div#h_video h2 { margin:0 0 13px 0; }

div#h_video div {
  float:left;
  width:225px;
  margin:3px 0 8px 0;
  background-image:url(/i/elements/home/bg_home_video.gif);
  background-repeat:no-repeat;
  background-position:0 4px;
}

div#h_video div h3 {
  font-size:12px;
  color:#9bb654;
  line-height:16px;
  margin:2px 0 2px 0;
}

div#h_video div h3 span {
  font-size:12px;
  color:#739028;
}

div#h_video div a { text-decoration:none; }

div#h_video div a:hover h3, div#h_video div a:hover h3 span {
  color:#3a4d08;
}

div#h_video div img {
  float:left;
  width:60px;
  height:60px;
  margin:4px 15px 0 8px;
}

div#h_video div p {
  margin:0;
  color:#666666;
  line-height:16px;
}

div#h_video div p span {
  color:#9bb654;
  padding:0 9px 0 0;
  margin:0 4px 0 0;
	background-image:url(/i/elements/bull_green.gif);
	background-position:right 5px;
	background-repeat:no-repeat;
}

div#h_video div p a {
  color:#739028;
  text-decoration:underline;
  white-space:nowrap;
  background-image:url(/i/elements/cp_arrow.gif);
  background-repeat:no-repeat;
  background-position:right top;
  padding:0 11px 0 0;
  position:relative;
}

div#h_video div p a:hover {
  color:#3a4d08;
  background-image:url(/i/elements/arrow_darkgreen.gif);
}

/**************************************/
/* Kookboeken                         */
/**************************************/

div#h_books_members {
  clear:both;
  float:left;
  margin:15px 0 0 0;
  padding:0;
  width:500px;
  line-height:16px;
  overflow:hidden;
  background-image:url(/i/elements/home/books_sprite.gif);
  background-position:0 0;
  background-repeat:repeat-y;
}

div#h_books_members_inner {
  float:left;
  width:500px;
  padding:0 0 15px 0;
  background-image:url(/i/elements/home/books_sprite.gif);
  background-position:-500px bottom;
  background-repeat:no-repeat;
}

div#h_books {
  clear:both;
  float:left;
  width:230px;
  margin:0;
  padding:9px 10px 0 10px;
  background-image:url(/i/elements/home/books_sprite.gif);
  background-position:-1000px 0;
  background-repeat:no-repeat;
}

div#h_books h2 {
  color:#fff;
  margin:0 0 13px 0;
}

div#h_books div {
  float:left;
  width:225px;
  margin:3px 0 10px 0;
  color:#fff;
}

div#h_books div a { text-decoration:none; }

div#h_books img {
  float:left;
  width:32px;
  width:70px;
  margin:2px 10px 0 0;
  border:1px solid #a6bd6b;
}

div#h_books div a:hover img { border:1px solid #3a4d08; }

div#h_books h3 {
  font-size:12px;
  color:#f2ffd1;
  margin:0 0 3px 0;
}

div#h_books a:hover h3 { color:#3a4d08; }

div#h_books p { margin:0; }

div#h_books div p a {
  color:#f2ffd1;
  text-decoration:underline;
  white-space:nowrap;
  background-image:url(/i/elements/arrow_lightgreen.gif);
  background-repeat:no-repeat;
  background-position:right top;
  padding:0 11px 0 0;
  position:relative;
}

div#h_books p a:hover {
  color:#3a4d08;
  background-image:url(/i/elements/arrow_darkgreen.gif);
}

div#h_members {
  float:left;
  width:250px;
  margin:0;
  padding:9px 0 0 0;
  background-image:url(/i/elements/home/books_sprite.gif);
  background-position:-1250px 0;
  background-repeat:no-repeat;
}

div#h_members h2 { margin:0 0 13px 10px; }

div#h_members ul {
  float:left;
  margin:3px 1px 5px 0;
  padding:0 0 7px 0;
  list-style-type:none;
  background-color:#fff;
}

div#h_members ul li {
  float:left;
  width:237px;
  margin:0 0 8px 0;
  padding:0;
}

div#h_members img {
  float:left;
  width:32px;
  height:32px;
  margin:2px 10px 0 10px;
  border:1px solid #c6d69f;
}

div#h_members a { text-decoration:none; }

div#h_members a:hover img { border:1px solid #637e1e; }

div#h_members div#h_tipwin {
  float:left;
  width:230px;
  margin:0 0 0 0;
  padding:4px 7px 0 10px;
  background-color:#f5fed3;
}

div#h_tipwin h2 {
  font-weight:bold;
  margin:0 0 10px 0;
  padding:0 0 7px 0;
  border-bottom:1px solid #739028;
}

div#h_members div#h_tipwin img {
  float:right;
  width:70px;
  height:92px;
  margin:0 0 4px 10px;
}

div#h_members div#h_tipwin a { text-decoration:underline; }

/**************************************/
/* Groups                             */
/**************************************/

div#h_groups {
  clear:both;
  float:left;
  margin:15px 0 0 0;
  width:500px;
  background-image:url(/i/elements/page_elements/panel_500_sprite.gif);
  background-position:0 0;
  background-repeat:repeat-y;
}

div#h_groups_inner {
  clear:both;
  float:left;
  width:500px;
  background-image:url(/i/elements/page_elements/panel_500_sprite.gif);
  background-position:-500px 0;
  background-repeat:no-repeat;
}

div#h_groups_inner h2 {
  padding:0 0 9px 0;
  margin:9px 10px 3px 10px;
  border-bottom:1px solid #739028;
}

div#h_groups_inner h2 span {
  font-weight:normal;
  margin:0 0 0 3px;
  padding:0 0 0 9px;
	background-image:url(/i/elements/bull_green.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}

div#h_groups_inner ul {
  float:left;
  list-style-type:none;
  background-image:url(/i/elements/page_elements/panel_500_sprite.gif);
  background-position:-1000px bottom;
  background-repeat:no-repeat;
  margin:5px 0 0 0;
  padding:0 0 5px 10px;
}

div#h_groups_inner ul li {
  float:left;
  width:150px;
  height:41px;
  margin:3px 15px 0 0;
}

div#h_groups_inner ul li.last { margin:3px 0 0 0; }

div#h_groups_inner ul li h3 {
  margin:0;
  font-weight:normal;
}

div#h_groups_inner ul li img {
  float:left;
  width:32px;
  height:32px;
  margin:0 8px 0 0;
  border:1px solid #9cb55d;
}

div#h_groups_inner ul li a { text-decoration:none; }
div#h_groups_inner ul li a:hover, div#h_groups_inner ul li a:hover h3 { color:#3a4d08; }
div#h_groups_inner ul li a:hover img { border:1px solid #637e1e; }