/* CSS Document */

/*
-----------------------------------------------
pure-communication.be
Author:   Jim Faes
Version:  14/01/2009                              
Client:	  Averbode		
----------------------------------------------- */
/*
------------------------------------------------

    CSS MENU :
    ----------
	SLIDESHOW
	NIEUWE UITGAVEN
	CAROUSEL
	
----------------------------------------------- */

/* = SLIDESHOW
----------------------------------------------- */

#slideshow {

    position:relative;
    height:239px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}

/* = NIEUWE UITGAVEN
----------------------------------------------- */

#nieuwe-uitgaven{margin-top:7px;}

#nieuwe-uitgaven div.title-container{

	background-color:#00B6EB;
	height:18px;
	padding:4px 8px 4px 8px;	
	
}

#nieuwe-uitgaven h2{
	
	font-size:1.9em;
	margin:0;
	color:#FFFFFF;
}

#nieuwe-uitgaven  div#carousel {
	margin:7px 0 3px 0;
	width:448px;
	height:176px;
	background:url(/images/global/bg/bg-uitgavenCarousel.jpg) 10px bottom no-repeat;
	position:relative;
}

div#carousel ul{
	padding:0;
	margin:0;
	height:148px;
	width:448px;
	overflow:hidden;
	
}

div#carousel ul li{
  width:458px;
  height:132px;
  margin:0 0 0 10px;
}

/* indien de image moet reflecten met de jquery plugin*/
/*div#carousel ul li div{float:left;margin-right:18px;}*/

div#carousel ul li.one{width:448px;}
div#carousel ul li.two{width:385px;}

div#carousel ul li div{
	float:left;
	width:330px;
	display:inline;
	position:relative;
	height:132px;
	overflow:hidden;
}

div#carousel ul li.one div{width:333px;}
div#carousel ul li.two div{width:274px;}

div#carousel ul li h4{
  margin:0 0 20px 0;
  font-size:15px;
  text-transform:uppercase;
  width:330px;
  overflow:hidden;
}

div#carousel ul li.one h4{width:333px;}
div#carousel ul li.two h4{width:274px;}

div#carousel ul li p{
  font-size:13px;
  line-height:13px;
  background-color:#FFF;
}


  

div#carousel ul li img{
	float:left;
	margin-right:18px;
	margin-bottom:10px;
	display:inline;
}

div#carousel ul li .leesmeer{position:absolute;bottom:0;left:0;background-color:#FFF;}

#previous,
#next{
	width:17px;
	height:17px;
	overflow:hidden;
	text-indent:-9000px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	position:absolute;
	bottom:11px;
	z-index:3;
	cursor:pointer;
}

#previous:hover,
#next:hover{background-position:0px -17px;}

#previous{background-image:url(/images/global/bg/bg-carousel-previous.jpg);left:10px;}
#next{background-image:url(/images/global/bg/bg-carousel-next.jpg);right:8px;}

#homebanner{
	padding-top:7px;
	margin-top:7px;
	border-top:solid 1px #CCCCCC;
}