body {
	font-family:	Tahoma, Verdana;
	font-size:		12px;
	margin:			0;
}

#upperbar {
	position:		relative;
	margin-top:		180px;

	height:			27px;
	background-color: #000;
}

#logo {
	position:		absolute;
	left:			50%;
	margin-left:	-247px;
	bottom:			-27px;
	
	width:			 497px;
	height:			 217px;
	background-image: url('../images/logo2.png');
}

#playfield {
/*	position:	relative;  overflow: hidden; only works in IE with positioned elements? */
/*	height:		500px;*/
	width:		100%;

/*	Als hele pagina moet kunnen scrollen:
	position:	relative;*/

	/* Alleen onderkant mag scrollen: */
	position:	absolute;
	top:		207px;
	bottom:		0;
	overflow:	auto;
}

.kirbox {
	position:			absolute;
	padding:			10px;
	background-color:	rgba(230,230,230,0.8);
	border: 			1px solid rgba(50,50,50,0.7);
	z-index:			101;
}

.sidebar {
	position:		relative;
	left:			25px;

	width:			145px;

	background-color:	rgba(230,230,230,0.8);
	border: 1px solid rgba(50,50,50,0.7);
	
	z-index:		80;
}
.sidebarcontent {
	width:			100%;
}
.sidebarbody {
	padding:		10px;
}

.sidebar h1 {
	font-size:		15px;
	margin:			0;
	background-color:	#000; /*rgba(0,0,0,0.5);*/
	padding:		2px 10px;
	color:			#fff;
}

.sidebar h2 {
	font-size:		100%;
	margin:			0 0 5px 0;
	color:			#a00;
}

.sidebar h2 .date {
	font-size:		80%;
	color:			#000;
}

.sidebar hr {
	border:			0px;
	border-bottom:	1px solid #aaa;
}




.newsitem {
	margin:			0 0 20px 0;
}



#artistselection {
	left:			17px;
	text-align:		right;

	width:			170px;
	padding-right:	0px;
	padding-bottom: 5px;
	
	top:			15px;
	
	font-size:		14px;
	
	color:			#a00;
}

#artistselection a {
	display:		block;

	margin:			8px 0 0 0;
	padding:		3px 10px;
	
	font-weight:	bold;

	text-decoration:	none;
	text-shadow:		rgba(255,255,255,0.8) 1px 1px 3px;
}

#artistselection a:focus {
	outline:			none;
}

#homemodemenu a {
	color:				#A00;
}

#homemodemenu a:hover {
	background-color:	#DDD;
}

#artistsmodemenu a {
	color:				#fff;
}

#artistsmodemenu a:hover {
	background-color:	#A00;
}



#artist_showcase {
/* DONT MAKE A CONTAINING BLOCK! */
	display:	none;
}



.artist {
	display:		none;

	position:		absolute;
	top:			10px;
	left:			194px;

	width:			350px;

	z-index:		70;
}

.artist h1 {
/*	font-size:		120%;*/
	font-size:		15px;
	color:			#A00;
	margin:			0 0 5px 0;
}

.artist img {
	display:	block;
	margin-bottom: 5px;
}

/* hide info for a specific artist by default */
.artistinfo {
	display:	none;
	position:	absolute;
	width:		210px; /* or left:0; right;0; but IE6 won't understand */
	overflow:	auto;
	overflow-x:	hidden;
}


.popup {
	display:		none;
	position:		absolute;
	right:			0px;
	bottom:			32px;

	width:			180px;
	padding:		10px;

	background-color:	rgba(230,230,230,0.8);
	border: 1px solid rgba(50,50,50,0.7);

	z-index:		101;
}
#rssfeed:hover .popup {
	display:	block;
}


#lowerbar {
	position:	absolute;
	bottom:		15px;
	width:		100%;

	height:	27px;
	background: #000 url('../images/virtuelle_gallerie.png') no-repeat scroll center center;
}

#webcreds
{
	display:		block;
	line-height:	27px;
	
	margin-left:	17px;
	color:			#222;
}
#webcreds a
{
	color:				#222;
}

.spcbutton {
	position: absolute;
	top:	50%;
	margin-top: -25px;

	font-size:	25px;
	line-height:	50px;
	text-align:	center;

	width:		50px;
	height:		50px;

	background-color:	#ddd;
	color:	#f00;
	
	z-index: 500;
}

#news {
	position:	absolute;
	right:		15px;
	top:		15px;

	left:		auto;
	
	width:			200px;
}

#rssfeed {
	position:	absolute;
	bottom:		10px;
	right:		10px;
}




#btntoleft {
	left:		20px;
}

#btntoright {
	right:	20px;
}


#demoimg {
	position:	absolute;
	top:		50%;
	right:		50px;
	margin-top:	214px;		/* 428 / 2 */
}

.homecontent {
	display:	none;
	top:		30px;
	left:		224px;
	right:		300px;
	position:	absolute;
	overflow:	auto;
	overflow-x:	hidden;
}