@charset "UTF-8";

/* --- 2009-08-12 - New CSS Document for http://www.bam54.se - 100% height ---*/

body  { 
	background-color: white; 
	overflow: hidden;
}

body, p {
	margin: 0; 
	padding: 0;
}

body, table, p {
	font-size: 10px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	line-height: 1.3em;
}


html>body #wrap {height:100%;} /* 100 % height */

#wrap {
	width:970px;
	margin:0 auto;
	background:#fff;
}

#head_menu {
	background-color: transparent; 
	height:18px; 
	width:862px;
	margin-top: 13px;
	padding-right: 108px;
	float: left;
	text-align: right;
	border: solid 0px #990033;
}

#head {
	background-color: transparent;
	/*background-image: url(/Files/System/../Filer/BAM54/img/top_icon_00.jpg);*/ 
	height: 85px; 
	width:970px;
	position: absolute; 
	top: 32px;
	width:970px; 
	z-index: -1; 
	border: solid 0px #990033; 
}


#headlogo {
	height:85px; 
	width:390px;
	margin-top: 0px;
	float: left;
	overflow: hidden;
	border: solid 0px #990033;

}

#head_anim {
	background-color:transparent; background-image: url(/Files/System/../Filer/BAM54/img/top_text_anim.gif); 
	height:85px; 
	width:300px;
	margin-top: 0;
	float: right;
	border: solid 0px #990033;
}

#head_anim_GB {
	background-color:transparent; background-image: url(/Files/System/../Filer/BAM54/img/top_text_anim_GB.gif); 
	height:85px; 
	width:300px;
	margin-top: 0;
	float: right;
	border: solid 0px #990033;
}


#head_space {
	background-color:transparent; 
	height:85px; 
	width:108px;
	margin-top: 0px;
	float: right;
	border: solid 0px #990033;
}

#main_content {
position: absolute;
width: 970px;
top: 115px;/* height of #head */
bottom: 55px;/* height of #trailer */
overflow-y: hidden;
overflow-x: hidden;
background-color: transparent;
}

#content_00_start {
position: absolute;
width: 670px;
height: 408px;
top: 25px;
left: 235px;
bottom: 0px;
background-color: transparent;
overflow: hidden;
text-align: left;
}

#content_rub {
position: absolute;
width: 690px;
height: 35px;
top: 25px;
left: 235px;
bottom: 0px;
background-color:#ffffff;
overflow: hidden;
text-align: left;
}

#content_menu {
position: absolute;
width: 690px;
height: 35px;
top: 60px;
left: 235px;
bottom: 0px;
background-color:#ffffff;
overflow: hidden;
text-align: left;
}

#content_00_txt {
position: absolute;
width: 633px;
top: 95px;
left: 235px;
bottom: 0px;
padding-right: 30px;
background-color:transparent; 
overflow-y: auto;
overflow-x: hidden;
text-align: left;
}


/* --- 2009-08-14 - "#content_00_maxtxt" only used on pages without "#content_menu" e.g page "kontakt" ---*/
#content_00_maxtxt {
position: absolute;
width: 633px;
top: 60px;
left: 235px;
bottom: 0px;
padding-right: 30px;
background-color:transparent; 
overflow-y: auto;
overflow-x: hidden;
text-align: left;
}

/* --- 2010-06-01 - "#content_00_maxtxt" only used on pages without "#content_menu" e.g page "kontakt" ---*/
#content_00_max_area {
position: absolute;
width: 633px;
top: 38px;
left: 235px;
bottom: 0px;
padding-right: 30px;
background-color:transparent; 
overflow-y: auto;
overflow-x: hidden;
text-align: left;
}


html>body #left_menu {height: 100%;
background-color:#ffffff;
}

#left_menu {
position: absolute;
width: 176px;
height: 426px;
top: 25px;
overflow: hidden;

}

#trailer_00 {
background-color: transparent;
position: absolute;
bottom: 0px;
right: 0px;
left: 0px;
width:727px;
margin: 0 auto;
padding: 0 0 0 235px;
height: 55px;
text-align: left;
overflow: hidden;
z-index:10; /* Prevent certain problems with form controls */
}

/* --- "#menudown_00_start is only used on startpage with static height --- */

#menudown_00_start {
	position: absolute;
	background-color: transparent;
	width:727px;
	height: 55px;
	top: 433px;
	/*top: 380px;*/
	margin: 0 0 5px 235px;
	text-align: left;
	overflow: hidden;
	
}

/* --- "#menudown is used on pages with static height --- */
#menudown {
	position: absolute;
	background-color: transparent;
	width:727px;
	height: 55px;
	top: 496px;
	/*top: 380px;*/
	margin: 0 0 5px 235px;
	text-align: left;
	overflow: hidden;
	
}


#content_scroll {
	background-color: transparent;
	width: 24000px;
	height: 269px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	text-align: left;
	float:left
}

#scroll {
	position: absolute;
	top: 95px;
	left: 235px;
	bottom: 0px;
	background-color: transparent;
	width:668px;
	height: 284px;
	margin: 0px;
	padding: 0px;
	overflow-x: auto;
	overflow-y: hidden;
	text-align: left;
}



/* --- CSS Document for http://www.bam54.se ---*/

/* --- Common styles used in multiple Design sets for 00-04, use with care. Dublicate and rename before use --- */

.top_00 {
	background-color:transparent; background-image: url(/Files/System/../Filer/BAM54/img/top_icon_00.jpg); 
	height: 85px; 
	width:970px;
	position: absolute; 
	top: 32px; 
	height: 85px; 
	width:970px; 
	z-index: -1; 
	border: solid 0px #990033; 
}

.logo {
	background-color:transparent;
	height:85px; 
	width:390px;
	margin-top: 0px;
	float: left;
	overflow: hidden;
	border: solid 0px #990033;

}

.top_txt {
	background-color:transparent; background-image: url(/Files/System/../Filer/BAM54/img/top_text_anim.gif); 
	height:85px; 
	width:300px;
	margin-top: 0px;
	float: right;
	border: solid 0px #990033;
}

.top_txt_GB {
	background-color:transparent; background-image: url(/Files/System/../Filer/BAM54/img/top_text_anim_GB.gif); 
	height:85px; 
	width:300px;
	margin-top: 0px;
	float: right;
	border: solid 0px #990033;
}


.top_space {
	background-color:transparent; 
	height:85px; 
	width:108px;
	margin-top: 0px;
	float: right;
	border: solid 0px #990033;
}

.main_content {
	background-color:transparent;
	width: 970px;
	height: auto;
	overflow-y: hidden;
	float:left
}

.content {
	background-color:transparent;
	width:670px;
	height: 360px;
	margin-bottom: 15px;
	margin-top: 38px;
	margin-left: 67px;
	margin-right: 30px;
	overflow: hidden;
	float:left
}
.content_news {
	background-color:transparent;
	width:670px;
	height: 408px;
	margin-bottom: 0px;
	margin-top: 38px;
	margin-left: 67px;
	margin-right: 30px;
	overflow: hidden;
	float:left
}

.left_menu {
	background-color:transparent;
	width: 176px;
	height: 426px;
	margin-top: 25px;
	overflow: hidden;
	float:left
}


.content_rub {
	background-color:transparent;
	width:668px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	float:left
}

.content_menu {
	background-color:transparent;
	width:668px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	float:left
}

/* --- Gallery Design styles ---*/

#head_menu_gallery {
	background-color: transparent; 
	height:18px; 
	width:862px;
	margin-top: 13px;
	padding-right: 108px;
	float: left;
	text-align: right;
	border: solid 0px #990033;
}


#content_00_gallery {
float: left;
/*position: absolute;*/
width: 760px;
top: 25px;
left: 120px; /*Width of "left_menu_gallery"---*/
bottom: 0px;
padding-right: 30px;
padding-left: 15px;
background-color:transparent; 
overflow-y: auto;
overflow-x: hidden;
text-align: left;
}


#left_menu_gallery {
float: left;
/*position: absolute;*/
width: 119px;
height: 100%;
top: 25px;
overflow: hidden;
border-right: 1px dotted #999999;

}

#trailer_gallery {
background-color: transparent;
position: absolute;
bottom: 0px;
right: 0px;
left: 0px;
width:950px;
margin: 0 auto;
padding: 0 0 0 10px;
height: 55px;
text-align: left;
overflow: hidden;
z-index:10; /* Prevent certain problems with form controls */
}





/* --- 00 Design styles ---*/


/* --- 01 Design styles --- */
.top_01 {
	background-image: url(/Files/System/../Filer/BAM54/img/top_icon_01.jpg); 
	height: 85px; 
	width:970px; 
	float:left 
}
.menu_01 {
	width: 190px; 
	height:110px; 
	float:left
}

.content_01 {
	background-color:transparent;
	width:670px;
	height: 370px;
	margin-bottom: 15px;
	margin-top: 38px;
	margin-left: 67px;
	margin-right: 30px;
	overflow: hidden;
	text-align: left;
	float:left
}

.content_rub_01 {
	background-color:transparent;
	width:668px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float:left
}

.content_menu_01 {
	background-color:transparent;
	width:668px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	float:left
}

.content_01_txt {
	background-color:transparent;
	width:633px;
	height: 325px;
	padding-right: 30px;
	overflow: hidden;
	float:left
}

.menudown_01 {
	background-color: transparent;
	width:727px;
	height: auto;
	/*height: 55px;*/
	margin: 0 0 5px 65px;
	text-align: left;
	overflow: hidden;
	float:right
}

/* --- 02 Design styles --- */
.top_02 {
	background-image: url(/Files/System/../Filer/BAM54/img/top_icon_02.jpg); 
	height: 85px; 
	width:970px; 
	float:left 
}
.menu_02 {
	width: 190px;
	height:110px;
	float:left
}

.content_02 {
	background-color:transparent;
	width:640px;
	height: 370px;
	margin-bottom: 15px;
	margin-top: 38px;
	margin-left: 67px;
	/*margin-right: 30px; -- replaced with padding-right 2010-01-21 */
	padding-right: 30px;
	text-align: left;
	overflow-x: hidden;
	float:left
}



.menudown_02 {
	background-color: transparent;
	width:727px;
	height: auto;
	/*height: 55px;*/
	margin: 0 0 5px 65px;
	text-align: left;
	overflow: hidden;
	float:right
}

/* --- 03 Design styles for horizontal scroll --- */

.top_03 {
	background-image: url(/Files/System/../Filer/BAM54/img/top_icon_03.jpg); 
	height: 85px; 
	width: 970px; 
	float: left; 
}
.menu_03 {
	width: 190px; 
	height: 110px; 
	float: left;
}
.content_rub_03 {
	background-color:transparent;
	width:668px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
}

.content_menu_03 {
	background-color:transparent;
	width:668px;
	height: 55px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
}
.content_menu_03 a	
	{ color: #999999;
	text-decoration: none; }


.content_menu_03 a:hover	
	{color: #990033;
	text-decoration: none; }

.content_menu_03 a:active { 
	color: #990033;
	text-decoration: none; }


.content_03_txt {
	background-color:transparent;
	width:633px;
	height: 290px;
	padding-right: 30px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: left;
	float: left;
}

.content_scroll_03 {
	background-color: transparent;
	width:48000px;
	height: 269px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	text-align: left;
	float: left;
}

.scroll_03 {
	background-color: transparent;
	width:668px;
	height: 284px;
	margin: 0px;
	padding: 0px;
	overflow-x: auto;
	overflow-y: hidden;
	float: left;
}

.content_03 {
	background-color:transparent;
	width:670px;
	height: 380px;
	margin-bottom: 15px;
	margin-top: 35px;
	margin-left: 67px;
	margin-right: 30px;
	overflow: hidden;
	float: left;
}

.menudown_03 {
	background-color: transparent;
	width:727px;
	height: auto;
	/*height: 55px;*/
	margin: 0 0 5px 65px;
	text-align: left;
	overflow: hidden;
	float: right;
}

/*04*/
.top_04 {
	background-image: url(/Files/System/../Filer/BAM54/img/top_icon_04.jpg); 
	height: 85px; 
	width:970px; 
	float:left 
}
.menu_04 {
	width: 190px; 
	height:110px; 
	float:left
}

.content_04 {
	background-color:transparent;
	width:670px;
	height: 360px;
	margin-bottom: 15px;
	margin-top: 38px;
	margin-left: 67px;
	margin-right: 30px;
	overflow: hidden;
	float:left
}

.content_rub_04 {
	background-color:transparent;
	width:668px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	float:left
}

.content_menu_04 {
	background-color:transparent;
	width:668px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	float:left
}

.content_04_txt {
	background-color:transparent;
	width:633px;
	height: 290px;
	padding-right: 30px;
	overflow-x: hidden;
	overflow-y: auto;
	float:left
}

.menudown_04 {
	background-image: url(/Files/System/../Filer/BAM54/img/04_menu_anim.gif);
	width:727px;
	height: auto;
	/*height: 55px;*/
	margin: 0 0 5px 65px;
	background-repeat: no-repeat;
	text-align: left;
	overflow: hidden;
	float:right
}
/* --- Font styles for references ---*/
.ref_rubrik { 
	color: #666; 
	font-size: 13px; 
	font-family: Verdana, geneva, Arial, Helvetica, sans-serif; 
	font-weight: 700; 
	line-height: 18px; 
	text-decoration: none; 

}
.ref_ingress { 
	color: #666; 
	font-size: 10px; 
	font-family: Verdana, geneva, Arial, Helvetica, sans-serif; 
	font-weight: 700; 
	line-height: 14px;
	text-decoration: none; 
}
.ref_text { 
	color: black; 
	font-size: 10px; 
	font-family: Verdana, geneva, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	line-height: 14px; 
	text-decoration: none; 

}
/* --- Design styles for references --- */
#ref { 
	position: relative; 
	top: 0px; 
	left: 0px; 
	visibility: visible; 

}

.ref_box { 
	width:355px;
	height: 267px; 
	text-align: left; 
	overflow: hidden; 
	float:left;
	padding: 0 15px 0 0;
}

.ref_img { 
	text-align: center; 
	padding: 0px; 
	width: auto; 
	height: 265px; 
	float: left;
	overflow: hidden; 

}

/* --- Links special for page articles, not set in admin ---*/

a.special:link 	
	{ color: #990000;
	text-decoration: none; }

a.special:visited 
	{ color: #990000;
	text-decoration: none; }

a.special:hover	{
	color: #999999;
	text-decoration: none; }

a.special:active { 
	color: #990000;
	text-decoration: none; }

.h3 A.special_2:link 	
	{ font-size: 13px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: Bold;
	font-style: normal;
	line-height: 1.3em;
	color: #990000;
	text-decoration: none; }

.h3 A.special_2:visited 
	{ font-size: 13px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: Bold;
	font-style: normal;
	line-height: 1.3em;
	color: #990000;
	text-decoration: none; }

.h3 A.special_2:hover
	{ font-size: 13px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: Bold;
	font-style: normal;
	line-height: 1.3em;
	color: #999999;
	text-decoration: none; }

.h3 A.special_2:active 
	{ font-size: 13px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: Bold;
	font-style: normal;
	line-height: 1.3em;
	color: #990000;
	text-decoration: none; }



.h3	
	{ font-size: 13px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: Bold;
	font-style: normal;
	line-height: 1.3em;
	color: #990000;
	text-decoration: none; }


.h3 A	
	{ font-size: 10px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: Bold;
	font-style: normal;
	line-height: 1.3em;
	color: #990000;
	text-decoration: none; }

.h3 A:hover	
	{ font-size: 10px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: Bold;
	font-style: normal;
	line-height: 1.3em;
	color: #999999;
	text-decoration: none; }

.content_02 A
	{ color: #990000;
	text-decoration: none; }

.content_02 A:hover	{
	color: #999999;
	text-decoration: none; }


/* --- special,  sub and sup for consistent line spacing, read more: http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=1&postId=5341 --- */

sup,
sub { font-size: 0.6em;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
/*--- Only used in newsletter --- */
.noread     { background-color: transparent; background-image: none; margin: 0 auto; padding: 0; /*align: center;*/ text-align: right; width: 910px; height: auto; }

.h1 {
	font-size: 18px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #990000;
	line-height: 1.3em;
	margin-bottom: 0;
	margin-top: 0;
}


.h2 {
	font-size: 16px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #990000;
	line-height: 1.7em;
	margin-bottom: 0;
	margin-top: 0;
}


.h4 {
	font-size: 10px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: normal;
	font-style: Italic;
	text-decoration: none;
	color: #666666;
	line-height: 1.7em;
	margin-bottom: 0;
	margin-top: 0;
}

h1 {
	font-size: 18px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #990000;
	line-height: 1.3em;
	margin-bottom: 0;
	margin-top: 0;
}


h2 {
	font-size: 16px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #990000;
	line-height: 1.7em;
	margin-bottom: 0;
	margin-top: 0;
}


h4 {
	font-size: 10px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: normal;
	font-style: Italic;
	text-decoration: none;
	color: #666666;
	line-height: 1.7em;
	margin-bottom: 0;
	margin-top: 0;
}



.text2 {
	font-size: 10px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #666666;
	line-height: 1.3em;
	margin-bottom: 0;
	margin-top: 0;
}

.text3 {
	font-size: 10px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: normal;
	font-style: Italic;
	text-decoration: none;
	color: #990000;
	line-height: 1.3em;
	margin-bottom: 0;
	margin-top: 0;
}

small {
	font-size: 9px;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #999999;
	line-height: 1.3em;
	margin-bottom: 0;
	margin-top: 0;
}

 A {
	color: #999999;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;

	font-size: 10px;
}

 A:Hover {
	color: #990000;
	text-decoration: none;
	font-style: normal;

	font-weight: normal;
}


.L1 A {
	color: #999999;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;

	font-size: 11px;
}

.L1 A:Hover {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;

	color: #990000;
}

.L1_Active {
	color: #990000;
	text-decoration: none;
	font-style: normal;

	font-weight: normal;
}

.L1, .dwne {
	text-align: left;
}

.L2 A {
	color: #999999;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial;

	font-size: 11px;
}

.L2 A:Hover {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;

	color: #990000;
}

.L2_Active {
	color: #990000;
	text-decoration: none;
	font-style: normal;

	font-weight: normal;
}

.L2, .dwne {
	text-align: left;
}

.L3 A {
	color: #999999;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;

	font-size: 10px;
}

.L3 A:Hover {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;

	color: #990000;
}

.L3_Active {
	color: #990000;
	text-decoration: none;
	font-style: normal;

	font-weight: normal;
}

.L3, .dwne {
	text-align: left;
}

.L4 A {
	color: #003366;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial;

	font-size: 10px;
}

.L4 A:Hover {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;

	color: #990000;
}

.L4_Active {
	color: #990000;
	text-decoration: Underline;
	font-style: normal;

	font-weight: normal;
}

.L4, .dwne {
	text-align: left;
}

.L5 A {
	color: #003366;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial;

	font-size: 10px;
}

.L5 A:Hover {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;

	color: #990000;
}

.L5_Active {
	color: #990000;
	text-decoration: Underline;
	font-style: normal;

	font-weight: normal;
}

.L5, .dwne {
	text-align: left;
}

input, textarea {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: normal;
	font-style: normal;
	color: #990000;
}

select {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: normal;
	font-style: normal;
	color: #990000;
}

.checkbox {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: normal;
	font-style: normal;
	color: #999999;
}

.radio {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: normal;
	font-style: normal;
	color: #990000;
}