body	{ behavior: url(templates3/stylesheets/csshover.htc); background-color: #fff; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:0.7em }

input {font-size:0.7em}

div#header { background:url(../images/background-header.jpg) no-repeat; height:160px }
div#header .login { float:right; margin:10px 10px 0 0; }
div#header .login input { background:#fff; width:76px; height:19px; line-height:19px; border:0px; padding:0px 2px; margin-right:6px; font-size:10px }
div#header .login input.submit { background:#fff; width:28px; height:19px; border:0px }
div.empty { height:157px }

/* begin of contentstyles */
h1 { margin-top:0px }
h2, h3 { margin:0px; }
p { margin:11px 0px }
a { text-decoration:none }
a:hover { text-decoration:underline }
div#containerfull { width:970px; margin:0px auto; text-align:right;}
div#container { width:970px; margin:0px auto; height:600px; background:black }
div#content { height:400px; color:#000; background:#333; overflow:auto }

div#main-left { color:#000; background:#d2d1cd; width:418px; float:left; overflow:auto; height:400px; padding:10px; }
div#main-left td { color:#fff; font-size:0.7em }
div#main-left h1 { font-size:1.4em;	color:#fff }
div#main-left h2 { padding-top:10px; font-size:1.1em; color:#fff }
div#main-left a { color:#e700ae }

div#main-left ul.morenews { list-style:square; padding-left:10px; margin:0px 0px 0px 10px; color:#93013f }
div#main-left ul.morenews2 { list-style:square; padding-left:10px; margin:10px 0px 0px 10px; color:#93013f }

.shopitem { width:400px; height:96px; margin-bottom:10px; overflow:hidden; clear:both }
.shopitem_image { background:no-repeat; width:96px; height:96px; float:left }
.shopitem_image_clickarea { float:left; height:80px }
.shopitem_image_clickarea img { width:96px; height:80px; border:0px; float:left }
.shopitem_buttons { float:left; width:94px; height:14px; line-height:14px; border:1px solid #323232; background:#000; color:#fff; font-size:10px; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }
.shopitem_buttons_price { width:43px; border-right:0px solid #323232; padding-left:3px;float:left }
.shopitem_buttons_play-sms { width:15px; border-left:1px solid #323232; float:right }
.shopitem_buttons_play-sms img { width:15px; height:14px; border:0px; }
.shopitem_buttons_cart { width:15px; border-left:1px solid #323232; float:right; }
.shopitem_buttons_cart img { width:15px; height:14px; border:0px; }
.shopitem_text { float:left; margin-left:10px; width:294px; line-height:16px; overflow:hidden }

.spotlight { width:400px; height:166px; margin-bottom:10px; overflow:hidden; clear:both }
.spotlight_image { background:no-repeat; width:144px; height:144px; float:left }
.spotlight_image_nonclickarea { float:left; height:128px }
.spotlight_image_nonclickarea img { width:144: height:128; float:left }
.spotlight_buttons { float:left; width:142px; height:14px; line-height:14px; border:1px solid #323232; background:#000; color:#fff; font-size:10px; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }
.spotlight_buttons_price { width:91px; border-right:1px solid #323232; padding-left:3px;float:left }
.spotlight_buttons_play-sms { width:15px; border-right:1px solid #323232; float:left }
.spotlight_buttons_play-sms img { width:15px; height:14px; border:0px; }
.spotlight_buttons_cart { width:15px; float:left; border:0px; }
.spotlight_buttons_cart img { width:15px; height:14px; border:0px; }
.spotlight_text { float:left; margin-left:10px; width:246px; line-height:16px; overflow:hidden }
.spotlight_divider { clear:both; float:left; height:0px; width:400px; border-top:1px dotted #fff; margin:10px 0 }

table#tablemove { width:400px }
table#tablemove td-padding { padding:5 0 5 0px }

table#tablemove tr.trcolor1 { background:#94005c; color:#fff; font-weight:bold; height:18px; line-height:18px; }
table#tablemove tr.trcolor2 { background:#fff; color:#000; font-weight:normal; height:18px; line-height:18px; }
table#tablemove tr.trcolor2 td { color:#000; font-weight:normal; height:18px; line-height:18px; }
table#tablemove tr.trcolor3 { background:#eee; color:#000; font-weight:normal; height:18px; line-height:18px; }
table#tablemove tr.trcolor3 td { color:#000; font-weight:normal; height:18px; line-height:18px; }
table#tablemove tr.trcolor4 { background:#9e9e9e; color:#fff; font-weight:normal; height:18px; line-height:18px; }
table#tablemove tr.trcolor5 { background:#000; color:#fff; font-weight:bold; height:18px; line-height:18px; }

input, textarea, select { font-size:inherit; font-family:inherit }

/* end of contentstyles */

/* begin of hot in store styles */
div#main-his { float:left; width:300px; height:135px; background:#d2d1cd; padding:10px }
div#main-his h2 { font-size:1.1em; color:#000; margin-bottom:10px }
/* end of hot in store styles */

div#main-account { float:left; width:192px; height:85px; background:#2e2e2e; padding:10px; }
div#main-shoppingcart { float:left; width:192px; height:30px; background:#fff; padding:10px; }\
div#main-shoppingcart td { font-size:11px; color:#000 }
div#main-object { float:left; width:320px; height:265px; background:#000 }
div#main-events { float:left; width:192px; height:245px; background:#2e2e2e; padding:10px; overflow:hidden }

div#main-events h2 { font-size: 1.1em; color: #FFFFFF; }

div#footer		{ clear:both; width:970px; height:20px; line-height:20px; /* line-height om boel verticaal te centreren */ color:#000; text-align:center; margin-top:0px; }
div#footer .logomove { background:#fff }
div#footer a	{ color:#000 }

div#main-account ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div#main-account li {
	line-height:17px
}

div#main-account a {
	color:#fff;
	font-size:11px;
	font-weight:bold
}

div#main-shoppingcart a {
	color:#000;
	font-size:11px;
}

div#main-events a {
	color:#fff;
	font-size:10px
}

div#main-events h2 {
	margin-bottom:10px
}

div#main-events ul {
	list-style-type:none;
	margin:0;
	padding:0;
}



/* the horizontal menu starts here */
div#menu_main {
	width:970px;
	float:left; /*makes the div enclose the list */
	font-size:1.1em;	/* SET FONT-SIZE HERE */
	text-transform:uppercase;
	background-color:#; /* colors the div */
	height:23px;
	line-height:23px;
	}
div#menu_main ul { 
	margin:0px; padding:0px; /* indents ul from edge of container */
	z-index:99;
	}
div#menu_main li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#; /*sets the background of the menu items */
	border-right:0px solid #069; /* creates dividing lines between the li elements */
	font-weight:bold;
	}
div#menu_main li:first-child {
	border-left:0px solid #069; /*the first vertical line on the menu */
	}
div#menu_main li:hover { 
	background-color:#e700ae; /*sets the background of the menu items */
	}
div#menu_main a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 10px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#fff;	/* sets the type color */
	}
div#menu_main a:hover {
	color:#fff;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#menu_main ul li ul {
	margin:0px; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:12em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	/*left:-px; aligns the drop exactly under the menu */
	font-size:11px
	}
div#menu_main ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:0px solid #069; /*  three sides of each drop-down item */
	border-top:1px solid #e1e1e1;
	border-right:0px solid #069;
	padding:0 0 1px;
	text-transform:none;
	line-height:19px;
	background-color:#fff;
	font-weight:normal;
	/*filter:alpha(opacity=80);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;*/

	}
div#menu_main ul li ul li:first-child {
	border-top:1px solid #e1e1e1; /*the top edge of the dropdown */
	}
	
div#menu_main ul li ul a {
	color:#000;
}

div#menu_main ul li ul a:hover {
	color:#fff;
}

/* make the drop-down display as the menu is rolled over */
div#menu_main ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#menu_main ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#menu_main ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}
div#menu_main ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* another level of pop-outs */
div#menu_main ul li ul li:hover ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#menu_main ul li ul li ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#menu_main ul {
	float:left; /* makes the ul wrap the li's */
	border-left:0px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:0px; /* IE doubles the given value above - why? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#menu_main ul li ul {
	border-top:0px solid #fff;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#menu_main ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  }
/* and the "be nice to Opera" rule */
html>body div#menu_main ul li ul li ul {
  top:-1px;
  left:10em;
  }

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#menu_main ul li ul {padding-bottom:0px;}
   body div#menu_main ul li ul li ul {padding-bottom:0px;}
   body div#menu_main ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* end of hack zone */
/* END OF LIST-BASED MENU */