/**
 * Layout.css - Global styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 */

/* General */

body {
	margin: 0;
	padding: 0;
	background: black url(../img/wood.jpg) top center;
	font: 11px Arial, Helvetica, sans-serif;
	color: #33241F;
}

a, a:link {
	color: #A3003B;
}

a:visited {
	color: #A3003B;
}

a:hover {
	color: #33241F;
}

a:active {
	color: #33241F;
}

blockquote {
	margin: 10px 30px;
}

h1, h2, h3, h4, h5, h6 {
	color:#A3003B;
}

h1 {
	margin: 0 0 12px;
	font-weight:700;
	font-size:26px;
	color:#A3003B;
}

h2 {
	margin: 0 0 10px;
	font-size: 22px;
}

h3 {
	margin: 0 0 8px;
	font-size: 18px;
}

h4 {
	margin: 0 0 6px;
	font-size: 16px;
}

h5 {
	margin: 0 0 4px;
	font-size: 14px;
}

h6 {
	margin: 0 0 2px;
	font-size: 12px;
}

img {
	border: 0;
}

ol, ul {
	margin: 0 0 20px;
	padding: 0 0 0 30px;
	line-height: 150%;
}

p {
	margin: 0 0 20px;
	line-height: 150%;
}


/* Table styles */

table {
	margin: 10px 0 20px;
	width: 100%;
	border-collapse: collapse;
}

td {
	padding: 8px;
	border-bottom: 1px solid #DDD;
}

th, thead td {
	padding: 8px;
	background-color: #DDD;
	border-bottom: 1px solid #9E9E9E;
	font-weight: bold;
	text-align: left;
}


/* Form styles */

form ul {
	margin:0;
	padding: 0;
	list-style: none;
}

form li {
	margin: 0 0 10px;
}

form li.indent {
	padding-left: 150px;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

legend {
	display: none;
}

input.text {
	margin-right: 2px;
	padding: 4px;
	border: 1px solid #D1C4B2;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

input.extra-small {
	width: 40px;
}

input.small {
	width: 60px;
}

input.medium {
	width: 125px;
}

input.large {
	width: 200px;
}

input.extra-large {
	width: 275px;
}

input.focus {
	color: #333 !important;
}

input.wsv-error,
textarea.wsv-error {
	border-color: #CC0000;
}

label.indent {
	display: -moz-inline-box;
	display: inline-block;
	width: 140px;
	font-size:13px;
}

textarea {
	padding: 4px;
	width: 275px;
	height: 150px;
	border: 1px solid #D1C4B2;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: top;
}

button {
	height:30px;
	margin:0 0 20px;
	padding: 0 30px 0 10px;
	line-height:30px;
	font: 13px Arial, Helvetica, sans-serif;
	border:0;
	background:#A3003C url(../img/icon-sprite.png) no-repeat 100% -50px;
	color:#F8EDD9;
}

*:first-child+html button {margin-bottom:0;}

button:hover {
	cursor:pointer;
	background-color: #33241F;
}


/**
 * GENERAL CLASSES
 * ----------------------------------------
 */

.accent {
	font-size: 14px;
	color: #999;
}

.hidden {
	visibility: hidden;
}

.top-space{
	margin-top:10px;
}

.block {
	margin: 0 10px 0 0;
	text-decoration:none;
}

.block img {
	display:block;
}

.block.last {
	margin-right:0;
}

a.block { color:#33241F; }

.overview {
	width: 100%;
	overflow:hidden;
	margin-bottom:10px;
}

.overview .block {
	float:left;
}

a.read-more {
	position:relative;
	display:inline-block;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	padding-right:25px;
	background:url(../img/icon-sprite.png) no-repeat 100% -156px;
}

a.read-more:hover {background-position: 100% -536px;}

/**
 * LAYOUT ELEMENTS
 * ----------------------------------------
 */

#wrapper {
	margin: 0 auto;
	padding: 0 10px;
	width: 950px;
}

*html #wrapper {
	padding:0;
}

#header {
	height: 150px;
	position:relative;
	z-index:50;
}

#main {
	width: 100%;
}

#sidebar {
	margin-right: 10px;
	width: 230px;
}

*html #sidebar {margin-right:0;}

#content {
	width: 710px;
}

#footer {
	padding: 0 15px;
	height: 40px;
	background-color: #CCC;
	color: #888;
	clear: both;
}

.column {
	float: left;
}

div.clear{
	width:100%;
	clear:both;
	height:0;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/**
 * HEADER ELEMENTS
 * ----------------------------------------
 */

#header #logo-wrap {
	width: 240px;
	height:150px;
	float:left;
	position:relative;
}

#header #logo {
	position:absolute;
	top: 27px;
	left:30px;
	display: block;
	width: 191px;
	height: 116px;
	background: url(../img/logo.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

*html #header #logo {
	background:url(../img/logo.gif) no-repeat;
}

#header #navigation-wrap {
	width: 710px;
	height:150px;
	float:right;
}


/**
 * CONTENT ELEMENTS
 * ----------------------------------------
 */

/* ========== */
/* = Nieuws = */
/* ========== */

.article {
	width: 100%;
	overflow: hidden;
}

*:first-child+html .article {
	padding-bottom:20px;
}

.article-thumb {
	display: block;
	float: left;
	padding:5px;
	margin:0px 15px 30px 0;
	width: 180px;
	height: 120px;
	background-color:#D1C4B2;
}

a.article-thumb:hover {background-color:#BBAF9F;}

.article-thumb img {
	display: block;
}

.article-body {
	float: left;
	width: 460px;
}

.article-body .date,
#page-body .date {
	margin:0;
	padding:0;
	line-height:160%;
	font-weight: bold;
	color: #A3003A;
}

.article-body h2 {
	margin: 0 0 10px;
}

.article-body p {
	margin: 0 0 10px;
}

/* =========== */
/* = Sidebar = */
/* =========== */

#left-visual {
	height:350px;
	width:240px;
	background-color:#F8EDD9;
}

#sidebar h1 {
	padding:30px 20px 0;
}

#sidebar h2 {
	padding:0 20px;
	margin-bottom:0;
	font-size:13px;
	line-height:160%;
}

#sidebar p {
	font-size:13px;
	padding:0 20px;
	line-height:160%;
}

/* ================= */
/* = Sidebar Extra = */
/* ================= */

#left-visual-extra {
	height:410px;
	width:240px;
	background-color:#F8EDD9;
}

/*#left-visual-extra .body {
	height:315px;
}*/

/* GJ: hogte aanpassen voor terug knop */
#left-visual-extra .body {
	height:275px;
}


#kitchen-type-small {
	padding:0 0 0 5px;
}

#kitchen-type-small ul {
	list-style:none;
	padding:0;
}

#kitchen-type-small li {
	margin-top:5px;
}

#kitchen-type-small a {
	display:block;
	padding:0 10px;
	height: 40px;
	line-height:40px;
	font-size:18px;
	font-weight:700;
	text-decoration:none;
	color:#33241F;
	background: url(../img/kitchen-type-small-sprite.png) no-repeat 0 0;
}

.cufon-active #kitchen-type-small a { 
	line-height:38px;
}

#kitchen-type-small li.selected a,
#kitchen-type-small a:hover {
	background-position: 0 -40px;
	color:#F8EDD9;
}

/* ================================== */
/* = Left Visual - Overzichtspagina = */
/* ================================== */

#left-visual-overzicht {
	width:240px;
	background-color:#F8EDD9;
	height: 370px;
}

#left-visual-overzicht .body {
	height:275px;
}

#left-visual-overzicht h1 {
	padding-bottom:10px;
}

/* ========================== */
/* = Left Visual - Category = */
/* ========================== */

#left-visual-category {
	padding-top:10px;
	background-color:#F8EDD9;
	width: 240px;
}

#left-visual-category #kitchen-type-small ul {
	padding-bottom:5px;
	margin-bottom:0;
}

#left-visual-category .body {
	padding-top:10px;
}

/* =============================== */
/* = Submenu kitchen type choice = */
/* =============================== */

#kitchen-type-small li.open a {
	background-position: 0 -80px;
}

#kitchen-type-small ul.subnav,
#left-visual-category #kitchen-type-small ul.subnav {
	padding: 0; margin:5px 0 0;
	background-color:#E8DDC9;
}

#kitchen-type-small li ul.subnav li {
	margin:0; padding:0;
}

#kitchen-type-small li .subnav a {
	height:auto;
	line-height:150%;
	padding: 6px 10px;
	font-size:13px;
	font-weight:normal;
	background: url(../img/icon-sprite.png) no-repeat 100% 150px; /*hidden*/
	color:#33241F;
	border-bottom:1px solid #F8EDD9;
}

#kitchen-type-small li .subnav a:hover,
#kitchen-type-small li .subnav li.selected a {
	color:#33241F;
	background-color:#D1C4B2;
	background-position:100% -530px;
}


/* ==================== */
/* = Kitchen Category = */
/* ==================== */

#kitchen-category {
	width: 710px;
	margin-top:-46px;
	position:relative;
	z-index:10;
}

#kitchen-category .body {
	padding:5px 5px 0;
	background-color:#F8EDD9;
	margin-bottom:10px;
/*	height:350px;*/
}

#kitchen-category .top {
	display:block;
	width:470px;
	height:46px;
	background-color:#F8EDD9;
	margin:0 0 0 5px;
}

#kitchen-category h1 {
	width:410px;
	float:left;
	line-height:44px;
	font-size:24px;
	color:#33241F;
	margin:0 0 0 10px;
	padding: 0;
}

.cufon-active #kitchen-category h1 { 
	line-height:40px;
}



#kitchen-category .number {
	display:block;
	float:right;
	width: 33px;
	height:33px;
	margin: 4px 4px 0 0;
	line-height:33px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	border:1px solid #E8DDC9;
	color:#D1C4B2;
}

*html #kitchen-category h1 {margin-left:5px;}
*html #kitchen-category .number {margin-right:2px;}

#kitchen-category .item {
	display:block;
	float:left;
	width:230px;
	height:150px;
	margin-right:5px;
	margin-bottom:5px;
	text-decoration:none;
}

#kitchen-category .item.last {
	margin-right:0;
}

#kitchen-category .item h3 {
	height:40px;
	padding: 0 10px;
	margin: -40px 0 0;
	position:relative;
	z-index:5;
	line-height:40px;
	font-size:14px;
	background:#33241F url(../img/category-sprite.png) no-repeat 0 0;
	color:#F8EBD8;
}

#kitchen-category a.item:hover h3 {background-position: 0 -40px;}

.cufon-active #kitchen-category .item h3 { 
	line-height:38px;
}

#kitchen-category .item img {
	display:block;
}

#kitchen-category .pagination {
	width: 100%;
	height:40px;
	border-bottom:5px solid #F8EDD9;
	overflow:hidden;
	clear:both;
	background-color:#D1C4B2;
}

#kitchen-category .control-left-wrap { float:left; width: 150px; }
#kitchen-category .control-right-wrap {	float:right; width: 150px; }

#kitchen-category .control {
	display:block;
	height:30px;
	line-height:30px;
	text-decoration:none;
	font-size:13px;
	background: url(../img/icon-sprite.png) no-repeat 0 -480px;
	color:#33241F;
	border: 1px solid #E1D4C2;
}

#kitchen-category .prev-link {
	float:left;
	margin: 4px 0 0 4px;
	padding: 0 10px 0 30px;
}

#kitchen-category .next-link {
	float:right;
	background-position: 100% -530px;
	margin:4px 4px 0 0;
	padding: 0 30px 0 10px;
}

#kitchen-category a.next-link:hover {background-color:#F8EDD9; border-color:#F8EDD9; /*background-position: 100% -150px; color:#A3003C;*/}
#kitchen-category a.prev-link:hover {background-color:#F8EDD9; border-color:#F8EDD9; /*background-position: 0 -100px; color:#A3003C;*/}

#kitchen-category ul {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
	text-align:center;
	height:40px;
	width: 400px;
}

#kitchen-category li {
	display:inline;
	height:35px;
	width: 30px;
	line-height:30px;
	margin-right:2px;
}

#kitchen-category li a {
	display:inline-block;
	height:30px;
	width: 30px;
	border-top:5px solid #D1C4B2;
	text-decoration:none;
	font-weight:bold;
	color:#33241F;
	background-color:#E1D4C2;
}

#kitchen-category li a:hover,
#kitchen-category li.selected a {
	color:#A3003C;
	background-color:#F8EDD9;
}

#kitchen-category .selected a {
	border-color: #F8EDD9;
}

/* ========== */
/* = Visual = */
/* ========== */

#visual-wrap {
	background-color:#F8EDD9;
	padding:5px;
}

.visual {
	display:block;
}

#visual-wrap #visual-scroller { height:340px; }

#visual-wrap #visual-scroller .items { height:340px; }


/* ================ */
/* = Visual Extra = */
/* ================ */

img.cbw {
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	z-index:10;
}

#visual-extra {
	background-color:#F8EDD9;
	padding:5px;
}

#visual-scroller {
	position:relative;
	width: 700px;
	height:355px;
	overflow:hidden;
	background:url(../img/visual-scroller-bg.jpg) no-repeat;
}

#visual-scroller .items {
	position:absolute;
	width: 550000px;
	height:355px;
}

#visual-scroller .items .item {
	float:left;
	width: 700px;
	margin:0;
	position: relative;
	text-align: center;
}

#visual-scroller .action-buttons {
	position:absolute;
	right:5px;
	top:5px;
	width: 65px;
}

#visual-scroller .action-buttons a {
	display:block;
	float:left;
	width: 30px;
	height:30px;
	overflow:hidden;
	text-indent:-999px;
	background:url(../img/play-pause-button-sprite.png) 0 0 no-repeat;
}

#visual-scroller .action-buttons a.play { margin-right:5px; }
#visual-scroller .action-buttons a.play:hover { background-position: 0 -30px; }
#visual-scroller .action-buttons a.pause { background-position: -30px 0; }
#visual-scroller .action-buttons a.pause:hover { background-position: -30px -30px; }

#visual-scroller .small {
	margin:20px auto;
	border:5px solid #F8EDD9;
}

.visual {
	display:block;
}

#testimonial {
	width: 215px;
	height: 320px;
	position:absolute;
	text-align:left;
	top:10px;
	right:10px;
	z-index:10;
	background:url(../img/testimonial.png);
}

	#testimonial .quote-copy {
		color:#A3003A;
		font-size:16px;
		line-height:170%;
		margin: 15px 15px 0 48px;
	}
	
	#testimonial .quote-author {
		color:#33241F;
		font-size:13px;
		margin: 20px 15px 0 48px;
	}

/* =================== */
/* = Visual Controls = */
/* =================== */

#visual-controls {
	height:40px;
	background:url(../img/visual-controls-sprite.png) repeat-x 0 0;
	margin-top: -40px;
	z-index:10;
	text-align:center;
	position:relative;
}

#visual-controls a {
	height:30px;
	line-height:30px;
	color:#F8EDD9;
	text-decoration:none;
}

.visual-controller {
	font-size:13px;
	padding:0px 10px;
	border:1px solid #7C766C;
	background: url(../img/icon-sprite.png) no-repeat 0 0;
}

#visual-prev-wrap {
	float:left;
	width: 150px;
}

#visual-prev {
	float:left;
	margin: 4px 0 0 5px;
	padding-left:40px;
	background-position: 0 0;
}

a#visual-prev:hover {background-position: 0 -100px; background-color:#F8EDD9; color:#A3003C; border-color:#F8EDD9;}

visual-next-wrap {
	float:right;
	width: 150px;
}

#visual-next {
	float:right;
	margin: 4px 5px 0 0;
	padding-right:40px;
	background-position: 100% -50px;
}

a#visual-next:hover {background-position: 100% -150px; background-color:#F8EDD9; color:#A3003C;border-color:#F8EDD9;}

#visual-controls ul {
	width:400px;
	text-align:center;
	float:left;
	list-style:none;
	padding:5px 0 0; margin:0;
}

#visual-controls li {
	display:inline;
	text-align:center;
	line-height:30px;
	margin:0 3px 0 0;
}

#visual-controls li a {
	display:inline-block;
	text-align:center;
	width: 30px;
	font-weight:bold;
	background:url(../img/visual-controls-sprite.png) repeat-x 0 -40px;
}

#visual-controls li a:hover,
#visual-controls li.selected a {
	background-position: 0 -70px;
	color:#A3003C;
}

/* =============== */
/* = Page Visual = */
/* =============== */

#page-visual {
	padding:5px 5px 0;
	background-color:#F8EDD9;
}

#page-visual img {
	display:block;
}

/* ======== */
/* = Menu = */
/* ======== */

ul#menu {
	list-style:none;
	width:235px;
	padding:5px 0 0 5px;
	margin: 0 0 10px;
	background-color:#F8EDD9;
}

#menu li {
	line-height:30px;
	padding-bottom:5px;
}

#menu li a {
	display:block;
	height:30px;
	padding:0 10px;
	border:0;
	text-decoration:none;
	font-size:13px;
	background:#D1C4B2 url(../img/icon-sprite.png) no-repeat 100% -50px;
	color:#33241F;
}

#menu li a:hover,
#menu li.selected a {
	color:#F8EDD9;
	background-color:#A3003C;
}

/* ======================= */
/* = Page / News Content = */
/* ======================= */

#page-content {
	background-color:#F8EDD9;
	margin-bottom:10px;
}

#page-body {
	margin-left:20px;
	padding: 20px 0 0px;
	width:440px;
}

#page-body h2 {
	line-height:160%;
	margin:0;
	font-size:13px;
}

#page-content p {
	font-size:13px;
}

#page-content .intro {
	font-size:15px;
}

#mediabar {
	float:right;
	padding:5px;
}

*html #mediabar,
*html #page-body {
	display:inline;
}

#mediabar .photo {
	display:block;
	padding:5px;
	margin: 0;
	width:225px;
	height:150px;
	background-color:#D1C4B2;
}

#mediabar .photo img {
	display:block; 
}

#mediabar .photo .zoom {
	display:block;
	float:right;
	position:relative;
	z-index:2;
	margin: -35px 5px 0 0;
	width: 30px;
	height:30px;
	background: url(../img/icon-sprite.png) no-repeat 0 -400px;
	text-indent:-999px;
	overflow:hidden;
}

#mediabar a.photo:hover .zoom {
	background-position: 0 -430px;
}

#mediabar .block {
	margin-bottom:5px;
}

#news {
	padding: 10px 20px;
}

#news h2 a {
	text-decoration:none;
}

.related h3 {
	border-bottom: 1px solid #D1C4B2;
	padding-bottom:5px;
	margin-bottom:0;
}

.related ul {
	padding:0;
	margin: 0 0 10px;
	list-style:none;
}

.related li {
	height:30px;
	line-height:30px;
	border-bottom: 1px solid #D1C4B2;
}

.related ul li a {
	display:block;
	font-size: 13px;
	text-decoration:none;
	padding:0 40px;
	background:url(../img/icon-sprite.png) no-repeat 0 -530px;
}

.related ul li a:hover {
	background-color:#E8DDC9;
	background-position: 0 -150px;
}

.related a .date {
	color:#D1C4B2;
	margin-right:20px;
}

.related a .title {
	color:#33241F;
}

.related a:hover .date {color:#A3003C;}

/* ===================== */
/* = Keukens Overzicht = */
/* ===================== */

#keukens-overzicht {
	background-color:#F8EDD9;
	width:710px;
	overflow:hidden;
	margin-bottom:10px;
	padding-bottom:5px;
}

#keukens-overzicht img {display:block; margin-bottom:5px;}

#keukens-overzicht .column {
	width: 345px;
	margin: 5px 5px 0;
}

*html #keukens-overzicht .column {
	display:inline;
}

#keukens-overzicht .top {
	width: 235px;
	height:40px;
	display:block;
	position:relative;
	z-index:2;
	margin-top: -40px;
	background-color:#D1C4B2;
}

#keukens-overzicht h2 {
	display:block;
	width: 185px;
	float:left;
	margin:0 0 0 10px;
	padding:0;
	line-height:40px;
	font-size:18px;
	font-weight:700;
	color:#33241F;
}

*html #keukens-overzicht h2 {display:inline;}

.cufon-active #keukens-overzicht h2 { 
	line-height: 38px;
}

#keukens-overzicht .number {
	display:block;
	float:right;
	height:30px;
	width:30px;
	margin:4px 4px 0 0;
	line-height:30px;
	text-align: center;
	font-size:16px;
	font-weight:bold;
	border:1px solid #E1D4C2;
	color:#F8EBD8;
}

/**:first-child+html #keukens-overzicht .number{
	margin-top: -36px;
}*/

#keukens-overzicht .body {
	background-color:#D1C4B2;
	padding:10px;
}

#keukens-overzicht h3 {
	margin: 0;
	padding:0;
	line-height:160%;
	font-size:13px;
	font-weight:bold;
}

#keukens-overzicht p {
	font-size:13px;
	margin: 0 0 10px;
}

#keukens-overzicht .details-link {
	display:block;
	height: 40px;
	padding:0 10px;
	line-height:40px;
	text-decoration:none;
	font-size:14px;
	font-weight:700;
	background:#544E47 url(../img/icon-sprite.png) no-repeat 310px -45px;
	color:#F8EBD8;
}

#keukens-overzicht a.details-link:hover {
	background-color:#A3003C;
}

.cufon-active #keukens-overzicht .details-link { 
	line-height:36px;
}

/* ============== */
/* = Home Links = */
/* ============== */

.home-links .block {
	width:220px;
	min-height: 190px;
	padding:5px;
	background:#F8EDD9;
}

.home-links h3 {
	height:40px;
	margin-top:-40px;
	padding: 0 10px;
	line-height:40px;
	z-index:2;
	position:relative;
	font-weight:700;
	background: url(../img/home-link-sprite.png) no-repeat 0 0;
	color:#F8EDD9;
	overflow: hidden;
}

.cufon-active .home-links h3 {
	line-height:38px;	
}

.home-links a:hover h3 {
	cursor:pointer;
	background-position: 0 -40px;
}

.home-links p {
	padding: 0 10px;
	margin:0 0 5px;
}

.home-links a:hover p {
	color:#000;
}

/* =========== */
/* = Infobar = */
/* =========== */

#infobar .info-shortcut {
	display:block;
	padding: 0 10px;
	margin-bottom: 10px;
	height:40px;
	line-height: 40px;
	text-decoration:none;
	text-transform:lowercase;
	font-size:18px;
	font-weight:700;
	background: url(../img/infobar-sprite.png) no-repeat 0 0;
	color:#F8EDD9;
}

#infobar .info-box h3 {
	padding: 0 10px;
	margin:0;
	height:40px;
	line-height: 40px;
	text-decoration:none;
	text-transform:lowercase;
	font-weight:700;
	font-size:18px;
	background: url(../img/infobar-sprite.png) no-repeat -460px 0;
	color:#F8EDD9;
}

.cufon-active #infobar .info-shortcut,
.cufon-active #infobar h3 { 
	line-height:38px;
}

#infobar .info-box p {
	margin:0 0 10px;
	padding: 10px;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	background: url(../img/infobar-sprite.png) repeat-y -690px 0;
	color:#F8EDD9;
}

*html #infobar .info-shortcut { background: url(../img/infobar-sprite-IE6.png) no-repeat 0 0; }
*html #infobar .info-box h3 {background: url(../img/infobar-sprite-IE6.png) no-repeat -460px 0;}
*html #infobar .info-box p { background:transparent;}
#infobar a.info-shortcut:hover { background-position: -230px 0;}

#infobar .schoonmaaktips {
	padding-top:10px;
	background: url(../img/schoonmaaktips-button-sprite.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

#infobar a.schoonmaaktips:hover {
	background-position: 0 -50px;
}

/* ================ */
/* = Kitchen Info = */
/* ================ */

#kitchen-info {
	clear:both;
	padding: 0 5px 5px;
	background-color:#F8EDD9;
	margin-bottom:10px;
}

#kitchen-info-tabs {
	list-style:none;
	margin:0;
	padding:0;
	height:41px;
}

#kitchen-info-tabs li {
	float:left;
	height:40px;
	line-height:100%; /*fixes 1px difference in Safari */
	margin-right:1px;
}

#kitchen-info-tabs li a {
	display:block;
	padding: 15px 15px 14px;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#33241F;
	background-color:#E8DDC9;
}

#kitchen-info-tabs li a:hover {
	background-color:#D1C4B2;
}

#kitchen-info-tabs li.selected a {
	padding: 15px 15px 15px;
	background-color:#D1C4B2;
}

#kitchen-info .body {
	clear:both;
	padding: 10px;
	font-size:12px;
	line-height:160%;
	background-color:#D1C4B2;
}

#kitchen-info .body h2 {
	font-size:0; margin:0; padding:0; line-height:0; text-indent:-999px;overflow:hidden;
}

#kitchen-info .body h3 {
	font-size:12px;
	margin:0;padding:0;
	font-weight:bold;
	color:#33241F;
}

#kitchen-info .body p {
	margin-bottom:10px;
}

#kitchen-info #downloads {
	padding-top:2px;
}

#kitchen-info #downloads ul {
	list-style:none;
	padding:0;
	margin:0;
	width: 335px;
}

#kitchen-info #downloads li {
	height:30px;
	line-height:30px;
	border-bottom: 1px solid #E8DDC9;
}

#kitchen-info #downloads ul a {
	display:block;
	text-decoration:none;
	color:#33241F;
	padding-left:30px;
	background: url(../img/icon-sprite.png) no-repeat 0 -193px;
}

#kitchen-info #downloads a.doc {background-position: 0 -243px;}
#kitchen-info #downloads a.pps {background-position: 0 -293px;}
#kitchen-info #downloads a.xls {background-position: 0 -343px;}

#kitchen-info #downloads ul a .arrow {
	float:right;
	padding-right:30px;
	color:#E8DDC9;
	background: url(../img/icon-sprite.png) no-repeat 100% -50px;
}

*:first-child+html #kitchen-info #downloads ul a .arrow {
	margin-top: -30px;
}

#kitchen-info #downloads ul a:hover .arrow {background-position: 100% -150px; color:#A3003C;}
#kitchen-info #downloads ul a:hover {color:#000; }

/**
 * FOOTER ELEMENTS
 * ----------------------------------------
 */

#footer p {
	float: left;
	margin: 0;
	line-height: 40px;
}

/* Brand ticker */

#brand-ticker-wrapper {
	height:60px;
	width:700px;
	padding:0 5px;
	margin-bottom:35px;
	background: url(../img/brand-ticker-bg.png);
	float:left;
}

*html #brand-ticker-wrapper {background-color:#D1C4B2;} /*IE6 does not serve us nice transparent bg's */

#brand-ticker-window {
	margin-top:5px;
	width:670px;
	height:50px;
	float: left;
	background:url(../img/brand-ticker-sprite.png) repeat-x 0 -50px;
}

#brand-ticker {
	position: relative; /* Important for offset calculation */
	margin-top:5px;
	width: 670px;
	height: 40px;
	overflow: hidden;
}

#brand-ticker-content {
	margin: 0;
	padding: 0;
	width: 2400px;
	list-style: none;
	overflow: hidden;
}

#brand-ticker-content li {
	float: left;
	margin-right: 5px;
}

#brand-ticker-content li a {
	display: block;
	width: 100px;
	height: 40px;
	background-color: white;
}

#brand-ticker-content li a img {
	display: block;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}

#brand-ticker-content li a .ticker-overlay {
	display:block;
	width:100px;
	height:40px;
	margin-top:-40px;
	position:relative;
	z-index:2;
	background:url(../img/ticker-overlay.png) repeat-x;
	cursor:pointer;
}

#brand-ticker-content li a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

*html #brand-ticker-content li .ticker-overlay { display:none; } /* never serve IE6 transparent overlay's */

.ticker-control {
	display: block;
	float: left;
	margin: 5px 0 0;
	width: 15px;
	height: 50px;
	background: url(../img/brand-ticker-sprite.png) no-repeat 0 0;
	text-indent: -9999px;
}

#ticker-rewind {
	background-position: 0 0px;
}

#ticker-rewind:hover {
	background-position: 0 -150px;
}

#ticker-forward {
	background-position: 0 -100px;
}

#ticker-forward:hover {
	background-position: 0 -200px;
}


/* Service navigation */

#service-navigation {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#service-navigation li {
	display: inline;
	line-height: 40px;
}

#service-navigation li a {
	text-decoration: none;
	color: #888;
}

#service-navigation li a:hover {
	color: #555;
}

.chidden{
	display: none;	
}

/* Related Articles */
#relatedarticles {
	clear:both;
	padding: 0px;
	padding-bottom: 0px;
	background-color:#F8EDD9;
	float:left;
	margin-bottom:10px;
	width: 710px;
}

#relatedarticles .items {
	width: 230px;
	float:left;
	margin-right: 5px;
	margin-bottom: 5px;
	display: block;
}

#relatedarticles .last {
	margin-right: 0px;
}

#relatedarticles .item h3 {
	font-size:12px;
	margin:0;padding:0;
	font-weight:bold;
	color:#33241F;
}


#relatedarticles .item.last {
	margin-right:0;
}

#relatedarticles .item h3 {
	height:40px;
	padding: 0 10px;
	margin: -40px 0 0;
	position:relative;
	z-index:5;
	line-height:40px;
	font-size:16px;
	background:#33241F url(../img/category-sprite.png) no-repeat 0 0;
	color:#F8EBD8;
	width: 210px;
}

a#back-button {
	height:30px;
	background: url(../img/backbutton.jpg) no-repeat 0 0;
}

a#back-button:hover {
	background: url(../img/backbutton.jpg) no-repeat 0 0;
}


a#print {
	background: url(../img/printpagina.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin-top: 5px;
	margin-right: 5px;
	float:right;
	width: 61px;
	height: 30px;
}

a#print:hover {
	background-position: 0px -40px;
}

#kitchen-info-tabs {
	float:left;
	width: 600px;
}

#relatedarticles div.top {
	display:block;
	width:710px;
	height:46px;
	background-color:#E8DDC9;
	margin:0 0 0 0px;
	border-bottom: 1px solid #D1C4B2;
}

#relatedarticles h1 {
	width:410px;
	float:left;
	line-height:44px;
	font-size:18px;
	color:#33241F;
	margin:0 0 0 10px;
	padding: 0;
}

#relatedarticles a {
	text-decoration:  none;
}

div.itemcontainer {
	float:left;
	padding-top: 5px;
	padding-left:5px;
}

#important{
	display: none;
}


/* Basic player style */

.player object {
	vertical-align: middle;
}

.player-canvas {
	background-color: #000;
}

.full-screen .player-canvas {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

.full-screen .player-controls {
	position: fixed;
	z-index: 1001;
}

.player-play,
.player-stop,
.player-mute,
.player-full-screen,
.player-buffered,
.player-elapsed {
	cursor: pointer;
}

.player-progress {
	position: relative;
}

.player-buffered,
.player-elapsed {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}


/* Player skin */

.youtube {
	display: block;
	margin: 0 0 10px;
}

.player {
	margin: 0;
}

.player-controls {
	position: relative;
	padding: 13px 30px 13px 55px;
	height: 4px;
	background-color: #5F5C57;
}

.full-screen .player-controls {
	margin: 0 0 0 -235px;
	bottom: 50px;
	left: 50%;
	width: 330px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.player-play,
.player-stop,
.player-mute,
.player-full-screen {
	position: absolute;
	top: 5px;
	width: 20px;
	height: 20px;
	background: url(../img/player-sprite.png) no-repeat;
}

.player-play {
	left: 5px;
	background-position: 0 0;
}

.player-play:hover {
	background-position: 0 -20px;
}

.playing .player-play {
	background-position: -20px 0;
}

.playing .player-play:hover {
	background-position: -20px -20px;
}

.player-stop {
	display: none;
}

.player-mute {
	left: 30px;
	background-position: -40px 0;
}

.player-mute:hover {
	background-position: -40px -20px;
}

.muted .player-mute {
	background-position: -40px -40px;
}

.player-full-screen {
	right: 5px;
	background-position: -60px 0;
}

.player-full-screen:hover {
	background-position: -60px -20px;
}

.full-screen .player-full-screen {
	background-position: -60px -40px;
}

.full-screen .player-full-screen:hover {
	background-position: -60px -60px;
}

.player-progress {
	height: 4px;
	background-color: #999AA1;
}

.player-buffered {
	background-color: #AAABB1;
}

.player-elapsed {
	background-color: #FFF;
}


/* Social media */

.social-media {
	display: inline-block;
	width: 32px;
	height: 31px;
	margin: 0 5px 0 0;
	background: url(../img/social-media-sprite.png) no-repeat;
	text-indent: -9999px;
}

.social-media.social-media-facebook:hover {
	background-position: 0 -31px;
}

.social-media.social-media-twitter {
	background-position: -32px 0;
}

.social-media.social-media-twitter:hover {
	background-position: -32px -31px;
}

