/* generellt */
body{
	margin: 20px 0;
	padding: 0;
	background:#fac935;
	font-size:0.74em; /* 0.7em */
	line-height:1.7em;
}

div, input, textarea, td{
	font-family: arial, "trebuchet ms", verdana, tahoma, "sans serif";
	color:#666;
}

a {color:#f87729;text-decoration:underline;}
a:hover {color:#d05c06;}

ul{
	list-style-type: none;
	list-style:none;
	margin:15px 0 25px 20px;
	padding:0;
}
ul li{
	padding-left:20px;
	margin-bottom:3px;
	background:url("../_pict/art_arrow.gif") no-repeat 0 6px;
}

div#rightColumn ul{
	list-style-type: none;
	list-style:none;
	margin:8px 0 10px 3px;
	padding:0;
}

div#rightColumn ul li{
	padding-left:17px;
	padding-right: 17px;
	margin-bottom:3px;
	/*background:url("../_pict/art_arrow.gif") no-repeat 0 6px;*/
}

div#pushar{
    margin-bottom: 38px;
}

div#pushar div{
    float: left;
}

div#pushar div.pushleft{
    /*width: 320px;*/
    width:284px;
    padding-right: 36px;
    border-right: 1px solid #e2e2e2;
    overflow: hidden;
}

div#pushar div.pushright{
    width: 278px;
    padding-left: 36px;
}

div#panLista div.cont {
margin-bottom: 18px;
}

img{
	border: 0;
}

form{
	margin: 0;
	padding: 0;
}

hr{
	clear:both;
	color:#d9d9d9;
	background-color:#d9d9d9;
	height:1px;
	border:0;
	margin:10px 0px 15px 0px;
}

input, textarea, select{
	border:1px solid #e0e1e0;
	color:#686868;
	margin:0;	
	padding:4px 6px;
	font-size:1em;
}

input.login_Form_Item
{
    margin-bottom: 10px;
}
.login_Form_btn
{
    margin: 0;
    padding: 0;
}

.alignleft{
	float:left;
	margin:0 15px 5px 0;
}
.alignright{
	float:right;
	margin:0 0 5px 15px;
}

a.arrow{
        background: url(../_pict/art_arrow.gif) right 3px no-repeat;
        padding-right: 15px;
}

/* struktur */
#wrapper{
	position:relative;
	width:977px;
	margin:0 auto;
	background:url("../_pict/bg_main.gif");
}

#topBar{
	position:relative;
	height:159px;
	background:url("../_pict/bg_top.gif");
	margin:0 0 36px;
}
#topBar h1{
	position:absolute;
	left:40px;
	top:16px;
	width:380px;
	height:60px;
}
#topBar h1 a{
	display:block;
	width:380px;
	height:60px;
	text-indent:-999em;
	text-decoration:none;
	border:0;
	overflow:hidden;
}

/* sökruta */
#topBar #topSearch{
	position:absolute;
	top:0;
	left:680px;
	width:300px;
}
.topSearchInput{
	position:absolute;
	top:13px;
	left:0px;
	width:180px;
}
.topSearchButton{
	position:absolute;
	top:9px;
	left:196px;
	border:0;
	margin:3px 0 0 5px;
	padding:0;
}
#topSearchInput{
	position:absolute;
	top:13px;
	left:0px;
	width:180px;
}
#topSearchButton{
	position:absolute;
	top:9px;
	left:196px;
	border:0;
	margin:3px 0 0 5px;
	padding:0;
}
#topSearch ul{
	position:absolute;
	top:51px;
	margin:0;
	padding:0;
	height:41px;
	list-style:none;
}
#topSearch ul li{
	display: inline;
	float: left;
	height:32px;
	margin:0;
	padding:0;
	background-color:transparent;
}
#topSearch ul li a{
	float:left;
	overflow:hidden;
	height:32px;
	text-indent:-999em;
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#fff;
	border:0;
}
#topSearch ul li a{
	text-decoration:none;
	border: 0;
}
#topSearch ul li#searchOversikt{width:110px;}
#topSearch ul li#searchOversikt a{width:110px;background-image:url("../_pict/nav_search.gif");}
#topSearch ul li#searchCookies{width:68px;}
#topSearch ul li#searchCookies a{width:68px;background-image:url("../_pict/nav_search.gif");background-position:-110px 0;}


/* toppmeny */
#topNav{
	position:absolute;
	top:118px;
	height:41px;
}
#topNav ul{
	margin:0;
	padding:0;
	height:41px;
	list-style:none;
}
#topNav ul li{
	display: inline;
	float: left;
	height:41px;
	margin:0;
	padding:0;
	background-color:transparent;
}
#topNav ul li a{
	float:left;
	overflow:hidden;
	height:41px;
	text-indent:-999em;
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#fff;
	border:0;
}
#topNav ul li a{
	text-decoration:none;
	border: 0;
}
#topNav ul li a:hover{
	background-position:0 -41px;
	border:0;
}

/* markera vald flik i menyn */
#start #topNav ul li#navStart a,
#foretag #topNav ul li#navForetag a,
#utbildning #topNav ul li#navUtbildning a,
#nyheter #topNav ul li#navNyheter a,
#medlem #topNav ul li#navMedlem a,
#jobb #topNav ul li#navArbeta a,
#kontakt #topNav ul li#navKontakt a,
#press #topNav ul li#navPress a,
#foreningen #topNav ul li#navForeningen a,
#lankar #topNav ul li#navLankar a{
	background-position:0 -82px; 
	border:0;
}

/* menyobjekt */
#topNav ul li#navStart{width:117px;}
#topNav ul li#navStart a{width:117px;		background-image:url("../_pict/nav_start.gif");}
#topNav ul li#navForetag{width:132px;}
#topNav ul li#navForetag a{width:132px;		background-image:url("../_pict/nav_foretag.gif");}
#topNav ul li#navNyheter{width:130px;}
#topNav ul li#navNyheter a{width:130px;		background-image:url("../_pict/nav_nyheter.gif");}
#topNav ul li#navArbeta{width:146px;}
#topNav ul li#navArbeta a{width:146px;		background-image:url("../_pict/nav_utbildningseminarier.gif");}
#topNav ul li#navKontakt{width:100px;}
#topNav ul li#navKontakt a{width:100px;		background-image:url("../_pict/nav_kontakt.gif");}
#topNav ul li#navForeningen{width:106px;}
#topNav ul li#navForeningen a{width:106px;	background-image:url("../_pict/nav_foreningen.gif");}
#topNav ul li#navPress{width:61px;}
#topNav ul li#navPress a{width:61px;	    background-image:url("../_pict/nav_press.gif"); }
#topNav ul li#navLankar{width:66px;}
#topNav ul li#navLankar a{width:66px;	    background-image:url("../_pict/nav_lankar.gif"); }

/* sidoboxar */
#column{
	float:left;
	width:194px;
}
.sideBox{
	margin-bottom: 28px;
	/*width:160px;
	background:url("../_pict/box_cont.gif");
	background-repeat:repeat-y;
	float: left;*/
}

.sideBox .cont{
	padding:10px 18px 6px 18px;
}

#leftColumn .sideBox .cont{
    padding: 0;
}

#leftColumn .sideBox .cont ul li {
    padding: 6px 0 6px 16px;
}

#rightColumn .sideBox {
    background-color: #f7f7f7;
}

#rightColumn .sideBox .cont p a {
    font-weight: bold;
    background: url("../_pict/art_arrow.gif") no-repeat 100% 70%;
    padding-right: 16px;
    margin: 0;
}

.sideBox .cont p {
	margin-top:7px;
	line-height:1.4em !important;
}

strong {
	font-weight: bold;
}

#rightColumn .sideBox {
padding-bottom: 4px;
}

#rightColumn .sideBox p a {
    font-weight: bold;
    background: url("../_pict/art_arrow.gif") no-repeat 100% 70%;
    padding-right: 16px;
    margin: 0 18px 0 18px;
}

.sideBox h2{
	margin:0;
	padding:0;
	/*width:194px;
	height:36px;*/
	width: 183px;
	height: 24px;
	text-indent:-999em;
	display:block;
	overflow:hidden;
}

/* lista till submenyer */
.sideBox ul{
	list-style:none;
	margin:-6px 0 6px;
	padding:0;
}
.sideBox ul li{
	border-bottom:1px solid #e2e2e2;
	padding:6px 0;
	margin:0;
	background:transparent;
	line-height:1.4em;
	font-size: 1em;
	color: #2a6c8c;
}

.sideBox ul li.sel{
	border-bottom:1px solid #e2e2e2;
	padding-left:16px;
	background:url("../_pict/li_arrow.gif") no-repeat 14px 9px;
	font-weight:bold;
}
.sideBox ul li a{
	display:block;
	text-decoration:none;
}
.sideBox ul li.sel a{
	padding-left: 14px;
}

#leftColumn .sideBox ul li a{
	color: #d05c06;
}

#rightColumn .sideBox ul li a{
	color: #2a6c8c;
	font-weight: bold;
}

/* rubriker till submenyer */
#subMenu h2{			    background:url("../_pict/puff_kommande_utbildningar.gif");}
#start #subMenu h2{			background:url("../_pict/puff_nyheter.gif");}
/*#foretag #subMenu h2{		background:url("../_pict/box_foretag.gif");}
#utbildning #subMenu h2{	background:url("../_pict/box_utbildningarbete.gif");}
#nyheter #subMenu h2{		background:url("../_pict/box_nyheter.gif");}
#medlem #subMenu h2{		background:url("../_pict/box_medlem.gif");}
#press #subMenu h2{		    background:url("../_pict/box_press.gif");}
#jobb #subMenu h2{			background:url("../_pict/puff_kalender.gif");}
#kontakt #subMenu h2{		background:url("../_pict/box_kontakt.gif");}
#foreningen #subMenu h2{	background:url("../_pict/box_foreningen.gif");}*/

/* content boxes */
.contentbox {
	float: left;
	margin-bottom: 24px;
	width: 207px;
}

.contentboxes .contentbox {
    background-color: #f7f7f7;
}

.contentboxes .contentbox .cont {
    margin: 14px 20px;
}

.contentboxes .contentbox .cont a,
.otherbox a {
    color: #2a6c8c;
    font-weight: bold;
    text-decoration: none;
}

.contentboxes .contentbox .cont span a,
.otherbox span a {
    color: #d05c06;
    background: url("../_pict/art_arrow.gif") no-repeat 100% 70%;
    padding-right: 16px;
    text-decoration: underline;
}

.contentbox h2{
	margin:0;
	padding:0;
	width: 202px;
	height: 24px;
	text-indent:-999em;
	display:block;
	overflow:hidden;
}

/* other box */
.otherbox {
    background-color: #f7f7f7;
    margin-top: 10px;
    padding: 10px 10px 2px 10px;
}

#fhvutbildningar {
    margin-right: 24px;
}
#fhvutbildningar h2 {    background:url("../_pict/puff_fhvutbildningar.gif");}
#fsfseminarier h2 {    background:url("../_pict/puff_fsfseminarier.gif");}

/* övriga box-rubriker */
#kommandeutbildningar { position:relative;}
#kommandeutbildningar h2{background:url("../_pict/puff_kommandeutbildningar.gif");}

#nyhetsbrevsarkiv { position:relative;}
#nyhetsbrevsarkiv h2{background:url("../_pict/puff_nyhetsbrevsarkiv.gif");}

#foretagssok { position:relative;}
#foretagssok h2{background:url("../_pict/puff_sokforetagsvard.gif");}

#ovrigautbildningar { position:relative;}
#ovrigautbildningar h2{background:url("../_pict/puff_ovrigautbildningar.gif");}

#utbildningsmaterial { position:relative;}
#utbildningsmaterial h2{background:url("../_pict/puff_utbildningsmaterial.gif");}

#fragaLasse { position:relative;}
#fragaLasse h2{	            background:url("../_pict/box_lasse.gif");}

#nyhetsbrev { position:relative;}
#nyhetsbrev h2{ background:url("../_pict/puff_nyhetsbrev.gif");}
/*#nyhetsbrev a 
{
    clear:both;
    float:left;
}*/
#nyhetsbrev input#txtNyhetsbrev 
{
    width:110px;
    margin-bottom:3px;
    float:left;
}
#nyhetsbrev input#btnNyhetsbrev
{
    width:21px;
    height:23px;
    border:none;
    margin:0;
    padding:0;
    float:right;
}

/* login-specialare */
#foretagssok input,#foretagssok select{width:140px;margin-bottom:10px;}
#foretagssok .knapp {
	border:none;
	color:#fff;
	margin:0;	
	padding:0;
	width:50px;
	height:12px;
	display:block;
	/*position:absolute;
	top:105px;
	left:130px;*/
	float:right;
}
#foretagssok a{
    float:right;
    font-weight:bold;
    font-size:1.1em;}

/* content-rutan hela*/
#mainWide{
	float:left;
	margin:0 0 0 60px;
	padding-bottom:10px;
	width:638px;
	min-height:510px;
	height:auto!important;
	height:500px;
	display: inline;
}
div>#mainWide{
	/*margin:0 0 0 80px;*/
}


/* content-rutan i mitten*/
#main{
	float:left;
	margin:0 0 0 60px;
	padding-bottom:10px;
	width:438px;
	min-height:510px;
	height:auto!important;
	height:500px;
}
div>#main{
	/*margin:0 0 0 60px;*/
}
h2 
{
  	color:#f07c26;
	font-size:1.2em;
	line-height:1.5em;
	margin:0 0 10px 0;  
}
h3
{
	color:#f07c26;
	font-size:1.7em;
	line-height:1.6em;
	margin:0 0 10px 0;
}

h4
{
	color:#2a6c8c;
	font-size:1.05em;
	margin:0 0 5px 0;
}

div#pushar h4
{
	font-size:1.5em;
}

h5
{
	font-size:1.05em;
	margin:0;
	padding:0;
}

h6 {
    color: #2a6c8c;
    margin: 0px;
    font-size: 11px;
    font-weight: normal;
}

p
{
	margin:0 0 10px 0;
}

p.ingress{
	font-size:1.2em;
}
p.bildtext {
    margin: 0;
    color: #2a6c8c;
    line-height: 14px;
    font-size: 10px;
}

#mainWide #artiklar div#older{
	float:right;
	margin:0 0 10px 0;
}

#mainWide #artiklar div#rss{
	float:left;
	margin:0 0 2px 0;
}

#mainWide #artiklar div#rss img{
	margin:0 5px 2px 0;
	vertical-align:middle;
}

#listArticles div.cont {
margin-bottom: 25px;
}

/* vänster bildkolumn*/
#leftColumn{
	float:left;
	width:160px;
	margin:0 0 15px 40px;
	display: inline;
}

/* höger bildkolumn*/
#rightColumn{
	float:left;
	width:183px;
	margin:0 0 15px 40px;
}

/* fossing */
#footer{
	clear:both;
	background:url("../_pict/bg_footer.gif") no-repeat #fac935;
	color:#2a6c8c;
	padding:5px 0 0;
	margin:0;
}
/*Firefox*/
div>#footer {
  padding:10px 0 0;  
}
#footer a{
	color:#2a6c8c;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

#footer p 
{
    margin:0px;
}
table td {
    vertical-align:top;
}
/* artikel-listning */

table#artList{
	width:100%;
	border-collapse:collapse;
}

table#artList td{
	border-bottom:0px solid #d9d9d9;
	padding:0;
}
table#artList td.listhits{
	border-bottom:1px solid #d9d9d9;
	padding:5px 0;
}
table#artList td.listnews{
	border-bottom:1px solid #d9d9d9;
	padding:0;
}
table#artList td div 
{
    margin-bottom:0;
}
table#artList td.newsItem a{
    float:left;
    display:block;
    background-color:#fff;
    width:450px;
    padding:5px 0 5px 5px;
    position:relative;
    text-decoration:none!important;
}

table#artList td.newsItemOver a,
table#artList td.newsItemOver a:link,
table#artList td.newsItemOver a:visited,
table#artList td.newsItemOver a:active,
table#artList td.newsItemOver a:hover{
    float:left;
    display:block;
    background-color:#f87729;
    color:#fff;
    width:450px;
    padding:5px 0 5px 5px;
    position:relative;
    text-decoration:none!important;
}
table#artList td.newsItemOver a span.date,
table#artList td.newsItemOver a:link span.date,
table#artList td.newsItemOver a:active span.date,
table#artList td.newsItemOver a:visited span.date,
table#artList td.newsItemOver a:hover span.date{
    color:#fff;
    text-decoration:none!important;
    border:none !important;
}
table#artList td.newsItem a span.date,
table#artList td.newsItem a:link span.date,
table#artList td.newsItem a:active span.date,
table#artList td.newsItem a:visited span.date,
table#artList td.newsItem a:hover span.date{
    color:#666;
    text-decoration:none!important;
    border:none !important;
}

table#artList td.header{
	font-size:1.2em;
	font-weight:bold;
}
/*table#artList td a.newsHeader{
    float:left;
    display:block;
    background-color:#fff;
    width:100%;
    padding:5px 0;
    position:relative;
    text-decoration:none;
   
}*/
table#artList td div.newsDiv{
    background-color:#F4F4F4;
    padding:5px;
}
/*table#artList td a.newsHeader:hover{
    color:#fff;
    background-color:#f87729;
}*/
table#artList td span.date {
    position:absolute;
    top:5px;
    right:5px;
    
}


/* kontakt-formulär */
#kontakt #main input,
#kontakt #main textarea{
	width:416px;
	margin:0 12px 12px 0;
}

#kontakt #main textarea{
	height:200px;
}
#kontakt #main a.skicka{
	float:right;
	font-size:1.1em;
	font-weight:bold;
}

/* medlem sök */
.selectField{
	width:80px;
	margin:0 5px 5px 0;
}
.skicka{
	float:right;
	font-size:1.1em;
	font-weight:bold;
}


#pnlMedlemssok input{
	width:413px;
	margin:0 0 5px;
}
div>#pnlMedlemssokinput input.knapp {
    padding-top:10px;
    margin-left:20px;
    border:none;
    float:right;
}
#foretag #main #pnlMedlemssok select{
	width:120px;
	margin:0 5px 3px 0;
}

/* for IE6 */
select {
    width:120px;
    margin:0 9px 3px 0;
}
select .lanRad {
    background-color:#f87729 !important;
    color:#fff !important;
}
.inputField {
   	width:413px;
	margin:0 0 5px;
}

/* sitemap */
ul#sitemap ul {
    margin:3px 0 3px 0;
}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash #main h3 {
	visibility: hidden;
	
}

.clear 
{
    clear:both;
}

/* clear fix */
.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;
}