html{
}
	body
	{
		background:#fffff0;
		cursor:default;
		font-family:Tahoma, Geneva, Verdana, Arial, Helvetica, courier;
		background: url("../inc/img/backgrounds/hk tubes.jpg") no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		/*font: 400 15px/1.8 "Lato", sans-serif;*/
		font-size:11px;
		margin: 0;
		padding: 0;
	}
	.topframe
	{
		z-index:2;
		width: 1001px;
		height: 60px; 
		position: fixed;
		left: 50%;
		margin-left: -500px;
		background-color: #333;
		color: #fffff0;
	}
	.inner_top
	{
		font-size: 11px;
		margin: 5px;
		line-height: 48px;
	}
	.topmenu_input {
		background-color: #333;
		color: #fcc;/*#fffff0;*/
		font-size:11px;
		font-weight: bold;
		padding: 0 10px 0 10px;
		height:50px;
		box-sizing: border-box;
		border: 1px solid #555;
		outline: none;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.topmenu_button/*,.topmenu_buttonB*/
	{
		background-color: #333;
		color: #fffff0;
		border:1px solid #555;
		padding: 0 10px 0 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		margin:0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		cursor: pointer;
	}
	.topmenu_button:hover, .topmenu_input:hover, .topmenu_input:focus/*, .topmenu_buttonB*/
	{
		border:1px solid #fffff0;
		box-shadow:0px 0px 5px #aaf,0px 0px 5px #aaf inset;
	}
	.accent
	{
		/*border:1px solid #a55;
		background: #800;*/
		//box-shadow: inset 0px 0px 11px 2px rgba(251,21,0,1);
		box-shadow: inset 0px 0px 11px 2px rgba(21,251,0,1);
	}
	.leftframe, .leftframe_expand
	{
		z-index:1;
		width: 233px;
		min-width: 233px;
		height: 100%;
		position: fixed;
		top: 60px;
		left: 50%; 
		margin-left: -500px;
		overflow:hidden;
		background-color:#fffff0;
		color:#333;
		transition: 0.1s all 0.2s;	/* transtime all transdelay allebei op mouse OUT*/
		/*transition-delay: 0.2s;
		/*border-left: 1px dotted #333;
		border-right: 1px dotted #333;*/
		border-right: 1px solid #fffff0;/* hide :)*/
	}
	/*.leftframe_expand
	{
	}
	*/
	.leftframe_expand:hover
	{
		border-right: 1px solid #ddd;
		width: 460px;
		background-color:#ffffea;
		box-shadow: 64px 0px 118px -83px #333;
		transition: 0.1s all 0.3s;	/* transtime all transdelay allebei op mouse IN*/
  	}
	.rightframe
	{
		z-index:0;
		width: 767px;/* van 640 naar 766 dus 126px winst!*/
		position: absolute;
		top: 60px;
		left: 50%;
		margin-left: -267px; /* = viewport(1001px) /2  - leftframe width */
		min-height: 100%;
		overflow:hidden;
		background:#fffff5;
		color: #333;
		/*border-right: 1px dotted #333;*/
	}
	.inner
	{
		margin:5px;
	}
	.button_close
	{
		height:25px;
		width:25px;
		display: inline-block;
		float:right;
		cursor:pointer;
		background: url('img/icons.png') -390px -0px;
		background-color:#fff;
		border-radius:5px;
		border:1px solid #aaa;
		transition-duration:0.5s;
	}
	.button_close:hover
	{
		background:url('img/icons.png') -390px -30px;
	}
	.overlay_background
	{
		z-index:4;
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		visibility:hidden;
	}
	.overlay_trans
	{
		height:100%;
		width:100%;
		margin:0 auto;
		background:url(img/transparent_bg.png);
	}
	.popup
	{
		position:fixed;
		left:50%;
		margin-left: -450px;
		width:900px;
		/*top:50%;*/
		top:60px;
		/*margin-top: -250px;*/
		height:500px;
		background:#fffff0;
		border:1px solid #333;
		overflow: hidden;
		/*
		border-radius:9px;-moz-border-radius:9px;
		box-shadow: 0px 12px 20px 0px #333;
		transition-duration:0.1s;
		*/
	}
	.popup:hover
	{
		/*box-shadow: 0px 12px 200px 0px black;*/
	}
	#popup_content
	{
		margin:20px
	}
	#ZSG, #instruments_overlay, #releaselist_overlay, #presetslist_overlay, #optionslist_overlay, #sound_fx_overlay
	{
		z-index:3;
		position: absolute;
		/*display: none;*/
		visibility:hidden;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		opacity:0;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color:#fffff0;
		/*z-index: 1;*/
		margin:5px;
	}
	div.labelswitch{
		line-height:13px;
		margin:0;
		padding-left:5px;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		cursor: pointer;
	}
	
	.l_view	{background:#afa;}
	.l_hide	{background:#faa;}
	.l_hide:hover{background:#afa;}
	.l_view:hover{text-decoration: line-through;}
/*
	div.labelswitch:hover, .l_hide{
		text-decoration: line-through;
	}
*/

	.bloc { display:inline-block; vertical-align:top; overflow:hidden; /*border:solid grey 1px;*/ }
	.bloc select { padding:10px; margin:-5px -20px -5px -5px; font-size:11px; background:#fffff0;}
	select.sorteer{
		font-family:Tahoma, Geneva, Verdana, Arial, Helvetica, courier;
		font-size:11px;
		background:#fffff0;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	div.searchblock{
		float:left;
		width:109px;
		padding:0;
		margin:0;
		margin-right:5px;
	}
	div.searchblock_wide{
		float:left;
		width:223px;
		padding:0;
		margin:0;
		margin-right:5px;
	}
	.searchlist{
		line-height:15px;/*13*/
		list-style-type:none;
		margin:0;
		padding:0;
		font-size:12px;/*11*/
		font-weight:normal;
		cursor:pointer;
		/*opacity:0.7;*/
		/*border: 1px dotted #fffff0;*/
		transition-duration: 0.5s;
	}
	/*.searchlist:hover{opacity:1;}*/
	.searchlist li{padding: 0px 5px 0px 5px; white-space: nowrap; font-weight:normal; transition-duration: 0.3s;}
	.searchlist li:hover{text-decoration:underline;background:white;}
	/*.searchlist li.selected{/*color:#fffff0; background:#555;* /background:#afa;}*/

	.searchlist li.selected{box-shadow: inset 0px 0px 11px 2px rgba(21,252,0,1);}

	.searchlist li .hideable{float:right;font-weight:bold;opacity:0.3; transition-duration: 0.5s; color:#f00;}
	.searchlist li .hideable:hover{opacity:1}
/*	.searchlist li.hide{background:#faa;}*/
	.searchlist li.hide{box-shadow: inset 0px 0px 11px 2px rgba(251,21,0,1);}
/*	.searchlist li div:hover{cursor:pointer;}*/
	
	div.searchlist_header{
		padding-left:5px;
		font-size:12px;
		color:#000;
/*		border-bottom: 1px solid #ddd;*/
		/*box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3) inset;*/
		font-weight:bold;
	}
	div.searchlist_container{
		color: #000;
		/*border-bottom: 1px solid #ddd;*/
		margin:0 0 5px 0;
	}

	div.searchlist_btn, div.inline_btn, #results a{
		background-color: white;/*#fffff0;#333;*/
		color: #333;/*#fffff0;*/
		border:1px solid #555;
		font-weight: normal;
		text-align: center;
		text-decoration: none;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		cursor: pointer;
		line-height: 20px;
		margin:0 0 6px 0;
	}
	div.inline_btn, #results a{
		display:inline-block;
		padding: 0 10px 0 10px;
		margin:0;
	}
	div.searchlist_btn.instrumenten{
		padding-left:5px;
		text-align:left;
	}
	.searchlist_btn:hover, div.inline_btn:hover, #results a:hover{
		background-color: #333;
		color: #fffff0;
		border:1px solid #fffff0;
		box-shadow:0px 0px 5px #aaf,0px 0px 5px #aaf inset;
	}
	.CanvasContainer{		background-color:white; width:750px; height:65px; margin:0px auto; text-align:center; border:1px solid #eee; border-radius:5px; -moz-border-radius:5px;}
	.timedisplay{			position:absolute;display:inline-block; width:100px; text-align:center; font-size:2em; line-height:63px;}
	#WaveformDisplay{		cursor:pointer; border-left:1px solid #eee; border-right:1px solid #eee;}
	#sm2-container{			position:absolute;width:1px;height:1px;overflow:hidden;_overflow:hidden;}
	.favo_dropdown
	{
		display: none;
		position: absolute;
		background-color: #fff;
		border-radius:5px;
		border: 1px solid #ddd;
		overflow: hidden;
		margin:0;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index:5;
		-webkit-animation-name: animate_fadein;
		-webkit-animation-duration: 0.4s;
		animation-name: animate_fadein;
		animation-duration: 0.4s;
		transition-duration:0.5s;
	}
	.favo_dropdown:hover
	{
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
	}
	@-webkit-keyframes animate_fadein
	{
		from {opacity:0} to {opacity:1}
	}
	@keyframes animate_fadein
	{
		from {opacity:0} to {opacity:1}
	}
	.favo_dropdown div
	{
		margin:6px;
	}
	.favo_dropdown div.text
	{
		height: 25px;
		display: inline-block;
		overflow:hidden;
		line-height: 25px;
	}
	.show
	{
		display:inline-block;
	}
	div.track_container			{			border:1px solid #eee; border-radius:5px; padding:2px; margin: 0 0 1px 0; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1); transition-duration:0.5s;}
	div.track_container:hover	{			border:1px solid #aaa; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.9);}
	div.track_containerB		{			background-color:#fff; border:1px solid #666; border-radius:5px; padding:2px; margin: 0 0 1px 0; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4); transition-duration:0.5s;}
	div.track_containerB:hover	{			border:1px solid #000;}
	
	div.Dtrack_title			{			display: inline-block; overflow: hidden; font-size:2em; font-weight:bold; line-height:26px;}
	div.Dtrack_versie			{			display: inline-block; overflow: hidden; font-size:1.0em; font-weight:bold; width:90px; line-height:26px;}
	div.Dtrack_time				{			display: inline-block; overflow: hidden; font-size:1.0em; font-weight:normal; width: 60px; line-height:26px; text-align:center;}
	div.Dtrack_omschrijving		{			display: inline-block; overflow: hidden; font-size:1.0em; font-weight:normal; width:450px; line-height:26px;}
	div.Ddownload				{			display: inline-block; overflow: hidden; height: 25px; width: 25px;}
	div.Dcategory				{			display: inline-block; overflow: hidden; font-size:1.0em; font-weight:normal; width: 40px; line-height:26px; text-align:center;}
	div.track_no_style			{			display:inline-block; overflow:hidden; width:30px; color:#aaa; border-radius:5px; box-shadow: 0px 0px 10px 0px #ddd inset;}
	#details_loader				{			display:inline-block; overflow:hidden; float:right; width:16px;}

					.TR_CNT
						{
						width: 753px;
						height: 60px;
						opacity:0.9;
						border: 1px solid #aaa;
						border-top: 1px solid white;
						overflow: hidden;
						margin:0;
						padding:0;
						box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
						-webkit-transition-duration: 1s;
						transition-duration: 1s;
						}
					.TR_CNT .inner
						{
						margin: 3px 3px 0 3px; /*top right bottom left*/
						}
					.TR_CNT .row
						{
						margin: 0;
						}
					.TR_CNT:hover, .TR_CNT.selected
						{
							opacity:1;
							border: 1px solid #aaa;
							background: #efe;
							box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.3);
						}
					.TR_CNT .title, .TR_CNT .title_nofocus
						{
							display: inline-block;
							vertical-align:middle;
							font-size:1.5em;
							width:300px;
							overflow:hidden;
							white-space: nowrap;
							font-weight:bold;
						}
					.TR_CNT .title_nofocus
						{
							/*color:#000;
							font-weight:normal;*/
						}
					.TR_CNT .title span:hover, .TR_CNT .title_nofocus:hover
						{
							cursor:pointer;
							text-decoration: underline;
							letter-spacing:0.1px;
							transition-duration: 0.5s;
							color:#00f;
						}
					/*.TR_CNT .title_nofocus:hover
						{
							color:#00f;
						}
					*/
					.TR_CNT .track_version
						{
							display: inline-block;
							vertical-align:middle;
							text-align:right;
							font-size:1.0em;
							font-weight:bold;
							width:60px;
						}
					
					.TR_CNT .track_time
						{
							display: inline-block;
							vertical-align:middle;
							text-align:center;
							font-size:1.2em;
							font-weight:bold;
							width:55px;
						}
					.TR_CNT .track_bpm
						{
							display: inline-block;
							vertical-align:middle;
							text-align:center;
							font-size:1.0em;
							font-weight:normal;
							width:55px;
						}
					.TR_CNT .track_icons
						{
							display: inline-block;
							vertical-align:middle;
							text-align:center;
							line-height:1.0em;
							overflow:hidden;
							white-space: nowrap;
						}
					.TR_CNT .track_cat
						{
							font-size:0.8em;
							float:right;
						}
					.TR_CNT .track_versioncnt
						{
							display: inline-block;
							vertical-align:middle;
							text-align:center;
							font-size:1.0em;
							font-weight:normal;
							width:60px;
						}

					.TR_CNT .description, .TR_CNT .description_focus
						{
							margin: 5px 5px 0 5px; /*top right bottom left*/
							font-size:1.2em;
							line-height:1.2em;
							overflow:hidden;
							white-space: nowrap;
							font-weight:normal;
						}
					.TR_CNT .description_focus
						{
							font-size:1.3em;
							line-height:1.3em;
							font-weight:bold;
						}

					.TR_CNT_shop
						{
						width: 753px;
						/*height: 130px;*/
						opacity:0.9;
						border: 1px solid #aaa;
						border-top: 1px solid white;
						overflow: hidden;
						margin:0;
						padding:0 0 50px;
						background: white;
						box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.3);
						}
					.TR_CNT_shop .omschrijving
						{
							display: inline-block;
							font-size:1.2em;
							width:585px;
							overflow:hidden;
							white-space: nowrap;
							font-weight:bold;
							margin-left:25px;
						}
					.TR_CNT_shop .currency
						{
							display: inline-block;
							text-align:left;
							font-size:1.0em;
							font-weight:normal;
							width:20px;
						}
					.TR_CNT_shop .price
						{
							display: inline-block;
							text-align:right;
							font-size:1.2em;
							font-weight:normal;
							width:55px;
						}
					.TR_CNT_shop .btw
						{
							display: inline-block;
							text-align:right;
							font-size:1.2em;
							font-weight:normal;
							width:55px;
							border-bottom: 1px solid black;
						}

	.actief_project_link{}
	.actief_project_link:hover
	{
		cursor:pointer;
		text-decoration:underline;
	}

	form.downloadform
	{
		display: inline-block; margin:0; padding:0; float:right;
	}

	.results_header{
		text-align:left;
		margin-bottom:5px;
	}
	.results_result
	{
		color: black;
		font-size:1.2em;
		padding: 0 5px 0 5px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		margin:0;
		border:1px solid #aaa;
	}

	.tag_button
	{
		color: black;
		font-size:1.2em;
		padding: 0 5px 0 5px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		margin:0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		cursor: pointer;
	}
	.taglike
	{
		border:1px solid #afa;
	}
	.taglike:hover
	{
		text-decoration:line-through;
		/*border:1px solid #afa;*/
		box-shadow:0px 0px 15px #afa inset;
	}
	.tagnotlike
	{
		border:1px solid #faa;
	}
	.tagnotlike:hover
	{
		text-decoration:line-through;
		box-shadow:0px 0px 15px #fdd inset;
	}
	.tagkeyword
	{
		border:1px solid #afa;
	}
	.tagkeyword:hover
	{
		/*border:1px solid #afa;*/
		box-shadow:0px 0px 15px #afa inset;
		cursor: default;
	}

	.icon, .icn				{height: 25px; width: 25px; display: inline-block; overflow:hidden; transition-duration:0.2s;}
	.icon					{cursor:pointer;}
	
	._liketoggle, ._likeRO	{ background: url('img/icons2.png')  -0px   -0px;	}
	._liketoggle:hover		{ background: url('img/icons2.png')  -0px  -30px;	}
	._likeother				{ background: url('img/icons2.png') -30px  -60px;	}

	._off					{ background: url('img/icons2.png') -390px  -0px;}
	._off:hover				{ background: url('img/icons2.png') -390px  -30px;}

	._pin					{ background: url('img/icons2.png') -420px  -0px;}
	._pinon, ._pin:hover	{ background: url('img/icons2.png') -420px  -30px;}
	._pinon:hover			{ background: url('img/icons2.png') -420px  -90px;}
	._pin2					{ background: url('img/icons2.png') -420px  -60px;}
	._pin2:hover			{ background: url('img/icons2.png') -420px  -0px;}

	._zgn					{ background: url('img/icons2.png') -480px  -0px;}
	._zgn:hover				{ background: url('img/icons2.png') -480px  -30px;}

	._beluisterd			{ background: url('img/icons2.png') -480px  -90px;}
	._beluisterdon			{ background: url('img/icons2.png') -480px  -60px;}

	._play					{ background: url('img/icons2.png') -510px  -0px;}
	._playon, ._play:hover	{ background: url('img/icons2.png') -510px -30px;}
	._playon:hover			{ background: url('img/icons2.png') -510px -60px;}

	._proj, ._projRO		{ background: url('img/icons2.png') -540px  -0px;}
	._projon, ._projonRO	{ background: url('img/icons2.png') -540px -60px;}
	._proj:hover			{ background: url('img/icons2.png') -540px -30px;}

	._shop					{ background: url('img/icons2.png') -600px  -0px; float:right;}
	._shop:hover			{ background: url('img/icons2.png') -600px  -30px;}

	._shopon				{ background: url('img/icons2.png') -600px  -30px; float:right;}
	._shopon:hover			{ background: url('img/icons2.png') -600px  -60px;}

	._shopM					{ background: url('img/icons2.png') -600px  -0px;}
	._shoponM				{ background: url('img/icons2.png') -600px  -30px;}

	input.downloadbutton								{ background: url('img/icons2.png') -450px  -0px; no-repeat; border:none; cursor:pointer; width:25px; height:25px; transition-duration:0.2s;}
	input.downloadbutton:hover, input.downloadbuttonB	{ background: url('img/icons2.png') -450px -30px; no-repeat; border:none; cursor:pointer; width:25px; height:25px;}
	
	
				._fav0 {	background: url('img/icons2.png') -0px  -0px;}
				._fav_on0, ._fav0:hover{ background: url('img/icons2.png') -0px  -30px;}
			
				._fav1 {	background: url('img/icons2.png') -30px  -0px;}
				._fav_on1, ._fav1:hover{ background: url('img/icons2.png') -30px  -30px;}
			
				._fav2 {	background: url('img/icons2.png') -60px  -0px;}
				._fav_on2, ._fav2:hover{ background: url('img/icons2.png') -60px  -30px;}
			
				._fav3 {	background: url('img/icons2.png') -90px  -0px;}
				._fav_on3, ._fav3:hover{ background: url('img/icons2.png') -90px  -30px;}
			
				._fav4 {	background: url('img/icons2.png') -120px  -0px;}
				._fav_on4, ._fav4:hover{ background: url('img/icons2.png') -120px  -30px;}
			
				._fav5 {	background: url('img/icons2.png') -150px  -0px;}
				._fav_on5, ._fav5:hover{ background: url('img/icons2.png') -150px  -30px;}
			
				._fav6 {	background: url('img/icons2.png') -180px  -0px;}
				._fav_on6, ._fav6:hover{ background: url('img/icons2.png') -180px  -30px;}
			
				._fav7 {	background: url('img/icons2.png') -210px  -0px;}
				._fav_on7, ._fav7:hover{ background: url('img/icons2.png') -210px  -30px;}
			
				._fav8 {	background: url('img/icons2.png') -240px  -0px;}
				._fav_on8, ._fav8:hover{ background: url('img/icons2.png') -240px  -30px;}
			
				._fav9 {	background: url('img/icons2.png') -270px  -0px;}
				._fav_on9, ._fav9:hover{ background: url('img/icons2.png') -270px  -30px;}
			
				._fav10 {	background: url('img/icons2.png') -300px  -0px;}
				._fav_on10, ._fav10:hover{ background: url('img/icons2.png') -300px  -30px;}
			
				._fav11 {	background: url('img/icons2.png') -330px  -0px;}
				._fav_on11, ._fav11:hover{ background: url('img/icons2.png') -330px  -30px;}
			
				._fav12 {	background: url('img/icons2.png') -360px  -0px;}
				._fav_on12, ._fav12:hover{ background: url('img/icons2.png') -360px  -30px;}
			
	
	
				span.AM {
					border-radius:2px;
					border: 1px solid #faa;
					background-color: #faa;
					/*box-shadow: 0px 0px 10px 0px #faa inset;*/
					}

				div.AM {
					display:inline-block; 
					font-size:1.0em; 
					margin:0;
					border-radius:5px;
					box-shadow: 0px 0px 10px 0px #faa inset;
					text-align:center;
					width:40px;}

				div.OVAM {
					display:inline-block; 
					/*font-size:1.0em; 
					margin:0;*/
					cursor:pointer;
					border-radius:5px;
					padding:12px;
					box-shadow: 0px 0px 10px 0px #faa inset;
					/*text-align:center;*/
					}

				div.OVAM:hover {
					background-color: #faa;
					}

			
				span.HI {
					border-radius:2px;
					border: 1px solid #ef0;
					background-color: #ef0;
					/*box-shadow: 0px 0px 10px 0px #ef0 inset;*/
					}

				div.HI {
					display:inline-block; 
					font-size:1.0em; 
					margin:0;
					border-radius:5px;
					box-shadow: 0px 0px 10px 0px #ef0 inset;
					text-align:center;
					width:40px;}

				div.OVHI {
					display:inline-block; 
					/*font-size:1.0em; 
					margin:0;*/
					cursor:pointer;
					border-radius:5px;
					padding:12px;
					box-shadow: 0px 0px 10px 0px #ef0 inset;
					/*text-align:center;*/
					}

				div.OVHI:hover {
					background-color: #ef0;
					}

			
				span.MI {
					border-radius:2px;
					border: 1px solid #ef5;
					background-color: #ef5;
					/*box-shadow: 0px 0px 10px 0px #ef5 inset;*/
					}

				div.MI {
					display:inline-block; 
					font-size:1.0em; 
					margin:0;
					border-radius:5px;
					box-shadow: 0px 0px 10px 0px #ef5 inset;
					text-align:center;
					width:40px;}

				div.OVMI {
					display:inline-block; 
					/*font-size:1.0em; 
					margin:0;*/
					cursor:pointer;
					border-radius:5px;
					padding:12px;
					box-shadow: 0px 0px 10px 0px #ef5 inset;
					/*text-align:center;*/
					}

				div.OVMI:hover {
					background-color: #ef5;
					}

			
				span.LB {
					border-radius:2px;
					border: 1px solid #ff5;
					background-color: #ff5;
					/*box-shadow: 0px 0px 10px 0px #ff5 inset;*/
					}

				div.LB {
					display:inline-block; 
					font-size:1.0em; 
					margin:0;
					border-radius:5px;
					box-shadow: 0px 0px 10px 0px #ff5 inset;
					text-align:center;
					width:40px;}

				div.OVLB {
					display:inline-block; 
					/*font-size:1.0em; 
					margin:0;*/
					cursor:pointer;
					border-radius:5px;
					padding:12px;
					box-shadow: 0px 0px 10px 0px #ff5 inset;
					/*text-align:center;*/
					}

				div.OVLB:hover {
					background-color: #ff5;
					}

			
				span.LL {
					border-radius:2px;
					border: 1px solid #ffa;
					background-color: #ffa;
					/*box-shadow: 0px 0px 10px 0px #ffa inset;*/
					}

				div.LL {
					display:inline-block; 
					font-size:1.0em; 
					margin:0;
					border-radius:5px;
					box-shadow: 0px 0px 10px 0px #ffa inset;
					text-align:center;
					width:40px;}

				div.OVLL {
					display:inline-block; 
					/*font-size:1.0em; 
					margin:0;*/
					cursor:pointer;
					border-radius:5px;
					padding:12px;
					box-shadow: 0px 0px 10px 0px #ffa inset;
					/*text-align:center;*/
					}

				div.OVLL:hover {
					background-color: #ffa;
					}

			
				span.PD {
					border-radius:2px;
					border: 1px solid #aef;
					background-color: #aef;
					/*box-shadow: 0px 0px 10px 0px #aef inset;*/
					}

				div.PD {
					display:inline-block; 
					font-size:1.0em; 
					margin:0;
					border-radius:5px;
					box-shadow: 0px 0px 10px 0px #aef inset;
					text-align:center;
					width:40px;}

				div.OVPD {
					display:inline-block; 
					/*font-size:1.0em; 
					margin:0;*/
					cursor:pointer;
					border-radius:5px;
					padding:12px;
					box-shadow: 0px 0px 10px 0px #aef inset;
					/*text-align:center;*/
					}

				div.OVPD:hover {
					background-color: #aef;
					}

			
				span.RO {
					border-radius:2px;
					border: 1px solid #f5f;
					background-color: #f5f;
					/*box-shadow: 0px 0px 10px 0px #f5f inset;*/
					}

				div.RO {
					display:inline-block; 
					font-size:1.0em; 
					margin:0;
					border-radius:5px;
					box-shadow: 0px 0px 10px 0px #f5f inset;
					text-align:center;
					width:40px;}

				div.OVRO {
					display:inline-block; 
					/*font-size:1.0em; 
					margin:0;*/
					cursor:pointer;
					border-radius:5px;
					padding:12px;
					box-shadow: 0px 0px 10px 0px #f5f inset;
					/*text-align:center;*/
					}

				div.OVRO:hover {
					background-color: #f5f;
					}

			
				span.TT {
					border-radius:2px;
					border: 1px solid #aaf;
					background-color: #aaf;
					/*box-shadow: 0px 0px 10px 0px #aaf inset;*/
					}

				div.TT {
					display:inline-block; 
					font-size:1.0em; 
					margin:0;
					border-radius:5px;
					box-shadow: 0px 0px 10px 0px #aaf inset;
					text-align:center;
					width:40px;}

				div.OVTT {
					display:inline-block; 
					/*font-size:1.0em; 
					margin:0;*/
					cursor:pointer;
					border-radius:5px;
					padding:12px;
					box-shadow: 0px 0px 10px 0px #aaf inset;
					/*text-align:center;*/
					}

				div.OVTT:hover {
					background-color: #aaf;
					}

			
				span.FX {
					border-radius:2px;
					border: 1px solid #000;
					background-color: #000;
					/*box-shadow: 0px 0px 10px 0px #000 inset;*/
					}

				div.FX {
					display:inline-block; 
					font-size:1.0em; 
					margin:0;
					border-radius:5px;
					box-shadow: 0px 0px 10px 0px #000 inset;
					text-align:center;
					width:40px;}

				div.OVFX {
					display:inline-block; 
					/*font-size:1.0em; 
					margin:0;*/
					cursor:pointer;
					border-radius:5px;
					padding:12px;
					box-shadow: 0px 0px 10px 0px #000 inset;
					/*text-align:center;*/
					}

				div.OVFX:hover {
					background-color: #000;
					}

			
				span.RE {
					border-radius:2px;
					border: 1px solid #fe0;
					background-color: #fe0;
					/*box-shadow: 0px 0px 10px 0px #fe0 inset;*/
					}

				div.RE {
					display:inline-block; 
					font-size:1.0em; 
					margin:0;
					border-radius:5px;
					box-shadow: 0px 0px 10px 0px #fe0 inset;
					text-align:center;
					width:40px;}

				div.OVRE {
					display:inline-block; 
					/*font-size:1.0em; 
					margin:0;*/
					cursor:pointer;
					border-radius:5px;
					padding:12px;
					box-shadow: 0px 0px 10px 0px #fe0 inset;
					/*text-align:center;*/
					}

				div.OVRE:hover {
					background-color: #fe0;
					}

			


span.highlight{
	padding-left:3px;
	padding-right:3px;
	border: 1px solid #ccc;
	background: #fff;
}
.activeereenproject{
	color:#00aa00;
	cursor:pointer;
}
.activeereenproject:hover{
	text-decoration:underline;
}
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li div.tablinks, ul.tab li div.tabinfo{
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 13px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 11px;
	font-weight:bold;
}
ul.tab li div.tablinks{
	cursor:pointer;
}
/* Change background color of links on hover */
ul.tab li div:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    /*font-size: 11px;*/
    padding: 6px 12px;
	/*border: 1px solid #ccc;*/
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
	height:400px;
	overflow-y:auto;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
ul.tab li.right{
    background-color: #fff;
	float:right;
}
div.uitleg { display: inline-block; overflow: hidden; font-size:1.0em; font-weight:normal; line-height:26px;}