/**
 * MAIN
 */

html{
	background-color:#f2f1f1;
}

html, body{
	margin:0;
}

html, body, input, select, textarea{
	font-family:"Century Gothic", "Apple Gothic", sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#404040;
}

a img {
	border: 0;
}

a{
	color:#be040b;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}

/**
 * OUTER CONTAINERS
 */

div#container{
	position:relative;
	width:100%;
}

div#container_top{
	position:relative;
	background-image: url('graphics/background_top.gif');
	background-repeat: repeat-x;
	height:59px;
	width:100%;
	z-index:3;
}

div#container_ambiance{
	position:relative;
	background-color:#ffffff;
	background-image: url('graphics/tabletgalery2.png');
	background-repeat: no-repeat;
	background-position:bottom center;
	width:100%;
	height:250px;
	z-index:1;
}

div#container_main{
	background-color:#ececec;
	background-image: url('graphics/background_main.gif');
	background-repeat: repeat-x;
	z-index:2;
}

div#container_footer{
	position:relative;
	background-color:#f2f1f1;
	background-image: url('graphics/background_footer.gif');
	background-repeat: repeat-x;
	background-position:top center;
	width:100%;
	min-height:244px;
	z-index:1;
}

/**
 * INNER CONTAINERS
 */

div#container_top_inner{
	position: relative;
	min-width:1000px;
	height:59px;
	/*overflow-x: hidden;
	overflow-y: hidden;*/
}

div#logo{
	position: absolute;
	top: 10px;
	right: 10px;
	width:277px;
	height:57px;
	padding:0px 0px 0px 0px;
}

div#menu{
	width:auto;
	height:50px;
	float:left;
}

div#search{
	width:222px;
	height:35px;
	padding:11px 0px 0px 20px;
	float:left;
}

div#langselection{
	position:absolute;
	right:10px;
	top:10px;
}

div#langselection a{
	margin-right:10px;
	opacity:0.35;
	filter:alpha(opacity=35);
}

div#langselection a.langSelected{
	cursor:default;
	opacity:1;
	filter:alpha(opacity=100);
}

div#ambiance_shadow_top{
	width:100%;
	font-size:1px;
	line-height:1px;
	height:6px;
	margin:0;
	padding:0;
	background-image: url('graphics/background_ambiance_shadow_top.png');
	background-repeat: repeat-x;
}

div#container_ambiance_inner{
	width:968px;
	height:171px;
	margin: 0 auto;
	z-index:1;
}

div#ambiance_left{
	position:relative;
	float:left;
	width:473px;
	height:177px;
	padding-left:11px;
	margin-bottom:-6px;
	vertical-align:bottom;
}

div#ambiance_left p{
	margin: 0;
}

/*div#ambiance_left_text{
	position:absolute;
	top:146px;
	left:56px;
	width:24px;
	height:119px;
	z-index:1001;
}

div#ambiance_left_link{
	position:absolute;
	bottom:0px;
	width:473px;
	height:24px;
	text-align:center;
	line-height:24px;
	z-index:1001;
	color:#08637b;
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	cursor:pointer;
}*/

div#ambiance_right{
	float:left;
	width:459px;
	height:147px;
	padding-left:20px;
	padding-right:5px;
	padding-top:30px;
	margin-bottom:-6px;
	line-height:240%;
}

div#ambiance_right p{
	margin:0;
}

div#ambiance_shadow_bottom{
	position:absolute;
	width:100%;
	font-size:1px;
	line-height:1px;
	height:6px;
	margin:0;
	padding:0;
	/*background-image: url('graphics/background_ambiance_shadow_bottom.png');
	background-repeat: repeat-x;*/
	z-index:2;
}

div#container_main_inner{
	width:968px;
	min-height:582px;
	margin: 0 auto;
	padding-bottom:18px;
}

div.container_line_top, div.container_line_bottom{
	font-size:1px;
	line-height:1px;
	height:1px;
	padding:0;
	background-color:#bbbbbb;
}

div.container_line_top{
	margin:1px 0px 0px 0px;
}

div.container_line_bottom{
	margin:0px 0px 1px 0px;
}

div#footer_shadow_top{
	width:100%;
	font-size:1px;
	line-height:1px;
	height:6px;
	margin:0;
	padding:0;
	background-image: url('graphics/background_footer_shadow_top.png');
	background-repeat: repeat-x;
}

div#container_footer_inner{
	width:957px;
	min-height:238px;
	margin: 0 auto;
	padding-left:11px;
	color:#878787;
}

/**
 * SPECIAL
 */

div.container_box_special{
	position:relative;
	width:321px;
	height:auto;
}

div.box_special_top{
	width:321px;
	height:31px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}

div.box_special_middle{
	font-size:15px;
	line-height:20px;
	width:299px;
	min-height:100px;
	padding: 1px 21px 1px 21px;
	background-image: url('graphics/box_special_middle.png');
	background-repeat: repeat-y;
}

div.box_special_middle_inner{
	/* ie7 fix */
	position:relative;
	margin-top:0px;
}

div.box_special_middle_inner ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.box_special_middle_inner ul li{
	float:left;
	width:134px;
	height:auto;
	margin-top:10px;
	text-align:center;
}

div.box_special_middle_inner ul li a{
	color:#404040;
	font-weight:normal;
	font-size:13px;
}

div.box_special_middle p{
	margin:0;
}

div.box_special_middle h2{
	position:relative;
	margin-top:-42px;
}

div.box_special_middle h6{
	margin-bottom:10px;
}

div.box_special_bottom{
	width:321px;
	height:27px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}

/**
 * MEDIUM BOX
 */

div.container_box_medium{
	position:relative;
	margin-top:13px;
	width:318px;
	height:auto;
	float:left;
	padding-top:14px;
}

div.box_medium_top{
	width:318px;
	height:31px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}

div.box_medium_middle{
	font-size:15px;
	line-height:20px;
	width:276px;
	min-height:275px;
	padding: 1px 21px 1px 21px;
	background-image: url('graphics/box_medium_middle.png');
	background-repeat: repeat-y;
}

div.box_medium_middle_inner{
	/* ie7 fix */
	position:relative;
	margin-top:0px;
}

div.box_medium_middle p{
	margin:0;
}

div.box_medium_middle h3{
	position:relative;
	margin-top:-47px;
}

div.box_medium_middle h6{
	margin-bottom:10px;
}

div.box_medium_bottom{
	width:318px;
	height:27px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}

/**
 * BIG BOX
 */

div.container_box_big{
	position:relative;
	margin-top:13px;
	width:632px;
	height:auto;
	float:left;
	padding-top:18px;
}

div.box_big_top{
	width:632px;
	height:31px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}

div.box_big_middle{
	font-size:15px;
	line-height:20px;
	width:590px;
	padding:1px 21px 1px 21px;
	min-height:195px;
	background-image: url('graphics/box_big_middle.png');
	background-repeat: repeat-y;
}

div.box_big_middle_inner{
	/* ie7 fix */
	position:relative;
	margin-top:0px;
}

div.box_big_middle p{
	margin:0;
}

div.box_big_middle h1{
	position:relative;
	margin-top:-50px;
}

div.box_big_middle h2{
	margin-bottom:10px;
}

div.box_big_bottom{
	width:632px;
	height:27px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}

div.container_box_big_right{
	float:left;
	width:321px;
	padding-left:15px;
	margin-top:31px;
}

/**
 * WIDE BOX
 */

div.container_box_wide{
	position:relative;
	margin-top:13px;
	width:968px;
	height:auto;
	float:left;
	padding-top:18px;
}

div.box_wide_top{
	width:968px;
	height:31px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}

div.box_wide_middle{
	font-size:15px;
	line-height:20px;
	width:926px;
	padding:1px 21px 1px 21px;
	min-height:195px;
	background-image: url('graphics/box_wide_middle.png');
	background-repeat: repeat-y;
}

div.box_wide_middle_inner{
	/* ie7 fix */
	position:relative;
	margin-top:0px;
}

div.box_wide_middle p{
	margin:0;
}

div.box_wide_middle h3{
	position:relative;
	margin-top:-50px;
}

div.box_wide_middle h4{
	margin-bottom:10px;
}

div.box_wide_bottom{
	width:968px;
	height:27px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}

/**
 * NEWS BOX
 */

div.news_box_wide{
	padding: 0px 20px 10px 20px;
}

div.news_box_wide h1{
	text-align:center;
}

div.news_box{
	width:284px;
	min-height:180px;
	float:left;
	padding:0px 31px 0px 10px;
	font-size:14px;
	line-height:20px;
}

div.news_box p{
	margin:0;
}

div.news_box h6{
	margin-bottom:10px;
}

div.news_box1{
	margin-left:11px;
	border-right:1px dotted #000000
}

div.news_box2{
}

div.news_box3{
	width:284px;
	padding-right:0px;
	border-left:1px dotted #000000
}

/**
 * FOOTER BOX
 */

div.footer_box{
	font-size:13px;
	line-height:20px;
	color:#878787;
	width:214px;
	padding-right:32px;
	float:left;
}

div#breadcrumbs{
	padding: 10px 10px;
	color:#be040b;
	font-size:14px;
	line-height:normal;
}

div#breadcrumbs a{
	color:#be040b;
	font-size:14px;
	line-height:normal;
}

/*div#column_left{
	float:left;
	width:486px;
}

div#column_right{
	float:left;
	width:443px;
	padding-top:10px;
	padding-left:10px;
}

div.content{
	float:left;
}*/

/**
 * CONTENT
 */

div.catSearch a{
	font-size:12px;
}

span.hitlist_date{
	font-size:12px;
}

div.left_hitlist {
	float:left;
	width:486px;
}

div.right_hitlist {
	width:443px;
	padding-top:10px;
	padding-left:10px;
	float: right;
}

div.hitlist_even {
	background-color: #ffffff;
	padding: 5px;
}

div.hitlist_odd {
	background-color: #fff8d6;
	padding: 5px;
}

div.hitlist_odd h2, div.hitlist_even h2{
	margin:0;
}

div.hitlist_odd br, div.hitlist_even br{
	display:none;
}

div.reactionBlock{
	margin-top: 20px;
	background-color:#feea90;
}

div.reactionBlock h3{
	margin-left:4px;
}

p.reaction_message {
	margin-bottom: 0;
}

div.reaction_even {
	background-color: #fff8d6;
	padding: 5px;
}

div.reaction_odd {
	background-color: #ffffff;
	padding: 5px;
}

input.reaction_default, textarea.reaction_default{
	color: #CCCCCD;
}

div.pagenav {
	position:relative;
	margin-top: 10px;
}

a.pagenav-prev{
	margin-right:5px;
}

a.pagenav-next{
	margin-left:5px;
}

a.pagenav-selected{
	color:#404040;
	font-weight:normal;
}

span.pagenav-found {
	position:absolute;
	right:0;
}

/**
 * HEADER
 */

div#headerContent{
	top:59px;
	left:50%;
	margin-left:-473px;
	position:absolute;
	height:150px;
	width:952px;
	z-index:2;
}

div#headerContentLeft{
	float:left;
	height:140px;
	padding-top:10px;
}

div#headerContentCenter{
	float:left;
	padding-left:10px;
	height:150px;
	width:760px;
	overflow:hidden;
}

div#headerContentRight{
	float:right;
	height:150px;
}

/**
 * TEKST
 */

/* title detail pagina en title home nieuws van... */
h1{
	margin:0;
	font-size:26px;
	line-height:normal;
	font-weight:bold;
	color:#be040b;
}

/* subtitle detail pagina */
h2{
	margin:0;
	font-size:20px;
	line-height:normal;
	font-weight:normal;
	font-style:italic;
	color:#404040;
}

/* title medium box */
h3{
	margin:0;
	font-size:20px;
	line-height:normal;
	font-weight:bold;
	color:#be040b;
}

/* ? */
h4{
	margin:0;
	font-size:18px;
	line-height:normal;
	font-weight:normal;
	font-style:italic;
	color:#404040;
}

/* title news box */
h5{
	margin:0;
	font-size:16px;
	line-height:normal;
	font-weight:bold;
	color:#404040;
}

/* subtitle news box */
h6{
	margin:0;
	font-size:14px;
	line-height:normal;
	font-weight:normal;
	font-style:italic;
	color:#be040b;
}

.small{
	font-size:11px;
}

.small2{
	font-size:12px;
}

.medium{
	font-size:13px;
}

.big1{
	font-size:14px;
}

.big2{
	font-size:20px;
}

.big3{
	font-size:26px;
}

.green{ /* = red (class afkomstig van ym_site) */
	color:#be040b;
}

.red{
	color:#be040b;
}

.grey{
	color:#404040;
}

.white{
	color:#ffffff;
}

.strong{
	font-weight:bold;
}

/**
 * FORM ITEMS
 */

form{
	margin:0;
}

input.error, textarea.error, select.error{
	border:1px solid #be040b;
}

label.error{
	color:#be040b;
}

.search_style{
	overflow: hidden;
	border:1px solid #404040;
}
.search_style, .search_style_margin{
	margin:3px 0;
	display:inline-block;
	zoom:1;
	*display:inline;
	padding:0;
}
.search_style_td{
	margin:0;
	padding:3px 0;
	display:table-cell;
	vertical-align:top;
}
.search_style input,
.search_style select,
.search_style textarea{
	padding:2px;
	display:block;
	width:100%;
	background:transparent;
	border:none;
	margin:0;
}

.inputfield{
	border:1px solid #404040;
}

.inputdiversen{
	width:300px;
}

.inputdiversen2{
	width:140px;
}

.inputdiversen3{
	width:440px;
}

.inputdiversen4{
	width:100%;
}

.inputdiversen5{
	width:50px;
}

.toggleInput{
	color:#a7b6ba; /* start */
}

.hasFocus{
	color:#404040; /* focus */
}

.isChanged{
	color:#404040;  /* changed */
}

div.inputSearch{
	float:left;
	width:167px;
	height:28px;
	margin-top:3px;
}

div.inputSearch_left{
	width:4px;
	height:28px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
	background-image: url('graphics/inputSearch_left.png');
	background-repeat: no-repeat;
	float:left;
}

div.inputSearch_middle{
	height:28px;
	width:151px;
	background-image: url('graphics/inputSearch_middle.png');
	background-repeat: repeat-x;
	float:left;
}

div.inputSearch_middle input{
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	height:28px;
	width:151px;
	border:none;
	background-color: transparent;
	outline:none;
}

div.inputSearch_right{
	width:6px;
	height:28px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
	background-image: url('graphics/inputSearch_right.png');
	background-repeat: no-repeat;
	float:left;
}

div.button{
	width:auto;
	height:36px;
}

div.button_left{
	width:9px;
	height:36px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
	background-image: url('graphics/button_left.png');
	background-repeat: no-repeat;
	float:left;
}

div.button_middle{
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	color:#584343;
	height:29px;
	width:auto;
	background-image: url('graphics/button_middle.png');
	background-repeat: repeat-x;
	float:left;
	padding:7px 2px 0px 2px;
}

div.button_middle a{
	color:#584343;
}

div.button_right{
	width:8px;
	height:36px;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
	background-image: url('graphics/button_right.png');
	background-repeat: no-repeat;
	float:left;
}

/**
 * OTHERS
 */

.clear{
	clear:both;
}

.pointer{
	cursor:pointer;
}

a.contentRss{
	font-size:8px !important;
}

/*
###################################################################################################
#
#	CLEAR
#
###################################################################################################
*/

	.cl:after {
		content:'.';
		clear:both;
		height:0;
		visibility:hidden;
		display:block;
	}
	.cl {
		zoom: 1;
	}

	a, span.a, div.a {
		display: inline-block;
	}

/*
###################################################################################################
#
#	PADDINGS
#
###################################################################################################
*/
	.p {
		padding:0 20px 20px;
	}
	.ph {
		padding:0px 20px;
	}
	.ph5 {
		padding:0px 5%;
	}
	.pl5 {
		padding-left:5%;
	}
	.ps {
		padding:0 5px 5px;
	}

/*
###################################################################################################
#
#	ICONS
#
###################################################################################################
*/

	.icon {
		display:inline-block;
		padding-left:24px;
		background-position:left center;
		background-repeat:no-repeat;
	}
		.icon.cart {
			background-image:url(graphics/icons/cart.png)
		}
		.icon.cart_go {
			background-image:url(graphics/icons/cart_go.png)
		}
		.icon.lock_open {
			background-image:url(graphics/icons/lock_open.png)
		}
		.icon.lock_delete {
			background-image:url(graphics/icons/lock_delete.png)
		}
		.icon.lock_go {
			background-image:url(graphics/icons/lock_go.png)
		}
		.icon.lock {
			background-image:url(graphics/icons/lock.png)
		}
		.icon.magnifier {
			background-image:url(graphics/icons/magnifier.png)
		}
		.icon.cart_put {
			background-image:url(graphics/icons/cart_put.png)
		}
		.icon.cart_delete{
			background-image:url(graphics/icons/cart_delete.png)
		}
		.icon.printer {
			background-image:url(graphics/icons/printer.png)
		}
		.icon.email_go {
			background-image:url(graphics/icons/email_go.png)
		}
		.icon.user {
			background-image:url(graphics/icons/user.png)
		}
		.icon.user_edit {
			background-image:url(graphics/icons/user_edit.png)
		}
		.icon.add {
			background-image:url(graphics/icons/add.png)
		}
		.icon.help {
			background-image:url(graphics/icons/help.png)
		}
		.icon.refresh {
			background-image:url(graphics/icons/arrow_refresh.png)
		}

/*
###################################################################################################
#
#	BUTTONS
#
###################################################################################################
*/

	.btn, .btn-icon {
		background:#EAEAEA url(graphics/bg-btn.png) top repeat-x;
		color:#4D4D4D;
		border:1px solid #CCCCCC;
		height:22px;
		line-height:22px;
		width:auto !important;
		width:100px;
		min-width:100px;
		text-align:center;
		font-weight:bold;
		text-decoration:none;
		padding:0 5px;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
		border-radius:5px;
		position:relative;
	}

	.btn.orange {
		background:#FF8024 url(graphics/bg-btn.png) top repeat-x;
		border:1px solid #BD4F00;
		color:white;
	}

	.btn.brown {
		background:#D9D7C5 url(graphics/bg-btn.png) top repeat-x;
		border:1px solid #B0A790;
	}

	.btn:hover, .btn-icon:hover {
		background:#E2E2E2 url(graphics/bg-btn.png) top repeat-x;
	}
	.btn.orange:hover {
		background:#D15700 url(graphics/bg-btn.png) top repeat-x;
	}
	.btn.brown:hover {
		background:#beb49c url(graphics/bg-btn.png) top repeat-x;
	}

	.btn .icon, .btn-icon .icon{
		display:block;
		text-align:center;
		padding:0 24px;
		cursor:pointer;
	}

	.btn-small {
		font-size:.9em;
		background:#EAEAEA url(graphics/bg-btn.png) top repeat-x;
		color:#4D4D4D;
		border:1px solid #CCCCCC;
		height:18px;
		line-height:18px;
		font-weight:bold;
		text-decoration:none;
		padding:0 2px;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
		border-radius:5px;
		position:relative;
	}
	.btn-small.orange {
		background:#FF8024 url(graphics/bg-btn.png) top repeat-x;
		border:1px solid #BD4F00;
		color:white;
	}

	.btn-small:hover {
		background:#E2E2E2 url(graphics/bg-btn.png) top repeat-x;
	}
	.btn-small.orange:hover {
		background:#D15700 url(graphics/bg-btn.png) top repeat-x;
	}

	.btn.disabled, .btn-small.disabled{
		filter:alpha(opacity=50);
		opacity:.50;
	}

	.btn-icon{
		width: 16px;
		min-width:16px;
	}

	.btn-icon .icon{
		padding:0;
		margin:0;
	}

/*
###################################################################################################
#
#	COLUMNS
#
###################################################################################################
*/

	.left {
		float:left;
	}
	.right {
		float:right;
	}
	.clear{
		clear:both;
	}

	.image-align-right{
		float:right;
		margin: 0 0 15px 15px;
	}
	.image-align-left{
		float:left;
		margin: 0 15px 15px 0;
	}
	.image-align-center{
		text-align:center;
		display:block;
		margin: 0 auto;
		margin-bottom:15px;
	}
	.image-align-left:after, .image-align-left:after{
		content:'.';
		clear:both;
		height:0;
		visibility:hidden;
		display:block;
	}

	.p20, .p24, .p25, .p30, .p33, .p35, .p40, .p45, .p50, .p100 {
		position:relative;
		float:left;
	}

	.p20 {
		width:20%;
	}
	.p25 {
		width:25%;
	}
	.p30 {
		width:30%;
	}
	.p33 {
		width:33%;
	}
	.p35 {
		width:35%;
	}
	.p40 {
		width:40%;
	}
	.p45 {
		width:45%;
	}
	.p50 {
		width:50%;
	}
	.p100 {
		width:100%;
	}

	.ui-tooltip{
		width:250px;
	}

/*
###################################################################################################
#
#	SOCIAL SHARES
#
###################################################################################################
*/

.container_shares{
	color:#4D4D4D;
	border:1px solid #E6E6E6;
	background:#F7F7F7 url(graphics/bg-product-selector.png) repeat-x top;
	padding:4px 0 0 4px;
}

ul.shareToolbar{
	height:auto;
	margin:0 !important;
	padding:0;
	list-style-type:none;
	float:left;
}

	ul.shareToolbar li{
		display:inline-block;
		zoom:1;
		*display:inline;
		margin: 0;
	}

	ul.shareToolbar.button li{
		display:block;
		height:25px;
		margin:0;
		padding:0;
	}

	ul.shareToolbar.icon li{
		height:16px;
		width:16px;
		padding:0 2px 10px 2px;
	}

	ul.shareToolbar.button_icon li{
		vertical-align:middle;
		margin:0;
		padding:0;
	}

	ul.shareToolbar.button_icon li a{
		padding:0 2px;
	}

/*
###################################################################################################
#
#	FORMULIER
#
###################################################################################################
*/

.formBlock{
	padding-bottom:10px;
}
.formTitle{
	display:block;
	font-weight:bold;
}
.formDescription{
	display:block;
}
.formItem{

}
.formBtn{

}
.form_yenoh{
	display:none;
}
