@charset "utf-8";
/* CSS Document */

/* Concert css on frontpage*/

#concertContainer {
	position:absolute;
	left:41px;
	top:370px;
	width:980px;}
	
.week {
	float:left;}

.box {
	width:131px;
	float:left;
	line-height:normal;
	font-size:0.9em;}
	
.box .header,
.box .header.last { /* day */
	background-color:#999999;
	width:120px;
	font-size:1.1em;
	color:#FFFFFF;
	padding:2px 2px 3px 5px;
	border-right:4px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;}
.box .header.Last {
	width:128px;}
	
.box .header a:link,
.box .header a:visited {
	text-decoration:none;
	color:#ffffff;
	font-size:1.1em;}

.box a:link,
.box a:visited {
	text-decoration:underline;
	color:#333333;}
	
.box .wrapper {/* yellow bg */
	background-color:#FFCC00;
	padding:3px 0;}
	
.box .content,
.box .content.Last {
	color:#333333;
	width:119px;
	min-height:160px; height:auto !important; height:160px;
	padding:0px 5px 3px 3px;
	border-right:1px solid #FFFFFF;}
.box .content.Last {
	border:none;
	width:133px;
	padding:0px 0px 3px 3px;}
	
.box.Last {
	width:135px;}
	
.box .content .time {
	color:#FFFFFF;
	padding-top:8px;}

/* Concert selected css page */

.concertSelected { /* big yellow box */
	background-color:#FFCC00;
	margin-top:22px;
	margin-left:23px;
	width:921px;
	min-height:180px; height:auto !important; height:180px;}

	
/* concertname selected or not */
.concertBox.selectedConcert {
	font-weight:bold;
	background-image:url(../gfx/bgConcertNameSelected.gif);
	background-repeat:no-repeat;
	width:258px;
	height:33px;}
.concertBox.selectedConcert a:link,
.concertBox.selectedConcert a:visited {
	color:#000000;}
	
.concertBox{
	background-image:url(../gfx/bgConcertNameUnselected.gif);
	background-repeat:no-repeat;
	width:258px;
	height:33px;
	line-height:normal;
	padding-left:5px;}
	
.concertBox .time {
	color:#FFFFFF;}
	
.concertDateAndName { /* 2 colums wide */
	width:247px;
	float:left;
	padding:3px 0 0 3px;}
	
.concertDescription { /* 4 colums wide */
	width:510px;
	float:left;
	color:#333333;
	line-height:normal;
	padding:5px 5px 5px 15px;}
	
#concertFacts{ /* 1 colum wide */
	width:132px;
	float:left;
	padding:5px 0 0 9px;
	position:relative;
	text-align:right;
	min-height:180px; height:auto !important; height:180px; /* same as .concertSelected */}
	
#concertFacts #place {
	position:absolute;
	bottom:120px;
	right:5px;}	
#concertFacts #price {
	position:absolute;
	bottom:75px;
	right:5px;}
#concertFacts #kart {
	position:absolute;
	bottom:32px;
	right:1px;
	padding-bottom:1px;}
#concertFacts #billetter {
	position:absolute;
	bottom:7px;
	right:1px;}
	

.day,
.daySelected {
	background-color:#999999;
	width:120px;
	float:left;
	color:#FFFFFF;	
	font-size:1.1em;
	padding:2px 2px 3px 5px;
	border-right:4px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;}
	
.daySelected { /* if day is selected */
	background-color:#FFCC00;
	color:#000000;
	border-bottom:1px solid #FFCC00;}
.day.Last,
.daySelected.Last {
	width:128px;}

.day a:link,
.day a:visited{
	text-decoration:none;
	color:#FFFFFF;}
	
.daySelected a:link,
.daySelected a:visited{
	text-decoration:none;
	color:#000000;}