/* @override http://www.stockholmcorp.se/stylesheet/main.css */

/* @override http://www.stockholmcorp.se/stylesheet/main.css */

/* CSS Document */

/* --- Common Elements
-------------------------------------------------------*/
* { margin: 0; padding: 0; outline: none; }

html {
	height:101%;
	}

body {
	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	background-image:url(../img/bg_body.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	text-align:center; 
	}
	
a 	{
	color: #333333;
	text-decoration: none;
	}
	
	a:hover {
		color: #333333;
		text-decoration: none;
		}

	a:active {
		color: #333333;
		text-decoration: none;
		}
		
	img
	{
	  border: 0;
	}
	

	
/* --- Structure
-------------------------------------------------------*/

#container {
	width: 856px;
	margin: 0 auto;
	text-align: left;
	}	


/* --- Header and Menu
-------------------------------------------------------*/

.flag {
height: 21px;
padding-top:13px;
float:left;
display:inline;
}

#header {
	position: relative;
	height: 38px;
	margin-bottom: 8px;
	}
	
#navigation {
bottom: 0;
width: 750px;
height: 28px;
margin-left:80px;
padding-top:10px;
float:left;
display:inline;
}
	
	#navigation ul{
		list-style-type: none;
		margin:0;
		padding:0;
		}

	#navigation li{
		display:inline;
		margin:0;
		padding:0;
		}	
		
		#navigation a{
			float:left;
			background:url(../img/tab_left.gif) no-repeat;
			background-position:100% -250px bottom;
			margin:0;
			margin-right: 0px; /*spacing between each tab*/
			padding:0 0 0 9px;
			text-decoration:none;
			}
			
			#navigation a span{
				float:left;
				display:block;
				background:url(../img/tab_right.gif) no-repeat;
				background-position:100% -250px bottom;
				padding: 5px 12px 15px 3px;
				color:#333333;
				}
				
			/* Commented Backslash Hack hides rule from IE5-Mac \*/
			#navigation a span {float:none;}
			/* End IE5-Mac hack */

				#navigation a:hover span {
					color: black;
					}

				#navigation .current a{ /*Selected Tab style*/
					font-weight:normal;
					background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
					}

				#navigation .current a span{ /*Selected Tab style*/
					background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
					color: black;
					}

				#navigation a:hover{ /*onMouseover style*/
					background-position:100% -250px bottom; /*Shift background image up to start of 2nd tab image*/
					}

				#navigation a:hover span{ /*onMouseover style*/
					background-position:100% -250px bottom; /*Shift background image up to start of 2nd tab image*/
					}
	
	
/* --- Left Column
-------------------------------------------------------*/	

#left {
	float: left; 
	width: 129px;
	}
	
	#left h1 {
		text-indent: -9999px;
		width: 129px;
		height: 91px;
		left: 0px;
		top: 0px;
		background: url(../img/logo_corp.gif) no-repeat;
		}
		
		#left h1 a {
			display: block;
			height: 91px;
			}
			
			#left h2 {
				width: 129px;
				height:200px;
				}
		
#address {			
	width:129px;
	padding-top:20px;
	}
	
	
	#address p {
		padding-top:5px;
		line-height:16px;
		}
		
		#address a {
		color:#333333;
		text-decoration:none;
		}
			
			
/* --- Right Column
-------------------------------------------------------*/				
			
#right {
	float: right; 
	width: 143px; 
	}

	#right h1 { /*Controls Headline Boxes*/
		width: 143px;
		height: 28px;
		}
		
		#right h2 { /*Controls Headline Boxes*/
			margin-top:7px;
			width: 143px;
			height: 28px;
			}
			
			
			#right h3 { /*Controls Börskurser Name*/
				margin-top:7px;
				padding:5px 0 5px 5px;
				width: 133px;
				height: 28px;
				}
				
				#right h4 { /*Controls Börskurser*/
					margin-top:7px;
					margin-bottom:7px;
					width: 143px;
					height: 28px;
					}


#right_headline {
		width: 143px;
		height: 28px;
		float:left;
		display:inline;
		}

#puff_right_newsletter {
	width:129px;
	height:130px;
	position:relative;
	background-image:url(../img/right/puff_top.gif);
	text-align:center;
	padding:7px 7px 0 7px;
	margin-top:7px;
	}

/*
THIS puff_right_newsletter_test style below is just a test meant for trying out nyheter_test.aspx
*/

#puff_right_newsletter_test {
	width:129px;
	height:200px;
	position:relative;
	background-image:url(../img/right/puff_top.gif);
	text-align:center;
	padding:7px 7px 0 7px;
	margin-top:7px;
	}

/*
red_style adderad av J Wedfelt för ny nyhetsutskicks form
*/

span.red_style{
color:red;
}

		
#puff_right {
	width:129px;
	margin-top:7px;
	position:relative;
	background-image:url(../img/right/puff_top.gif);
	text-align:center;
	padding:0 7px 0 7px;
	}
	
	
#puff_right_headline {
	width:129px;
	margin-top:7px;
	position:relative;
	text-align:left;
	font-weight:bold;
	}	

	#puff_right img {
		padding: 20px 0 20px 0;
		}
		
		#puff_right p {
			padding: 5px 0 0 0;
			}
		
#puff_right_more{
	width:143px;
	text-align:right;
	position:relative;
	margin-top:5px;
	margin-bottom:10px;
	}
	
	#puff_right_more a{
		font-weight:bold;
		text-decoration:none;
		}
	
#puff_right_bottom {
	width:143px;
	height:10px;
	display:block;
	position:relative;
	background-image:url(../img/right/puff_bottom.gif);
	}
	
#puff_infobox {
	width:129px;
	margin-top:7px;
	position:relative;
	background-image:url(../img/right/puff_top.gif);
	text-align:center;
	padding:7px 7px 0 7px;
	
	}
	
#borskurser {
	width:133px;
	font-weight:bold;
	background-color:#F6F6F6;
	padding:10px 0 10px 10px;
	position:relative;
	margin-top:7px;
	}				
		

/* --- Main Column
-------------------------------------------------------*/				
					
#main{
	width:506px; 
	margin: 0 0 0 148px;
	padding: 0 20px 35px 20px;
	background:url(../img/bg_main.gif) repeat-y;
	} 			

	#main h1{
		width:491px;
		height:95px;
		padding:13px 0 0 15px;
		}
	
		#main h2{
			width:504px;
			margin-bottom:10px;
			}
			
	
/* --- Textspalter
-------------------------------------------------------*/	

#text_index_holder{
	width:504px;
	height:260px;
	margin-top:25px;
	position:relative;
	}
			
#text_index {
	width:230px;
	height:200;
	margin-left:15px;
	position: relative;
	float:left;
	display:inline;
	}
	
#text_kunder_holder{
	width:504px;
	height:230px;
	position:relative;
	}
			
#text_kunder {
	width:230px;
	height:230px;
	margin-left:15px;
	position: relative;
	float:left;
	display:inline;
	}			
		
/* --- Puffar
-------------------------------------------------------*/
#puff_void {
	width:464px;
	position:relative;
	padding:20px 20px 10px 20px;
	margin-top:20px;
	}

#puff_nyheter {
	width:464px;
	position:relative;
	background-image:url(../img/main_pics/puff_nyheter_top.gif);
	padding:20px 20px 10px 20px;
	margin-top:20px;
	}
	
.puff_verksamhet {
	width:464px;
	position:relative;
	background-image:url(../img/main_pics/puff_verksamhet_top.gif);
	padding:20px 20px 10px 20px;
	margin-top:20px;
	}	
	
	.puff_verksamhet ul {
	list-style-image:url(../img/main_pics/puff_verksamhet_arrow.gif);
	padding-left:14px;
	}
	
	.puff_verksamhet li {
	line-height:20px;
	}
	
		.puff_verksamhet p {
			margin-top:10px;
			}
			
		.puff_verksamhet a {
			color:#007376;
			}	
	
#puff_bottom {
	width:504px;
	height:10px;
	display:block;
	position:relative;
	background-image:url(../img/main_pics/puff_bottom.gif);
	background-repeat:no-repeat;
	}
	
.puff_bottom {
	width:504px;
	height:10px;
	display:block;
	position:relative;
	background-image:url(../img/main_pics/puff_bottom.gif);
	background-repeat:no-repeat;
	}			

.arkiv
{
  width:464;
  text-align:right;
}
	
/* --- Genomförda Affärer
-------------------------------------------------------*/
	
#genomforda_top {
	width:503px;
	position:relative;
	border-bottom:1px solid #CCCCCC;
	height: 40px;
	margin-bottom:10px;
	}
	
	#genomforda_top ul {
		list-style:none;
		display:inline;
		margin-left:0;
		padding-left:0;
		}	
		
		#genomforda_top ul li {
			display:inline;
			padding-left:7px;
			list-style:none;
			}	
		
			#genomforda_top ul li.first {
				display:inline;
				padding-left:15px;
				list-style:none;
				}

#kundcase_container {
	width:504px;
	height:100%;  
	position:relative;
	margin-bottom:20px;
	}

.kundcase_holder {
	width:143px;
	height:152px;
	margin-bottom:10px;
	position:relative;
	text-align:center;
	float:left;
	margin-right:25px;
	display:inline;
	}
	
.infobox_holder {
	width:143px;
	position:relative;
	text-align:center;
	float:left;
	display:inline;
	margin-bottom:10px;
	}	

.kundcase_index_holder {
	width:143px;
	height:152px;
	margin:0px 0px 10px 0px;
	position:relative;
	text-align:center;
	float:left;
	display:inline;
	}	
	
		
	#kundcase_holder img {
		margin: 10px 10px 10px 10px;
		}
		
		.kundcase_name {
		font-weight:bold;
		}
	
		.kundcase_desc {
		}
		
#genomforda_box {
	width:209px;
	padding:10px 10px 10px 10px;
	background-image:url(../img/genomforda_affarer/genomforda_textbox_bg.gif);
	background-repeat:no-repeat;
	position:relative;
	height: 71px;
	margin-bottom:10px;
	}	
	
	#genomforda_box ul {
	list-style-image:url(../img/genomforda_affarer/genomforda_textbox_arrow.gif);
		padding-left:14px;
		}
	
		#genomforda_box li {
			line-height:18px;
			}
			
			
#cert {
	text-align:left;
	padding:10px 0 0 8px;
	}				

	#cert ul {
		list-style: none;
		margin-left: 0;
		color:#000000;
		}
		
		#cert li {
			padding-top:25px;
			}
/* --- Medarbetare
-------------------------------------------------------*/

#medarbetare_container {
	width:504px;
	height:146px;
	position:relative;
	margin-bottom:20px;
	}

#medarbetare_holder {
	width:224px;
	height:126px;
	position:relative;
	background-image:url(../img/main_pics/medarbetare_bg.gif);
	background-repeat:no-repeat;
	float:left;
	padding:10px 10px 10px 10px;
	margin-left:8px;
	display:inline;
	}
	
	
	#medarbetare_holder img {
		float:left;
		margin:0 10px 0 0;
		}
		
	.medarbetare_titel {
	font-size:12px;
	}
		
		
  /* --- Lightbox
-------------------------------------------------------*/			
#lightbox
{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
												
/* --- Forms
-------------------------------------------------------*/

.enews_input {
 	font-size: 11px;
 	background-color: #FFFFFF;
 	border: 1px solid #999999;
	}
	
.enews_input_holder {
	position:relative;
	height:14px;
	}			
	
	
												
/* --- Fixes
-------------------------------------------------------*/			

.clearfix {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.submitbtn
{
    height:20px;
  width:45px;
  text-align:center;
  border: #d4d4d4 1px solid;
font-size: 11px;
  color: #323232;
  background-color: transparent;
  background-repeat: none;
}

/* ---- JW tillagda & modifierade 2009-10-02 Bottom-puff & puff_verksamhet_2 framst
----------------------------------------------------------------------------------------*/

#rothmans_pic_box {
	width:225px;
	height:142px;
	margin-bottom:5px;
	}

#rothmans_pic {
	width:225px;
	height:142px;
	}



.puff_verksamhet_2 {
	width:464px;
	position:relative;
	background-image:url(../img/main_pics/puff_verksamhet_top.gif);
	padding:20px 20px 10px 20px;
	margin-top:125px;
	}	
	
	.puff_verksamhet_2 ul {
	list-style-image:url(../img/main_pics/puff_verksamhet_arrow.gif);
	padding-left:14px;
	}
	
	.puff_verksamhet_2 li {
	line-height:20px;
	}
	
		.puff_verksamhet_2 p {
			margin-top:10px;
			}
			
		.puff_verksamhet_2 a {
			color:#007376;
			}



/*

New divs for default

*/

#img_div_main1 {
	height:152px;
	width:229px;
	/*position:relative; 
	margin-left:auto; 
	margin-right:auto;*/	
}

#img_div_main2 {
	height:157px;
	width:229px;
	/*position:relative; 
	margin-left:auto; 
	margin-right:auto;*/	
}


/*

New pics for the divs for default

*/

#img_scf_main1 {
	height:147px;
	width:229px;
	/*border:1px solid #333333;*/
	padding:0px 0px 5px 0px;
	/*position:relative; 
	margin-left:auto; 
	margin-right:auto;*/	
	margin-top:10px;
}

#img_scf_main2 {
	height:147px;
	width:229px;
	/*border:1px solid #333333;*/
	padding:5px 0px 5px 0px;
	/*position:relative; 
	margin-left:auto; 
	margin-right:auto;*/	
}

/*GAMMAL
#punkt_lista_div {
	list-style-image:url(../img/main_pics/puff_verksamhet_arrow.gif);
	background-image:url(../img/main_pics/puff_verksamhet_top_small.gif);
	background-repeat: no-repeat;
	padding:20px 20px 10px 20px;
}
*/

#punkt_lista_div {
	list-style-image:url(../img/main_pics/puff_verksamhet_arrow.gif);
	width:209px;
	line-height:12px;
	padding:10px 0px 10px 22px;
	background-image:url(../img/genomforda_affarer/genomforda_textbox_bg_large.gif);
	background-repeat:no-repeat;
	position:relative;
	height: 120px;
	margin-bottom:10px;
	margin-right:10px;
}


li.punkt_lista_li {
	font-weight:bold;
}

/*
span.punkt_lista_text {
line-height:12px;
}
*/



#puff_nyheter_2 {
	width:464px;
	position:relative;
	background-image:url(../img/main_pics/puff_nyheter_top.gif);
	padding:20px 20px 10px 20px;
	margin-top:0px;
	}

#imgTop_2{
	margin-top:40px;

}

a.event_url {
	text-decoration: underline;
	color: #00213B;
}

#text_index div.events h4 {
	margin: 0 0 7px 0;
	padding: 0;
	font-size: 12px;
}