body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	margin:0;
	padding:0;
}

/* LAYERS */

#intro {	
	width:970px;
	height:524px;
}
#container {	
	background-image:url(../images/top-container.png);
	width:970px;
	height:524px;
}
#top {
	width:970px;
	height:86px;
	float:left;
}
#navigatie {
	width:655px;
	height:86px;
	float:left;
}
#buttons {
	width:315px;
	height:76px; /* 86 - 10 */
	padding:10px 0 0 0;
	float:left;
}
#main {
	width:911px; /* 970 - 59 */
	height:430px;
	padding:0 30px 0 29px;
	float:left;
}
#left {
	width:610px;
	height:430px;
	float:left;
}
#left_filmarchive {
	width:610px;
	float:left;
}
#right {
	width:281px; /* 301 - 20 */
	height:380px; /* 430 - 50 */
	padding: 20px 0 30px 20px;
	float:left;
}
#right_filmarchive {
	width:261px; /* 301 - 40 */
	height:380px; /* 430 - 50 */
	padding: 20px 0 30px 20px;
	float:left;
}
#eyecatcher1 {
	width:224px;
	height:430px;
	float:left;
	margin:0 5px 0 0;
}
#eyecatcher2 {
	width:224px;
	height:430px;
	float:left;
	margin:0 5px 0 0;
}
#eyecatcher3 {
	width:224px;
	height:430px;
	float:left;
	margin:0 5px 0 0;
}
#eyecatcher4 {
	background-color:#333;
	width:224px;
	height:430px;
	float:left;
}
#dealers {
	width:200px;
	height:250px;
	overflow:auto;
}
#thumb {
	width:185px;
	height:135px;
	margin:0 20px 0 0;
	float:left;
	padding-bottom:5px;
	cursor:hand;
	cursor:pointer;
}
#thumb2 {
	width:185px;
	height:135px;
	margin:0;
	float:left;
	padding-bottom:5px;
	cursor:hand;
	cursor:pointer;
}
#thumb_groot {
	width:595px;
	height:260px;
	margin:0 20px 0 0;
	float:left;
	padding-bottom:5px;
	cursor:hand;
	cursor:pointer;
}
#paginering {
	width:574px; /* 600 - 16 */
	height:14px; /* 30 - 16 */
	padding:8px;
	float:left;
	text-align:center;
}
#bottom {
	background-image:url(../images/bottom-container.png);
	background-repeat:no-repeat;
	width:940px; /* 970 - 30 */
	height:54px; /* 66 - 12 */
	padding:12px 0 20px 30px;
	float:left;
}

/* ALGEMENE OPMAAK */

a, a:link {
	color:#FFF;
}
a.middel, a.middel:link {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}
a.groot, a.groot:link {
	font-size:14px;
	text-decoration:underline;
	color:#FFF;
}
input {
	background-color:#FFF;
	border:none;
	width:151px;
}
.vinkvakje {
	background-color:#000;
	border:none;
	width:16px;
}
.radio {
	width:16px;
}
.grijs {
	color:#666;
}

/* MENU */

.jqueryslidemenu{
	font-size:11px;
	width: 570px; /* 960 - 40 */
	margin:30px 0 0 29px;
	position:absolute;
	z-index:100;
}

.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;
	margin:0 2px 0 0;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display: block;
	background-image:url(../images/navigatie_back.gif);
	padding: 7px 10px 1px 10px;
	height:20px;
	color: #666;
	text-decoration: none;
}
.jqueryslidemenu ul li a.mm2010 {
	width:71px;
}
.jqueryslidemenu ul li a.soa_mm {
	width:113px;
}
.jqueryslidemenu ul li a.buy_mm_collection {
	/*width:115px;*/
	width:115px;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color: #FFF;
}
.jqueryslidemenu ul li a.active:link, .jqueryslidemenu ul li a.active:visited{
	color: #dc0030;
}
.jqueryslidemenu ul li a:hover{
	color: #dc0030;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	background-image:url(../images/navigatie_back.gif);
	background-position:0% 100%;
	background-repeat:repeat-x;
	padding: 8px 10px 3px 10px;
	height:19px;
	margin:0;
	font-size:11px;
	/*border-bottom: 1px solid #2e2e2e;*/
}
.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
	color: black;
}

/* Subsub level menu links style */
.jqueryslidemenu ul li ul li ul li a{
	background-image:url(../images/subnavigatie_back.gif);
	background-position:0% 100%;
	background-repeat:repeat-x;
	padding: 8px 10px 3px 10px;
	height:19px;
	width:186px;
	margin:0;
	font-size:11px;
	/*border-bottom: 1px solid #2e2e2e;*/
}

.jqueryslidemenuz ul li ul li a:hover{ /*subsub menus hover style*/
	color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 10px;
	right: 10px;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}

/* SCROLLBALK VERKOOPADRESSEN */

div.stores div.scroll-holder {
	z-index: 5;
	width: 290px;
	height: 250px;
}
div.stores div.scrollable {
	width: 290px;
	height: 250px;
	overflow: auto;
	z-index:2;
}

div.filmarchive div.scroll-holder {
	z-index: 5;
	width: 910px;
	height: 410px;
}
div.filmarchive div.scrollable {
	width: 910px;
	height: 400px;
	overflow: auto;
	z-index:2;
}

/* Scrollpane styles */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	z-index: 2;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../images/scroll_pane_track.gif) repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/scroll_drag_middle.gif) repeat-y;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: url(../images/scroll_drag_top.gif) no-repeat;
	height: 19px;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: url(../images/scroll_drag_bottom.gif) no-repeat left bottom;
	height: 19px;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 24px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 24px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
a.jScrollArrowUp {
	background: url(../images/scroll_arrow_up.gif) no-repeat;
}
/*
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}*/
a.jScrollArrowDown {
	background: url(../images/scroll_arrow_down.gif) no-repeat left bottom;
}/*
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}*/