/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1;	color: black;	background: white; }
ol, ul { list-style: none; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td {	text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
.page-ContactForm .clear { clear: both; }
.page-ContactForm .right { float: right; }
.page-ContactForm .left { float: left;}

/* self-clear floats */

/* IE6 */ 
* html .group {height: 1%; clear: both; }
/* IE7 */
*:first-child+html .group { min-height: 1px; }

.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


strong { font-weight:bold; }
br {clear: both;}

body{ background: url(../img/assets/background.jpg) center top repeat-x; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; }

div#wrapper{ width: 986px; position:relative; margin: 0 auto; padding: 68px 10px 0; background: url(../img/assets/wrapper_shadow.png) no-repeat top center; overflow:hidden; }

/* --------------------------------------------------- header ------------------------------------------- */
div#header{ position: absolute; height: 92px; width: 986px; background: url(../img/assets/nav_background.png) no-repeat; z-index: 10; top: 0; }

/* subnav */
.page-with-subnav div#header { height: 165px; background: url(../img/assets/subnav_background.png) no-repeat; }

ul#subnav { position: absolute; left: 261px; top: 70px; background: url(../img/assets/subnav_spacer.png) no-repeat 0 4px; }
ul#subnav li { float: left; background: url(../img/assets/subnav_spacer.png) no-repeat right 1px; height: 60px; }
ul#subnav li a {
	font-size: 12px;
	padding: 8px 12px 10px 12px;
	display: block;
	position: relative;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 14px;
	text-align: center;
	background: url(../img/assets/subnav_selected.png) no-repeat 0 -200px; 
	text-shadow: 1px 1px rgba(115,181,224,1);
	color:#ffffff; 
	text-decoration: none;
	text-align: center;
}

/*

	Subnav items need a WIDTH
	ul#subnav li.subnav-home { width: 79px; }
	
	Use padding bottom to set the HEIGHT of each individual subnav item to follow the form of the arch
	ul#subnav li.subnav-home a { padding-bottom: 34px; }
	
	Set LEFT BACKGROUND POS to -(width of preceding subnav items)
	ul#subnav li.subnav-home a:hover, ul#subnav li.subnav-home a.selected { background-position: 0 0; }
	ul#subnav li.subnav-galery a:hover, ul#subnav li.subnav-galery a.selected { background-position: -80px 0; }

*/


/* logo */

h1{	position: absolute; width: 181px; height: 103px; top: 15px; left: 20px; }
h1#logo a{ display: block; width: 100%; height: 100%; text-indent: -9999px; background: url(../img/assets/logo.png) no-repeat; }

/* --------------------------------------------------- nav ------------------------------------------- */
ul#nav{ position: absolute; left: 230px; top: 0; }
ul#nav li{ float: left; background: url(../img/assets/nav_spacer.png) no-repeat right top; height: 60px; }
ul#nav li a{
	font-size: 12px;
	padding: 33px 12px 10px;
	display: block;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	background: url(../img/assets/nav_selected.png) 0 -9999px repeat-x;
	text-shadow: 0px 1px rgba(255,255,255,0.6);
	font-weight: bold;
	color:#00214d; 
	text-decoration: none;
}

ul#nav li.selected a, ul#nav li a:hover{ background-position: 0 0; }

ul#nav li.nav-home{ padding-top: 28px; height: 37px; }
ul#nav li.nav-home a{ padding: 0 15px 0 0; width: 17px; height: 18px; display: block; text-indent: -9999px; background: url(../img/icons/icon_home.png) no-repeat; }
ul#nav li.nav-since a{ padding-top: 26px; }

/* ----------------------------------------- game - nav ------------------------------------------- */
ul#game-nav { position: absolute; left: 230px; top: 70px;  background: url('../img/backgrounds/gamestart_panel_bg.png') no-repeat scroll top left; 	width: 658px; height: 40px; padding: 20px 0px 0px 17px;}
ul#game-nav li { float: left; margin: 0px 15px 0px 0px; line-height: 20px; }
ul#game-nav li a { background: url('../img/backgrounds/gamestart_panel_button_u.png') no-repeat scroll top left; color: #00214d; font-size: 20px; text-decoration: none;  width: 25px; 	height: 34px; padding: 0px 0px 0px 34px;}

ul#game-nav li a.not-active {  }
ul#game-nav li a:active { background: url('../img/backgrounds/gamestart_panel_button_c.png') no-repeat scroll top left; }
ul#game-nav li a:active { background: url('../img/backgrounds/gamestart_panel_button_c.png') no-repeat scroll top left; }
ul#game-nav li a:focus { background: url('../img/backgrounds/gamestart_panel_button_c.png') no-repeat scroll top left; }

.border { border: 1px solid red;}


/* --------------------------------------------------- language navigation ------------------------------------------- */
ul#lang-nav{ position: absolute; top: 0; right: 20px; z-index: 100; }
ul#lang-nav li{ float: left; margin-left: 3px; }
ul#lang-nav li.selected a{
	background: #fff;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
ul#lang-nav li a{ color:#00214d; text-decoration:none; text-transform:uppercase; font-size: 9px; display:block; padding: 7px 4px 5px; }
ul#lang-nav li.lang-nav-contact{ margin-right: 5px;	}
ul#lang-nav li.lang-nav-contact.selected a{  background: none; color: #fff; }

/* --------------------------------------------------- content wrapper + background images ------------------------------------------- */
div#content-wrapper{ width: 986px; padding: 80px 0 70px 0; margin: 0 auto; position:relative; overflow: hidden; min-height: 200px; }

/* page heights & paddings */
.page-home div#content-wrapper 	{ padding-bottom: 200px; height: 290px; }
.page-since div#content-wrapper { height: 381px; padding-bottom: 100px; }
.page-since-quality div#content-wrapper { padding-bottom: 210px; height: 400px; } 
.page-offer div#content-wrapper { background: #fff; padding-bottom: 190px; height: 424px;}
.page-events div#content-wrapper { padding-bottom: 190px; height: 424px; }
.page-fun div#content-wrapper { height: 540px; }
.page-fun_game div#content-wrapper { height: 685px; }
.page-contact div#content-wrapper { height: 420px; padding-bottom: 100px; }
.page-ContactForm div#content-wrapper { height: 577px; padding-bottom: 20px; }
.page-inDeMedia div#content-wrapper { height: 600px; padding-bottom: 20px; }
.page-NieuweProducten div#content-wrapper { height: 600px; padding-bottom: 20px; }
.page-contact-become-client div#content-wrapper { height: 530px; }
.page-buy-where div#content-wrapper { height: 530px; }
.page-taalkeuze div#content-wrapper { height: 360px; }

/* background images */ 

.home-img-1 { background: url(../img/backgrounds/home_1.jpg) #fff center top no-repeat; }
.home-img-2 { background: url(../img/backgrounds/home_2.jpg) #fff center top no-repeat; }
.home-img-3 { background: url(../img/backgrounds/home_3.jpg) #fff center top no-repeat; }
.home-img-4 { background: url(../img/backgrounds/home_4.jpg) #fff center top no-repeat; }

.taalkeuze-img-1 { background: url(../img/backgrounds/kids.jpg) #fff center top no-repeat; }

.since-img-1 { background: url(../img/backgrounds/since_3.jpg) #fff center top no-repeat; }

.since-quality-img-1 { background: url(../img/backgrounds/since_1.jpg) #fff center top no-repeat; }
.since-quality-img-2 { background: url(../img/backgrounds/since_2.jpg) #fff center top no-repeat; }

.events-img-1 { background: url(../img/backgrounds/events_1.jpg) #fff center top no-repeat; }

.contact-img-1 { background: url(../img/backgrounds/contact_1.jpg) #fff center top no-repeat; }
.contact-img-2 { background: url(../img/backgrounds/contact_2.jpg) #fff center top no-repeat; }

.fun-img-1 { background: url(../img/backgrounds/fun_1.jpg) #fff center top no-repeat; }
.fun-img-2 { background: url(../img/backgrounds/fun_2.jpg) #fff center top no-repeat; }

.buy-where-img-1 { background: url(../img/backgrounds/buy_where_1.jpg) #fff center top no-repeat; }

.indemedia-img-1 { background: url(../img/backgrounds/indemedia.jpg) #fff center top no-repeat; }

.nieuweproducten-img-1 { background: url(../img/backgrounds/nieuweproducten.jpg) #fff center top no-repeat; }

/* background slides (assortiment/tijdslijn ...) */
div.slides-container{ position: absolute; top: 0; left: 5px; padding-right: 5px; height: 533px; overflow: hidden; }
div.slides-container .slide { width: 976px; height: 463px; padding: 85px 0 0 0; }
div.slides-container ul li{ margin-right: 5px;}
div#product-scroll{ position: absolute; top: 370px; left: 36px; height: 81px; z-index: 500; }

/* --------------------------------------------------- footer ------------------------------------------- */

div#footer{ width: 976px; height: 43px; margin: 0 0 0 5px; background: url(../img/assets/footer_background.jpg) no-repeat; }

ul#footer-disclaimer{ padding: 17px 0 0 20px; float:left; }
ul#footer-disclaimer li{ float: left; color:#00214d; margin: 0 0 0 6px; border-right: 1px solid #00214d; padding: 0 6px 0 0; }
ul#footer-disclaimer li a{ color: #00214d; text-decoration: none; }
ul#footer-disclaimer li a.red{ color:#cf142b; }
ul#footer-disclaimer li.last{ border: 0 none; }


div#footer-social{ float: right; margin: 14px 20px 0 0; }
div#footer-social li{ float: left; }


/* --------------------------------------------------- bottom bar ------------------------------------------- */
div#bottom-bar{ 
	position:absolute; 
	z-index: 100;
	bottom:0;
	height: 162px; 
	width: 946px; 
	background: url(../img/assets/bottom_bar_blue.png) no-repeat; 
	left: 5px;
	padding: 30px 0 0 30px;
	color: #fff;
}

/* cols */
div#bottom-bar .col, div#bottom-bar .col-2{
	width: 282px;
	height: 100px;
	float:left;
	margin: 0 10px 0 0;
	padding: 0 20px 0 0;
	background: url(../img/assets/bottom_bar_line.png) no-repeat right top;
}

div#bottom-bar .col-2{ width: 433px; margin: 0 35px 0 0; padding: 0 26px 0 0; }
div#bottom-bar .col.last, div#bottom-bar .col-2.last{ background: none; margin-right: 0; padding-right: 0; }

div#bottom-bar h3{ font-size: 14px; margin: 0 0 5px 0; text-transform:uppercase; font-weight: bold; }
div#bottom-bar p { line-height: 14px; }

/* item types  */
div#bottom-bar .item-1 { width: 270px; margin: 0 0 0 10px; }
div#bottom-bar .item-1 p{ margin: 0 0 5px 0; }
div#bottom-bar .item-1 .left { width: 200px; }
div#bottom-bar .item-1 .thumb { 
float: right; 
margin: 15px 10px 0 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 3px solid #fff;
background-position: center center !important;
height: 39px;
width:40px;
}

div#bottom-bar .item-2 h3 { float:left; margin: 0 10px 0 0;}
div#bottom-bar .item-2 a.btn { margin: -4px 0 0 0; float:left; }
div#bottom-bar .item-2 p { margin: 10px 0 0 0; }

div#bottom-bar .item-2 .thumb { 
float: left; 
margin: 7px 10px 0 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height: 39px;
width: 40px;
border-radius: 5px;
border: 3px solid #fff;
}
div#bottom-bar .item-2 .thumb img,div#bottom-bar .item-1 .thumb img { display:none; }

/* bottom-bar folds (fun page) */
div#bottom-bar-fold-right, div#bottom-bar-fold-left {  height: 191px; width: 471px; position:absolute; visibility: hidden; top: -121px; right: 0px; }

div#bottom-bar-fold-right { right: 0; }
div#bottom-bar-fold-left {left: 0;}

div#bottom-bar-fold-right div.fold-inner, div#bottom-bar-fold-left div.fold-inner{ height: 179px; width: 471px; z-index: 1000; position: absolute; }
div#bottom-bar-fold-right div.fold-inner { background: url(../img/assets/bottom_bar_fold_right.png) no-repeat; right: 0; padding: 57px 0 0 40px; }
div#bottom-bar-fold-left div.fold-inner{ background: url(../img/assets/bottom_bar_fold_left.png) no-repeat; left: 0px; padding: 57px 20px 0 20px; }

div#bottom-bar-fold-right h3, div#bottom-bar-fold-left h3{ float: left; margin: 0 5px 15px 0;}
div#bottom-bar-fold-right a.btn-close, div#bottom-bar-fold-left a.btn-close{ float: left; margin: -3px 0 0 0; }

div.fold-carousel { width: 450px; position:relative; margin: 20px 0 0 0; }
div.fold-carousel-content { position:absolute; left: 37px; width: 380px;  height: 100px; overflow:hidden; }
div.fold-carousel-content ul#test { height: 100px; width: 380px; }
div.fold-carousel ul li { position: relative; height: 100px;}

div.fold-carousel ul li a.item{ 
	display:block; 
	height: 80px; 
	width: 114px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-border-radius: 5px;
	border: #c8e5f5 3px solid;
}

div.fold-carousel ul li a.btn-see{  position: absolute; top: 74px; left: 24px; }
div.fold-carousel a img { display: none; }
div.fold-carousel ul li{ float: left; margin: 0 10px 0 0; }

/* prev/next button */
div.fold-carousel a.btn-prev{ background: url(../img/btn/prev.png) no-repeat; display: block; text-indent: -9999px; height: 20px; width: 21px; top: 30px; position:absolute; }
div.fold-carousel a.btn-next{ position:absolute; top: 30px; left: 432px; background: url(../img/btn/next.png) no-repeat; display: block; text-indent: -9999px; height: 20px; width: 21px; }

/* --------------------------------------------------- newsletter subscribe wrap ------------------------------------------- */
div#subscribe-wrap{ 
	position:absolute; 
	bottom: 8px; 
	background: url(../img/assets/subscribe_wrap.png) no-repeat;
	height: 62px;
	width: 946px;
	z-index: 110;
	padding: 15px 20px 0;
	color: #fff;
}
					
div#subscribe-wrap p.news-subscribe-succes{ line-height: 16px; }
					
p#subscribe-wrap-descr{ width: 220px; line-height: 16px; margin: 4px 0 0 0; float:left; }

div#subscribe-form-container{ height: 40px; width: 710px; margin: 18px 0 0 0; float:right;}
div#subscribe-form-container input.text { padding: 3px; border: 1px solid #eee; color: #505152; width: 127px; font-size: 11px; }
div#subscribe-form-container label { font-size: 11px; }
div#subscribe-form-container input#email { margin: 0 15px; } 
div#subscribe-form-container input#last-name { margin: 0 10px 0 0; } 
div#subscribe-form-container .error-msg { color: #fff; font-size: 11px; font-weight:bold; margin: 3px 0 0 0; }

/* --------------------------------------------------- content containers ------------------------------------------- */
.right-1 p, .left-1 p{ line-height: 16px; margin-bottom: 16px; font-size: 13px; position:relative; }

.right-1{ width: 440px; float:right; }
.left-1 { margin: 0 0 0 75px; }
.center-1{ margin: 0 auto; width: 870px; }

.small{ width: 260px; }
.medium { width: 340px; }
.large { width: 465px;}

/* --------------------------------------------------- buttons ------------------------------------------- */

/* button style links */
a.btn { display: block; text-indent: -99999px; }

a.btn-order-online { width:195px; height: 88px; position:absolute; right: 20px; top: 3px; }
	.nl a.btn-order-online { background: url(../img/btn/nl_order_online.png) no-repeat; }
	.fr a.btn-order-online { background: url(../img/btn/fr_order_online.png) no-repeat; }

a.btn-more{ height: 22px; width: 86px; }
	.nl a.btn-more { background: url(../img/btn/nl_more.png) no-repeat; }
	.fr a.btn-more { background: url(../img/btn/fr_more.png) no-repeat; width: 109px; }

a.btn-more-small { height: 20px; width: 75px; }
	.nl a.btn-more-small { background: url(../img/btn/nl_more_small.png) no-repeat; }
	.fr a.btn-more-small { background: url(../img/btn/fr_more_small.png) no-repeat; width: 90px; }
		
a.btn-see-all{ height: 32px; width: 186px; }
	.nl a.btn-see-all { background: url(../img/btn/nl_see_all.png) no-repeat; }
	.fr a.btn-see-all { background: url(../img/btn/fr_see_all.png) no-repeat; width: 241px; }

a.btn-back { width: 87px; height: 22px; }
	.nl a.btn-back { background: url(../img/btn/nl_back.png) no-repeat; }
	.fr a.btn-back { background: url(../img/btn/fr_back.png) no-repeat; width: 109px; }
	
a.btn-order-now { width: 196px; height: 22px; }
	.nl a.btn-order-now { background: url(../img/btn/nl_order_now.png) no-repeat; }
	.fr a.btn-order-now { background: url(../img/btn/fr_order_now.png) no-repeat; width: 243px; }
	
a.btn-start { width: 74px; height: 20px; }
	.nl a.btn-start { background: url(../img/btn/nl_start.png) no-repeat; }
	.fr a.btn-start { background: url(../img/btn/fr_start.png) no-repeat; width: 83px; }

a.btn-history { width: 276px; height:32px; }
	.nl a.btn-history { background: url(../img/btn/nl_history.png) no-repeat; }
	.fr a.btn-history { background: url(../img/btn/fr_history.png) no-repeat; }

a.btn-quality { width: 186px; height: 32px; }
	.nl a.btn-quality { background: url(../img/btn/nl_quality.png) no-repeat; }
	.fr a.btn-quality { background: url(../img/btn/fr_quality.png) no-repeat; }

a.btn-download-wallpapers { width: 186px; height: 20px; }
	.nl a.btn-download-wallpapers { background: url(../img/btn/nl_download_wallpapers.png) no-repeat; }
	.fr a.btn-download-wallpapers { background: url(../img/btn/fr_download_wallpapers.png) no-repeat; width: 317px; height: 22px; }

a.btn-see-movies { width: 138px; height: 20px; }
	.nl a.btn-see-movies { background: url(../img/btn/nl_see_movies.png) no-repeat; }
	.fr a.btn-see-movies { background: url(../img/btn/fr_see_movies.png) no-repeat; }

a.btn-close { width: 74px; height: 20px; }
	.nl a.btn-close { background: url(../img/btn/nl_close.png) no-repeat; }
	.fr a.btn-close { background: url(../img/btn/fr_close.png) no-repeat; }

a.btn-see { width: 74px; height: 20px; }
	.nl a.btn-see { background: url(../img/btn/nl_see.png) no-repeat; }
	.fr a.btn-see { background: url(../img/btn/fr_see.png) no-repeat; width: 241px; }

a.btn-order-online-2 { height: 32px; width: 226px; }
	.nl a.btn-order-online-2 { background: url(../img/btn/nl_order_online_2.png) no-repeat; }
	.fr a.btn-order-online-2 { background: url(../img/btn/fr_order_online_2.png) no-repeat; width: 234px; }
	
a.btn-send-big { width: 146px; height: 32px; }
	.nl a.btn-send-big { background: url(../img/btn/nl_send-big.png) no-repeat; }
	.fr a.btn-send-big { background: url(../img/btn/fr_send-big.png) no-repeat; }
	
a.btn-ontdek { width: 196px; height: 22px; }
	.nl a.btn-ontdek { background: url(../img/btn/nl_ontdek.png) no-repeat; }
	.fr a.btn-ontdek { background: url(../img/btn/fr_ontdek.png) no-repeat; width: 209px; }

a.btn-facebook{ width: 16px; height: 16px; background: url(../img/icons/icon-facebook.png) no-repeat; }


/* form buttons */
input.btn { border: 0 none; cursor: pointer; overflow:hidden; line-height: 0; padding: 0; margin:0; }

input.send{ height: 22px; width: 109px; text-indent: -9999px; }
	.nl input.send{ background: url(../img/btn/nl_send.png) no-repeat; }

/* --------------------------------------------------- basic classes ------------------------------------------- */
.last{ margin-right: 0 !important; }

/* positions */
.left{ float:left;  }
.right{ float:right; }

.top-right { position:absolute; right: 66px; top: 85px; }
.top-left { position:absolute; left: 29px; top: 80px; }

/* text */
.text-white, .text-white a{ color: #fff; }
.text-dark-blue, .text-dark-blue a{ color:#00214d; }
.text-light-blue, .text-light-blue a { color: #73b5e0; }
.text-red, .text-red a { color: #cf142b; }

.text-bold { font-weight: bold;�}

p.sub { padding: 0 0 0 15px; }
p.intro { margin-bottom: 50px; }

/* form */
.frm-error { border: 1px solid #cf142b !important; }
.error-msg { color: #cf142b; }

/* rounded corners */
.rounded { }
.rounded .top, .rounded .bottom { height: 11px; position: relative; width: 100% } 
.rounded .tl { background:url(../img/assets/tl.png) no-repeat left bottom; height: 100%; }
.rounded .tr, .rounded .br { position: absolute; right: -20px; top: 0; width: 20px; background:url(../img/assets/tr.png) no-repeat right bottom; height: 100%; }
.rounded .bl { background:url(../img/assets/bl.png) no-repeat left top; height: 100%; }
.rounded .br { background:url(../img/assets/br.png) no-repeat right top; }
.rounded .center { background: #fff; padding: 0 10px; width:100%; overflow: hidden; }

.indent-1 { margin-left: 10px; }

ul.arrow li { background: url(../img/icons/arrow_blue.png) left center no-repeat; padding: 0 0 0 20px; margin: 0 0 10px 0;  }
ul.arrow li.last { margin-bottom: 0; }

ul.checked li { background: url(../img/icons/checked.png) left center no-repeat; padding: 0 0 0 30px; margin: 0 0 10px 0; }


/* rounded images */

.img-rounded {
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin:0;
	padding:0;
	line-height: 0;
}

.img-rounded img { visibility:hidden; }

.border-white { border: 3px solid #fff; }


/* --------------------------------------------------- headings ------------------------------------------------ */
h2 { font-size: 36px; margin-bottom: 16px; }
h3 { font-weight: bold; margin: 0 0 10px 0; }
h3.title-arrow { background: url(../img/icons/arrow_blue.png) no-repeat left center;padding: 0 0 0 15px; margin-bottom: 10px;}

/* --------------------------------------------------- homepage elements ------------------------------------------------ */

/* homepage-wrap */
div#homepage-wrap{ position:absolute; bottom: 10px; background: url(../img/assets/homepage_wrap.png) 1px center no-repeat; height: 161px; padding: 10px 10px; width:976px; color: #fff; }
div#homepage-wrap .col{ width: 302px; height: 130px; margin: 10px 0 0 0; border-right: 1px solid #d49193; float:left; padding: 20px 10px 0; }

/* products */

.product-descr{ float:left; width: 180px; }

div#homepage-wrap h3{ font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; }
div#homepage-wrap .col.last{ border: 0; padding-top: 0; }
div#homepage-wrap p{ margin-bottom: 10px; line-height: 16px; }

/* newsletter subscribe */

div#news-subscribe{ background: url(../img/assets/news_subscribe_background.png) no-repeat; width: 277px; height: 140px; padding: 10px 15px 0; margin: 1px 0 0 0; color:#00214d; }

div#news-subscribe .form-descr{ font-size: 11px; }
div#news-subscribe .form-col{ width: 133px; float:left; margin-right: 8px; }

p.news-subscribe-succes{ background: url(../img/icons/icon-succes.png) no-repeat top left;	 padding: 0 0 0 55px; margin: 10px 0 0 0; }

div#news-subscribe input.text{ border: 1px solid #e2e2e2; background: #fff; padding: 2px; font-size: 11px; color: #505152; width: 128px; margin-bottom: 5px; }
div#news-subscribe .error-msg{ float: left; width: 145px; line-height: 16px; margin: 4px 0 0 0; display:none; }
div#news-subscribe .error-msg span#field-name{ font-weight: bold; }
div#news-subscribe input.btn{ margin: 10px 0 0 0; float:right; }
div#news-subscribe label{ color: #00214d; font-size:11px; }

/* --------------------------------------------------- page since-quality elements ------------------------------------------------ */
div#temperature-info{ width: 440px; margin: 25px 0 0 0; }
div#temperature-info p { margin: 0 0 0 10px; padding: 10px 0 10px 120px; background: url(../img/icons/termo.jpg) no-repeat 1px 10px;}

/* --------------------------------------------------- page offer elements ------------------------------------------------  */
.page-offer .btn-order-now{ position:relative; }

/* prev/next buttons */
div#product-scroll-left{ height: 81px; width: 31px; background: url(../img/assets/product_scroll/left_background.png) no-repeat; float:left; }
div#product-scroll-left a.btn{ background: url(../img/assets/product_scroll/arrow_left.jpg) no-repeat; width:31px; height: 60px; position: relative; top: 11px; }
div#product-scroll-right{ height: 81px; width: 31px; background: url(../img/assets/product_scroll/right_background.png) no-repeat; float:left; }
div#product-scroll-right a.btn{ background: url(../img/assets/product_scroll/arrow_right.jpg) right top no-repeat; width:31px; height: 60px; position: relative; top: 11px; }

/* thumbs */
div#product-scroll-thumbs{  float: left; background: #fff; height: 81px; padding: 0 5px; width: 300px; overflow:hidden; }
div#product-scroll-thumbs li{  float: left; margin-right: 8px; height: 81px; cursor:pointer; }
div#product-scroll-thumbs li a{
	display: block;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 65px;
	height: 60px;
	margin: 9px 0 0 0;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	border: 2px solid #fff;
	overflow: hidden;
}

div#product-scroll-thumbs li a.selected{ border: 2px solid #d32f43; }
div#product-scroll-thumbs li img{ visibility:hidden; }

/* --------------------------------------------------- page event elements ------------------------------------------------  */
.page-events h2 {margin-left: 8px;}

ul.pagination { position: absolute; top: 14px; left: 137px;}
ul.pagination li{ float: left; text-align: center; margin: 0 5px 0 0;}
ul.pagination li a{ display: block; color: #fff; text-decoration: none; padding: 2px 4px 1px; font-style: italic; margin: 2px 0 0 0;}
ul.pagination li.selected a { color:#00214d; background: #fff; }
ul.pagination li.pagination-next a,ul.pagination li.pagination-prev a{ display:block; text-indent: -9999px; height: 20px; width:21px; padding: 0;}

ul.pagination li.pagination-next {background:url(../img/btn/next.png) no-repeat; }
ul.pagination li.pagination-prev {background:url(../img/btn/prev.png) no-repeat; margin-left: 10px; }

div#events-container { position:relative; }

div#events-container .col {  float:left; margin: 0 60px 0 0; width: 402px;}

div.item-event{ width: 380px; margin: 0 0 22px 0; }
	div.item-event .center{ height: 140px;  }
	div.item-event img{ margin: 0 0 0 0px; }
	div.item-event div.left{ margin: 5px 0 0 15px; width: 250px; }
	div.item-event h3 { font-weight: bold; margin: 0 0 15px 0; }
	div.item-event p { line-height: 16px; margin-bottom: 0; }
	div.item-event .date {line-height: 20px;}

/* --------------------------------------------------- page fun elements ------------------------------------------------  */
ul#games { margin: 0 auto; }
ul#games li {width: 986px; height: 300px; overflow: hidden; position:relative; top: -4px;}
div.item-game { margin: 33px auto 0 auto;  width: 603px;  position:relative; background: url(../img/assets/rounded_box_2_top.png) top center no-repeat; padding: 9px 0 0 0;}

div.item-game-content { background: #fff; height: 157px; line-height: 16px; padding: 20px 0;}
div.item-game-descr { width: 320px; float: right; margin: 0 25px 0 0;}
div.item-game-content h3 { text-transform: uppercase; font-size: 14px; margin: 0 0 15px 0; }
div.item-game-content p { margin: 0 0 10px 0; }
img.item-game-img { position: absolute; top:2px; left: 125px; }
div.item-game-bottom { background: url(../img/assets/rounded_box_2_bottom.png) top center no-repeat; height: 9px; }

a#btn-next-game { background: url(../img/assets/product_scroll/arrow_right.jpg) right top no-repeat;  right: 5px; width: 100px; padding: 15px 40px 0 0; height: 50px; line-height: 16px; color: #fff; text-decoration: underline; text-align:center; text-transform: uppercase; display:block; position: absolute; z-index: 500; top: 290px;
}

a#btn-prev-game { text-indent: -9999px; width:31px; height: 65px; position: absolute; top: 290px; z-index: 500; left: 5px; background: url(../img/assets/product_scroll/arrow_left.jpg) no-repeat; }

/* --------------------------------------------------- page since elements ------------------------------------------------  */
.page-since .small{ margin-bottom: 25px; }
.page-since .btn-history { margin-bottom: 10px; }

/* --------------------------------------------------- page since-timeline fun elements ------------------------------------------------  */
div#timeline h2{ font-size: 93px; }

/* --------------------------------------------------- page contact-become-client ------------------------------------------------  */
.page-contact-become-client h3 { margin-top: 36px; }

#catalog-info{ position: relative; left: -20px; width: 377px; }
#catalog-info .content { padding: 5px 10px; }
#catalog-info .content h3 { margin-top: 0; }
/* --------------------------------------------------- page buy-where ------------------------------------------------  */

#order-checklist { margin: 0 0 20px 0; }
#order-tel-number { background: url(../img/assets/tel_number.png) no-repeat; width: 328px; height: 22px; text-indent: -9999px; margin: 20px 0 0 12px; }


/**
 * Sliderbar
 * 
 */

#sliderbar { position: absolute; width: 847px; height: 81px; background: url(../img/slider/bg.png) no-repeat top left; z-index: 50; top: 410px; left: 70px; }
.sliderbar_wrapper { position: absolute; width: 743px; height: 9px; z-index: 50; left: 50px; top: 27px; }
.sliderbar_bar { position: absolute; width: 796px; height: 9px; z-index: 10; left: 25px; top: 27px; background: url(../img/slider/bar.jpg) no-repeat top left; }
.sliderbar_handle { position: absolute; width: 50px; height: 46px; z-index: 20; left: 25px; top: 20px; background: url(../img/slider/handle.png) no-repeat top left; }
.sliderbar_shoe { position: absolute; width: 31px; height: 9px; background: url(../img/slider/shoe.gif) no-repeat top left; margin-left: -15px; outline: none; }
.sliderbar_numbers { position: absolute; z-index: 40; top: 45px; left: 25px; }
.sliderbar_numbers li { float: left; display: block; width: 53px; text-align: center; }
.sliderbar_numbers li a { text-decoration: none; font-weight: bold; color: #75401c; }
.sliderbar_numbers li a.active { color: #fff; }


/**
 * Taalkeuze
 * 
 */

.page-taalkeuze #content-wrapper ul { list-style: none; position: absolute; top: 315px; left: 390px; }
.page-taalkeuze #content-wrapper ul li { margin-bottom: 10px; }
.taalkeuze_btn_nl { margin-left: 0; }
.taalkeuze_btn_fr { margin-left: 30px; }
.taalkeuze_btn_de { margin-left: 60px; }

/* -------------------------------------------- page ContactForm & ContactFormThanks -------------------------------------  */
.page-ContactForm h2 { color: #617591; margin-bottom: 8px;}
.page-ContactForm form { width: 340px;}
.page-ContactForm form p { margin: 0px 0px 4px 0px;  }
.page-ContactForm form input { height: 17px; padding: 0px 5px 0px 5px; border-top: 1px solid #afadad; border-bottom: 1px solid #afadad; border-left: 2px solid #d2cfcf; border-right: 2px solid #d2cfcf;  }
.page-ContactForm form .input_big input  { width: 246px;  }
.page-ContactForm form .input_big span  { width: 75px; display: inline-block; }
.page-ContactForm form .input_small input  { width: 47px; margin: 0px 1px 0px 8px;}
.page-ContactForm form textarea { clear: both; width: 326px; height: 80px; padding: 5px; margin: 10px 0px 10px 0px; border-top: 1px solid #afadad; border-bottom: 1px solid #afadad; border-left: 2px solid #d2cfcf; border-right: 2px solid #d2cfcf; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px;}



/* --------------------------------------------------- page InDeMedia ------------------------------------------------  */
.page-inDeMedia .date { background: #ffffff; display: inline; color: #cf142b; padding: 0px 3px 0px 3px;  }
.page-inDeMedia h2 { margin: 7px 0px 7px 0px; }
.page-inDeMedia p.intro { margin: 0px 0px 15px 0px; }

.page-inDeMedia .box_archief { background: url('../img/assets/box_archief_top.png') no-repeat scroll top left; width: 413px; padding-top: 11px; position: absolute; top: 350px; }
.page-inDeMedia .box_archief_inner { background: #ffffff; padding: 0px 20px 20px 20px; height: 214px;}
.page-inDeMedia .box_archief_inner .litte_date { color: #cf142b; }
.page-inDeMedia .box_archief_inner li { padding: 0px 0px 3px 0px;}
.page-inDeMedia .box_archief_inner a {  text-decoration: none;}
.page-inDeMedia .box_archief_inner a:hover {  text-decoration: underline;}

.page-inDeMedia .box_archief_inner h3 { margin: 0px 0px 15px 0px;}

/* carousel */
.box_archief .jcarousel-container-vertical { }
.box_archief .jcarousel-clip-vertical { width: 413px;  height: 105px; }
.box_archief .jcarousel-item { width: 413px; height: 15px; }
.box_archief .jcarousel-next-vertical { width: 20px; height: 21px; cursor: pointer; background: #DDD url('../img/assets/box_archief_arrow_down.jpg') ; position: absolute; bottom: -5px; right: 0px; }
.box_archief .jcarousel-prev-vertical { width: 20px; height: 21px; cursor: pointer; background: #DDD url('../img/assets/box_archief_arrow_up.jpg') ; position: absolute; bottom: 18px; right: 0px; }

/* --------------------------------------------------- page NieuweProducten ------------------------------------------------  */
.page-NieuweProducten h2 { color: #e26f7d;}

/* --------------------------------------------------- page FunGame ------------------------------------------------  */
#content_game { width: 895px; margin: 0px 0px 0px 50px; }
a.btn-hoewerkthet-link { color: #ffffff; text-decoration: underline; font-style: italic; }
.hoewerkthet-content a { color: #00214D; position: absolute; top: 10px; right: 15px; text-decoration: none; font-style: italic; font-size: 15px; font-weight: bold; }
.btn-hoewerkthet .hoewerkthet-content { color: #00214D; position: absolute; top: -9px; left: -65px; font-size: 14px; line-height: 18px; padding: 15px; text-decoration: none !important; background: url('../img/backgrounds/btn_hoewerkthet.png') no-repeat scroll top left; 	width: 170px;  	height: 135px;}


/* --------------------------------------------------- Sharing ------------------------------------------------  */
a.addthis_button_compact { background:url("../img/share/bg_share.gif") no-repeat scroll left top transparent; height:13px; width:72px; }
a.addthis_button_compact .at300bs.at15t_compact { background:none repeat scroll 0 0 transparent; }
a.addthis_button_facebook { background:url("../img/share/bg_facebook.gif") no-repeat scroll left top transparent; height:14px; width:14px; }
a.addthis_button_facebook .at15t_facebook { background:none repeat scroll 0 0 transparent; }







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */