/* RESET ALL STYLES */
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{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 SETTINGS */

html, body {height: 100%;}


	body
	{
		color:					#000000; 
		font-family: 			arial;
		font-size: 				70%;
		line-height:			1.5em;	
	}

	body.homeanimation {
     	background:				url(../graphics/bg-home-animation.gif) 50% -2000px no-repeat;	
    }

	.clearBox
	{
		clear:					both;
		font-size:				0px;
		height:					0px;
	}
	
	.clearBoxTwo
	{
		clear:					both;
	}
	
	strong	{ font-weight: bold; }

#wrap {overflow:auto;
	padding-bottom: 50px;
    }  /* must be same height as the footer */
#theme-footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
    width: 100%; 
    background: url(../graphics/autumn-leaves.gif)  bottom left repeat-x;
	clear:both;
    
    } 

#banners-rotator {
	padding: 10px 0 0 10px; 
	position: relative;
    height: 150px;
	border-bottom:1px solid #b2b2b2;
}   

#banners-rotator a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	margin-left:10px;
}

#banners-rotator a.active {
    z-index:10;
}

#banners-rotator a.last-active {
    z-index:9;
}
    
.outlines { border-right:			1px solid #B5B4B2;
		border-left:			1px solid #B5B4B2;  }


/* CANVAS AREA */

	#canvasArea
	{	
		margin:					0 auto;
		width:					900px;
		position:				relative;
		border-right:			1px solid #B5B4B2;
		border-left:			1px solid #B5B4B2;
		background:				url(../graphics/bg_canvas.gif) repeat-y;
	}
    
    .homeanimation #canvasArea { border: 0; background: none; padding: 0 1px;  }
	
	#canvasArea ul.accessibility{
		display:				none;
	}
	
	#event  em {font-style:italic}
	
/* HEADER AREA */
	#headerArea
	{
		background:				#FFFFFF;
		height:					133px;
		width:					900px;
		border-bottom:			1px solid #B5B4B2;
	}
		
		#headerArea h1
		{	
			background:				url(../graphics/bg_logo.gif) no-repeat;
			display:				block;
			height:					130px;
			width:					433px;
			display:				none;
		}	
		
		#headerArea h2, #headerArea h3, #headerArea h1 span
		{
			display:				none;
		} 
		
		#headerArea img					{ margin:0 0 1px 0; }
		
#headerArea a span				{ display: none; }
#headerArea a.home 				{ position: absolute; display: block; height: 55px; width: 389px; margin: 33px 0 0 23px; background: url(../graphics/bg-transparent-50x50.gif) 0 0 repeat; }
#headerArea a.secondLogo		{ position: absolute; display: block; height: 130px; width: 197px; margin: 1px 0 0 700px; background: url(../graphics/bg-transparent-50x50.gif) 0 0 repeat; z-index: 10; }
#headerArea img.secondLogo		{ position: absolute; display: block; height: 130px; width: 197px; margin: 1px 0 0 700px; z-index: 5; }

/*mainNavigationArea*/

#mainNavigationArea{
	background-color:			#FE0000;
	width:						900px;
	height:						35px;
	padding:					0;
	position:					relative; 
	z-index:					100;
}
	#mainNavigationArea ul li{
		
		float:			left; 
		margin:			0;
		position:		relative;
		border-bottom:	1px solid #fff;
		
	}
	
	#mainNavigationArea ul li a{
		
		width:						129px;
		border-right:				1px solid #FFFFFF;
		display:					block;
		float:						left;
		color:						#FFFFFF;
		text-decoration:			none;
		padding:					10px;
		font-weight:				bold;
		font-size:					120%;
		background:					#FE0000;
	}
	
	
	
	#mainNavigationArea ul li a:hover{
		background:					#000000;
	}
	
	
	#mainNavigationArea ul li a:hover span{ 
		border-bottom:				1px solid #FFFFFF;
	}
	#mainNavigationArea  ul li:hover a span{
		border-bottom:				1px solid #FFFFFF;
	}
	
	#mainNavigationArea  ul li:hover a {
		background:					#000000;
		
	}
	
	#mainNavigationArea  ul li:hover ul li a {
		background:					#FFFFFF;
	}
	
	
	
	#mainNavigationArea  ul li a.selectedElement span {
		border-bottom:				1px solid #FFFFFF;
	}
	
	#mainNavigationArea  ul li a.activeElement  {
		background:					#000000;
	}
	
	
	#mainNavigationArea ul li ul li a:hover span{ 
		border-bottom:					none;
	}
	
		#mainNavigationArea ul li a.lastElement{
			width:						130px;
			border-right:				none;
		}
			
	/* DROPDOWN */
	
		#mainNavigationArea ul li ul {
			display: 			none;
			padding:			0;
			border-left:		1px solid #FD0300;
			border-bottom:		1px solid #FD0300;
			
			background:			#FFFFFF;
		}
		
		/* specific to non IE browsers */
		#mainNavigationArea ul li:hover a {
			color:			#fff; 
		}
		
		#mainNavigationArea ul li:hover ul {
			display:		block; 
			position:		absolute; 
			top:			37px; 
			left:			-1px; 
			width:			149px;
			z-index:		100;
			}
			
		#mainNavigationArea ul li:hover ul li a.hide {background:#30ADFF; color:#fff;}
		#mainNavigationArea ul li:hover ul li:hover a.hide {background:#30ADFF; color:#000;}
	
		#mainNavigationArea ul li:hover ul li a {
			display:				block;
			color:					#000000;
			padding:				3px 10px 3px 10px;
			width:					129px;
			font-weight:			bold;
			border-right:			1px solid #FD0300;
			font-size:				100%;
			font-weight:			normal;
			}
		#mainNavigationArea ul li:hover ul li a:hover { 
			color:#FFF;
			background:#FD0300;
			
		}
		
		
		
		
		#mainNavigationArea ul li ul li a:hover { 
			color:#FFF;
			background:#FD0300;
			
		}
	
/* SUBNAVIGATIONAREA */

	#subNavigationArea
	{
		float:					left;
		width:					200px;
	}
	
		#subNavigationArea h4{
			background:				#000000;
			color:					#FFFFFF;
			font-weight:			bold;
			font-size:				120%;
			padding:				10px;
		}
		
		#subNavigationArea ul{
			margin:				0 0 10px 0;
		}
		
		#subNavigationArea ul li{
			display:			inline;
		}
		
		
		/* LEVEL01 */ 
		
		#subNavigationArea ul li a{
			display:				block;
			border-bottom:			1px solid #B5B4B2;
			background:				url(../graphics/bg_subnab_inact.gif) no-repeat;
			padding:				7px 20px 7px 20px;
			text-decoration:		none;
			color:					#000000;
			width:					160px;
		}
		
			#subNavigationArea ul li a:hover{
				color:					#FFFFFF;
				background:				#FE0000 url(../graphics/bg_subnab_act.gif) no-repeat;
			}
			
			#subNavigationArea ul li a.activeElement{
				color:					#FFFFFF;
				background:				#FE0000 url(../graphics/bg_subnab_act.gif) no-repeat;
				border:					none;
			}
			
	
		/* LEVEL02 */ 
		
		#subNavigationArea ul li ul{
			border-bottom:			1px solid #B5B4B2;
			margin:					0;
		}
		
		#subNavigationArea ul li ul li a{
			display:				block;
			border-bottom:			none;
			background:				none;
			padding:				3px 20px 3px 25px;
			text-decoration:		none;
			color:					#000000;
			width:					155px;
		}
		
			#subNavigationArea ul li ul li a:hover{
				border-bottom:			none;
				background:				none;
				color:					#FE0000;
			}
			
			#subNavigationArea ul li  ul li a.activeElement{
				color:					#FE0000;
				background:				none;
				border:					none;
				font-weight:			bold;
			}
			
		/* LEVEL03 */ 
		#subNavigationArea ul li ul li ul{
			border:					none;
			margin:					0;
		}
		
		
		#subNavigationArea ul li ul li ul li a{
			display:				block;
			border-bottom:			none;
			background:				none;
			padding:				3px 20px 3px 35px;
			text-decoration:		none;
			color:					#000000;
			width:					145px;
		}
		
			
			#subNavigationArea ul li  ul li ul li a.activeElement{
				color:					#FE0000;
				background:				none;
				border:					none;
				font-weight:			normal;
			}
		

/* PRIMARY CONTENT AREA */
	#primaryContentArea
	{
		float:			left;
		width:			500px;
	}
	
		#primaryContentArea .contentBox{
			padding:			15px;
		}
		
			#primaryContentArea .contentBoxTwo{
			width:			225px;
			float:			left;
		}
		
		#primaryContentArea .contentBoxThree{
			width:			225px;
			float:			right;
		}
		
		#primaryContentArea .contentBoxFour{
			clear:			both;
		}
	
/* SECONDARY CONTENT AREA */
	#secondaryContentArea
	{
		float:					right;
		width:					200px;
	}
	
/* SERVICE AREA */
	#serviceArea {
			height:					180px;
			border-bottom:			1px solid #B5B4B2;
	}
	
	#serviceArea ul {
		padding:				10px 0px 3px 1px;
	}		

	#serviceArea ul li {
			display:					inline;
	}
		
		
		#serviceArea ul li span{
				margin: 					0 0 0 -9999px;
				display: 					block;
				height: 					1px;
				position: 					absolute;
		}
		
		#serviceArea ul li a{
			text-decoration:			none;
			display:					block;
			width:						195px;
			height:						14px;
			padding:					0 0 10px 0;
			border:						none;
			cursor:						pointer;
		}
		
			#serviceArea ul li a.sitemap{
				background:					url(../graphics/bt_wegwijzer.gif) no-repeat;
			}
				
				#serviceArea ul li a.sitemap:hover{
					background:					url(../graphics/bt_wegwijzer_act.gif) no-repeat;
				}
			
			#serviceArea ul li a.question{
				background:					url(../graphics/bt_question.gif) no-repeat;
			}
				#serviceArea ul li a.question:hover{
					background:					url(../graphics/bt_question_act.gif) no-repeat;
				}
			
			#serviceArea ul li a.contact{
				background:					url(../graphics/bt_contact.gif) no-repeat;
			}
				#serviceArea ul li a.contact:hover{
					background:					url(../graphics/bt_contact_act.gif) no-repeat;
				}
			
			#serviceArea ul li a.iparktaf_link{
				background:					url(../graphics/bt_stuur.gif) no-repeat;
			}
				#serviceArea ul li a.iparktaf_link:hover{
					background:					url(../graphics/bt_stuur_act.gif) no-repeat;
				}
			
			#serviceArea ul li a.letterSize{
				background:					url(../graphics/bt_lettersize.gif) no-repeat;
			}
				#serviceArea ul li a.letterSize:hover{
					background:					url(../graphics/bt_lettersize.gif) no-repeat;
				}
			
			#serviceArea ul li a.english{
				background:					url(../graphics/bt_english.gif) no-repeat;
			}
				
				#serviceArea ul li a.english:hover{
					background:					url(../graphics/bt_english_act.gif) no-repeat;
				}
				
			#serviceArea ul li a.openingstijden{
				background:					url(../graphics/bt_openingstijden.gif) no-repeat;
			}
				
			#serviceArea ul li a.openingstijden:hover{
					background:					url(../graphics/bt_openingstijden_act.gif) no-repeat;
				}
				
			#serviceArea ul li a.voorlezen{
				background:					url(../graphics/bt_voorlezen.gif) no-repeat;
			}
				
			#serviceArea ul li a.voorlezen:hover{
					background:					url(../graphics/bt_voorlezen_act.gif) no-repeat;
				}
				
			#serviceArea ul li a.readaloud{
					background:					url(../graphics/bt_readaloud.gif) no-repeat;
			}
				
			#serviceArea ul li a.readaloud:hover{
					background:					url(../graphics/bt_readaloud_act.gif) no-repeat;
			}
			
			#serviceArea ul li a span{
				margin: 					0 0 0 -9999px;
				position: 					absolute;
			} 

			#smaller{
				margin:						0 0 0 110px;
			}
			#bigger{
				margin:						0 0 0 5px;
			}
	
/* FOOTER AREA */
	#footerArea
		{
			width:					900px;
			height:					20px;
            overflow: 				hidden;
			border-top:				1px solid #B5B4B2;
			border-bottom:			1px solid #B5B4B2;
			background:				#FFFFFF url(../graphics/bg_footer.gif) no-repeat;
			text-align:				center;
			color:					#B5B4B2;
			padding:				4px 0 0 0;
			position:				relative;
		}
		
		#footerArea ul li{
			display:		inline;
			padding:		0 0 0 3px;
		}
		
		#footerArea ul li a{
			background:				url(../graphics/bg_delimiter.gif) left center no-repeat;
			padding:				0 0 0 8px;
			text-decoration:		none;
			color:					#B5B4B2;
		}
		
		
		#footerArea ul li a:hover{
			color:					#FE0000;
		}
		
		#footerArea .footerPayoff{
			display:				block;
			width:					94px;
			height:					22px;
			position:				absolute;
			top:					2px;
			left:					806px;
		}
		

#secondaryContentArea{
	min-height:				425px;
}


#secondaryContentArea .searchBox{
	background:				#FE0000;
	border-left:			1px solid #B5B4B2;
	border-bottom:			1px solid #B5B4B2;
	padding:				10px;
	
}

	#secondaryContentArea .searchBox h4{
		background:				url(../graphics/zoeken_klein.gif) no-repeat;
		height:					15px;
		width:					179px;
	}
	
		#secondaryContentArea .searchBox h4 span,#secondaryContentArea .searchBox label{
			display:				none;
		}
		

	
	#secondaryContentArea .searchBox label.labelAqua{
		background:				url(../graphics/label_search.gif) no-repeat;
		display:				block;
		height:					13px;
		width:					150px;
		margin:					10px 0 0 0;
		
	}
	

		#secondaryContentArea .searchBox label.labelAqua span, .searchBox label.labelIntranet span{
			display:			none;
		}
		
	#secondaryContentArea .searchBox input{
		background:				url(../graphics/bg_input.gif) no-repeat;
		border:					none;
		display:				block;
		height:					22px;
		padding:				2px 0 0 4px;
		margin:					8px 0 0 0;
		width:					175px;
		float:					left;
	}
	
	#secondaryContentArea .searchBox input.button{
		background:				none;
		width:					55px;
		float:					right;
		padding:				0;
		
	}
	
	.searchBox label.labelTitle span{
			display:			none;
		}		

	#secondaryContentArea .searchBox #uilang, #uilang{
		display:none;
	}
	

	label.error								{ margin: 0 0 0 100px; width: 210px; background-color: #000; font-size: 90%; border-bottom: 1px solid #FE0000; padding: 3px 7px 3px 5px; color: #fff; }
	input.error								{ border: 1px solid #FE0000; }

	/* if animation enabled, fix position order */
	.homeanimation #queryInput,
    .homeanimation .newsElements li a, 							
	.homeanimation #searchForm .button						{ position: absolute; border: none; }
    .homeanimation #searchForm .button						{ margin: 9px 0 0 395px; }
    .homeanimation .newsElements li .content				{ padding-top: 15px; padding-bottom: 10px; }			
	.homeanimation .newsElements li a						{ margin-top: -15px; display: block; }
	.homeanimation #queryInput								{ z-index: 5000; z-index: 50; }
       
	/* drempelsvrij link style */
	.drempelsvrij-link						{ position: absolute; display: block; height: 20px; width: 68px; margin: -2px 0 0 2px; left: 0; } 	
	
	.text-block								{ display: block; width:  100%; padding: 1em 0 1em 0; }
	
	.reactions								{ border:1px solid #b2b2b2; margin: 2em 0 0 0; }
	.reactions span							{ background: #000; color: #fff; padding: 3px 5px 3px 5px; display: block; }
	.reactions .time						{ float: right; color: #fe0000; }
	.reactions p							{ padding: 5px; }
	
	#obavision								{ width: 100%; background: #000; height: 216px; }
	#obavision #video						{ margin: 0 0 0 42px; }
	
	#canvasArea .activity-description		{ padding: 1em 0 1em 0; }
	
	#obajeugdFlash 							{ position: absolute; width: 270px; height: 110px; z-index: 30; margin: 24px 0 0 309px; }
	#beachball 								{ position: absolute; width: 800px; height: 400px; z-index: 30; margin: 14px 0 0 30px; }
	#girl-dancing							{ position: absolute; width: 200px; height: 100px; margin: 34px 0 0 345px; }
    #oba-herfst								{ position: absolute; width: 700px; height: 360px; z-index: 30px; margin: 50px 0 0 75px; }


	/*
		Active Tickets
	*/

	.programma-listbox				 			{margin:0 0 10px 0; border:1px solid #fe0000 ; padding:5px}
	.programma-listbox strong 					{font-size: 1.7em; color:#fe0000 ; font-weight:bold}
	
	.ticket-searchbox 							{margin:0 0 10px 0; border:1px solid #fe0000 ; padding:5px}
	.programma-detailbox						{margin:0 0 10px 0; border:1px solid #fe0000 ; padding:5px}
	
	.aterror-box 								{margin:0 0 10px 0; border:1px solid #fe0000 ; padding:5px}
			
	/* OBA Agenda - ActiveTickets */
	.shopping-cart									{ display: block; width:114px; height: 45px; background: url(../graphics/agenda/shopping-cart-btn.gif) 0 0 no-repeat; position: absolute; margin: -15px 0 0 555px; }
	.shopping-cart span,
	a.event-teaser span							{ display: none; }
	#js-agenda-form								{ display:none; background: #f2f2f2; height: 140px; width: 669px; }
	
	#no-js-agenda-form								{ background: #f2f2f2; height: 140px; width: 669px; }
	#no-js-agenda-form	div						{ margin-bottom:15px}
	#no-js-agenda-form	form 					{ padding:10px}
	#no-js-agenda-form input						{ border:1px solid #6f6f6f }
	#no-js-agenda-form select						{ border:1px solid #6f6f6f }
	
	h2.agenda													{ font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; height: 30px; line-height: 1em; border-bottom: 1px solid #000; width: 669px; margin: 0 0 10px 0;   }
	
	/* list absolute positions */
	#js-agenda-form	.dropdown-list					{ position: absolute; z-index: 10; }
	#js-agenda-form	.dropdown-list.first			{ margin: 19px 0 0 22px; }
	#js-agenda-form	.dropdown-list.second		{ margin: 19px 0 0 183px; }
	#js-agenda-form	.dropdown-list.third			{ margin: 19px 0 0 344px; }
	#js-agenda-form	.dropdown-list.fourth		{ margin: 19px 0 0 505px; }
	
	#js-agenda-form .select-value						{ background: url(../graphics/agenda/bg-select-value.gif) 0 0 no-repeat; width: 144px; height: 31px; cursor: pointer; border: 0; }
	#js-agenda-form .select-value span				{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; margin: 9px 0 0 11px; line-height: 1em; position: absolute; }
	#js-agenda-form ul li a									{ display: block; width: 118px; font-size: 11px; padding: 8px 4px 8px 20px; margin: 0;  font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; border-bottom: 0px solid #e5e5e5; }
												  
	#js-agenda-form ul li li a,
	#js-agenda-form	ul li.active.last-item li a	{ border: 0; }
	
	#js-agenda-form ul,
	#js-agenda-form ul li ul							{ display: none; }
	#js-agenda-form ul li ul.active				{ display: block; }
	
	#js-agenda-form ul li.list-parent a			{ font-weight: bold; background: url(../graphics/agenda/bg-listparents.gif) 0 -6px no-repeat;  }
	#js-agenda-form ul li.list-parent li a		{ font-weight: normal; background: url(../graphics/agenda/bg-listitem.gif) left bottom repeat-x; ;height:25px}
	
	/*
	#js-agenda-form ul li.list-parent.active a		{ background: url(../graphics/agenda/bg-listparents.gif) 0 -39px no-repeat;  }
	#js-agenda-form ul li.list-parent.active li a	{ background: url(../graphics/agenda/bg-listitem.gif) 6px 31px no-repeat; }
	*/
	#js-agenda-form ul.double					{ width: 284px; float: left; }
	#js-agenda-form ul.double li				{ float: left; }
	#js-agenda-form ul.double li a			{ float: left; display: block; width:160px;}
	
	#js-agenda-form ul								{ clear: both; width: 142px; border: 1px solid #b5b4b2; background:#FFF; float:left}
	#js-agenda-form ul li							{ clear: left; display: block; line-height: 1em; }
	#js-agenda-form ul ul,
	#js-agenda-form	li.last-item a,
	#js-agenda-form li.last-item li a.last-item	{ border: 0; }
	#js-agenda-form ul li li						{ clear: none; }
	
	#js-agenda-form	li.last-item li a,
	#js-agenda-form	li.active.last-item a		{ border-bottom: 1px solid #e5e5e5;  }
	#js-agenda-form ul li.clear-value a			{ color: #b5b4b2; }
	body #js-agenda-form .dropdown-list ul li a:hover	{ background-color: #f4f4f4; }
	
	#js-agenda-form	form .submit				{ width: 144px; height: 31px; position: absolute; margin: 71px 0 0 505px;  }
	#js-agenda-form	form .search-query			{ width: 458px; height: 24px; position: absolute; margin: 71px 0 0 22px; border-left: 1px solid #6f6f6f; font-size: 12px;
												  border-top: 1px solid #6f6f6f; border-right: 1px solid #b5b4b2; border-bottom: 1px solid #b5b4b2; color: #BBBBBB; padding: 6px 0 0 8px;  }
	
	.event-teaser-notfound	{ width: 647px; border-left: 1px solid #b5b4b2; border-top: 1px solid #b5b4b2; border-right: 1px solid #6f6f6f; 
												  border-bottom: 1px solid #6f6f6f; margin: 15px 0 0 0; padding: 10px; height: 66px;  }
	.event-teaser-notfound .title						{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FE0000; margin-top: -2px; }
	
	a.event-teaser								{ position: absolute; width: 647px; height: 66px; background: #336666; margin: -10px 0 0 -10px; background: url(../graphics/agenda/blankx10.gif) 0 0 repeat; border: 0; }
	.event-teaser								{ width: 647px; border-left: 1px solid #b5b4b2; border-top: 1px solid #b5b4b2; border-right: 1px solid #6f6f6f; 
												  border-bottom: 1px solid #6f6f6f; margin: 15px 0 0 0; padding: 10px; height: 66px; background: url(../graphics/agenda/btn-details.gif) 580px 50px no-repeat; }
	.event-teaser div							{ position: absolute; margin-left: 130px; }
	.event-teaser .title						{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FE0000; margin-top: -2px; }
	.event-teaser .datetime						{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; margin-top: 16px; }
	.event-teaser .subtitle						{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6F6F6F; margin-top: 34px;  }
	.event-teaser .price						{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin-top: 50px; }
	
	.event-teaser .image-placeholder			{ width: 120px; height: 65px; background: url(../graphics/agenda/image-placeholder.gif) 0 0 no-repeat; position: relative; margin: 0; }
	
	
	/* Detail CSS */
	h3											{ font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #FE0000; padding: 0.5em 0 0.5em 0;  }
	#event .details								{ background: #e5e5e5; width: 210px; font-size: 11px; padding: 20px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 20px 0; }
	#event .details .label						{ font-weight: bold; width: 100px;  }
	#event .details table td					{ height: 20px; }
	#event .image img							{ border: 1px solid #afb3bc; }
	#event .content								{ position: absolute; margin: 0 0 0 270px; width: 400px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; }
	
	#event .content	a.tickets-link				{ width: 90px; height: 31px; background: url(../graphics/agenda/tickets-link.gif) 0 0 no-repeat; display: block; margin: 15px 0 15px 0; }
	#event .content	a.tickets-link span			{ display: none; }
	
	#event .content h4 							{ font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
	#event .content ul.prices					{ margin: 10px 0 0 0; }
	#event .content ul.prices li				{ border-bottom: 1px solid #e5e5e5; float: left; padding: 2px 0 2px 0; }
	#event .content ul.prices li span			{ width: 200px; display: block; float: left; }
	
	#event a.back								{ color: #FE0000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 10px 0 0 0; float: left }
	
	.banner-content								{ clear: both; margin-bottom: 10px; }
	#template_home .banner-content img			{ width: 470px; }

	#partnerpas									{ background: #fe0000 url(../graphics/partnerpas_animated.gif) 0 0 no-repeat; padding: 320px 20px 20px 20px; }
	#partnerpas.thankyou						{ background-image: url(../graphics/partnerpas_bedankt.jpg); padding-bottom: 0; }
	
	#partnerpas	label, #partnerpas h5			{ color: #fff; }
	#partnerpas	input							{ width: 320px; border: none; padding: 3px;  }
	#partnerpas	.formButton input				{ width: auto; }
	#partnerpas .formElement.first				{ border-top: 1px dashed #fff; padding-top: 20px; }

	#partnerpas .contentItem 					{ border: none; border-top: 1px dashed #fff; padding-top: 10px; color: #fff; padding-bottom: 20px }
	#partnerpas .contentItem h4					{ display: none; }


/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#socialmedia {
    background: url("../graphics/socialmedia-oba.png") no-repeat scroll 0 0;
    height: 33px;
    margin: 10px 0 0 0;
    padding-bottom: 10px;
    width: 200px;
    clear: both;
    border-bottom: 1px solid #B2B2B2;
}
#socialmedia ul {
    margin: 0 0 0 8px;
}
#socialmedia ul li {
    float: left;
}
#canvasArea #socialmedia ul li a {
    display: block;
    float: left;
    height: 33px;
    margin: 0 2px 0 0;
    padding: 0;
    width: 35px;
    background:none;
    border: none;

}
#socialmedia ul li a span {
    display: none;
}
#socialmedia ul li a:focus, #socialmedia ul li a:active, #socialmedia ul li a:hover {
    border: 0 none;
    background:none;
}

#canvasArea #socialmedia ul li a:hover { background-image: url("../graphics/socialmedia-oba.png"); background-repeat: no-repeat; }

#canvasArea #socialmedia ul li a.twitter:hover { background-position: -8px -67px; }
#canvasArea #socialmedia ul li a.facebook:hover { background-position: -45px -67px; }
#canvasArea #socialmedia ul li a.hyves:hover { background-position: -82px -67px; }
#canvasArea #socialmedia ul li a.flickr:hover { background-position: -119px -67px; }
#canvasArea #socialmedia ul li a.youtube:hover { background-position: -156px -67px; }

#lid-worden				{ width:161px; height:40px; padding:44px 0 0 493px; position:absolute; }