body{
  font-family:Trebuchet MS,Arial, Helvetica, Sans-Serif;
  font-size:10pt;
  margin:0px;
  width:100%;
  overflow:auto;
  background:url('http://malmoarena.com/img/stars_back.jpg') fixed;
  background-color:#111 !important;
}

h1{
	margin-top:0px;color:#bb0000; /* den röda färg som används generellt över sidan: enligt grafisk manual dock #ee0000 */
}
h2 {color:#333;}

h3 {font-size:13pt;color:#bb0000;margin:0px 0px 5px 0px;}
h4,h4 a{
  margin:0px;
  margin-top:0px;
  color:#444444;
  font-size:11pt;

}

hr{height:2px;border:0px;border-top:2px dotted #bbbbbb;color:white;margin-bottom:10px;}

a{text-decoration:none;color:#bb0000;}
a:hover{text-decoration:underline;}
.red
{
	color:#bb0000;
}
.info{
	font-size:8pt;
	color:#999;
}
#imgright{
	margin-left:20px;
	margin-bottom:15px;
}
#imgleft{
	margin-right:20px;
	margin-bottom:15px;
}
#wrapper
{
	display:table;
	margin:0 auto;
	width:930px;
	padding-bottom:50px;
}

#pageheader
{
	display:table;
	width:100%;
	color:#fff;
	margin-bottom:10px;
}
#topicons	
{
	position:absolute;
	width:930px;
	top:-20px;
}
#topicons .icon
{
	float:right;
	margin-left:10px;
}
#topicons .activeicon
{
	margin-top:7px;
}
#topicons .showicon
{
	margin-top:15px;
}

.semitransp
{
         /* Required for IE 5, 6, 7 */          
		 /* ...or something to trigger hasLayout, like zoom: 1; */          
		 /* Theoretically for IE 8 & 9 (more valid) */          
		 /* ...but not required as filter works too */          
		 /* should come BEFORE filter */         
		 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";            
		 /* This works in IE 8 & 9 too */          
		 /* ... but also 5, 6, 7 */          
		 filter: alpha(opacity=70);            
		 /* Older than Firefox 0.9 */          
		 -moz-opacity:0.7;            
		 /* Safari 1.x (pre WebKit!) */          
		 -khtml-opacity: 0.7;            
		 /* Modern!          
		 /* Firefox 0.9+, Safari 2?, Chrome any?         
		 /* Opera 9+, IE 9+ */          
		 opacity: 0.7;  
}

.notransp
{
         /* Required for IE 5, 6, 7 */          
		 /* ...or something to trigger hasLayout, like zoom: 1; */          
		 /* Theoretically for IE 8 & 9 (more valid) */          
		 /* ...but not required as filter works too */          
		 /* should come BEFORE filter */         
		 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;            
		 /* This works in IE 8 & 9 too */          
		 /* ... but also 5, 6, 7 */          
		 filter: alpha(opacity=1.0) !important;            
		 /* Older than Firefox 0.9 */          
		 -moz-opacity:1.0 !important;            
		 /* Safari 1.x (pre WebKit!) */          
		 -khtml-opacity: 1.0 !important;            
		 /* Modern!          
		 /* Firefox 0.9+, Safari 2?, Chrome any?         
		 /* Opera 9+, IE 9+ */          
		 opacity: 1.0 !important;  
}
#eventlist
{
	display:table;
	float:left;
	width:220px;
	height:210px;
	background-color:#777;
	margin-right:10px;
}
#eventmain
{
	display:table;
	float:left;
	width:700px;
	height:210px;
	background-color:#bb0000;
	margin-bottom:10px;
}
#main
{
	display:table;
	width:100%;
}

#leftcol
{
	width:220px;
	float:left;
	display:table;
	margin-right:10px;
}
#pagefooter
{
	float:right;
	color:#fff;
	font-size:9pt;
	text-align:center;
	padding-top:10px;
	width:700px;
}
#producedby
{
	padding-top:50px;
	text-align:right;
	width:100%;
	color:#333;
}
#producedby a
{
	color:#333;
}
#producedby a:hover
{
	color:#666;
}

#contentwrap{
	float:left;
	display:table;
	width:700px;
	background-color:#fff;
	padding-bottom:20px;
}
#content
{
	display:table;
	width:660px;
	margin:20px;
	padding-bottom:20px;
}


.lunchlist{
	 float:left;
	 display:table;
	 text-align:center;
	 width:180px;
	 height:80px;
	margin-bottom:20px;
	padding:10px;
	background-color:#efefef;
	border:1px solid #666;
}
.lunchlist b{
}
.lunchlist ul{
	margin-left:-30px;
	list-style:none;
}
.lunchinfo
{
 display:table;
 width:420px;
	 height:80px;
	float:right;
	padding:10px;
	background-color:#efefef;
	border:1px solid #666;
}
.lunchinfo ul{
	margin-left:-10px;
	padding-right:20px;
	margin:0px;
	list-style:circle;
}

#highlightbox
{
	clear:both;
	display:table;
	width:700px;
	height:321px;
	background:url('/img/box_background.jpg');
	background-color:#fff;
}
#highlightbox #boxcontainer
{
	padding:10px 20px 10px 17px;
}
#highlightbox #hbox
{
	display:table;
 float:left;
 width:210px;
 margin-left:9px;
}


#highlightbox #hbox #headline
{
   display:block;
   background-color:#bb0000;
   color:#fff;
   font-size:13pt;
   padding:3px 5px 3px 10px;
}
#highlightbox #hbox #text
{
    display:block;
	background-color:#ddd;
	padding:5px;
	height:105px;
	font-size:8pt;
	color:#222;
}
#highlightbox #hbox #text h3
{
	font-size:12pt;
	color:inherit;
}

	#hbox #text ul
	{
		list-style:circle;
		margin-left:-20px;

	}
#highlightbox #hbox #moreinfo
{
	display:table;
	width:210px;
	background-color:#ddd;
	text-align:right;
	padding-bottom:10px;
}
#highlightbox #hbox #moreinfo a
{
	float:right;
	padding:0px 5px 2px 20px;
	color:#fff;
	text-decoration:none;
	font-size:10pt;
	text-transform:uppercase;
	background-color:#bb0000;
}
#highlightbox #hbox #moreinfo img
{
	width:11px;
	height:14px;
	margin-left:10px;
}
#contentbanner{
	display:table;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;

}

#quicklinks
{
	float:right;
	width:220px;
	height:200px;
	margin-left:30px;
	font-size:9pt;
	font-weight:bold;
	margin-top:10px;
}
#quicklinks h3
{
	color:#666;
	font-size:14pt;
	margin-bottom:10px;
}
#quicklinks img
{
	margin:5px 15px 5px 0px;
}


/* CLASSES MENU --------------*/
#menuholder
{
  margin-bottom:5px;
  background-color:#232323;

}
#menuholder_active
{
  padding-bottom:10px;
  margin-bottom:5px;
  background-color:#232323;

}
.menu1{
  display:block;
  text-align:left;
  width:210px;		
  padding-left:10px;
  padding-top:7px;
  padding-bottom:7px;
  background:url('/img/arrowright_redb.gif') no-repeat right;
  background-color:#232323;
  color:#fff;
  font-size:11pt;
  text-decoration:none;
}
.menu1:hover{
  text-decoration:none;
  color:#888;

}
.menu1_active{
  display:block;
  text-align:left;
  width:210px;		
  background:url('/img/arrowdown_redb.gif') no-repeat right;
  background-color:#232323;
  padding-left:10px;
  padding-top:7px;
  padding-bottom:7px;
  color:#fff;
  font-size:11pt;
  text-decoration:none;


}
#pagemenu img
{
	display:none;
}
.menu2
{
	display:block;
	color:#999999;
	font-size:9pt;
	margin-left:20px;
	text-decoration:none;
	padding-top:5px;
}
.menu2:hover
{
	color:#fff;
}
.menu2_active
{
	display:block;
	color:#efefef;
	font-size:9pt;
	margin-left:20px;
	padding-left:10px;
	text-decoration:none;
	padding-top:3px;
    background:url('/img/arrowright_tiny.png') no-repeat left ;
}

#logo
{
	margin-top:30px;
	margin-bottom:10px;


}
/* SLIDER - main events */

.theme-default #slider {
    width:700px; /* Make sure your images are the same size */
    height:210px; /* Make sure your images are the same size */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:0px;
}

#elist #eventpost
{
	display:table;
	width:210px;
	margin-bottom:4px;
}

#elist #eventpost #eventdate
{
	display:table;
	float:left;
  height:67px;
  width:30px;
  text-align:center;
  vertical-align:middle;
  background-color:#bb0000;
  color:#ffffff;
  font-size:9pt;
  text-transform:uppercase;
 	font-weight:bold;
}

#elist #eventpost #eventdate div
{
 padding-top:18px;

}
#elist #eventpost #eventdate .month
{
	font-size:10pt;
	font-weight:bold;
}
#elist #eventpost #eventimage
{
	float:left;
	width:175px;
	height:67px;
}
#eventimage[title]
{
	color:red;
}

.frame {
	float:left;
	font:12px arial;
	width:210px;
	height:210px;
	border:none;
	overflow:hidden;
	background-color:#000;
}


/*====================*/
/*=== EVENT PAGE    ===*/
/*====================*/

	#eventwrapper
	{
		display:table;
		width:100%;
		border-bottom:1px dotted #999;
		font-size:9pt;
		padding:3px 0px 3px 0px;
	}
	#eventwrapper:hover
	{
		background-color:#efefef;
	}
	#eventwrapper #eventthumb
	{
		display:none;
		float:left;
		width:174px;
		margin-right:15px;
	}
	#eventwrapper #eventdate
	{
		float:left;
		width:50px;
		font-weight:bold;
	}
	#eventwrapper #eventtime
	{
		float:left;
		width:50px;
		color:#666;

	}	
	
	#eventwrapper #eventname
	{
		float:left;
		width:310px;
		margin-right:10px;
	}
	#eventwrapper #eventname a
	{
		text-decoration:none;
		color:#222;
		font-weight:bold;
	}
	#eventwrapper #eventname a:hover
	{
		color:#bb0000;
	}
	#eventwrapper .listimage
	{
		display:table;
		position:absolute;
		margin-bottom:70px;
	}
	#eventwrapper #eventloge
	{
		float:left;
		width:55px;
		font-size:8pt;
		margin-right:10px;
	}
	#eventwrapper #eventmenu
	{
		float:left;
		width:75px;
		font-size:8pt;
		margin-right:10px;
	}
	#eventwrapper #eventloge a, #eventwrapper #eventmenu a
	{
		font-weight:bold;
		color:#bb0000;
		text-decoration:none;
	}

	#eventmenu .menulist
	{
		padding:15px;
		position:absolute;
		border:1px solid #111;
		background-color:#fff;
	}
	#eventmenu .menulist a:hover
	{
		text-decoration:underline !important;
	}
	#eventwrapper #eventcats
	{
		float:right;
		width:90px;
		font-size:8pt;
	}


#eventpresentation
{
	display:table;
	float:left;
	width:460px;
}
#eventpresentation_fullwidth
{
	display:table;
	float:left;
}
#eventcol
{
	display:table;
	float:left;
	width:185px;
	margin-left:15px;
	margin-top:10px;
}

	#eventcol .box
	{
		padding:10px;
		margin-bottom:10px;
	}
	#eventcol .box div, #eventcol .box a
	{
		font-size:9pt;
		color:#bb0000;

	}
	#eventcol #dates, #eventcol #menu
	{
		background-color:#eee;
	}
	#eventcol #subevent
	{
		overflow:auto;
		height:200px;
	}
	#eventcol #tickets
	{
		background-color:#fff;
	}


/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}


.accordion h3
{
	background-color:#eee;
	color:#555;
	font-size:10pt;
	padding:5px;
	cursor:pointer;
}
.accordion p
{
	padding-left:5px;
}



#infobox_13right{
  float:right;
  width:30%;
  height:100%;

}

#infobox_13left{
  float:left;
  width:30%;
  height:100%;
  border-right:2px dotted #bbbbbb;
  padding-right:15px;
  margin-right:15px;

}

#infobox_23right{
  width:65%;
  float:right;

}

#infobox_23left{
  width:65%;
  float:left;
  padding-right:15px;
  border-right:2px dotted #bbbbbb;

}

.clear
{
	clear:both;
	display:block;
}

#ticketleft{
float:left;width:310px;padding-right:15px;
}
#ticketright
{
	float:left;width:310px;
	padding-left:15px;
  }