@charset "UTF-8";
/* CSS Document */

#home {
	height:600px;
	width:950px;
	margin:0 auto;
}
#shootout {
	height:273px;
}
#shootout ul {
	margin-left:410px;
	list-style-image: url(../assets/bullet.png);
}
#shootout p {
	margin-left:330px;
	margin-bottom:20px;
	font-size:31px;
	color:black;
}
#shootout li {
	font-size:20px;
	margin-top:13px;
	color:black;
}
#home img.ce {
	margin-left:330px;
	margin-top:97px;
}
#product-lineup {
	width:800px;
	margin:0 auto;
}

.scrollable {

	/* required settings */
	float:left;
	position:relative;
	overflow:hidden;
	margin-top:35px;
	width: 800px;
	height:200px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:3400px;
	position:absolute;
}

.items div {
	float:left;
	height:200px;
	width:800px;
}

#movieClip {
	background: url(../assets/flash-background.png) no-repeat;
	background-position:45px 0px;
	width:340px;
	height:180px;
}
#flash {
    width:280px;
	height:160px;
	margin-left:53px;
	margin-top:8px;
}
a.prev {
	float:left;
	background: url(../assets/left-arrow.png) no-repeat;
	display:block;
	width:29px;
	height:29px;
	cursor:pointer;
	position:relative;
}
a.next {
	float:right;
	background: url(../assets/right-arrow.png) no-repeat;
	display:block;
	width:29px;
	height:29px;
	cursor:pointer;
	position:relative;
}

.navi {
	float:left;
	margin-left:328px;
	width:90px;
	height:15px;
}
.navi a {
	width:15px;
	height:15px;
	float:left;
	margin:5px;
	background:url(../assets/navi-pasive.png) no-repeat;
	display:block;
	font-size:1px;
}
.navi a.active {
	background:url(../assets/navi-active.png) no-repeat;
}

.items .right-side a {
	width:100px;
	height:100px;
	display:block;
}
.items .right-side a.rabo {
	cursor:pointer;
	position:relative;
	display:block;
	width:200px;
	height:200px;
	margin-left:100px;
	background: url(../assets/rabobank.png) no-repeat;
}
.items .right-side a span{
	background: url(../assets/rabobank-nacht.png) no-repeat;
	width:200px;
	height:200px;
	display: block;
	position: relative;
	top:7px;
	left:8px;
}
.items .right-side a.muzeeum {
	background: url(../assets/content/muzeeum.png) no-repeat;	
	display:block;
	cursor:pointer;
	width:318px;
	height:208px;
}
#screenline {
	background: url(../assets/screenline-logo.png) no-repeat;	
	display:block;
	margin-left:150px;
	cursor:pointer;
	width:135px;
	height:160px;
}
#spoed {
	background: url(../assets/glasbreuk.png) no-repeat;	
	display:block;
	margin-left:100px;
	cursor:pointer;
	width:300px;
	height:180px;
}