/* ISAN Sverige.se by AGoodID 

Färger:
Brödext: #4e4e4e
Navlänkar: #999
Rubriker (orange): #ff3200
*/
* {
	padding:0;
	margin:0;
}

body {
	font: 62.5%/130% Arial, Helvetica, sans-serif;
	background-color:#fff;
	color:#4e4e4e;
	text-align:center;
}

#header{
	background: #fff url(/pix/isan_bg.gif) repeat-x bottom center;
	text-align:left;
}

#globalNav{
	width: 960px;
	margin:30px auto 0;
	text-align:left;
	color:#999;
}

#container {
	width:960px;
	text-align:left;
	margin:0 auto;	
	position:relative;
}

#content {
	width:470px;
	float:left;
	border-top:4px solid #ff3200;
	padding-top:7px;
	overflow:hidden;
}

#localNav{
	float:left;
	width:225px;
	margin-right:20px;
	border-top:4px solid #999999;
}

#sidebar{
	float:right;
	width:225px;
}

#footer {
	margin-top:60px;
	border-top:1px dotted #999;
	padding-top:8px;
	float:left;
	width:960px;
}

#f {
	z-index:1;
	position:absolute;
}


/* Global navigation
--------------------------------------------------------*/
#nav{
	background: transparent url(/pix/avdelare.gif) no-repeat left bottom;
	float:left;
	width:100%;
	line-height:1.0;
	margin-bottom:25px;
}

#nav li{
	background: transparent url(/pix/avdelare.gif) no-repeat right bottom;
	list-style-type:none;
	float:left;
	position:relative;
	font-size:1.4em;
	display:block;
	width:auto;	
	z-index:99; /* ensure submenus appear above other page items. Increase if needed, but do not exceed thickbox overlay z-index! */	
}

#nav ul{
	position:absolute;
	top:-999em;
	width:15em;
	background-color:#ff3200;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	padding:6px;
	left:0;
	margin-left:-2px;
	margin-top:2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
	#nav ul{margin-top:0px;}
	html:first-child>b\ody #nav ul {margin-top:2px;} /* Reset the value for Opera */
}

#nav ul li{
	font-size:1em;
	float:left;
	width:90%;
	background-image: none;
}

#nav ul li a{
	color:#fff;
	float:left;
	width:100%;
	display:block;
	border-bottom:1px #e12c00 solid;
}

#nav li a{
	text-decoration:none;
	padding: 0.6em 10px;
	color:#999;
	border-bottom:none;
	display:block;
	float:left;
	margin-right:1px;
	width:auto;
}

#nav li:hover ul,
#nav li.sfHover ul{
	top:2.1em;
}

.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {
	top: -999em;
}

#nav li a:hover,
#nav li a:focus,
#nav li.active a,
#nav li a.active{
	color:#fff;
	background-color:#ff3200;
}

#nav li li a:hover,
#nav li li a.active{
	background-color:#ff6b47;
}


#nav li.loginButton{
	position:absolute;
	right:0;
	background-image: none;
}

#nav li.loginButton a{
	background:transparent url('/pix/logga_in_ikon.gif') no-repeat 0% 50%;
	padding: 10px 0 6px 15px;
}

#nav li.loginButton a:hover,
#nav li.loginButton a:focus{
	border-top:none;
	padding-top: 10px;	
	background-color:#fff;
	color: #ff3200;
}

#footer li{
	list-style-type:none;
	/*display:inline;*/
	float:left;
	clear:left;
	margin-right:20px;
	margin-bottom:10px;
	font-size:1.4em;
	color:#999;
	white-space:nowrap;
}

#footer li a{
	color:#999;
}

#footer li a:hover,
#footer li a:focus{
	color:#fff;
}

embed, object {
	position: relative;
	z-index: 0;
}


/* Typografi
------------------------------------------------------------------*/
p {
	font-size:1.4em;
	line-height:1.3em;
	margin-bottom:1.2em;
}

#header p {
	float:right;
	width:390px;
	margin:0 0 1em 0;
	color:#bfbfbf;
}

.mainImage{
	margin-bottom:1em;
}

a img {
	border: 0;
}

a#logo{
	float:left;
	border: 0;
	margin-bottom:32px;
	background-color:transparent;
}

h1,p.teaser {
	margin-bottom:0.7em;
	font: 2em/1.2em Arial, Helvetica, sans-serif;
	color:#ff3200;
}

h2 {
	font: 1.4em/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 2em 0 0.6em;
}

h3 {
	font: 1.4em/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0.3em 0 0.6em;
}

#sidebar h3 {
	font: 1.4em/1.2em Arial, Helvetica, sans-serif;
	margin: 0 0 7px;
	border-top:4px solid #999999;
	padding-top:7px;
	color:#999;
}

#hem #localNav h3 {
	font-weight:bold;
}

#localNav p {
	color:#999;
}

/* Lokalnav
--------------------------------------------------------*/

#localNav ul,
#localNav li{
	list-style-type:none;
	padding:0;
	margin:0;
}

#localNav ul{
	margin-bottom:2em;
}

#localNav li{
	font-size:1.4em;
	border-bottom:1px dotted #999;
}

#localNav li a{
	text-decoration:none;
	border:none;
	color:#999;
	display:block;
	padding:7px 0;
}

#localNav li a:hover,
#localNav li a:focus,
#localNav li a.active{
	color:#ff3200;
	background-color:transparent;
}

#localNav h3{
	color:#999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.4em;
	font-weight:normal;
	line-height:1.2em;
	margin:0 0 7px;
	padding-top:7px;
}

/* Länkar
------------------------------------------------------------------*/

a{
	text-decoration:none;
	color:#4e4e4e;
	border-bottom:1px dotted #ff3200;
}

a:hover,
a:focus,
a:active{
	background-color: #ff3200;
	color:#fff;
}

#content ol,
#content ul{
	font-size:1.4em;
	margin:0 0 1em 0;
	padding-left:1.2em;	
}

#content li{
	line-height:1.3em;
	margin-bottom:0.3em;
	padding-left:0;
	margin-left:0;
	list-style-type:square;	
}

dt {
	font-size:1.4em;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:0.6em;
	border-top:1px dotted #999;
	padding-top:0.3em;
	color:#999;
}

input.text {
	width:130px;
	margin-top: 5px;
}

#sidebar .bannermodul {
	border-top:#999 dotted 1px;
	padding: 10px;
	margin:1.5em 0 4px 0;
}

.bannermodul h3 {
	border-top:#999 dotted 1px;
	padding-top: 4px;
	margin:1.5em 0 4px 0;
}

.bannermodul h3.first {
	border:none;
	padding-top: 0;
	margin-top:0;
}

.reg {
	background-color:#efefef;
	border-top:#ed633c solid 1px;
	margin-bottom:15px;
	padding:10px;
}

.printOnly{
	display:none;
}

#localNav .bannermodul a {
	color:#999;
}

#localNav .bannermodul a:hover {
	color:#fff;
}

fieldset {
	border:none;
}

#login label {
	margin:0.5em 0 0 0;
}

#login input {
	margin:0;
}

label, input.button {
	display:block;
}

#login input.button {
	margin:0.7em 0;
}

ul.files { list-style-type: none; margin: 1em 0 0 0; padding: 0; }
ul.files li { background-image: url(/begood/pix/silkicons/page_white.gif); background-repeat: no-repeat; padding: 0 0 5px 20px; }
ul.files li.doc,ul.files li.docx,ul.files li.dot,ul.files li.dotx { background-image: url(/begood/pix/silkicons/page_white_word.gif); }
ul.files li.xls,ul.files li.xlsx,ul.files li.xlt,ul.files li.xltx { background-image: url(/begood/pix/silkicons/page_white_excel.gif); }
ul.files li.eps,ul.files li.gif,ul.files li.jpg,ul.files li.jpeg,ul.files li.psd,ul.files li.tif,ul.files li.tiff { background-image: url(/begood/pix/silkicons/picture.gif); }
ul.files li.avi,ul.files li.mpg,ul.files li.mpeg,ul.files li.mov,ul.files li.qt { background-image: url(/begood/pix/silkicons/film.gif); }
ul.files li.aiff,ul.files li.mp3,ul.files li.wav { background-image: url(/begood/pix/silkicons/music.gif); }
ul.files li.pdf { background-image: url(/begood/pix/silkicons/page_white_acrobat.gif); }
ul.files li.ppt,ul.files li.pptx,ul.files li.pot,ul.files li.potx { background-image: url(/begood/pix/silkicons/page_white_powerpoint.gif);}
ul.files li.swf { background-image: url(/begood/pix/silkicons/page_white_flash.gif); }
ul.files li.txt { background-image: url(/begood/pix/silkicons/page_white_text.gif); }
ul.files li.sit,ul.files li.sea,ul.files li.hqx,ul.files li.rar,ul.files li.zip { background-image: url(/begood/pix/silkicons/page_white_compressed.gif); }

#sidebar h3{
	margin-top:0;
}

ul#steps{
	list-style-type:none;
}

ul#steps li{
	border-top:1px dotted #999;
}

ul#steps li a{
	display:block;
	float:left;
	text-decoration:none;
	border:none;
	padding: 15px 0 5px;
	margin:3px 0pt;
	color:#999;
	width:100%;
}

/*ul#steps li.selected a,*/
ul#steps li a:hover{
	background-color:#ff3200;
	color:#fff;
}

ul#steps li span.number{
	font-size:11em;
	line-height:0.8em;
	float:left;
	margin-right:10px;
	cursor:pointer;
}

ul#steps li span.text{
	display:block;
	margin-top:20px;
	padding-right:10px;
	font-size:1.4em;
	line-height:1.2;
}

/* Frågor och svar-sidan */

#fragor-och-svar ul#questions{
	padding:0;
	margin:0 0 4em;
}

#fragor-och-svar #questions li{
	padding:0;
	margin:0 0 0.5em;
	list-style-type:none;
}

#fragor-och-svar dt a{
	color:#999;
	text-decoration:none;
}

#fragor-och-svar dt a:hover{
	color:#fff;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */