body			{ background-color:#fff; margin:0px; padding:0px; text-align:center; font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:0.7em; behavior: url(templates2/stylesheets/csshover.htc); }

div#containerfull {margin:0px auto; text-align:right;}
div#container 	{ width:774px; margin:0px auto; text-align:left; float:left;}

div#banner		{ background:url(../images/header.jpg) #000; height:108px; width:774px; }

div#inner		{ width:774px; }
div#content		{ width:530px; float:left; margin-bottom:0px; } /* margin-bottom voor de witruimte tussen header en footer */
div#content .contentmargin { margin:10px; } /* 'witruimte' van content en buitenrand */
div#sidebar		{ background-color: #d30000; color:#000; text-align:left; float:left; width:244px; }

div.clearthis	{ clear:both; height:0px; }
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any container that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";            /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;               /* ensure the period is not visible */
    clear: both;             /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}


/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

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

div#footer a {
	color: white;
}

div.title_header {display: none;}
div.meta_header {display: none;}

#newsitem div.title_header,
#events div.title_header,
#event div.title_header,
#order div.title_header,
#orderoverview div.title_header,
#person_register div.title_header {
  display:block;
  background-color:#FFFFFF;
  border-left:5px solid #000000;
  color:#000000;
  font-weight:bold;
  height:20px;
  line-height:20px;
  margin-bottom:10px;
  padding-left:5px;
}

#newsitem div.title_header .title_content,
#events div.title_header .title_content,
#event div.title_header .title_content,
#order div.title_header .title_content,
#orderoverview div.title_header .title_content,
#person_register div.person_register_header .title_content{
  background-color:#FFFFFF;
  color:#000000;
  float:left;
  font-weight:bold;
  padding-right:5px;
}

#newsitem div.title_header .date {
  background-color:#F3F3F3;
  color:#555555;
  float:right;
  font-size:9px;
  font-weight:normal;
  height:20px;
  line-height:20px;
  padding:0 3px;
}

#event div.title_header .date {
  display: none;
}

#event .current-event {
  position: relative;
  margin-bottom: 10px;
  padding-bottom:20px;
}

#event .current-event .event-name,
#event .current-event .event-enddate,
#event .current-event .event-endtime,
#event .current-event .event-flyer,
#event .upcoming-event .event-link {
  display: none;
}

#event .current-event .event-startdate,
#event .current-event .event-starttime {
  font-size: 125%;
  margin-bottom: 2px;
}

#event .current-event {
  border-bottom: 1px solid #FFF;
}

#event .upcoming-event {
  position: relative;
  border-bottom: 1px solid #FFF;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

#event .upcoming-event .event-startdate {
  font-weight: bold;
}

#event .upcoming-event .event-name {
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
}

#event .upcoming-event .event-starttime,
#event .upcoming-event .event-enddate,
#event .upcoming-event .event-endtime {
  display: none;
}

#events .upcoming-event {
  position: relative;
  width: 100%;
  height: 28px;
}

#events .upcoming-event .event-startdate {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 90px;
}

#events .upcoming-event .event-name {
  position: absolute;
  left: 94px;
  top: 0px;
  width: 200px;
}

#events .upcoming-event .event-location {
  position: absolute;
  left: 298px;
  top: 0px;
  width: 220px;
}

#events .event-starttime,
#events .event-enddate,
#events .event-endtime,
#events .event-link {
  display: none;
}
   
div#topdownloads { margin:10px 0px 10px 10px; padding-bottom:4px; background:#702b2e; }
div#topdownloads h1 { font-size:1.1em; color:white; padding:4px 7px; margin:0px; background:#000 url(../images/top5downloads_background.gif) no-repeat; }
/*div#topdownloads div.outer { padding-top:0.3em; margin-bottom:0.3em; background:#702b2e; }*/
div#topdownloads div.inner { margin-top:2px; margin-bottom:2px; clear:both; }
div#topdownloads div.title { color:white; float:left; padding-left:7px; }
div#topdownloads div.prelisten { width:12px; height:9px; background:#d00; margin-top:2px; }

div#player { margin:10px 0px 10px 10px; border:1px solid #000; border-right:1px solid #afafaf;  }
div.moveplayer { background-color:#000; background-image:url(images/banner.jpg); text-align:right; }

div#shoppingcart-small { margin:10px 0px 10px 10px; }
div#shoppingcart-small h1 { font-size:1.1em; color:#fff; padding:4px 7px; margin:0px; background:#000 url(../images/top5downloads_background.gif) no-repeat; }
div#shoppingcart-small a { color:#f00; text-decoration:none; }
div#shoppingcart-small a:hover { color:#f00; text-decoration:underline; }
div#shoppingcart-small div.outer { padding-top:0.3em; padding-bottom:0.3em; background:#fff url(../images/shoppingcart-small_background.jpg) no-repeat; border-left:1px solid #afafaf; border-right:1px solid #afafaf; border-bottom:1px solid #afafaf; }
div#shoppingcart-small div.inner { padding-top:0.1em; padding-bottom:0.1em; clear:both; }
div#shoppingcart-small div.productdelete { padding-left:7px; margin-right:4px; float:left; vertical-align:bottom; }
div#shoppingcart-small div.productname { width:158px; color:black; float:left; }
div#shoppingcart-small div.productprice { width:50px; float:left; color:black; text-align:right; }
div#shoppingcart-small div.total-line { margin:3px 3px 3px 15px; width:212px; line-height:1px; display:block; border-top:1px solid #000; }
div#shoppingcart-small div.checkout	{ text-align:right; margin-right:6px; }

div#news-small { margin:10px 0px 10px 10px; }
div#news-small h2 { height:14px; font-size:1.1em; padding:4px 7px; margin:0px; background:#000 url(../images/news-small_background.gif) no-repeat; overflow:hidden; display:block; }
div#news-small a.newstitle { color:#000; text-decoration:none; }
div#news-small a.newstitle:hover { color:#777; text-decoration:none; }
div#news-small a { color:#000; text-decoration:none; }
div#news-small a:hover { color:#777; text-decoration:underline; }
div#news-small div.outer { padding-top:0.3em; padding-bottom:0.3em; background:#702b2e; width:234px; }
div#news-small div.inner { padding:0px 7px; color:#d0d0d0; font-size:0.9em; height:50px; overflow:hidden; }
div#news-small img { float:right; border:1px solid #d30000; margin-left:3px; }

div#productbig { border:1px solid #000; background:#e5e5e5; width:508px; margin-bottom:10px }
div#productbig-left { width:150px; float:left; clear:both }
div#productbig-right { padding-left:1px; width:356px; float:left; margin-top:1px }
div#productbig .title { background:#000; color:#fff; padding-left:4px; line-height:14px; font-weight:bold; text-transform:uppercase; font-size:10px; }
div#productbig .content { margin:4px; height:141px; overflow:auto; line-height:13px; padding-right:5px; }
div#productbig form { margin:0px; font-size:10px; }
div#productbig .photo { width:150px; height:150px; }
div#productbig .buttonrow { width:150px; height:18px; }
div#productbig .empty { width:80px; height:18px; background:#fff; float:left; }
div#productbig .empty2 { width:59px; height:18px; background:#999; float:left; border-right:1px solid #fff; }
div#productbig .listen { width:20px; height:18px; background:#000; float:left; }
div#productbig .sms { width:20px; height:18px; background:#545454; float:left; }
div#productbig .shop { width:20px; height:18px; background:#000; float:left; }
div#productbig .album { width:20px; height:18px; background:#8f8f8f; float:left; }
div#productbig .price { margin-right:6px; }
div#productbig .pricebackground { width:90px; height:18px; background:#fff; float:left; text-align:right; line-height:17px; font-weight:bold; }

div#topdl-small { margin:10px 0px 10px 10px; background-color: #702b2e; }
div#topdl-small h2 { height:14px; font-size:1.1em; padding:4px 7px; margin:0px; background:#000; overflow:hidden; display:block; }
div#topdl-small a { color: #D0D0D0; text-decoration:none; }
div#topdl-small a:hover { color:#777; text-decoration:none; }
div#topdl-small div.outer { padding-top:0.3em; padding-bottom:0.3em; background:#702b2e; width:234px; }
div#topdl-small div.inner { padding:0px 7px; color:#d0d0d0; font-size:0.9em; height:50px; overflow:hidden; }
div#topdl-small img { float:right; border:1px solid #d30000; margin-left:3px; }

div#newsletter-small { margin: 10px 0px 10px 10px; }
div#newsletter-small h2 { height:14px; font-size:1.1em; overflow:hidden; display:block; }

ul.numeric, ul.numeric li {
  list-style: decimal inside none;
   margin-top: 2px;
   padding-bottom: 4px;
   padding-left: 8px;
}

div#productform { background:#000; padding:2px 2px; color:#fff; position:relative; top:-10px; text-align:right }
div#productform form { padding:0px; margin:0px; } 
div#productform input.aantal { width:30px; height:14px; line-height:14px; text-align:right; border:1px solid #ffc; background:#ffc; }
div#productform input.submit { height:18px; border:1px solid #fff; text-transform:uppercase; background:#000; color:#fff; font-size:11px; font-weight:bold; }

/* Voor mouseover van titels (werkt niet naar in IE, wel middels inline css (zie index.xsl bovenaan))
div#titlesong	 { width:185px; }
div#titlesong ul { margin:0px; padding:0px; }
div#titlesong li { width:185px; list-style-type:none; background:#000; }
div#titlesong a  { width:185px; height:14px; line-height:14px; display:block; color:#000; text-decoration:none; background:url(../images/bt_titlebarclick-df.gif) right no-repeat #fff; font-weight:bold; text-transform:uppercase; font-size:10px; }
div#titlesong a:hover { width:185px; height:14px; line-height:14px; display:block; color:#fff; text-decoration:none; background:url(../images/bt_titlebarclick-hl.gif) right no-repeat #f00; font-weight:bold; text-transform:uppercase; font-size:10px; }
*/

div#productsmall_1 { clear:both; border:1px solid #fff; background:#e5e5e5; width:248px; margin:0px 0px 10px 0px; float:left; }
div#productsmall_1 .productsmall-left { width:60px; float:left; clear:both; }
.productsmall-right { width:186px; float:left; margin-top:1px; margin-left:2px; }
div#productsmall_1 .content { margin:4px 4px 5px 4px; height:41px; overflow:hidden; font-size:9px; color:#727272; line-height:13px; }
div#productsmall_1 .photo { width:60px; height:60px; float: left;}
div#productsmall_1 .buttonrow { width:60px; height:18px; }
div#productsmall_1 .empty { width:39px; height:18px; background:#999; float:left; border-right:1px solid #fff; }
div#productsmall_1 .listen { width:20px; height:18px; background:#000; float:left; }
div#productsmall_1 .sms { width:20px; height:18px; background:#000; float:left; }
div#productsmall_1 .shop { width:20px; height:18px; background:#000; float:left; }
div#productsmall_1 .price { height:13px; background:url(../images/price-small_background.gif) right no-repeat; text-align:right; font-size:10px; padding-right:2px; }

div#productsmall_2 { border:1px solid #fff; background:#e5e5e5; width:248px; margin:0px 0px 10px 0px; float:right; } 
div#productsmall_2 .productsmall-left { width:60px; float:left; clear:both }
div#productsmall_2 .productsmall-right { width:186px; float:left; margin-top:1px; margin-left:2px; }
div#productsmall_2 .content { margin:4px 4px 5px 4px; height:41px; overflow:hidden; font-size:9px; color:#727272; line-height:13px; }
div#productsmall_2 .photo { width:60px; height:60px; }
div#productsmall_2 .buttonrow { width:60px; height:18px; }
div#productsmall_2 .empty { width:39px; height:18px; background:#999; float:left; border-right:1px solid #fff; }
div#productsmall_2 .listen { width:20px; height:18px; background:#000; float:left; }
div#productsmall_2 .sms { width:20px; height:18px; background:#545454; float:left; }
div#productsmall_2 .shop { width:20px; height:18px; background:#000; float:left; }
div#productsmall_2 .price { height:13px; background:url(../images/price-small_background.gif) right no-repeat; text-align:right; font-size:10px; padding-right:2px; }

/* Kan misschien weg??
a.playpause { width:20px; height:18px; }
*/

div#titlebox { border-left:5px solid #000; padding-left:5px; background-color:#fff; height:20px; line-height:20px; color:#000; font-weight:bold; margin-bottom:10px; }
div#titlebox .title { background-color:#fff; color:#000; font-weight:bold; padding-right:5px; float:left; }
div#titlebox .publishdate { background-color:#f3f3f3; color:#555; font-weight:normal; height:20px; line-height:20px; font-size:9px; padding:0px 3px; float:right; }

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

table#calendar a { color:#000; text-decoration:none; }
table#calendar a:hover { color:#000; text-decoration:underline; }

/* Kan misschien weg???
a.titlebarlink { color:#000; text-decoration:none; }
a.titlebarlink:hover { color:#fff; text-decoration:none; }
*/

a { color:#d30000; text-decoration:none; }
a:hover { color:#000; }


/* the horizontal menu starts here */
div#menu_main {
	width:530px;
	float:left; /*makes the div enclose the list */
	font-size:1em;	/* SET FONT-SIZE HERE */
	text-transform:uppercase;
	background-color:#d30000; /* colors the div */
	height:24px;
	line-height:24px;
	}
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:#d30000; /*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:#f00; /*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 6px; /*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:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	}
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 #cecece;
	border-right:0px solid #069;
	padding:0 0 1px;
	text-transform:none;
	line-height:19px;
	background-color:#d30000;
	font-weight:normal;
	}
div#menu_main ul li ul li:first-child {
	border-top:1px solid #cecece; /*the top edge of the dropdown */
	}
/* 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 */

.driehoek { width:24px; height:24px; overflow:hidden; float:left; }
.triangle { border:12px solid #000; border-color:#d30000 #000 #000 #d30000; }

/* *************************** */
/* ADDITIONAL MENU STARTS HERE */
/* *************************** */

/*div#menu_add	{ height:23px; line-height:23px; color:#fff; text-align:right; font-size:1em; float:right; }
div#menu_add ul { margin:0px; padding:0px; float:right; }
div#menu_add li { list-style-type:none; float:left; margin-left:8px; margin-right:2px; }
div#menu_add a  { color:#fff; text-decoration:none; font-weight:bold; } */

/* the horizontal menu starts here */
div#menu_add {
	width:220px;
	height:24px;
	float:right;
	font-size:1em;
	background:#000 /*url(../images/menu_add_background.gif) no-repeat*/;
	text-align:right;
	color:#fff;
	line-height:24px;
	}
div#menu_add ul { 
	margin:0px; padding:0px; /* indents ul from edge of container */
	float:right;
	text-align:right;
	}
div#menu_add li {
	text-align:left;
	float:right;	/* causes the list to align horizontally instead of stack */
	margin-left:4px;
	margin-right:4px;
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#000; /*sets the background of the menu items */
	font-weight:bold;
	}
div#menu_add li:hover { 
	background-color:#333; /*sets the background of the menu items */
	}
div#menu_add a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 0px; /*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_add a:hover {
	color:#fff;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#menu_add 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:16em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-100px; /*aligns the drop exactly under the menu */
	}
div#menu_add ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-top:1px solid #333;
	padding:0 5px 1px;		
	background:#f00;
	text-transform:none;
	line-height:19px;
	background-color:#000;
	font-weight:normal;
	}
div#menu_add ul li ul li:first-child {
	border-top:1px solid #333; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#menu_add ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#menu_add ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

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

/* another level of pop-outs */
div#menu_add ul li ul li:hover ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#menu_add 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_add 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_add 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_add 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_add 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_add ul li ul {padding-bottom:0px;}
   body div#menu_add ul li ul li ul {padding-bottom:0px;}
   body div#menu_add 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 */

div.titlebarclick {
  background:url(../images/bt_titlebarclick-df.gif) right no-repeat #fff;
  color:#000;
  padding-left:4px;
  line-height:14px;
  font-weight:bold;
  text-transform:uppercase; 
  font-size:10px; 
  margin-right:1px; 
  cursor:pointer;
}

div.titlebarclick:hover {
  background:url(../images/bt_titlebarclick-hl.gif) right no-repeat #000; 
  color:#fff
}

div.article, div.article-colored{
	position:relative;
	left:0px;
	top:0px;
	width:445px;
	height:100px;
	overflow:hidden;
	margin-bottom:5px;
}
div.article-image{
	position:absolute;
	left:5px;
	top:5px;
	height:90px;
	width:90px;
	background-color:#FFF;
	overflow:hidden;
}
div.article-name{
	position:absolute;
	left:115px;
	top:5px;
	height:100px;
	width:300px;
	font-weight:bold;
	font-size:11px;
	color:#CCC;
}
div.article-name a, div.article-name a:visited, div.article-name a:hover {
	color:#CCC;
}
div.article-price{
	position:absolute;;
	font-size:11px;
	left:115px;
	top:25px;
	height:100px;
	width:300px;
	font-size:10px;
	color:#FFF;
}
div.article-form{
	position:absolute;;
	left:300px;
	top:65px;
}

#guestbook .guestbook-entry {
  position: relative;
  border-bottom: 3px dashed #ededed;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

#guestbook .guestbook-entry .guestbook-date {
  font-weight: bold;
}

#guestbook .guestbook-entry .guestbook-name {
  color: #702B2E;
  font-weight: bold;
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
}

#language {
  text-align: right;
  position: relative;
  float:right;
  margin-right: 5px;
  top: 5px;
}

#language a {
    color: transparent;
}

#language img {
    border: 0 none;
}


#photoalbum {
	width: 475px;
}

#gallery ul {
	list-style: none;
}

#gallery li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid gray;
	padding: 3px;
    background: white;
	-moz-box-shadow: 0px 0px 5px gray;
	-webkit-box-shadow: 0px 0px 5px gray;
    box-shadow: 0px 0px 5px gray;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#gallery li:hover {
	border: 1px solid black;
	-moz-box-shadow: 0px 0px 5px black;
	-webkit-box-shadow: 0px 0px 5px black;
    box-shadow: 0px 0px 5px black;
}

#gallery img {
	border: none;
}

/*Player*/

#playerholder {
	position: relative;
	float: right;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* Winky hacky */

#event div.content { height: auto; }

#cart_qty {
	width: 15px;
    height: 10px;
    position: relative;
    float: left;
}

#frontpage .eventlocation {
	width: 250px;
}

#newsitems li {
	background-color: #e4e4e4;
	margin-bottom: 7px;
	padding: 2px;
	-moz-box-shadow: 0px 0px 3px black;
	-webkit-box-shadow: 0px 0px 3px black;
    box-shadow: 0px 0px 3px black;
}

#newsitems li:hover {
	background-color: #f4f4f4;
}