html { overflow-x:hidden;}
body {margin: 0; padding: 0; background-color: #fff;}
img {border:0;text-decoration: none;}
#body_container {min-width: 960px; }
#main_container {width:100%;}
#top_container {min-height:0}
#top_container {background-color: #fff;}
#middle_container {min-height:0;background-color: #fff;}
#bottom_container {min-height:0;background-color: #fff;}
a:focus {outline:0; -moz-outline:0;}
h2 {margin: 0px;padding: 0px; font-size: 15px;font-weight : bold;}
h5 {width: 250px;margin: 0px;padding: 0px; font-size: 15px;font-weight : bold; font-family:Arial, Helvetica, sans-serif;}
.clearer {clear:both;line-height:0px;height:0px;display:block;}

.hid-title {
	display	: none;
}

#area_top { 
	height : 0px;
}

#preloader_wrapper {
	position: absolute;
	z-index: 100;
	width : 100%;
	height : 100%;
	background : #000000;
}

/* resizeable background */
#top-container, #top-container img {height: 71px;}
#resizeable-container {overflow: hidden;}
#area_background_empty {background-color: #fff;}
#resizeable-background {position: relative; left: 0; top: 0; overflow:hidden; white-space: nowrap;}
#resizeable-background #imgwrapper {display: block; overflow:hidden;}
#resizeable-background img {display: block; overflow:hidden; margin-left:auto;margin-right:auto,width:100%; height:100%;border: 0px none;padding:0px;}
#resizeable-right {}
#text-payoff {position: absolute; z-index: 6; top: 150px; left: 200px;}
#text-payoff_verhaal {position: absolute; z-index: 6; top: 15px; left: 750px;}
#ata-box {position: absolute; z-index: 6; top: 90px; right: 50px; width:185px; font-family:arial,helvetica,sans-serif;
font-size:12px; line-height:15px; background-color: #fff; border:1px solid #c6c8c5;}
#ata-box .ata-header {background:#E5E5E5 none repeat scroll 0 0; padding:5px 0 6px 14px;}
#ata-box .ata-text {background:#fff;padding:5px 14px 6px 14px;}

/* product navigation */
#verkrijgbaarbij {
	margin-left : 10px;
	margin-top : 10px;
	margin-bottom : 10px;
}
#area_product #inner_product {height:245px; background: url(../images/commons/bg_products_grey.jpg) center top no-repeat;}
#area_product {height:245px; background: url(../images/commons/bg_products_grey_fill.jpg) center top repeat-x;}

#area_product_navigation {margin-left:32px; width: 279px; height: 115px; overflow: hidden;}
#area_product_navigation td.product_array {padding-top: 5px;}
.prod_icon {float:left;height:164px;}
.prod_nav_prev {width:17px;}
.prod_nav_prev_icon {display:block;cursor : pointer;height:17px;width:17px; background: url('../images/commons/bt_prev_small_out.gif') no-repeat left top;}
.prod_nav_prev_icon:hover {width:17px; background: url('../images/commons/bt_prev_small_over.gif') no-repeat left top;}
.prod_nav_next {width:17px;padding-left:2px;}
.prod_nav_next_icon {display:block;cursor : pointer;height:17px;width:17px; background: url('../images/commons/bt_next_small_out.gif') no-repeat left top;}
.prod_nav_next_icon:hover {width:17px; background: url('../images/commons/bt_next_small_over.gif') no-repeat left top;}
.icon-arrow {text-align: center; z-index: 6; margin-top:-10px}
.arrow-img {top: 3px; z-index: 5;}
#mixtip_products .product_array .prod_icon {padding: 0 5px;}
#area_arrows {width:390px; display:none; position: absolute; z-index:110; left:250px;top:450px;}
#area_arrows #big-arrow-prev {width:22px; height:35px; background: url('../images/commons/bt_prev_big_out.png') no-repeat left top;}
#area_arrows #big-arrow-next {width:22px; height:35px; background: url('../images/commons/bt_next_big_out.png') no-repeat left top;}
#area_arrows #big-arrow-prev:hover {cursor:pointer;width:22px; height:35px; background: url('../images/commons/bt_prev_big_over.png') no-repeat left top;}
#area_arrows #big-arrow-next:hover {cursor:pointer;width:22px; height:35px; background: url('../images/commons/bt_next_big_over.png') no-repeat left top;}

/* product slider */
#area_product_inner #area_product_navigation {position: absolute; left: 32px; top: 250px;
	width: 210px; height: 220px;}
#area_product_slider {position: relative; z-index:10; left:0; top:0; width: 1500px;} 
#area_product_slider .icon-arrow {text-align: center; z-index: 7; margin-top:-220px}
#area_slider_wrapper {position: absolute; z-index:11; left:55px; top:350px; height: 40px; width:200px; padding-left: 32px;}
#area_slider {position: absolute; z-index:12; left:55px; top:350px; width:170px; margin-left: 32px;}

/* overwrite the jquery theme */
#area_slider .ui-slider-horizontal {height: 3px; }
#area_slider .ui-widget-content {background: #dfdfdf;}
#area_slider .ui-corner-all {-moz-border-radius: 0;}
#area_slider .ui-slider .ui-slider-handle {height: 9px; width: 10px; background: #aaa;}
#area_slider .ui-slider .ui-slider-handle {margin-left: -20px; 
	padding-left: 15px;padding-right: 15px;}


/* product page */
.product-background {height:316px;}
.product-image {display:block;position: absolute;z-index:100;text-align:center;top:100px;left: 309px;
width:372px;height:428px;overflow: hidden;}

/* product info */
.product-info-box {position:absolute;z-index:101;left:1500px; top:100px; width: 319px; overflow: hidden; }
.product-info-box table{font-family: arial, helvetica, sans-serif;font-size: 12px;line-height: 15px;}	
.textbox_cont_width {width: 319px; overflow: hidden;}
.textbox_width {width : 306px; overflow: hidden;}
.textbox_border_l {background: url('../images/commons/border.gif') right top repeat-y;}
.textbox_border_r {background: url('../images/commons/border.gif') repeat-y;}
.textbox_border_h {background: url('../images/commons/border.gif') repeat-x;}
.textbox_title {background : #e5e5e5; padding : 5px 0px 6px 14px;}
.textbox_text {padding: 12px 14px 12px 14px; background-color: #fff;}
.textbox_text #scrollbar_textfield {width:319px; height:220px; overflow-y:auto; display:block;}
.textbox_text ul {margin:0;padding: 3px 0 0 15px;}
.textbox_text a
	{
		color			: #000000;
		padding-left	: 8px;
		background		: url('pics/bt_arrow_textlink_out.gif') 0px 5px no-repeat;
		text-decoration	: underline;
	}
	
.textbox_text	a:hover
	{
		color			: #e3001a;
		padding-left	: 8px;
		background		: url('pics/bt_arrow_textlink_over.gif') 0px 5px no-repeat;
		text-decoration	: none;
	}
.textbox_text a.popup
	{
		color			: #000000;
		padding:0;
		text-decoration	: underline;
	}
	
.textbox_text a.popup:hover
	{
		color			: #000000;
		padding:0;
		text-decoration	: none;
	}
	
.tab{float: left; cursor: pointer;}

/* mixtip */
.topborder {
	background	: url(../images/commons/bg_tab.gif) repeat-x;
}
.product-specific-cont-hidden {
	display : none;	
}
#agecheck_popup_inner {
	width  : 386px;
	background : url(../images/commons/bg_agecheck.jpg);
	height : 214px;
}
#agecheck_buttons {
	position : relative;
	top : 95px;
	left : 163px;
}
#passagecheck {
	display : block;
	background : url(../images/commons/bt_janee.gif) 0px 0px;
	width	: 55px;
	height	: 33px;
	float   : left;
}
#failagecheck {
	display : block;
	background : url(../images/commons/bt_janee.gif) 55px 0px;
	width	: 55px;
	height	: 33px;
	margin-left : 70px;
	float   : left;
}
#agecheck_buttons a#passagecheck:hover {
	background-position : 0px -33px;	
}
#agecheck_buttons a#failagecheck:hover {
	background-position : 55px -33px;	
}
#mixtip_container {overflow:hidden;}
#mixtip_container #product_page {position: absolute;}
#mixtip_products {position: absolute; }
#mixtip_products #area_product_navigation {height: 180px;}

/* ons verhaal */
#verhaal_container {background: #fff url('../images/ons-verhaal/royal-club-ons-verhaal-fill.jpg') left top repeat-x;}
#verhaal_container .product-background {height:450px;}
#verhaal_container .product-video {display:block;position:absolute;z-index:2;left:100px; top:100px; width: 505px; height:307px;}
#verhaal_container .product-info-box {z-index:7;}

/* horeca ondernemen */
#algemeen_container .product-background, #serveerritueel_container .product-background 
{height:316px; background: #fff url('../images/horeca/royal-club-bg-fill.jpg') left top repeat-x;}
#algemeen_container .product-image {height: 248px;}
.horeca-ata-left {display:block;position:absolute;z-index:1; right:40px; top:95px; width: 256px;}
.horeca-ata-left .textbox_cont_width {width:250px;}
.horeca-ata-left .textbox_width{width: 248px;}
#textbox_left .textbox_text {height: 100px; background	: #fff url('../images/horeca/bg_smallbox_left.jpg') right bottom no-repeat;}
#textbox_right .textbox_text {height: 100px; background :  #fff url('../images/horeca/bg_smallbox_right.jpg') right bottom no-repeat;}
.horeca-ata-left .textbox_text a {color: #000000;padding-left	: 8px; background : url('../images/horeca/bt_arrow_textlink_out.gif') 0px 5px no-repeat;
text-decoration	: none;}	
.horeca-ata-left  .textbox_text a:hover {color : #e3001a; padding-left	: 8px; background : url('../images/horeca/bt_arrow_textlink_over.gif') 0px 5px no-repeat;
text-decoration	: none;}

.serveerritueel_products #area_product_navigation {width:270px;}
#serveerritueel_container .product-image {height: 430px; z-index:7;}
#serveerritueel_container .product-info-box {width: 280px;}
#serveerritueel_container .textbox_cont_width {width:276px;}
#serveerritueel_container .textbox_width{width: 265px;}
.serveerritueel_products .icon-arrow {top:-18px;}

/* bottom */
#area_footer {height:80px; background: #fff url('../images/commons/bg_footer_white.gif') repeat-x;
position: absolute; z-index: 5;}
#area_footer table {width:100%; height:80px; background: url('../images/commons/bg_footer.jpg') no-repeat left;}
#area_footer tr td {width:33%; white-space: nowrap;}
#area_footer td.footer_center {text-align: center;}
#area_footer td.footer_right {text-align: right;padding-right:32px;}
#area_footer td.footer_right img {padding:0 5px;}
#royalclublogo {
	display	: block;
	width : 93px;
	height : 86px;
	background : url(../images/commons/bg_footer_logo.png);
	position : absolute;
	margin-top : -16px;
	margin-left : 33px;
}
#flash_sound_wrapper {
	right : 30px;
	position:fixed;
	top:10px;
	width:190px;
	z-index:100;
}
#flash_sound_wrapper div {display:inline;}

/* HISTORIE */
#video_commercials {
	margin-top	: 15px;
}

#video_commercials a {
	height		: 59px;
	width		: 94px;
	display		: block;
	float		: left;
	margin-right	: 4px;
	border		: 1px solid transparent
}
#video_commercials a.active {
	border		: 1px solid #b3211b;
}
#video_commercials a#video_thumb_1960 {
	background	: url(../images/ons-verhaal/commercial_1960.jpg);
}
#video_commercials a#video_thumb_1970 {
	background	: url(../images/ons-verhaal/commercial_1970.jpg);
}
#video_commercials a#video_thumb_1980 {
	background	: url(../images/ons-verhaal/commercial_1980.jpg);
}
#video_commercials a#video_thumb_1990 {
	background	: url(../images/ons-verhaal/commercial_1990.jpg);
}
#video_commercials a#video_thumb_2000 {
	background	: url(../images/ons-verhaal/commercial_2000.jpg);
}
#video_commercials a#video_thumb_single {
	background	: url(../images/ons-verhaal/commercial_single.jpg);
}
#video_commercials a#video_thumb_commercial {
	background	: url(../images/ons-verhaal/commercial_commercial.jpg);
}