@charset "utf-8";		
/*  
	reset styles 
*/
	body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, ol, a, img {margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*  
	general: tagbased styles 
*/	


	body		{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:75%; color:#4d4d4d;}	
	a:link		{ color:#000000; text-decoration:none; }
	a:visited	{ color:black; }
	a:hover		{ color:#e6000a; }
	a:visited	{ text-decoration:none;}
	strong		{ font-weight:bold; }
	p			{ padding:0 0 15px 0; }
	em			{ font-style:italic; }
	textarea	{ font-family:Arial, Verdana, Helvetica, sans-serif; }

/*  
	canvas grid 
*/
	#canvas							{width:980px;margin: 0 auto; position:relative;}
	
	#container-top					{position:relative;width:980px;height:145px;border-bottom:1px solid #bf2f38;border-left:1px solid #bf2f38;border-right:1px solid #bf2f38;background:url('/hs/images/layout/top-background-0.jpg')}
	
	.tikker							{width:100%; border-bottom:0px solid white;border-top:0px solid white;padding:0px 0 0px 0;position:absolute;top:100px; height:20px;}
	
	#container-main					{width:980px;float:left;border-left:1px solid #bf2f38;border-right:1px solid #bf2f38; padding-top:0px;}

	#container-main #mainnav-column	{float:left;width:200px; padding-top:0px;border-top:15px solid #bf2f38;margin-top:1px}	
	#container-main	#content-main	{float:left;width:596px;margin:0 10px 0 35px; padding-top:30px;border:0px solid black}
	#container-main #sidebar		{float:right;width:120px; padding-top:0px; border-top:14px solid #bf2f38;margin-top:1px}


	#page-footer					{height:30px;padding-top:15px;border-left:1px solid #bf2f38;border-right:1px solid #bf2f38;border-bottom:1px solid #bf2f38; width:100%;clear:both;margin-bottom:15px;}
	#page-footer a					{display:block; margin: 0 300px;width:200px;font-size:12px;}
	#page-footer a.copy				{margin: 0 auto; padding-left:20px; background:url('/hs/images/layout/icon_copy.gif') no-repeat;height:20px}
	
	#logo							{border:0;margin:2px;}

/* 
	Navigation 
*/

	#sale_menu						{position:absolute;bottom:0px; left:199px; font-weight:bold;font-size:0.9em}
	#sale_menu ul					{list-style:none; border-top:1px solid #bf2f38; float:left; border-left:1px solid #bf2f38}
	#sale_menu li					{float:left;border-right:1px solid #bf2f38}
	#sale_menu li a#active			{background:#bf2f38;color:white}
	#sale_menu li a					{display:block;padding:5px 10px 5px 10px;background:url('/hs/images/layout/trans.png');color:#bf2f38}
	#sale_menu li a:visited			{color:#bf2f38;}
	#sale_menu li a:hover			{color:#bf2f38;background:white}


	#main_menu							{margin-top:0px; border-right:1px solid #bf2f38;border-bottom:1px solid #bf2f38;position:relative}
	#main_menu div.rb				{position:absolute; bottom:-1px;right:-1px; width:20px;height:20px;background:url('/hs/images/layout/corner_rb_b.gif') right bottom no-repeat;}

	#main_menu ul					{list-style:none; width:100%; font-size:1.2em;font-weight:bold;}
	#main_menu li					{padding:0px 0px 2px 0px;}
	#main_menu li.last				{margin-bottom:18px}
	#main_menu li a#active			{color:#bf2f38;border-bottom:1px solid #bf2f38;border-top:1px solid #bf2f38;}
	#main_menu li a					{display:block;padding:3px 0px 3px 5px;border-top:1px solid white;border-bottom:1px solid white;}
	#main_menu li a:visited			{color:black;}
	#main_menu li a:hover			{color:#bf2f38;border-bottom:1px solid #bf2f38;border-top:1px solid #bf2f38;}
	
	#usernav						{border-left:1px solid #bf2f38; border-bottom:1px solid #bf2f38;position:relative;}
	#usernav div.lb					{position:absolute; bottom:-1px;left:-2px; width:20px;height:20px;background:url('/hs/images/layout/corner_lb_b.gif') right bottom no-repeat;}

	#usernav ul						{width:100%;list-style:none}
	#usernav li						{padding:0px 0px 2px 0px;}
	#usernav li.last				{margin-bottom:18px;}
	#usernav li a#active			{color:#bf2f38;border-bottom:1px solid #bf2f38;border-top:1px solid #bf2f38;}
	#usernav li a					{display:block;padding:3px 0px 3px 5px;border-top:1px solid white;border-bottom:1px solid white;}
	#usernav li a:visited			{display:block;padding:3px 0px 3px 5px;border-top:1px solid white;border-bottom:1px solid white;}
	#usernav li a:hover				{color:#bf2f38;border-bottom:1px solid #bf2f38;border-top:1px solid #bf2f38;}

	.usernavinfo					{margin-top:-15px; margin-bottom:20px; padding-left:5px}


/* 
	Recent items 
*/
	.recent-items							{ margin-bottom:20px;width:100%;position:relative;border-right:1px solid #bf2f38;border-top:1px solid #bf2f38;border-bottom:1px solid #bf2f38;}
	.recent-items div.rb					{ position:absolute; bottom:-1px;right:-1px; width:20px;height:20px;background:url('/hs/images/layout/corner_rb_b.gif') right bottom no-repeat;}
	.recent-items ul li.header		{ padding:5px;background:#bf2f38; color:#ffffff; font-size:1.2em;font-weight:bold}
	
	.recent-items-month div.rb				{ position:absolute; bottom:-1px;right:-1px; width:20px;height:20px;background:url('/hs/images/layout/corner_rb_b.gif') right bottom  no-repeat;}
	.recent-items-month ul li.header		{ padding:5px;background:#bf2f38; color:#ffffff; font-size:1.2em;font-weight:bold}
	.recent-items-month							{ margin-top:20px;width:100%;position:relative;border-right:1px solid #bf2f38;border-top:1px solid #bf2f38;border-bottom:0px solid #bf2f38;}
	.recent-items-month ul						{ width:100%;list-style:none; }
	.recent-items-month li						{ font-size:0.9em;padding:0 }


	
	
	.recent-items ul						{ width:100%;list-style:none; }
	.recent-items li							{ font-size:0.9em;padding:0 5px; }
	.recent-items li a						{ display:block;padding:5px 0 5px 0px; }
	.recent-items li a:visited		{ color:black }
	.recent-items li a:hover			{ color:#bf2f38 }

	
	
	#teaser-bar								{ padding-right:1px; }
	#teaser-bar div.teaser			{ width:100%;height:100px;position:relative;border:1px solid #bf2f38; text-align:center;margin-bottom:10px; border-right:0;color:#bf2f38; }
	#teaser-bar div.teaser	a		{ font-weight:bold }
	#teaser-bar div.lt						{ position:absolute; top:-1px;left:-1px; width:20px;height:20px;background:url('/hs/images/layout/corner_lt_b.gif') left top no-repeat; }

	

	#teaser-bar	div.teaser a.active	{background:#bf2f38;color:#ffffff}
	
	#teaser-bar	div.teaser a		{display:block; width:120px;height:100px;color:#bf2f38;}
	#teaser-bar	div.teaser a:hover	{background:#bf2f38;color:#ffffff;}

	#teaser-bar	div.teaser a span	{padding:15px; width:90px;display:block;border:0px solid black;cursor:pointer}

/*

	#teaser-bar	ul					{width:100%;}
	#teaser-bar	ul li				{margin-bottom:5px;text-align:center;font-weight:bold}
	#teaser-bar	ul li.header		{background:url('/hs/images/layout/corner_lt_b.gif') left top no-repeat; margin-bottom:0}
	#teaser-bar	ul li a.active		{background:#bf2f38;color:#ffffff}
	#teaser-bar	ul li a				{display:block;border-left:1px solid #bf2f38;border-bottom:1px solid #bf2f38;border-top:1px solid #bf2f38;width:100%;}
	#teaser-bar	ul li a:hover		{background:#bf2f38;color:#ffffff}
*/
	#menu-flags						{float:right;margin:2px}

	.leesmeer						{font-size:1.2em; font-weight:normal; text-decoration:none;background:url("/hs/images/layout/read-more.gif") center left no-repeat;padding-left:10px}
	.linkalbum						{font-size:1.2em; font-weight:normal; text-decoration:none;background:url("/hs/images/layout/read-more.gif") center left no-repeat;padding-left:10px}
	.linkaccent						{font-size:1.2em; font-weight:normal; text-decoration:none; }

	.accent							{font-size:1.2em;font-weight:bold}
	.tussenKop1						{font-size:1.2em; font-weight:bold; text-decoration:none}

	.newsdate						{width:100%;text-align:right}
/*
	CMS 
*/

	h1								{color: #000000; size:2em; margin-bottom:10px;}
	h2								{color: #bf2f38; size:1.7em;}
	h3								{color: #bf2f38; size:1.5em;}
	h4								{color: #000000; font-size:2em; margin-bottom:5px;}
/* 
	CMS page Content 
*/

	.contentblock					{float:left;border-bottom:1px solid #bf2f38;width:100%;padding-bottom:20px; margin-bottom:20px;}
	.contentblock .img-right		{float:right; margin:2px 0 2px 5px }
	.contentblock .img-left			{float:left; margin:2px 5px 2px 0 }
	.contentblock h1				{font-size:2.2em;}
	.contentblock strong			{color:black}


/* programma */
	.programmablok		{float:right; padding:10px;font-size:10px;margin-left:10px;margin-bottom:10px;width:100px; background-color:#f4f4f4; border:1px solid #bf2f38};
	.programmablok hr	{border:none; background-color:#bf2f38; height:1px}
	.programmablok a	{text-decoration:underline}

/* 
	CMS page context (highlights) 
*/
	
	.contextblock			{ width:185px; height:185px; border:1px solid #bf2f38; float:left;margin:0px 5px 10px 5px; font-weight:normal;line-height: 40px}
	.contextblock a			{ color:#000000;width:100%; display:block; text-decoration:none; height:100%; font-size:1.5em;}
	.contextblock a:hover	{ background-color:#bf2f38; color:#ffffff;}
	/*
	.contextblock { margin:0px 5px 10px 5px; height:185px; width:185px; text-indent: 0px;line-height: 40px;
		color:black; font-weight:normal; float:left; 
		background-color:#ffffff; background-position:bottom right; background-image:url("/hs/images/bg/context-block-bg-blauw.gif"); background-repeat:no-repeat;
		font-family: "Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif;}
		
	.contextblock a {width:100%; display:block; text-decoration:none; height:100%; color:black; font-size:20px;}
	.contextblock a:hover {background-color:#bf2f38;color:white;  background-position:bottom right; background-image:url("/hs/images/bg/context-block-bg-rood.gif"); background-repeat:no-repeat;}

	*/

	/* album */
	.thumbnail				{border: 1px solid #e2e2e2; margin:0px 5px 10px 5px; width:180px; float:left; text-align:center }
	.thumbnail a			{width:100%; display:block; height:140px;}
	.thumbnail a:hover		{background-color:#e2e2e2;}
	.imgbox					{width:150px; height:111px; background-color:black;cursor:pointer;margin-left:15px; margin-right:15px }

	/* FORMS */

	
	.tableForm { border: 1px solid #bf2f38; border-collapse:collapse; padding:5px;}
	.tableForm td { border-top: 1px solid #bf2f38; padding:5px;}
	.tableForm th { border-top: 1px solid #bf2f38; padding:5px; text-align:left; font-size:14px; font-weight:bold; font-family: "Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif; color:#000000; background-color: #e2e2e2 }
	
	.tableFormTitle			{ border-top: 1px solid #bf2f38;text-align:left; font-size:14px; font-weight:normal; font-family: "Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif; color:#bf2f38; background-color: #e2e2e2 }
	.tableForm .formError	{padding:5px;font-size:10px; background-color:#bf2f38;color:white}
	.tableForm .formSaved	{padding:5px;font-size:12px; font-weight:bold;color:#bf2f38}

	.tableForm a {text-decoration:underline}

	
	.tableConcert  { width:100%; margin:0;padding:0;border:0;border-collapse:collapse} 
	.tableConcert td {border-bottom:1px solid #bf2f38;padding: 2px 5px 2px 5px }
	.tableConcertFooter {background-color:#bf2f38; padding: 5px 10px 5px 0;text-align:right}


	.tableBasketConf  { width:100%; margin:0;padding:0;border:0;border-collapse:collapse} 
	.tableBasketConf td {border-bottom:1px solid #bf2f38;padding: 0 }


	.tableBoard  { width:100%; margin:0;padding:0;border:0;border-collapse:collapse} 
	.tableBoard td {border-bottom:1px solid #bf2f38;padding: 2px 5px 2px 5px }
	.tableBoardFooter {background-color:#bf2f38; padding: 5px 10px 5px 0;text-align:right}
	.tableBoardBGCell { background-color:#bf2f38; color:white}

	.tableBasket				{ width:100%; margin:0;padding:0;border:0;border-collapse:collapse} 
	.tableBasket td			{ /*border-bottom:1px solid #bf2f38; */ padding: 2px 5px 2px 5px; }
	.basketRow					{border-bottom:1px solid #bf2f38;}
	.basketFooter				{border-bottom:1px solid #bf2f38;}

	.basketTitle {color: #bf2f38;width:100%; padding:5px; margin-top:3px; font-weight:bold; color:white; background-color:#bf2f38;}


	.button		{width:80px; height:20px; font-size:12px; background-color:#e2e2e2; border:1px solid #bf2f38; font-weight:normal; color:#bf2f38}

	.button2	{width:100px; height:22px; font-size:12px; background-color:#e2e2e2; border:1px solid #bf2f38; font-weight:normal; color:#bf2f38; font-family: "Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif; display:block}
	.button2:hover {background-color:#bf2f38; color:white;}

	.basket_button  {display:inline; width:80px; height:20px; border:1px solid #bf2f38; background-color:white;font-size:1em}
	.basket_input	{width:100%; border:1px solid #bf2f38; text-align:center;height:17px;}

	.input-medium	{width:150px;border:1px solid #bf2f38; background-color:#f4f4f4}
	.input  {width:100%; border:1px solid #bf2f38; background-color:#f4f4f4}
	.select {width:100%; border:1px solid #bf2f38; background-color:#f4f4f4}
	.select-store {width:100%; border:1px solid #e2e2e2; background-color:#ffffff}

	.tableOne		{ width:100%; margin:0;padding:0;border:0}
	.tableOne td	{ width:50%; margin:0;padding:0;border:0px solid green;text-align:top}
	.tableOne td p	{margin:0px;padding:0}


/* event agenda */

	.event-agenda 							{ margin:0 0 0px 0; border:1px solid #bf2f38; border-right:0;border-left:0; border-collapse:collapse}
	
	.event-agenda td.first				{ border-left:0}
	.event-agenda td.last				{ border-right:0;}


	.event-agenda tr.header td	{ font-weight:bold; color: #bf2f38;}
	.event-agenda td						{ width:30px;height:30px; text-align:center; border:1px solid #bf2f38;line-height:2.5em}
	.event-agenda td a					{ display:block;width:100%;height:100%}
	
	.event-agenda td a:hover		{ background:#bf2f38;color:white}
	
	.agenda-next								{ float:right;display:block; height:15px; width:25px;margin-top:3px}
	.agenda-prev								{ float:left;display:block; height:15px; width:25px;margin-top:3px}
	
	.active-day									{ font-weight:bold;  background-image:url("/hs/images/layout/active-day.gif")}

	.day-event-chooser					{border:1px solid #BF2F38;background-color:white;position:absolute;z-index:10;left:5px;top:5px;right:5px}

	.day-event-chooser	.titlebar					{ font-weight:bold;text-align:center}
	.day-event-chooser	.titlebar a				{ font-weight:bold}

	.day-event-chooser	.eventdayfooter	{ height:4px; background-color:#BF2F38;border-top:0px solid #ffffff}

	.day-event-chooser a								{ background :none; margin:0;padding:0; font-size:0.8em;font-weight:normal}
	.day-event-chooser a:visited					{ background :none; margin:0;padding:0; font-size:0.8em;font-weight:normal}

	/* dirigenten overzicht */

	.img-overzicht											{ float:right; margin:5px; border:1px solid black }
	.overzicht-box											{ clear:right}