* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	background-color: #fff;
	margin: 0px;
}

h1{
	color:#0089cf;
	font-size: 24px; 
	margin: 17px 0 20px;
	border-bottom: 1px solid;
	padding-bottom: 10px;
}

h2 {
	color:#0089cf;
	font-size: 20px; 
	margin-bottom: 5px;
}

h3 {
	color:#0089cf;
	font-size: 14px; 
	margin-bottom: 5px;
	margin-top: 2px;
}

h4 {
	color:#000;
	font-size: 12px; 
	margin-bottom: 5px;
	margin-top: 2px;
}

form {
	margin: 0px;
}

a {
	color:#0089cf;
}

a:hover {
	 
}

a:visited{
	color: #551a8b;
}

p {
	line-height: 17px;
	margin-top: 0px;
}

img{
	border: none;
}

select {
	width: 300px;
}

textarea {
	width: 300px;
	height: 50px;
}

label {
	font-weight: normal;
}

body#main,
body#jobcoaching {
	background: #d0d0d1 url(bg-body.jpg) top center no-repeat;
	margin: 0;
}

div#site-wrapper {
	background-color: #fff;
	width: 872px;
	padding: 20px 30px 30px;
	margin: auto;
	margin-bottom: 30px;
}

div#header {
	background: url(bg-top.gif) bottom repeat-x;
	height: 83px;
	margin-bottom: 15px;
}

img#logo {
	float: left;
	margin-left: 15px;
}

ul#main-menu {
	float: left;
	margin-top: 34px;
	padding-left: 33px;
}

ul#main-menu li{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#main-exposure-container, 
div#secondary-exposure-container{
	float: left;
	margin-top: 8px;
}

div#main-exposure-container {
	margin-right: 10px;
}

div#main-content-wrapper {
	float: left;
	width: 665px;
	overflow: hidden;
}

div#contact-form-wrapper h2,
div#job-seeker-wrapper h2,
div#available-jobs-wrapper h2 {
	margin-bottom: 10px;
	font-size: 16px;
}

div#contact-form-wrapper,
div#job-seeker-wrapper,
div#available-jobs-wrapper {
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
}

div#contact-form-wrapper,
div#job-seeker-wrapper {
	width: 320px;
	background: url(bg-box-wide-top.gif) no-repeat;
	margin-right: 15px;
}

div#job-seeker-wrapper {
	margin-right: 10px;
}

div#contact-form,
div#job-seeker {
	background: url(bg-box-wide-bottom.gif) bottom left no-repeat;
	padding: 15px;
	min-height: 420px;
}

div#job-seeker {
	padding-right: 0px;
}

div#job-seeker h1{
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-top: 8px;
	border-bottom: 1px solid #0089cf;
	width: 291px;
	font-size: 16px;
}

div#available-jobs-wrapper {
	width: 206px;
	overflow: hidden;
	background: url(bg-box-narrow-top.gif) no-repeat;
}

div#available-jobs {
	/* background: url(bg-box-narrow-bottom.gif) bottom no-repeat; */
	padding: 5px;
	min-height: 320px;
}

div#available-jobs h1{
	padding-bottom: 10px;
	margin: 17px 8px 5px;
	border-bottom: 1px solid #0089cf;
	font-size: 16px;
	
}

div#available-jobs h4 {
	font-weight: normal;
}

div#available-jobs ul {
	margin: 0px;
	padding: 0px;
}


div#available-jobs li {
	list-style: none;
	padding-bottom: 10px;
}




input.box {
	vertical-align: middle;
}

input.txt {
	width: 281px;
	background-color: #f7f8f9;
	border: 1px solid #d4d6d8;
	height: 20px;
}


div.frmhead {
	margin-bottom: 2px;
}

span.required,
span.error  {
	color: #c00;
}

div#powered-by {
	width: 950px;
}

div#powered-by img{
	position: absolute;
	left: 760px;
}

div#sub-menu-wrapper {
	width: 206px;
	background: url(bg-box-narrow-top-company.gif) no-repeat;
	float: left;
	margin-right: 15px;	
}

/*body.press div#sub-menu-wrapper {
margin-bottom: 500px;
}

body.press address {
width: 842px;
}

body.detail div#flash {
display: none;
}*/

div#sub-menu {
	background: url(bg-box-narrow-bottom.gif) bottom no-repeat;
	padding: 15px;
	padding-top: 63px;
	min-height: 320px;
}

div#sub-menu a {
	text-decoration: none;
	color: #000;
}

div#sub-menu a:hover {
	color:#0089cf;
}

div#sub-menu a:visited {
	color: #551a8b;
}

div#sub-menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#sub-menu li.level1 {
	border-bottom: 1px solid #f0f1f1;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(bg-arrow.gif) no-repeat;
}

div#sub-menu li.level2 {
	padding-left: 30px;
	padding-top: 7px;
	padding-bottom: 7px;
}

div#sub-menu li.level3 {
	padding-left: 45px;
	padding-top: 7px;
	padding-bottom: 7px;
}

div#sub-menu li.active a {
	font-weight: bold;
	color: #0089cf;;
}

div#content,
div#content-wide {
	float: left;
	width: 651px;
	padding-bottom: 30px;
	min-height: 400px;
}

div#content-wide{
	width: 872px;
}

/* Editormall 2 kolumner */
table.edt-twocols{
	width: 100%;
}

td.edt-twocols-left{
	width: 50%;
	border-right: 1px solid #e3e3e3;
	padding-right: 15px;
}

td.edt-twocols-right{
	padding-left: 15px;
}

/* FAQ*/
tr.question td{
	padding-bottom: 15px;
}

tr.answer td{
	padding-bottom: 30px;
}

/* TEAM */

div#card-wrapper {
	width: 640px;
}
	
div.card {
	background-image: url(bg-card.gif);
	background-repeat: no-repeat;
	width: 172px;
	height: 325px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	margin-right: 10px;
}

div.card h2 {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}

div.card p {
	margin: 0px;
	padding: 0px;
	line-height: 14px;
}

/* TOPPMENY */

/* Hem */
body.home a.btn-home-off,
body.home a.btn-employers-on,
body.home a.btn-jobseekers-on,
body.home a.btn-about-on,
body.home a.btn-press-on,
body.home a.btn-login-on,
body.home a.btn-seekjob-on,
body.home a.btn-register-on {
	display: none;
}

/* För företag */
body.employers a.btn-home-on,
body.employers a.btn-employers-off,
body.employers a.btn-jobseekers-on,
body.employers a.btn-about-on,
body.employers a.btn-press-on,
body.employers a.btn-login-on,
body.employers a.btn-seekjob-on,
body.employers a.btn-register-on {
	display: none;
}

body.employers div#sub-menu-wrapper {
	background-image: url(bg-menuheader-employers.gif);
}

/* För arbetssökande */
body.jobseekers a.btn-home-on,
body.jobseekers a.btn-employers-on,
body.jobseekers a.btn-jobseekers-off,
body.jobseekers a.btn-about-on,
body.jobseekers a.btn-press-on,
body.jobseekers a.btn-login-on,
body.jobseekers a.btn-seekjob-on,
body.jobseekers a.btn-register-on {
	display: none;
}

body.jobseekers div#sub-menu-wrapper {
	background-image: url(bg-menuheader-jobseekers.gif);
}

/* Om Teamwork bemanning */
body.about a.btn-home-on,
body.about a.btn-employers-on,
body.about a.btn-jobseekers-on,
body.about a.btn-about-off,
body.about a.btn-press-on,
body.about a.btn-login-on,
body.about a.btn-seekjob-on,
body.about a.btn-register-on {
	display: none;
}

body.about div#sub-menu-wrapper {
	background-image: url(bg-menuheader-about.gif);
}

/* Press */
body.press a.btn-home-on,
body.press a.btn-employers-on,
body.press a.btn-jobseekers-on,
body.press a.btn-about-on,
body.press a.btn-press-off,
body.press a.btn-login-on,
body.press a.btn-seekjob-on,
body.press a.btn-register-on {
	display: none;
}

body.press div#sub-menu-wrapper {
	background-image: url(bg-menuheader-press.gif);
}

/* Sök jobb */
body.seekjob a.btn-home-on,
body.seekjob a.btn-employers-on,
body.seekjob a.btn-jobseekers-on,
body.seekjob a.btn-about-on,
body.seekjob a.btn-press-on,
body.seekjob a.btn-login-on,
body.seekjob a.btn-seekjob-off,
body.seekjob a.btn-register-on
{
	display: none;
}

body.seekjob div#sub-menu-wrapper {
	background-image: url(bg-menuheader-seekjob.gif);
}

/* Registrera CV */
body.register a.btn-home-on,
body.register a.btn-employers-on,
body.register a.btn-jobseekers-on,
body.register a.btn-about-on,
body.register a.btn-press-on,
body.register a.btn-login-on,
body.register a.btn-seekjob-on,
body.register a.btn-register-off{
	display: none;
}

body.register div#sub-menu-wrapper {
	background-image: url(bg-menuheader-register.gif);
}

/* Blank */
body.blank a.btn-home-on,
body.blank a.btn-employers-on,
body.blank a.btn-jobseekers-on,
body.blank a.btn-about-on,
body.blank a.btn-press-on,
body.blank a.btn-login-on,
body.blank a.btn-seekjob-on,
body.blank a.btn-register-on{
	display: none;
}

img.left {
	margin-right: 10px;
}
img.right {
	margin-left: 10px;
}
img.free {
	margin-bottom: 5px;
}

div.column-left,
div.column-right {
	width: 310px;
	float: left;
}
div.column-left {
	margin-right: 31px;
	display: inline;
}

div#content img[align=right]{
	margin-left: 20px;
	margin-bottom: 20px;
}

div#content img[align=left]{
	margin-right: 20px;
	margin-bottom: 20px;
}


#footer {
	background: url(bg-bottom.gif) top repeat-x;
	padding: 40px 15px 0;
	font-style: normal;
	clear: both;
}

#footer div.column-left {
	width: 406px;
	margin-right: 30px;
}

#footer div.column-right {
	width: 406px;
}

#footer h3 {
	text-transform: uppercase;
	border-bottom: 1px solid;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.footer-email {
	clear: both;
	padding-top: 15px;
}

#footer p {
	margin-bottom: 8px;	
}

.logo-footer {
	text-align: center;	
}



body.jobcoaching div.content-wrapper h2 {
	color:#0089cf;
	font-size: 24px; 
	margin: 17px 0 20px;
	border-bottom: 1px solid;
	padding-bottom: 10px;
}

body.jobcoaching div.content-wrapper h3 {
	font-size: 21px;
	margin-top: 0;	
}

body.jobcoaching div.content-wrapper {
	border-bottom: 1px solid #0089CF;
	overflow: auto;	
	margin-bottom: 14px;
}

body.jobcoaching div.banner {
	float: right;
	margin-left: 15px;
	padding-top: 4px;	
}

body.jobcoaching #contact-form {
	min-height: 100px;	
}

body.jobcoaching #contact-form-wrapper {
	margin-top: 28px;
	margin-bottom: 28px;
	margin-right: 0;
}

ul.checkmark-list {
	list-style-type: none;	
	margin: 10px 0 20px;
	padding: 0;
	border-bottom: 1px solid #0089CF;
}

ul.checkmark-list li {
	padding-bottom: 20px;
	padding-left: 25px;
	font-size: 21px;
	font-weight: bold;
}

ul.checkmark-list li.done {
	color: #d3d3d3;
	background: url(checkmark-blue.gif) no-repeat top left;
}

ul.checkmark-list li.active {
	background: url(checkmark-black.gif) no-repeat top left;
}

ul.checkmark-list li.todo {
	color: #d3d3d3;
	background: url(checkmark-grey.gif) no-repeat top left;
}

body.jobcoaching a.back {
	display: none;	
}

body.jobcoaching a.register {
	font-size: 14px;	
}
 

body#jobcoaching.confirm h1.page-heading,
body#jobcoaching.confirm div.content-top,
body#jobcoaching.confirm div.content-bottom,
body#jobcoaching.confirm div.banner
{
	display: none;	
}

body#jobcoaching.confirm div#contact-form-wrapper
{
	margin: 0;
	background: none;
	width: 100%;
}

body#jobcoaching.confirm div#contact-form
{
	margin: 0;
	padding: 0;
	background: none;
}

body#jobcoaching.confirm div.content-wrapper
{
	border: none;
}

body#jobcoaching.confirm div#contact-form h1.page-heading 
{
	display: block;
}

body#jobcoaching.confirm div#contact-form h2
{
	font-size: 21px;
	border: none;
}