body {
	background: url(../images/bg-img_tablet.jpg) repeat-y top center;
}

.main {
	background: url(../images/cup.png) no-repeat 505px 43px;
}

.blokken-wrapper, .blokken-wrapper-iphone {
	display:none;
}

.blokken-wrapper-ipad {
	display:block;
}

.main #header-wrapper {
	width: 594px;
	height: 247px;
	position: relative;
}

	#header-wrapper .header-top {
		width: 584px;
		height: 205px;
		position: relative;
		margin: 0 5px;
	}

		/* === HEADER SLIDER === */

		#header-wrapper .header-top .header-slider {
			width: 387px;
			height: auto;
			top: 17px;
			left: 198px;
		}	

			#header-wrapper .header-top .header-slider .header-slider-text {
				background: url(../images/header-slider_bg.png);
				width: 250px;
				height: 60px;
				position: absolute;
				top: 25px;
				right: 0;
				z-index: 2;
			}

				#header-wrapper .header-top .header-slider .header-slider-text h2 {
				    font-size: 15px;
				    height: 40px;
				    line-height: 20px;
				    padding: 10px 0 10px 10px;
				    width: 280px;
				    z-index: 3;
				}

			#header-wrapper .header-top .header-slider .header-slider-button {
				display: none;
			}

			#header-wrapper .header-top .header-slider .header-slider-button-tablet {
					background: url(../images/header-slider-button.png) no-repeat;
					display: block;
				    font-family: 'Special Elite',arial,sans-serif;
				    font-size: 17px;
				    height: 54px;
				    line-height: 17px;
				    padding: 12px 0px 5px;
				    position: absolute;
				    right: 3px;
				    text-align: center;
				    text-shadow: 0 1px 2px #000000;
				    top: 25px;
				    width: 65px;
				    z-index: 5;
				    background-repeat: none;
			}

				#header-wrapper .header-top .header-slider .header-slider-button a {
					
				}

	#header-wrapper .header-bottom {
		width: 386px;
		height: 77px;
		background-image: none;
		margin: 0;
		position: absolute;
		top: 128px;
		left: 203px;
		background-color: #112817;
	}

	#header-wrapper .header-bottom .navigation-wrapper {
		width: 386px;
		height: 40px;
	}


	/* === RESPONSIVE NAVIGATION ==*/

	.tinynav { 
		display: block;
		position: absolute;
		z-index: 5;
		width: 366px;
		height: 22px;
		top: 10px;
		left: 10px;
	}

    .level1 { display: none } 


		#header-wrapper .header-bottom .breadcrumb-search-wrapper .breadcrumbs {
			background: url(../images/breadcrumbs-bg.png) no-repeat 0 0px;
			width: 584px;
			height: 27px;
			margin: 10px 0 5px 0;
			float: left;
			position: absolute;
			top: 77px;
			left: -200px;
		}


		#header-wrapper .header-bottom .searchbox {
			width: 368px;
			margin-top: 0;
			position: absolute;
			top: 43px;
			left: 10px;
		}

			.main #header-wrapper .header-bottom .searchbox input {
				background: url(../images/searchinput-tablet-bg.png) no-repeat;
				width: 328px;
				padding: 0 30px 0 7px;
			}


.main #content-wrapper {
	width: 594px;
	margin: 0 auto;
}

.main #content-wrapper iframe {
	max-width: 594px;
	margin: 0 auto;
}

/* === FOOTER === */

.main #footer-wrapper {
	width: 584px;
	height: 100px;
	margin: 5px auto 20px;
}

	.main #footer-wrapper .footer-left {
		width: 584px;
		height: 45px;
		float: left;
		margin-top: 20px;
	}

.main #footer-wrapper .footer-left .footer-nav {
    left: 5px;
    position: absolute;
    top: -10px;
}

.main #footer-wrapper .footer-left .copyright {
    left: 10px;
    position: absolute;
    top: 16px;
}

	.main #footer-wrapper .footer-right {
		width: 574px;
		float: left;
		padding: 20px 0 0 10px;
	}

    /* === BLOCK COLORS === */

.black {
	background-color: #000 !important;
}

.white {
	background-color: #FFF !important;
	color: #646464;
}

.main #content-wrapper.productgroep-overzicht .content-inner.white
{
    background: none !important;
}


.blokken-wrapper { display: none; }
.blockColumn.left { display: none; }
.blockColumn.right { display: none; }
.blockColumn.center .blockColumn.center { display: none; }
.blokken-wrapper-ipad { display: block; }
.blokken-wrapper-phone { display: none; }