@charset "ISO-8859-1";
/* CSS Document */


body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	margin: 0px;
	background-color:#FDF8D6;
}

img {
	border: 0px;
}

div {
	margin: 0px;
}

br {
	line-height: 10px;
}

a {
	text-decoration:none;
	color: #33B3FF;
}

iframe {
	margin-left: -22px;
	margin-top: 11px;
}

#centerSite {
	width: 960px;
	vertical-align:middle;
	margin:auto;
}

#site {
	width: 960px;
}

#navigation {
	position: absolute;
	height:124px;
	width:960px;
	margin-top: -45px;
	z-index: 100;
}

.the_fix {
	background-image:url('../images/bg_navi.png');
	background-repeat:no-repeat;
	height:124px;
	width:960px;
}

#naviMenu {
	margin-left: 25px;
	float:left;
	width: 655px;
	z-index: 115;
}

#logoLink {
	height: 55px;
	width: 230px;
	margin-left: 25px;
	margin-top: 0px;
	z-index: 120;
	position:absolute;
	border: 0px;
}

.btnNavi {
	display:inline;
	margin-top: 62px;
	padding-right: 4px;
	vertical-align:top;
	cursor: pointer;
}

.btnNaviActive {
	display:inline;
	padding-right: 4px;
	margin-top: 62px;
	vertical-align:top;
}

#contentNavi {
	margin-left: 0px;
	margin-top: 25px;
	margin-bottom: 5px;
	float:left;
}

.navi2 {
	margin: 0px;
	margin-top: 5px;
	margin-left: -1px;
	text-align:center;
	float: left;
}

.navi2 a {
	margin-left: 20px;
	margin-right: 20px;
	vertical-align:top;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
}

.navi2 b {
	vertical-align:top;
	color:#000;
	text-decoration:none;
}

.navi2 a:hover {
	text-decoration:underline;
}
.navi2 img {
	margin-top: -5px;
}

#naviLanguage {
	width: 230px;
	height: 26px;
	float:right;
	margin-top: 45px;
	margin-right: 10px;
	border: 0px;
}

/* General dropdown styles */       
.dropdown dd, .dropdown dt, .dropdown ul {
	margin:0px;
	padding:0px;
	color:#FFF;
}

.dropdown dd {
	position:relative;
}
/* DT styles for sliding doors */
.dropdown dt a {
	background-image: url('../images/btn_language.jpg') no-repeat scroll right center;
	background-color: #33B3FF;
    display:block;
	padding-right:20px;
	color:#FFFFFF;
	text-decoration:none;
	border:0px;
	width:210px;
	height: 24px;
}
.dropdown dt a span {
	cursor:pointer;
	display:block;
	padding: 6px;
}
/* UL styles */
.dropdown dd ul {
	background-color:#33B3FF;
	display:none;
    list-style:none;
	padding:0px 0px;
	border:1px solid #FFFFFF;
	position:absolute; 
    left:0px;
	top:0px;
	width: 230px;
}
.dropdown span.value {
	display:none;
}
.dropdown dd ul li a {
	padding:5px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	border-bottom: #CCCCCC 1px solid;
}

.dropdown dd ul li a:hover {
	text-decoration:underline;
}

#naviSearchBox {
	width: 240px;
	height: 30px;
	background-color: #33B3FF;
	position:absolute;
	margin-top: 80px;
	margin-right: 10px;
	margin-left: 710px;
	border: 0px;
}

#text_size {
	background-color:#33B3FF;
	float: right;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	margin-top: 48px;
	margin-right: 10px;
	font-size:18px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#text_size a {
	color:#FFFFFF;
}
#searchInput {
	font-size: 14px;
	width: 180px;
	height: 20px;
	border: none;
	background-color: #33B3FF;
	color: #FFFFFF;
	padding: 4px;
	margin-left: 1px;
	margin-top: 1px;
}

#btnSearch {
	float:right;
	width: 30px;
	height: 30px;
}

#page {
	width: 960px;
	height:460px;
	margin-top: 90px;
	position:absolute;
}

#contentStart {
	float:left;
	width: 690px;
	height: 460px;
	background-color:#FFFFFF;
	padding: 10px;
	padding-right: 10px;
}

#content {
	width: 670px;
	float: left;
	background-color:#FFFFFF;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 50px;
}

#pageContentBody {
/*
	background-color:#999;
*/
}

#contentSpacer700 {
	float:left;
	width: 650px;
	height: 0px;
	background-color:#FFFFFF;
}

.bottomSpacer {
	margin-bottom: 10px;
}

#contentEvent {
	width: 970px;
	padding: 0px;
	margin-bottom: 10px;
	background-color:#fdf8d6;
	padding-bottom: 50px;
}

#contentLeftSide {
	width: 240px;
	float:right;
}

.eventList {
	width: 960px;
	float:left;
	background-color:#FFFFFF;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.eventThumb {
	width: 293px;
	height: 195px;
	float:left;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color:#FFFFFF;
}

.eventList {
}

.eventList ul {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	text-indent: -1px;
}

.eventList li {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	line-height: 20px;
	background-image: url("../images/arrow_black.png");
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 20px;
}

.eventList a {
	color: #000;
	text-decoration:none;
}

.eventList a:hover {
	text-decoration:underline;
}

#contentText {
	width: 420px;
	margin-top: 10px;
	float:left;
}

#contentImage {
	width: 240px;
	float:right;
}

#contentInfoBox {
	width: 220px;
	margin-top: 10px;
	padding: 5px 10px 5px 10px;
	float:right;
	background-color:#FDF8D6;
}

#contentMoreInfo {
	width: 220px;
	margin-top: 10px;
	padding: 5px 10px 5px 10px;
	float:right;
	font-weight:bold;
	background-color:#33B3FF;
	color: #FFF;
}

#contentMoreInfo a {
	color: #FFF;
	text-decoration:none;
}

#contentMoreInfo a:hover {
	text-decoration:underline;
}


#contentTicketBox {
	width: 220px;
	margin-top: 10px;
	padding: 5px 10px 5px 10px;
	float:right;
	font-weight:bold;
	background-color:#003F5F;
	color: #FFF;
}

#contentTicketBox a {
	color: #FFF;
	text-decoration:none;
}

#contentTicketBox a:hover {
	text-decoration:underline;
}

#sidebar {
	width: 240px;
	float:right;
	color:#FFF;
}

.sidebarHead {
	font-size:12px;
	width: 220px;
	padding: 10px;
	background-color:#33B3FF;
}

.sidebarList {
	width: 220px;
	padding: 10px;
	background-color:#0099DD;
	color:#FFF;
	margin-bottom: 10px;
}

.sidebarList ul {
	margin: 0;
	padding: 0;
	margin-left: 0px;
	text-indent: -1px;
}

.sidebarList li {
/*
	list-style: none url("../images/list_arrow.gif");
*/
/*
	list-style: none;
	background-image: url("../images/list_arrow.gif");
	background-repeat: no-repeat;
	background-position: -4px 4px;
	margin-left: -5px;
	padding: 0;
	margin-bottom: 5px;
	line-height: 15px;
*/	
	
	line-height: 15px;
	list-style: none;
	background-image: url("../images/list_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 20px; 	
}

.sidebarList a {
	color:#FFF;
	text-decoration:none;
}

.sidebarList a:hover {
	color:#FFF;
	text-decoration:underline;
}

#frontPageList {
	height: 322px;
}

#footer {
	float:left;
	width: 940px;
	height: 120px;
	background-color:#FFFFFF;
	padding: 10px;
	margin-bottom: 30px;
}

#noSlideshow {
	width: 960px;
	height: 50px;
	background-color:#0099DD;	
}

.footerColumn {
	width: 300px;
	height: 120px;
	position:inherit;
	float:left;
	margin-right: 6px;
	padding-left: 5px;
	padding-top: 5px;
}


/*		SLIDESHOW		*/

#slideshow {
	width: 960px;
	margin-top: 0px;
    height:220px;
	z-index: 10;
}

#slideshow IMG {
    position:absolute;
    margin-top:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}


/*		sIFR3 	*/
.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3 {
	font-family: Verdana;
	color: #FFF;
}

.sIFR-active h1 {
	font-size: 26px;
}

.sIFR-active h2 {
	font-size: 26px;
}

.sIFR-active h3 {
	font-size: 15px;
}

.sIFR-active h4 {
	font-size: 15px;
}

.blueLight {
	color:#09F;
}

.blueDark {
	color:#03F;
}

/*		EventBoxarna		*/


.smallLogoEvent {
	float: left;
	margin-left: 8px;
	margin-top: 8px;
}

.boxcaption h3 {
	margin: 6px 0px 0 30px; 
	margin-bottom: -6px;
	height: 18px;
}

.boxcaption h4 {
	margin: 6px 0px 0 30px; 
	margin-bottom: -6px;
	height: 18px;
}

.boxgrid { 
	width: 293px; 
	height: 195px; 
	margin-right: 10px;
	margin-bottom: 10px;
	float:left; 
	border: solid 10px #FFFFFF; 
	overflow: hidden; 
	position: relative;
}
.boxgrid img {
	position: absolute; 
	top: 0; 
	left: 0;
	border: 0; 
}

.boxcaption{
	float: left;
	position: absolute;
	background: #FFFFFF;
	height: 70px;
	width: 100%;
	opacity: 0.8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


.eventStartDate {
	font-size:26px;
	color: #000;
	margin-left: 3px;
	z-index: 20;
}

.eventStartHead {
	font-size:26px;
	color: #115588;
	margin-left: 30px;
	z-index: 20;
}


.eventGrid { 
	width: 680px; 
	height: 480px; 
	margin-right: 10px;
	margin-bottom: 10px;
	float:left; 
	background:#FFFFFF; 
	border: solid 8px #FFFFFF; 
	overflow: hidden; 
	position: relative;
}

.eventGrid img {
	position: absolute; 
	top: 0; 
	left: 0;
	border: 0; 
}

.eventCaption {
	position: absolute;
	background: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
	width: 100%;
	height: 110px; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	z-index: 10;
}

.eventCaption h1 {
	margin-left: 55px;
	margin-top: 10px;
	margin-bottom: -14px;
	height: 30px;
	font-size: 26;
}

.eventCaption h2{
	margin-left: 55px;
	margin-top: 10px;
	margin-bottom: -14px;
	height: 30px;
	font-size: 26;
}

.eventCaption h3, .eventCaption h4 {
	margin: 0 10px 0 40px; 
	color:#FFF;
	font-size: 26;
}

.searchInfoBox {
	width: 660px;
	font-size:12px;
	margin-bottom: 10px;
}

#searchResultBox {
	position:relative;
	margin: 0;
	padding: 0;

}

#searchResultBox li {
	width: 180px;
	margin: 0;
	margin-left: -40px;
	padding: 0;
	list-style: none;
	line-height: 20px;
	background-image: url("../images/arrow_black.png");
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 20px; 
}

#searchResultBox li a {
	color:#000;
	text-decoration:none;
}

#searchResultBox li a:hover {
	text-decoration:underline;
}