body 			{ margin:1 0 0 0px; padding:0; font:62.5% verdana, arial,sans-serif; background-color:#fff; behavior:url(../stylesheets/csshover2.htc); }
div.header 		{ background: url(../images/header.jpg); background-position: 50% 50%; height:78px; width:778px; background-color:#FFC; text-align:center; border:1px #000 solid; }
 
/*[[[[[[[[[[[[[[[[[[[ hoofdkolomindeling ]]]]]]]]]]]]]]]]]]]*/
div#left			{ float:left; margin-top:4px; width:162px; }
div#content			{ float:left; margin:4 0 0 8px; width:440px; }
*html div#content	{ float:left; margin:4 0 0 7px; width:440px; } /* hack voor IE */
div#right			{ float:right; margin-top:4px; width:162px; }

/*[[[[[[[[[[[[[[[[[[[ linkerkolom ]]]]]]]]]]]]]]]]]]]*/
/**************** blok ******************/
.block_header		{ width:162px; height:15px; padding:0 0 0 0px; line-height:14px; color:black; font-weight:bold; font-size:10px; text-transform:uppercase; text-align:center; background:url(../images/block_header.gif) #ffc64b; }
.block_footer		{ width:162px; height:5px; background:url(../images/block_footer.gif); margin-bottom:8px; overflow:hidden; }

/* the vertical menu starts here */
div#listmenu {
	width:153px; 	/*  *changed****/
	float:left; /*makes the div enclose the list */
	border-top:1px solid red;	/* draws line on top edge of div */
	/*border-bottom:1px solid #069;	 /* draws line on bottom edge of div - removed as we now have dividers */
	font-size:10px;	/* SET FONT-SIZE HERE */
	font-weight:bold;
	background-color:#fff; /* colors the div */
	margin-top:20px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}
div#listmenu ul 
	{margin:0 0 0 0px;/* indents ul from edge of container - left changed to 0 */
	width:153px;
}
div#listmenu li {
	/*float:left;	/* causes the list to align horizontally instead of stack */ 	/*  *changed****/
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#ccc; /*sets the background of the menu items */
	border:1px solid #000;
	/*border-right:1px solid #069; /* creates dividing lines between the li elements */
	/*border-left:1px solid #069; /*the first vertical line on the menu */	/*  *ADDED****/
	/*border-bottom:1px solid #069; /*dividers on the menu */	/*  *ADDED****/
	padding-top:4px;
	height:16px;
	margin:2px;
	width:153px;
	}
/*div#listmenu li:first-child {
	border-left:1px solid #000; /*the first vertical line on the menu */
	/*height:22px;
	padding-top:5px;
	}*/
div#listmenu li:hover { 
	background-color:yellow; /*sets the background of the menu items */
	padding-top:4px;
	padding-bottom:0px;
	}
div#listmenu a {	
	padding:0 4px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#000;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#F33;
	}
/* the vertical menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	margin-left:150px; /*  *ADDED**MOVES THE SUBMENU OVER TO BE TO THE RIGHT OF THE MAIN MENU **/
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:153px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	top:-0px; /* ADDED - ALLIGNS THE POP-OUT WITH ITS PARENT */
	left:-2px; /*aligns the drop exactly under the menu */
	z-index:100;
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	/*border-left:1px solid #069; /*  three sides of each drop-down item */
	/*border-bottom:1px solid #069;*/
	/*border-right:1px solid #069;*/
	border:1px solid #000;
	background-color:#EFF; /* ADDED - sets the background of the submenu items */
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #000; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

div#listmenu ul li ul li:hover ul {display:block;} /* shows the sub-drop-down when drop-down menu is hovered */
div#listmenu ul li:hover ul ul {display:none;} /* conceals the sub-drop-down when drop-down menu not hovered */

div#listmenu ul li ul li ul {left:0px;} /*aligns the sub-pop next to the pop - added for side version */

/* HACK ZONE - on hack only for IE */
* html div#listmenu ul li ul {
    border-top:1px solid #069; /*the top edge of the dropdown */
	}

/* END OF LIST-BASED MENU */




/************** main menu ***************/
div#block_nav		{ left:0px; width:162px; }
#nav 				{ padding:4; margin:0; background:url(../images/block_bg.gif); width:162px; }
#nav ul 			{ padding:0; margin:0; background:none; }
#nav li 			{ list-style-type:none; margin:0; width: 153px; height:22px; padding:1 1 1 0px; }
#nav a 				{ background: url(../images/menu_bg_def.gif); display:block; width:154; height:22px; font-size:10px; font-weight:bold; text-decoration:none; color:#000; padding:4 3 3 4px; }
#nav a.sub 			{ background: url(../images/menu_bg_sub.gif); padding-left:20px; }
#nav a:hover 		{ background: url(../images/menu_bg_over.gif); }
#nav a.sub:hover	{ background: url(../images/menu_bg_over.gif); }

/* Win IE only \*/
* html #nav li		{ float:left; }
/* end holly hack */
* html ul li a 		{ height:1%; }

/************** music player ***************/
#block_player		{ width:162px; left:0px; }
#player 			{ width:162px; padding:6; margin:0; background:url(../images/block_bg.gif); }

/*[[[[[[[[[[[[[[[[[[[ middenkolom ]]]]]]]]]]]]]]]]]]]*/
.content_margin			{ margin:7 11 5 11px; }
.content_padding		{ padding:7 11 5 11px; }
.content_header			{ height: 15px;	color:white; line-height:14px; font-weight: bold; font-size: 10px; text-transform: uppercase; text-align: center; background: url(../images/content_header.gif) #000; letter-spacing: 5px; }
.content_content  		{ background:url(../images/content_bg.gif); padding:7 11 5 11px; }
.content_products 		{ background:url(../images/content_bg.gif); padding:7 11 5 5px; }
.content_footer 		{ background: url(../images/content_footer.gif); margin-bottom:8px; height:5px; overflow:hidden; }

div, p, table, td, input, select, textarea { font-size:1.0em; color: black; font-family: verdana, arial, helvetica, sans-serif; }
a 						{ text-decoration: underline; color: #000; font-size: 1em; }

div.publish				{ text-align:right; color:#aaa; font-size:0.9em; }
input 					{ border: #000 1px solid; line-height: 12px; height: 16px; background-color: #ffffff; background: url(../images/bg_input.gif); }
textarea 				{ border: #000 1px solid; background: url(../images/bg_input.gif); }
input.image 			{ border: 0px; }
input.submit 			{ background: none #ffc64b; border: #000 1px solid; font-weight: bold; font-size: 1em; text-transform: uppercase; color: #000; }
input.radio 			{ border: 0px; }

.eventpadding			{ padding:5 0 5 0px; }
a.back					{ color:#aaa; }
a.back:hover			{ color:#000; }

/************** button more details ***************/
div#moredetails			{ width:121px; }
#moredetails			{ padding:0 0 0 0; margin:0; width:129px; }
#moredetails ul			{ padding:0; margin:0; background:none; }
#moredetails li 		{ list-style-type:none; margin:0; width:129px; height:21px; overflow:hidden; }
#moredetails a 			{ background: url(../images/moredetails.gif); text-transform:uppercase; font-weight:bold; background-color:#000; background-repeat:no-repeat; display:block; height:21px; width:129; font-size:10px; text-decoration:none; color:#ffc345; padding:4 0 0 25px; }
#moredetails a:hover	{ text-decoration:none; }

/************** product ***************/
a.crumble 				{ color: #7f7f7f; text-decoration:none; }
a.crumble:hover 		{ text-decoration: underline; }
.crumble2				{ color: #7f7f7f; }
.title 					{ font-weight: bold; font-size: 10px; color: #000; text-transform: uppercase; }
.customborder_top 		{ background: url(../images/tableborder_hor_top.gif); height:1px; }
.customborder_bottom 	{ background: url(../images/tableborder_hor_bottom.gif); height:1px; }
.customborder_ver		{ background: url(../images/tableborder_ver.gif); width:1px; }
.price 					{ font-weight: bold; font-size: 12px; color: #000; }
.textproduct			{ color:#000; }
.textproductdetail 		{ color:#000; }
a.colorlink				{ color:#000; text-decoration:none; }
a.colorlink:hover		{text-decoration: underline; }

.titlerow_border		{ background:#000; height:1px; }
.titlerow_bg			{ background:#d9d9d9; height:15px; }
.titlefont				{ color:#000; font-weight:bold; }

.color1					{ background:#ffdb8f; color:#000; }
.color2					{ background:#ffedc7; color:#000; }
.border2px				{ background:#000; height:2px; }

span#bt_min				{ background-image:url(../images/bt_min.gif); }
span#bt_min img 		{ width:10px; height:10px; border:0px; }
span#bt_plus			{ background-image:url(../images/bt_plus.gif); }
span#bt_plus img		{ width:10px; height:10px; border:0px; }
span#bt_del				{ background-image:url(../images/bt_del.gif); }
span#bt_del img 		{ width:10px; height:10px; border:0px; }

a.titletrack			{ color:#000; text-decoration:none; }
a.titletrack:hover		{ color:#000; text-decoration:underline; }

td.shopsms1 a:link		{ width:19px; height:19px; background-color:#ffedc7; display:block; float:right; margin-right:3px; border:1px solid #aaa; }
td.shopsms1 a:visited	{ width:19px; height:19px; background-color:#ffedc7; display:block; float:right; margin-right:3px; border:1px solid #aaa; }
td.shopsms1 a:hover 	{ background-color:#ffc64b; border:1px solid #777; }
td.shopsms2 a:link		{ width:19px; height:19px; background-color:#ffdb8f; display:block; float:right; margin-right:3px; border:1px solid #aaa; } 
td.shopsms2 a:visited	{ width:19px; height:19px; background-color:#ffdb8f; display:block; float:right; margin-right:3px; border:1px solid #aaa; } 
td.shopsms2 a:hover 	{ background-color:#ffc64b; border:1px solid #777; }
td.shopsms3 a:link		{ width:19px; height:19px; background-color:#ffedc7; display:block; float:left; margin-right:3px; border:1px solid #aaa; }
td.shopsms3 a:visited	{ width:19px; height:19px; background-color:#ffedc7; display:block; float:left; margin-right:3px; border:1px solid #aaa; }  
td.shopsms3 a:hover 	{ background-color:#ffc64b; border:1px solid #777; }

a.playpause:link			{ width:19px; height:19px; background-color:#ffedc7; margin-right:3px;  border:1px solid #aaa; } /* background-color alleen mogelijk in IE middels transparantie wat niet in Mozilla/Opera werkt */
a.playpause:visited			{ width:19px; height:19px; background-color:#ffedc7; margin-right:3px;  border:1px solid #aaa; }
a.playpause:hover			{ background-color:#ffc64b; border:1px solid #777; }

/*[[[[[[[[[[[[[[[[[[[ rechterkolom ]]]]]]]]]]]]]]]]]]]*/
/**************** shoppingcart *****************/
#shoppingcart			{ width:162px; background:url(../images/block_bg.gif); padding:6 0 6 6px; }
#block_shoppingcart		{ width:150px; }
#block_shoppingcart span	{ color:red; }
a.ww, a.ww:hover			{ text-decoration:none; font-weight:bold; color:#000; }
a.order						{ background-image:url(../images/order.gif); background-position:top right; background-repeat:no-repeat; text-decoration:none; padding-right:8px; color:red; }
a.order:hover 				{ text-decoration:underline;}

/**************** user *****************/
#block_user 				{ width:150px; }
#user_links					{ padding:6 0 6 6; margin:0; background:url(../images/block_bg.gif); width:162px; }
#user_links ul				{ padding:0; margin:0; background:none; }
#user_links li 				{ list-style-type:none; margin:0; }
#user_links a 				{ background: url(../images/item_user.gif); background-repeat:no-repeat; display:block; width:144; font-size:10px; text-decoration:none; color:#000; padding:0 0 0 8px; }
#user_links a:hover 		{ text-decoration:underline; }

/**************** news *****************/
div#block_news				{ width:150px; }
#news_links					{ padding:6 0 6 6; margin:0; background:url(../images/block_bg.gif); width:162px; }
#news_links ul				{ padding:0; margin:0; background:none; }
#news_links li 				{ list-style-type:none; margin:0px 0px 6px 0px; }
#news_links a 				{ background: url(../images/item_news.gif); background-repeat:no-repeat; display:block; width:144; font-size:10px; text-decoration:none; color:#000; padding:0 0 0 8px;  }
#news_links a:hover 		{ text-decoration:underline; }

/**************** footer *****************/
div#footer					{ background-color:#000; width:780px; text-align:center; }
div#footer div 				{ background-color:#fff; width:780px; text-align:center; padding-top:5px; }

a.adv 						{ text-decoration:none; color:#000; }
a.adv:hover 				{ text-decoration:underline; color:#000; }
div.sms 					{ font-family:courier; font-size:14px; font-weight:bold; color:#000; }