@charset "iso-8859-1";
body  {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #3d3d3d;
}

a, li {color:#1f2124;}




#full_container {
	width: 100%;
}
#full_header {
	background:url(image/fullheaderbg.png) repeat-x #4985a8;
	height:219px;
	padding: 0;
}

#full_body {
	background:url(image/fullbodybg.png) repeat-x #E8EDF1;
	padding: 0 0 0 0;

}
#full_footer {
	background:url(image/fullfooterbg.png) repeat-x #D1D1D1;
	padding: 0 0 60px 0;
}




#top { 
	width: 980px;
	margin: 0 auto; 
} 

#logo {
	text-align: left;
	height:99px;
}

#nav {
	height:40px;
}

#nav a {
	display:inline-block;
	height:37px;
	background:url(image/navbg.png) top left no-repeat;
	color:#585656;
	font-family: Century Gothic, Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding: 10px 15px 0 15px;
}

#nav a.vald {
	color:#FFF;
	background:url(image/navbg_vald.png) top left no-repeat;
}

#nav a.navslut {
	width:1px;
}


#bottom { 
	width: 980px;
	margin: 0 auto; 
	text-align:left;
}

#bottommenu {
	height:30px;
	text-align:center;
}

#bottommenu span {display:block;font-size:11px; color:#666; padding-top:10px;}
#bottommenu a {color:#000; text-decoration:none; padding: 0 15px 0 15px;}
#bottommenu a.vald {text-decoration:underline;}
#bottommenu a:hover {text-decoration:underline;}

#contact {
	padding-top:30px;
	padding-bottom:15px;
	height:80px;
	color:#000;
	font-size:12px;
	margin: 0 auto; 
}

#contact a {
	color:#000;
	text-decoration:none;
}

#contact a:hover {
	color:#666;
	text-decoration:none;
}

#no-logo {
	float:left;
}

#no-logo img {
	margin-top:12px;
}

#adress {
	float:left;
}

#follow {
	float:right;
}

#followlogos {
	float:right;
}

#adress p, #follow p {
	margin-top:20px;
}



#links {
	width:980px;
	height:125px;
	padding-bottom:80px;
	margin: 0 auto; 
	/*border:1px solid #bfbfbf;
	background:url(image/linksbg.png) repeat-x #d1d1d1;*/
}

#links a {
	color: #448db5;
	font-size: 12px;
	text-decoration:none;
}
#links a:hover {
	text-decoration:underline;
}

#links table { 
	width:980px; 
	border: 1px solid #bfbfbf; 
	border-collapse:collapse;
	background: #e2e2e2;
}
#links table th{ 
	background:url(image/linktableheaderbg.png) repeat-x; 
	height:39px; 
	border: 1px solid #bfbfbf; 
	font-family:Century Gothic, Verdana, Geneva, sans-serif;
	text-align:left;
	padding-left:20px;
	font-size:14px;
}
#links table td{ 
	border: 1px solid #bfbfbf; padding:0; margin:0;
}
#links img {margin-right:5px;}

#links table table {
	width:auto;
	margin-left:0;
	padding:8px 0 8px 0;
	border:none;
}
#links table table td {
	border:none;
	height:30px;
	padding-top:3px;
	padding-bottom:3px;
}

 #container { 
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-top:10px;
	padding-bottom:10px;
} 
 #header { 
	margin-bottom:10px;
} 


 #flash {
	/* height:165px; */
	 width:980px;
	 text-align:center;
	 z-index:-1;
	 /*background:url(image/flashbg.png) no-repeat;*/
 }
 
 #search {
	 height:51px;
	 width:980px;
	 margin: 0 auto; 
	 background:url(image/searchbg.png) no-repeat; 
	 margin-top: -4px;
 }
 
html>body #search {margin-top: -20px;} 
 
#search div.control {
	 float:left;
	 margin-top:12px;
	 margin-right:5px;
}

#search div.titel {
	 float:left;
	 width:185px;
	 margin-top:15px;
}

#search div.titel span{
	font-size:18px;
	color:#FFF;
	margin-left:24px;
	font-weight:bold;
	font-family:Century Gothic, Arial, Verdana, Helvetica, sans-serif;
}

#search div.btn {
	float:left;
	width:150px;
	margin-top:11px;
	margin-left:0;
}


/*
#search div.control select, #search div.control input {
	width:192px;	
	font-size:13px;
	margin-right:14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

#search div.control input {
	height:21px;

	margin-right:0;
	margin-top:0;
	padding-top:0;
}

*/


#search #textfalt {
	margin-top:1;
	width:195px;
	height:28px;
	background:url(image/sokruta.png) no-repeat top left;
	text-align:left;
}
html>body #search #textfalt{margin-top: 0;} 

#sokruta {
	margin-top:4px;
	margin-left:8px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#3d3d3d;
	border:none;
	background:#f7f7f7;
}
html>body #sokruta {margin-top:6px;}

 #sidebarLeft {
	float: left; 
	width: 185px;
	margin-right:10px;
}
 #sidebarRight {
	float: right; 
	width: 185px;
}
 #mainContent { 
 	float:left;
	width:590px;
} 

#sidebarRight h2, #sidebarLeft h2, #mainContent h2, #footer h2 {
	display:block;
	width:185px;
	height:30px;
	text-align:center;
	color:#FFF;
	background:url(image/smallboxheader.png) no-repeat;
	font-family:Century Gothic, Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding-top: 7px;
	margin-bottom:0;
	overflow:hidden;
}

html>body #sidebarRight h2,  html>body #sidebarLeft h2,  html>body #mainContent h2 ,  html>body #footer h2 {height:23px;} 

#sidebarRight div.smallbox, #sidebarLeft div.smallbox, #mainContent div.bigbox, #footer div.bautabox {
	width:185px;
	/*
	color:#666;
	*/
	padding:10px 0 10px 0;
	background:url(image/smallbox.png) bottom left no-repeat;	
	overflow-x:hidden;
}

#sidebarRight div.member {
	width:185px;
}

#mainContent h2 {
	width:590px;
	background:url(image/bigboxheader.png) no-repeat;
}

#mainContent div.bigbox {
	width:590px;
	background:url(image/bigbox.png) bottom left no-repeat;
}

.bigbox h3 {
	font-size:16px;
	margin-left:10px;
}

.smallbox p, .bigbox p, .bautabox p, .bigbox #annonstext div  {
	color:#333;
	font-size:12px;
	line-height:150%;
	margin: 0 10px 10px 10px;
}

.bigbox #annonstext div {    /*Detta och ovan är för att snygga till eventuella div:ar som hänger med i annonstexten från db */
	padding: 0 10px 0 10px;
} 

.smallbox a, .bautabox a {
	color:#333;
	text-decoration:none;
}

.bigbox a {
	color:#3a7ea6;
	text-decoration:none;
}

.smallbox a:hover, .bigbox a:hover, .bautabox a:hover {

	text-decoration:underline;
}

.smallbox img {
	margin-left:10px;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
}

.smallbox hr {
	width:90%;
	color:#fff;
	background:#CCC;
}

#footer { 
}

#footer h2 {
	width:980px;
	background:url(image/bautaboxheader.png) no-repeat;
}

#footer div.bautabox {
	width:980px;
	/*height:192px;*/
	overflow:hidden;
	background:url(image/bautabox.png) bottom left no-repeat;
}

div.ad {
	width:185px;
	height:240px;
	background: url(image/advert.png) no-repeat;
	overflow:hidden;
	margin-top:10px;
	color:#666;
	text-align:center;
}

table.jobb, table.allajobb {
	margin: 0 10px 10px 10px;
	width:570px;
	overflow:hidden;
}

table.allajobb {
	margin:0;	
}

table.jobb thead td {
	background:url(image/tableheaderbg.png) repeat-x;
	border-top: 1px solid #dad9d9;
	border-bottom: 1px solid #dad9d9;
	font-weight:bold;
}

table.jobb thead a {
	color:#3d3d3d;
	text-decoration:none;
}

table.jobb thead a:hover {
	color:#3d3d3d;
	text-decoration:underline;
}

table.jobb tr {
	height: 34px;
}

table.jobb td {
	border-bottom: 1px solid #dad9d9;
	padding-left:10px;
	padding-right:10px;
	color:#3d3d3d;
	font-size:12px;
}
table.jobb tr.udda td {
	background:#fff;
}
table.jobb tr.jamn td {
	background:#f6f6f6;
}

table.jobb a, table.allajobb a {
	color: #225e80;
	text-decoration:none;
}
table.jobb a.ad, table.allajobb a.ad {
	color: #225e80;
	font-weight:bold;
}

table.jobb a:hover, table.allajobb a:hover {
	color: #225e80;
	text-decoration:underline;
}

table.allajobb tr {
	height:20px;
}

table.allajobb td {
	padding-left:10px;
	padding-right:10px;
	color:#3d3d3d;
	font-size:12px;
}
/*
div.bigbox span {
	display:block;
	width:300px;
	text-align:right;
	margin-right:10px;
}
*/
a.flerjobb {
	display:block;
	background:url(image/button.png) no-repeat;
	margin-left:479px;
	height:31px;
	width:101px;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	padding-top:8px;
	

}
a.flerjobb:hover {
	color:#FFF;
	text-decoration:underline;	
	}


#links table p {
	color:#666;
	font-weight:bold;
	font-size:16px;
}

#links table table {
	height:120px;
	margin-left:18px;
}






#adrubrik {
	float:left; 
	margin: 0 10px 30px 10px;
	width:250px;
}

#adtopright {
	width:211px; 
	float:right; 
	margin: 0 10px 30px 10px;
}

#adtopright img {
	max-width:192px;
}

#adtopright {
	width:211px; 
	float:right; 
	margin: 0 10px 30px 10px;
}

#adlinks {
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	background: url(image/adlinksbg.png) top left repeat-x #d3d3d3;
}

#adlinks a {
	display:inline-block;
	border-left:1px solid #bfbfbf;
	padding:5px 10px 5px 26px;
	font-size:11px;
	color:#3a7ea6;
}

#adlinks a.print {
	background: url(image/icon/print.png) 5px center no-repeat;	
}
#adlinks a.save {
	background: url(image/icon/save.png) 5px center no-repeat;	
}
#adlinks a.tips {
	background: url(image/icon/tips.png) 5px center no-repeat;	
}



#empinfo {
	background: url(image/empinfobg.png) top left repeat-x #d9d9d9;
	margin-top:10px;
	border:1px solid #bfbfbf; 
}

#empinfo p {
	font-size:11px;
	margin-top:10px;
}

#empinfo h4 {
	margin-left:10px;
	font-size:12px;
}

#empinfo img {
	margin:10px 10px 0 10px;
}

#empinfo a {
	color:#3a7ea6;
}

#adbtns a {

}

a.employer {
	display:block;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	background:url(image/empbtn.png) no-repeat;
	height:30px;
	width:211px;
	padding-top:7px;
	margin: 10px 0 0 0;
}

a.apply {
	display:block;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	background:url(image/applybtn.png) no-repeat;
	height:31px;
	width:103px;
	padding-top:7px;
	margin: 5px 0 0 0;
}

a.employer:hover, a.apply:hover {
	color:#FFF;
	text-decoration:underline;
}



a.membernav {
	display:inline-block;
	padding:5px 5px;
	margin-right:2px;
	margin-bottom:5px;
	background:#EEE;
	border:1px solid #BBB;
	color:#555;
	cursor:pointer;
	text-decoration:none;
}

a.membernav.hover {
	background:#DDD;
	border:1px solid #AAA;
	color:#444;	
	text-decoration:none;
}

a.membernav.aktiv {
	background:#b3d5e8;
	border:1px solid #8AC;
	color:#446;	
	text-decoration:none;
}


li {
	font-size:12px;
	margin:10px;
}

table tr td p {font-size:12px;}


html>body div.medlem { margin-top:10px;}

.required {background-image:url(image/required.gif); background-position:top right; background-repeat:no-repeat;}








.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}




















#ticker {
	height:32px;
	background: url(image/tickerbg.png) repeat-x #1f2124;
	text-align:center;
	overflow:hidden;
}

#tickermain {
	border:0px solid white;
	width:980px;
	margin: 0 auto; 
	overflow:hidden;
}

#tickerl {
	float:left;
	width:110px;
	text-align:left;
}

#tickerr {
	float:right;
	width:860px;
	border:0px solid red;
	text-align:right;
}

#tickerl p {
	display:block;
	margin-top:8px;
	color:#FFF;
	font-family: Century Gothic, Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;	
}

.tickercontainer { /* the outer div with the black border */

border: 0px solid #fff;
/*
background: #fff; 

width: 738px; 
*/
width:870px;
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0;
top: 8px;
width: 870px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
color: #0d88b8;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #fff;
font-family:Century Gothic, Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
margin: 0 10px 0 10px;
} 
ul.newsticker a:hover {
text-decoration:underline;
}
ul.newsticker span {
margin: 0 10px 0 0;
} 










/* För att hantera div:ar och annat krafs som hänger med från db:n till ex. annonstexter. Endast marginaler och padding. Övrigt sätts ovan. */

.bigbox {
	margin:0;
	padding:0;
}

.bigbox #annonstext {
	padding:0;
	margin-left:10px;
	margin-right:10px;
	border:0px solid #CCC;
}

.bigbox #annonstext div, .bigbox #annonstext p , .bigbox #annonstext span, .bigbox #annonstext h1, .bigbox #annonstext h2, .bigbox #annonstext h3, .bigbox #annonstext h4, .bigbox #annonstext h5, .bigbox #annonstext h6, .bigbox #annonstext em, .bigbox #annonstext img, .bigbox #annonstext a, .bigbox #annonstext hr, .bigbox #annonstext ul, .bigbox #annonstext ol, .bigbox #annonstext object, .bigbox #annonstext form, .bigbox #annonstext pre {

	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
}

/* Samt lite andra justeringar */

.bigbox #annonstext h2 {background:none; text-align:left; display:inline-block; width:auto; height:auto; font-size:16px; 
					    color:#333; margin: 5px 0 10px 0; font-family:Arial, Verdana, Helvetica, sans-serif;}

.bigbox #annonstext li {margin-left:30px;}

/* Här slutar detta */