/* @import url('reset.css'); */
@import url('carousel.css');

/*generic*/

/* body {
	font-family: tahoma;
	font-size:13px;
} */

.mainContainer {
	width: 960px;
	margin:20px auto;
}


/*Carousel specific*/
.phe-carousel {
	/* border:1px solid #ccc; */
}

.carousel-borders{
	position: relative;
}

.phe-carousel-clip {}
.phe-carousel-container {}

/*setting carousel width*/ 
.carousel-borders,
.phe-carousel,
.phe-carousel-clip,
.phe-carousel-item,
.phe-carousel-headers { /*important, set the width and height of your carousel */
	width: 715px;
	height: 323px;
}

.phe-carousel {
	margin-left: 1px;
}

.carousel-borders .border-tl,
.carousel-borders .border-br,
.carousel-borders .border-tr,
.carousel-borders .border-bl {
	width: 24px;
	height: 37px;
	position: absolute;
	z-index: 6;
}

.carousel-borders .border-tl {
	background: transparent url(http://www.online.nl/images/v2/global/roundedBorder-tl.png) no-repeat scroll 0 0;
	top: 0;
	left: 0;
}

.carousel-borders .border-br {
	background: transparent url(http://www.online.nl/images/v2/global/roundedBorder-br.png) no-repeat scroll 0 0;
	bottom: -1px;
	right: -2px;
}

.carousel-borders .border-tr {
	background: transparent url(http://www.online.nl/images/v2/global/roundedBorder-tr.png) no-repeat scroll 0 0;
	top: 0;
	right:-2px;
}

.carousel-borders .border-bl {
	background: transparent url(http://www.online.nl/images/v2/global/roundedBorder-bl.png) no-repeat scroll 0 0;
	bottom: -1px;
	left: 0px;
}

/*Carousel prepositions*/
.phe-carousel-item {}

/*Carousel headers*/
.phe-carousel-headers {
	background: transparent url(http://www.online.nl/images/v2/global/header_bg_transparent.png) repeat-x scroll 0 0;
	top: -37px; /*only when no-js enabled*/
}

.phe-carousel-headers,
.phe-carousel-headers .phe-carousel-header,
.phe-carousel-slider-bar {
	height: 37px; /*important, set the height of your headers*/
}

.phe-carousel-slider-bar,
.phe-carousel-headers .phe-carousel-header {
	width: 130px;
}

.phe-carousel-headers .phe-carousel-header {
	cursor: pointer;	
}

.phe-carousel-headers .phe-carousel-header span {
	display: block;
}

.phe-carousel-headers .phe-carousel-header span a {
	text-decoration: none;
	color: #50404d;
	display:block;
	line-height: 1;
	outline: none; /*removes dotted line*/
}

.phe-carousel-headers .phe-carousel-header-selected span a {/*some styling here*/} 

.phe-carousel-headers .phe-carousel-header span a img {/*some styling here*/}

/*Corousel sliding bar*/
.phe-carousel-slider-bar{
	background: transparent url(http://www.online.nl/images/v2/global/header_sel_bg.png) repeat-x scroll 0 0;
}

.phe-carousel-slider-bar.phe-carousel-slider-bar-hover{
	background-position: 0 -37px;
}

.phe-carousel-slider {
	height: 3px;
	background: transparent url(http://www.online.nl/images/v2/global/slider_bar.png) repeat-x scroll 0 0;	
}

.ie6 .phe-carousel-slider { /*important for IE6*/
	margin-bottom: -14px;
}

.add-bottom-right {
	right: 15px;
	top: 0;
	position: absolute;
}

.proposition-bg-1 {
	background: #fff url(http://www.online.nl/images/v2/global/slider-iphone.jpg) no-repeat scroll 0 0;
}

.proposition-bg-2 {
	background: #fff url(http://www.online.nl/images/v2/global/slider-budgetweken.jpg) no-repeat scroll 0 0;
}

.proposition-bg-3 {
	background: #fff url(http://www.online.nl/images/v2/global/slider-triple-play.jpg) no-repeat scroll 0 0;
}

.proposition-bg-4 {
	background: #fff url(http://www.online.nl/images/v2/global/slider-winkelmandje.jpg) no-repeat scroll 0 0;
}

.proposition-bg-2 h1 {
	margin: 10px;
	font-size: 35px;
	color: #fff;
}