@charset "utf-8";
/* CSS Document */

html {
	font-size:0.75em;	
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:normal;
	font-style:normal;
	line-height:1.4em;
	color:#303030;
	text-align:center;
	margin:0;
	padding:0;
	background-color:#d8ebeb;
	background-image:url(../../images/maserhallen/bg_body.jpg);
	background-repeat:repeat-x;
	background-position:left top;
}

h1, h2, h3, h4, h5 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}
h1 {
	font-size:1.8em;
	line-height:1.25em;
	font-weight:normal;
	margin:0 0 0.6em 0;
}
h2 {
	font-size:1.3em;
	line-height:1.25em;
	font-weight:bold;
	margin:0 0 0.3em 0;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	line-height:1.25em;
	font-weight:bold;
	margin:0 0 0.15em 0;
}

a:link, a:visited {
	color:#333;
}
a:hover {
	color:#333;
}

img {
	border:0;	
}

.bildVanster {
	float:left;
	margin:0 10px 10px 0;
}
.bildHoger {
	float:right;
	margin:0 0 10px 10px;
}

input, select, textarea {
	vertical-align: middle;
	font-size: 1.0em;
	font-family:Arial, Helvetica, sans-serif;
} 
label {
	cursor: pointer;
	font-weight: bold;
}

.clearBoth {
	clear:both;	
	height:0px;
	font-size:0.1em;
	line-height:0.1em;
}

.ingress {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	line-height:1.30em;
	font-weight:normal;
	margin:0 0 0.7em 0;
}

.linkMore {
	display:block;
	text-align:left;
	padding:0 0 0 0;
	margin:0.5em 0 0 0;
}
.linkMore a, .linkMore a:link, .linkMore a:visited, .linkMore a:hover, .linkMore a:active {
	color:#f26522;
	text-decoration:none;
	font-weight:bold;
	background-image:url(../../images/maserhallen/arrow_link.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 8px;
}
.linkMore a:hover {
	text-decoration:underline;
}

a.linkMore, a.linkMore:hover, a.linkMore:visited, a.linkMore:hover, a.linkMore:active {
	color:#f26522;
	text-decoration:none;
	font-weight:bold;
	background-image:url(../../images/maserhallen/arrow_link.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0 0 0 8px;
}
a.linkMore:hover {
	text-decoration:underline;	
}

/*Dold länk för hoppa till innehållet*/
.hidden {
	display:none;
	position: absolute;
	visibility: hidden;
}


/* Sidlayout */
.pageWrapper {
	text-align:left;
	width:840px;
	margin:0 auto;
	padding:0 0 20px 0;
}

#topBlock {
	text-align:left;
	min-height:86px;
	height:auto !important;
	height:86px;
	
	/*background-image:url(../maserhallen_images/bg_top.jpg);
	background-repeat:repeat-x;
	background-position:left top;*/
}
#logo {
	float:left;
	width:229px;
	display:inline;
	margin-left:10px;
}
#topMedia {
	
}

#footer {
	clear:both;
	float:left;
	width:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:#606060;
	text-align:center;
	padding:0;
	background-color:#FFF;
	background-image:url(../../images/maserhallen/main_bottom.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#footer .footerContent {
	padding:15px 30px;
	margin:0 7px;
	background-image:url(../../images/maserhallen/bg_footer.jpg);
	background-repeat:repeat-x;
	background-position:left top;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color:#575757;
}

/* TOPMENU */
div#topMenu {
	margin-top:53px;
	color:#fff;
	width:580px;
	float:right;
	display:inline;
	text-align:right;
	margin-right:7px;
}
ul.topMenu {
	float:right;
	list-style-type:none;
	padding:0;
	margin:0;
}
ul.topMenu li {
	list-style-type:none;
	float:left;
	width:auto;
	padding:0 0 0 1px;
	margin:0;
}
.topMenu a, .topMenu a:link, .topMenu a:visited, .topMenu a:hover, .topMenu a:active {
	display:block;
	float:left;
	width:auto;
	
	font-size:0.95em;
	font-weight:bold;
	color:#fff;
	
	padding:0 0 0 5px;
	text-decoration:none;
	background-image:url(../../images/maserhallen/menu_tab_left.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
.topMenu a:hover {
	background-image:url(../../images/maserhallen/menu_tab_left_active.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#820202;
	text-decoration:none;
}
.topMenu a span {
	display:block;
	width:auto;
	padding:5px 8px 5px 2px;
	
	background-image:url(../../images/maserhallen/menu_tab_right.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	
	white-space:nowrap;
}
.topMenu a:hover span {
	background-image:url(../../images/maserhallen/menu_tab_right_active.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

.topMenu a.activeItem, .topMenu a.activeItem:link, .topMenu a.activeItem:visited, .topMenu a.activeItem:hover, .topMenu a.activeItem:active {
	background-image:url(../../images/maserhallen/menu_tab_left_active.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
.topMenu a.activeItem span {
	background-image:url(../../images/maserhallen/menu_tab_right_active.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

/* LEFT MENU */
div.leftMenu {
	padding:0 0 19px 0;
}
div.leftMenu h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	text-transform:uppercase;
	color:#f26522;
	border-bottom:solid 2px #f26522;
	padding:0 5px 0.2em 5px;
	margin:0;
}
ul.leftMenu {
	list-style-type:none;
	padding:0;
	margin:0;
}
ul.leftMenu li {
	list-style-type:none;
	padding:5px 5px;
	margin:0;
	border-bottom:solid 1px #cac0c1	;
}
.leftMenu a, .leftMenu a:link, .leftMenu a:visited, .leftMenu a:hover, .leftMenu a:active {
	font-size:0.9em;
	color:#424242;
	text-decoration:none;
	display:block;
}
.leftMenu a:hover {
	text-decoration:underline;
}
.leftMenu a.activeItem, .leftMenu a.activeItem:link, .leftMenu a.activeItem:visited, .leftMenu a.activeItem:hover, .leftMenu a.activeItem:active {
	font-weight:bold;		
}

/* CONTENT */
.mainBlock {
	clear:both;
	float:left;
	width:840px;
	display:inline;
	margin-top:6px;
	padding:20px 0 30px 0;
	
	background-color:#fff;
	background-image:url(../../images/maserhallen/main_top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	
	min-height:120px;
	height:auto !important;
	height:120px;
}
.leftCol {
	float:left;
	width:174px;
	display:inline;
	margin-left:7px;
}
.midAndRightCol {
	float:right;
	width:636px;
	
	background-image:url(../../images/maserhallen/divider_rightcol.jpg);
	background-repeat:repeat-y;
	background-position:433px top;
}
.midCol {
	float:left;
	width:415px;
}
.rightCol {
	float:right;
	width:184px;
	display:inline;
	margin-right:7px;
}

/* BODY STATES */
body.noLeftCol .leftCol {
	display:none;
	visibility:hidden;
	position:absolute;
}
body.noLeftCol .midAndRightCol {
	width:823px;
	background-position:620px 0;
}
body.noLeftCol .midCol {
	width:600px;
}
body.noRightCol .midCol {
	width:619px;
}
body.noRightCol .midAndRightCol {
	background-image:none;	
}
body.noRightCol .rightCol {
	display:none;
	visibility:hidden;
	position:absolute;
}
body.oneWideCol .midAndRightCol {
	background-image:none;
	width:820px;
	float:left;
	display:inline;
	margin-left:10px;
}
body.oneWideCol .midCol {
	width:820px;
}
body.oneWideCol .leftCol {
	display:none;
	visibility:hidden;
	position:absolute;	
}
body.oneWideCol .rightCol {
	display:none;
	visibility:hidden;
	position:absolute;	
}


/* Box */
.box {
	clear:both;
	float:left;
	width:100%;
	margin-bottom:8px;
	/*background-image:url(../maserhallen_images/box_bg.gif);
	background-repeat:repeat-y;
	background-position:left top;*/
}
.box .header {
	float:left;
	width:100%;
	background-image:url(../../images/maserhallen/box_top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
.box .header h2 {
	font-size:0.9em;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	/*background-color:#f26522;*/
	margin:8px 3px 0 3px;
	padding:0 7px 3px 7px;
}
.box .boxContent {
	clear:both;
	float:left;
	width:100%;
	background-image:url(../../images/maserhallen/box_bg.gif);
	background-repeat:repeat-y;
	background-position:left top;
}
.box .boxContent .content {
	padding:5px 5px;
}
.box .boxBottom {
	clear:both;
	float:left;
	width:100%;
	height:3px;
	font-size:0.1em;
	line-height:0.1em;
	background-image:url(../../images/maserhallen/box_bottom.gif);
	background-repeat:no-repeat;
	background-position:left top;	
}

.box .linkMore {
	display:block;
	text-align:right;
	padding:5px 5px 0 5px;
}
.box .linkMore a, .box .linkMore a:link, .box .linkMore a:visited, .box .linkMore a:hover, .box .linkMore a:active {
	font-size:0.9em;
	line-height:1.3em;
	font-weight:bold;
	text-decoration:none;
}
.box .linkMore a:hover {
	text-decoration:underline;	
}

/* Alarm Box */
.alarmBox {
	clear:both;
	float:left;
	width:100%;
	margin:0 0 8px 0;
}
.alarmBox .boxContent {
	clear:both;
	float:left;
	width:100%;
	background-image:url(../../images/maserhallen/alarmbox_bg.gif);
	background-repeat:repeat-y;
	background-position:left top;
}
.alarmBox .boxContent .content {
	padding:3px 10px;
	font-size:0.9em;
	line-height:1.3em;
}
.alarmBox .boxTop {
	float:left;
	width:100%;
	height:9px;
	font-size:0.1em;
	line-height:0.1em;
	background-image:url(../../images/maserhallen/alarmbox_top.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0;
	padding:0;
}
.alarmBox .boxBottom {
	clear:both;
	float:left;
	width:100%;
	height:9px;
	font-size:0.1em;
	line-height:0.1em;
	background-image:url(../../images/maserhallen/alarmbox_bottom.gif);
	background-repeat:no-repeat;
	background-position:left top;
}


/* NEWS LIST */
ul.newsList {
	list-style-type:none;
	padding:0;
	margin:0;
}
ul.newsList li {
	list-style-type:none;
	padding:0;
	margin:0;
	border-bottom:solid 1px #dddddd;
}
ul.newsList a, ul.newsList a:link, ul.newsList a:visited, ul.newsList a:hover, ul.newsList a:active {
	display:block;
	padding:5px 5px;
	text-decoration:none;
}
ul.newsList a:hover {
	/*background-color:#ebf5f5;*/
	background-image:url(../../images/maserhallen/bg_list_hover.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
}
ul.newsList a:hover .heading {
	text-decoration:underline;
}
ul.newsList .date {
	display:block;
	color:#727272;
	font-size:0.9em;
	line-height:1.3em;
}
ul.newsList .heading {
	display:block;
	font-size:0.9em;
	line-height:1.3em;
	font-weight:bold;
}
ul.eventsList .date {
	color:#303030;
	font-weight:bold;	
}
ul.eventsList .heading {
	font-weight:normal;	
}


/* NEWSLIST - Arkivsida */
.midCol ul.newsList li {
	border-bottom:solid 1px #dddddd;
}
.midCol ul.newsList a, .midCol ul.newsList a:link, .midCol ul.newsList a:visited, .midCol ul.newsList a:hover, .midCol ul.newsList a:active {
	display:block;
	padding:10px 5px;
	text-decoration:none;
}
.midCol ul.newsList a:hover {
	/*background-color:#ebf5f5;*/
	background-image:none;
	background-repeat:repeat-x;
	background-position:left bottom;
}
.midCol ul.newsList a:hover .heading {
	text-decoration:underline;
}
.midCol ul.newsList .date {
	display:block;
	color:#727272;
	font-size:0.9em;
	line-height:1.3em;
}
.midCol ul.newsList .heading {
	display:block;
	font-size:0.9em;
	line-height:1.3em;
	font-weight:bold;
}
u.midCol l.eventsList .date {
	color:#303030;
	font-weight:bold;	
}
.midCol ul.eventsList .heading {
	font-weight:normal;	
}


/* PUFFAR */
.boxPuff {
	clear:both;
	float:left;
	width:184px;
	margin-bottom:8px;
}
.boxPuff media {
	float:left;
	width:100%;
}
.boxPuff .boxContent {
	clear:both;
	float:left;
	width:100%;
	background-image:url(../../images/maserhallen/box_puff_bg.gif);
	background-repeat:repeat-y;
	background-position:left top;
}
.boxPuff .boxContent .content {
	padding:0;
}
.boxPuff a, .boxPuff a:link, .boxPuff a:visited, .boxPuff a:hover, .boxPuff a:active {
	display:block;
	text-decoration:none;
}
.boxPuff a:hover {
	background-color:#deeeee;	
}
.boxPuff a:hover .heading {
	text-decoration:underline;
}
.boxPuff .textHolder {
	display:block;
	padding:4px 4px 6px 22px;
	background-image:url(../../images/maserhallen/arrow_puff.png);
	background-repeat:no-repeat;
	background-position:4px 4px;	
}
.boxPuff .heading {
	display:block;	
	color:#f26522;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.25em;
}
.boxPuff .text {
	display:block;	
	font-size:0.9em;
	line-height:1.25em;
	font-weight:normal;
}
.boxPuff .boxBottom {
	clear:both;
	float:left;
	width:100%;
	height:3px;
	font-size:0.1em;
	line-height:0.1em;
	background-image:url(../../images/maserhallen/box_puff_bottom.gif);
	background-repeat:no-repeat;
	background-position:left top;	
}


/* BOX Editor */
.boxEditor {
	clear:both;
	float:left;
	width:184px;
	margin-bottom:10px;
	/*border-top:solid 1px #e2e2e2;*/
}
.boxEditor .header {
	float:left;
	width:100%;
	background-image:url(../../images/maserhallen/box_top_right.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
.boxEditor .header h2 {
	font-size:0.9em;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	/*background-color:#f26522;*/
	margin:8px 3px 0 3px;
	padding:0 7px 3px 7px;
}

.boxEditor media {
	float:left;
	width:100%;
}
.boxEditor .boxContent {
	clear:both;
	float:left;
	width:100%;
	background-image:url(../../images/maserhallen/box_puff_bg.gif);
	background-repeat:repeat-y;
	background-position:left top;
}
.boxEditor .boxContent .content {
	padding:10px;
}
.boxEditor .boxBottom {
	clear:both;
	float:left;
	width:100%;
	height:3px;
	font-size:0.1em;
	line-height:0.1em;
	background-image:url(../../images/maserhallen/box_puff_bottom.gif);
	background-repeat:no-repeat;
	background-position:left top;	
}



.dividerGradient {
	clear:both;
	height:15px;
	font-size:0.1em;
	line-height:0.1em;
	background-image:url(../../images/maserhallen/divider_gradient.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin:0 0 0 0;
}
.divider {
	clear:both;
	height:2px;
	border-bottom:solid 2px #e1e1e1;
	padding:15px 0 0 0;
	margin:0 0 15px 0;
	font-size:0.1em;
	line-height:0.1em;
}

.puffEditor {
	clear:both;
	float:left;
	width:100%;
	
	/*background-image:url(../../images/maserhallen/divider_gradient.jpg);
	background-repeat:repeat-x;
	background-position:left top;*/
	margin:0 0 0 0;
	padding:0 0 7px 0;
}
.puffEditor p {
	margin:0 0 0.9em 0;	
}

.midBottomEditor {
	clear:both;
	border-top:2px solid #e1e1e1;
	margin-top:20px;
	padding:20px 0;
}