/* CSS Document */

@font-face {
	font-family: 'CreampuffRegular';
	src: url('../Creampuff.eot');
	src: local('Creampuff Regular'), local('Creampuff'), url('../Creampuff.ttf') format('truetype');
}

html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

body, html {
	margin: auto;
	padding: 0;
	height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-image:url('../images/main_content_background.jpg');
	background-position:center top;
	background-repeat: no-repeat;
	color: #2f2f2f;
}

a {
	color:#eb008b;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

h1 {
	color:#ec008c;
	font-size: 3.2em;
	font-weight:normal;
	font-family:CreampuffRegular, Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 1.8em;
	font-weight:normal;
}

h3 {
	font-size: 1.2em;
	font-weight:normal;
}

/* --- MAIN DIV ID's en CLASSES --- */

#header {
position:relative;
	margin: auto;
	width: 895px;
	height: 39px;
	padding-left: 50px;
	padding-top: 15px;
	margin-bottom: 20px;
}

#logo_div {
	float:left;
	width:300px;
}

#join_hyves {
	width: 150px;
	height: 42px;
	float: right;
}

#main_menu {
	margin: auto;
	font-size: 1.1em;
	width: 895px;
	height: 44px;
	margin-bottom: 15px;
}

#main_div {
	margin:auto;
	width: 895px;
	margin-bottom: 25px;
}

#sfeer_foto {
	position:relative;
	margin:auto;
	width: 829px;
	height: 436px;
}

#main_content {
	font-size: 0.8em;
	width: 800px;
	margin: auto;
	line-height: 20px;
}

#footer_div {
	margin:auto;
	width: 866px;
	border-top: #cccccc dashed 1px;
	padding-top: 5px;
	color:#cccccc;
	font-size: 0.8em;
	clear: both;
}

#news_div {
	position:relative;
	margin:auto;
	width: 895px;
}

#news_div_button {
	position:absolute;
	top: -191px;
	left: 56px;
	z-index:101;
}

/* --- MENU's --- */

/* #main_menu ul {
	margin:0px;
	padding:0px;
	list-style-type:none;	
}

#main_menu li {
	float:left;
	margin:0px;
	padding:0px 0px 0px 10px;
	list-style-type:none;
	text-align:center;
	line-height: 32px;
}

.main_menu_collection a {
	width: 88px;
	height: 44px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #2f2f2f;
	font-weight:bold;
}

.main_menu_collection a:hover {
	width: 88px;
	height:44px;
	background:url('../images/hoofdmenu_collection.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
}

.main_menu_collection_selected a {
	width: 88px;
	height:44px;
	background:url('../images/hoofdmenu_collection.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
	font-weight:bold;
}

.main_menu_collection_selected a:hover {
	text-decoration:none;
}

.main_menu_webshop a {
	width: 88px;
	height: 44px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #2f2f2f;
	font-weight:bold;
}

.main_menu_webshop a:hover {
	width: 88px;
	height:44px;
	background:url('../images/hoofdmenu_collection.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
}

.main_menu_webshop_selected a {
	width: 88px;
	height:44px;
	background:url('../images/hoofdmenu_collection.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
	font-weight:bold;
}

.main_menu_webshop_selected a:hover {
	text-decoration:none;
}

.main_menu_stores a {
	width: 78px;
	height: 44px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #2f2f2f;
	font-weight:bold;
}

.main_menu_stores a:hover {
	width: 78px;
	height:44px;
	background:url('../images/hoofdmenu_contact.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
}

.main_menu_stores_selected a {
	width: 78px;
	height:44px;
	background:url('../images/hoofdmenu_contact.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
	font-weight:bold;
}

.main_menu_stores_selected a:hover {
	text-decoration:none;
}

.main_menu_press a {
	width: 62px;
	height: 44px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #2f2f2f;
	font-weight:bold;
}

.main_menu_press a:hover {
	width: 62px;
	height:44px;
	background:url('../images/hoofdmenu_press.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
}

.main_menu_press_selected a {
	width: 62px;
	height:44px;
	background:url('../images/hoofdmenu_press.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
	font-weight:bold;
}

.main_menu_press_selected a:hover {
	text-decoration:none;
}

.main_menu_about a {
	width: 78px;
	height: 44px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #2f2f2f;
	font-weight:bold;
}

.main_menu_about a:hover {
	width: 78px;
	height:44px;
	background:url('../images/hoofdmenu_contact.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
}

.main_menu_about_selected a {
	width: 78px;
	height:44px;
	background:url('../images/hoofdmenu_contact.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
	font-weight:bold;
}

.main_menu_about_selected a:hover {
	text-decoration:none;
}

.main_menu_events a {
	width: 78px;
	height: 44px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #2f2f2f;
	font-weight:bold;
}

.main_menu_events a:hover {
	width: 78px;
	height:44px;
	background:url('../images/hoofdmenu_contact.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
}

.main_menu_events_selected a {
	width: 78px;
	height:44px;
	background:url('../images/hoofdmenu_contact.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
	font-weight:bold;
}

.main_menu_events_selected a:hover {
	text-decoration:none;
}

.main_menu_contact a {
	width: 78px;
	height: 44px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #2f2f2f;
	font-weight:bold;
}

.main_menu_contact a:hover {
	width: 78px;
	height:44px;
	background:url('../images/hoofdmenu_contact.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
}

.main_menu_contact_selected a {
	width: 78px;
	height:44px;
	background:url('../images/hoofdmenu_contact.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
	font-weight:bold;
}

.main_menu_contact_selected a:hover {
	text-decoration:none;
}

.main_menu_newsletter a {
	width: 94px;
	height: 44px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #2f2f2f;
	font-weight:bold;
}

.main_menu_newsletter a:hover {
	width: 94px;
	height:44px;
	background:url('../images/hoofdmenu_newsletter.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
}

.main_menu_newsletter_selected a {
	width: 94px;
	height:44px;
	background:url('../images/hoofdmenu_newsletter.png');
	background-repeat:no-repeat;
	cursor: pointer;
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
	font-weight:bold;
}

.main_menu_newsletter_selected a:hover {
	text-decoration:none;
}

.menu_div_menu a{
	display:block;
}

.menu_div_menu a:hover {
	display:block;
} */

/* --- Submenu --- */

#submenu_div {
	width: 800px;
	height: 32px;
	margin-left: -5px;
	text-align: center;
	line-height: 30px;
}

#submenu_div a {
	width: 100px;
	height: 32px;
	cursor: pointer;
	display: block;
	border:#ebebeb 1px solid;
	background-color:#f2f3f3;
	text-decoration: none;
	overflow: hidden;
	color: #2f2f2f;
	padding: 0px 5px 0px 5px;
}

#submenu_div a:hover {
	height: 32px;
	cursor: pointer;
	display: block;
	border:#ebebeb 1px solid;
	background-color:#ffe4f4;
	text-decoration: none;
	overflow: hidden;
	color: #2f2f2f;
}

#submenu_div ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#submenu_div li {
	float:left;
	margin:0px;
	padding:0px 0px 0px 4px;
}

/* --- Submenu collectie --- */

#submenu_div_collectie {
	font-size: 1.1em;
	width:800px;
	height:30px;
}

#submenu_div_collectie ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#submenu_div_collectie li {
	float:left;
	margin:0px;
	padding:0px 5px 0px 0px;
}

#submenu_div_collectie a {
	color: #2f2f2f;
}

#submenu_div_collectie a:hover {
	color: #ec008b;
}

#submenu_div_collectie_current a {
	cursor: pointer;
	display: block;
	text-decoration:none;
	color: #2f2f2f;
	padding: 0px 15px 0px 0px;
	background-image:url('../images/content/icon-delete-filter.jpg');
	background-position:right;
	background-repeat:no-repeat;
	font-weight:bold;
}

#submenu_div_collectie_current a:hover {
	cursor: pointer;
	display: block;
	text-decoration:line-through;
	color: #ec008b;
}

/* --- Footer menu --- */

#footer_menu {
	text-align:right;
}

#footer_menu a {
	color:#999999;
	text-decoration:none;
}

#footer_menu a:hover {
	text-decoration:underline;
}

#footer_menu ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#footer_menu li {
	float:left;
	margin:0px;
	padding:0px 0px 0px 15px;
}

#image_download {
	text-align:center;
	font-size: 0.9em;
}

#image_download a {
	width: 100px;
	height: 100px;
	cursor: pointer;
	display: block;
	border:#ebebeb 5px solid;
	background-color:#f2f3f3;
	text-decoration: none;
	overflow: hidden;
	color: #2f2f2f;
	padding: 0px 0px 0px 0px;
}

#image_download a:hover {
	height: 100px;
	cursor: pointer;
	display: block;
	border:#f2f3f3 5px solid;
	background-color:#f2f3f3;
	text-decoration: none;
	overflow: hidden;
	color: #2f2f2f;
}

#txt_download_table tr {
	border-bottom:#ebebeb 1px dashed;
}

#collection_left {
	float:left;
	width: 290px;
	height: 390px;
}

#collection_left img {
	border:#f2f3f3 5px solid;
}

/*
 .collection_left a {
	display:block;
	cursor: pointer;
	width: 280px;
	height: 380px;
}

.collection_left a:hover {
	display:block;
	cursor: pointer;
	width: 280px;
	height: 380px;
	background-image: url('../images/collection_vergrootglas_lr.jpg');
	background-position:top right;
	background-repeat:no-repeat;
}

.collection_img a{
	display:block;
}

.collection_img a:hover {
	display:block;
} 
*/

#collection_menu {
	position:relative;
	margin:auto;
	width: 800px;
	height: 30px;
	text-align:center;
}

#collection_menu ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#collection_menu li {
	float:left;
	margin:0px;
	padding:0px 0px 0px 5px;
}

.collection_menu a {
	width: 20px;
	cursor: pointer;
	display: block;
	padding: 0px 0px 0px 0px;
	color: #2f2f2f;
	text-decoration:underline;
}

.collection_menu a:hover {
	width: 20px;
	cursor: pointer;
	display: block;
	background-color:#ec008c;
	padding: 0px 0px 0px 0px;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}

.collection_menu_selected a {
	width: 20px;
	cursor: pointer;
	display: block;
	background-color:#ec008c;
	padding: 0px 0px 0px 0px;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}

.collection_menu_selected a:hover {
	width: 20px;
	cursor: pointer;
	display: block;
	background-color:#ec008c;
	padding: 0px 0px 0px 0px;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}

#collection_right {
	float:right;
	width: 480px;
	height: 390px;
	text-align:left;
}

#collection_right_images {
	width: 480px;
	height: 150px;
}

#collection_right_images img {
	border:#f2f3f3 5px solid;
}

#collection_article {
	position:relative;
	top: 20px;
	width: 480px;
}

#collection_article_info {
	float:left;
	width: 130px;
	height: 130px;
	padding: 10px 10px 10px 10px;
	background-color:#f2f3f3;
	overflow:hidden;
}

#collection_article_info a {
	color:#ec008c;
	text-decoration:underline;
	font-weight:bold;
}

#collection_article_info a:hover {
	text-decoration:none;
}

#collection_extra {
	float:right;
	width: 310px;
	height: 130px;
	padding: 10px 10px 10px 10px;
	overflow:hidden;
}

#collection_next-prev {
	float:left;
	margin-top: 5px;
	width: 480px;
}

.collection_h1 {
	color:#ec008c;
}

#hoverNavBIG { position: absolute; top: 30px; left: 5px; height: 360px; width: 280px; z-index: 10; }
#imageContainer>#hoverNavBIG { left: 0;}
#hoverNavBIG a { outline: none;}

#zoomLink { width: 100%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#zoomLink { right: 0; float: right;}
#zoomLink:hover, #zoomLink:visited:hover { background: url(../images/collection_vergrootglas_lr.jpg) top right no-repeat; }


#index_3_blocks {
	position:relative;
	top: -10px;
	width: 894px;
	height: 350px;
	color:#CCCCCC;
}

#index_3_blocks h1 {
	color:#FFFFFF;
	font-size: 1.8em;
	font-weight:normal;
}

#index_3_blocks a {
	color:#FFFFFF;
}

#index_3_blocks a:hover {
	text-decoration:none;
}

#index_3_blocks img {
	border: #FFFFFF 5px solid;
}


#index_block_1 {
	float:left;
	width: 278px;
	padding: 0px 10px 10px 10px;
	margin-bottom: 10px;
}
#index_block_2 {
	float:left;
	width: 278px;
	padding: 0px 10px 10px 10px;
	margin-bottom: 10px;
}
#index_block_3 {
	float:right;
	width: 278px;
	padding: 0px 10px 10px 10px;
	margin-bottom: 10px;
}

/* COLLECTION PAGE MENU'S */

.collection_menu_start {
	text-align:center;
	font-size: 1.8em;
	font-weight:normal;
}

.collection_menu_start p {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 7px;
}

.collection_menu_start a {
	width: 250px;
	height: 386px;
	cursor: pointer;
	display: block;
	background-color:#ec008b;
	text-decoration: none;
	overflow: hidden;
	color: #ffffff;
}

.collection_menu_start a:hover {
	height: 386px;
	cursor: pointer;
	display: block;
	background-color:#2f2f2f;
	text-decoration: none;
	overflow: hidden;
	color: #fff;
}

.collection_menu_armband {
	text-align:center;
	font-size: 1.8em;
	font-weight:normal;
}

.collection_menu_armband p {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 7px;
}

.collection_menu_armband a {
	width: 390px;
	height: 328px;
	cursor: pointer;
	display: block;
	background-color:#ec008b;
	text-decoration: none;
	overflow: hidden;
	color: #ffffff;
}

.collection_menu_armband a:hover {
	height: 328px;
	cursor: pointer;
	display: block;
	background-color:#2f2f2f;
	text-decoration: none;
	overflow: hidden;
	color: #fff;
}

.collection_menu_armband_vorm {
	text-align:center;
	font-size: 1.8em;
	font-weight:normal;
}

.collection_menu_armband_vorm p {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 7px;
}

.collection_menu_armband_vorm a {
	width: 253px;
	height: 225px;
	cursor: pointer;
	display: block;
	background-color:#ec008b;
	text-decoration: none;
	overflow: hidden;
	color: #fff;
}

.collection_menu_armband_vorm a:hover {
	height: 225px;
	cursor: pointer;
	display: block;
	background-color:#2f2f2f;
	text-decoration: none;
	overflow: hidden;
	color: #fff;
}

/* WINKELS */

#winkel_content {
	width:100%;
	clear:inherit;
}

#winkel_opsomming {
	float:left;
	width:450px;
	padding:0px;
	margin:0px;
}

#winkel_opsomming h2 {
	font-size: 1.8em;
	font-weight:normal;
	padding: 0px;
	margin: 0px;
}

#winkel_opsomming ul {
	list-style-type:none;
	margin:0;
	padding:0;
	padding-bottom: 15px;
}

.winkel_vj {
	display:block;
	background:url(../images/content/icon-van-jansen-atalier.jpg) no-repeat right;
	width:125px;
}

#winkel_box {
	float:left;
	width:350px;
	height:415px;
}

.winkel {
	position:absolute;
	width:350px;
	background:#f2f2f2 url('../images/content/winkel_box_bg_top.jpg') no-repeat;
	visibility: visible;
}

.winkel ul {
	list-style-type:none;
	margin:0;
	padding:0;
	padding-top: 15px;
}

.winkel h3 {
	font-size: 2.4em;
	font-weight:normal;
	margin:0;
	padding:0;
}

.winkel_padding {
	padding: 27px 27px 0px 27px;
}

#button_winkel_hier {
	margin-top:15px;
	text-align:center;
	line-height:65px;
}

#button_winkel_hier a {
	display:block;
	width:200px;
	height:54px;
	font-size: 2.0em;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/content/button-uw-winkel-hier.jpg) no-repeat;
}

#button_winkel_hier a:hover {
	display:block;
	width:200px;
	height:54px;
	text-decoration:none;
	background:url(../images/content/button-uw-winkel-hier-mo.jpg) no-repeat;
}