/* Global
-------------------------------------------------*/

* { margin: 0px;padding: 0px; }

body, html {
	width: 100%;
	height: 100%;
	background: #f7f7f7;

	font-family : Tahoma, Arial, Helvetica;
	font-size: 90%;
	color: #333;
}
.global { height: 100%;background: url("http://www.battrearbetsmiljo.se/img/layout2/bg_container.gif") repeat-x top left; }
.container { position: relative; }

#top { background: url("http://www.battrearbetsmiljo.se/img/layout/bg_header.gif") repeat-x bottom left; }
#main {	background: url("http://www.battrearbetsmiljo.se/img/layout/bg_body.gif") repeat; }
#bottom { height: 50px;background: url("http://www.battrearbetsmiljo.se/img/layout/bg_footer.gif") repeat-x top left; }

BODY > DIV DIV#header, BODY > DIV DIV#content, BODY > DIV DIV#footer {
	position: relative;
	max-width: 1150px;
	margin: 0;
}

#header[id], #content[id], #footer[id] { width: 99%; }

* HTML #header, * HTML #content, * HTML #footer {
	position: relative;
	width: expression(document.body.clientWidth > 1150 ? "1150px" : "99%");
	margin: 0;
}

#content[id] { height: auto; }

img { display: block;border: none; }

.right { float: right; }
.left {	float: left; }

BR.clearfix {
	float: none !important;
	display: block !important;
	clear: both !important;
	margin: 0 !important;
	border: 0 !important;
	padding: 0 !important;
	height: 0.1px !important;
	font-size: 0 !important;
	line-height: 0 !important;
}
BR.clearfix:after { /* EJ IE */
	content: ".";
	display: block;
	height: 0.1px;
	clear: both;
	font-size: 0;
	visibility: hidden;
}

* html BR.clearfix { height: 1%; } /* Bara IE6 */

.text {
	margin: 0;
	padding: 1.5em 2em;
}
.white {
	margin: 0 1.3em 1.3em 1.3em;
	padding: 0;
	border-left: 1px solid #49494b;
	border-right: 1px solid #49494b;
	border-bottom: 1px solid #49494b;
	background: #fff;
}
ul, ol {
  	position: relative;
  	margin: 1em 1.5em 0.5em 1.5em;
	padding: 0;
}
ol li { margin: 0 0 0.5em 0;list-style-type: decimal; }
ul li { margin: 0 0 0.4em 0;list-style-type: square; }
hr {
	margin: 0.8em 0;
	height: 1px;
	border-top: 1px dashed #ccc;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	background: none;
}




.column { float: left;position: relative;width: 100%; }
.column, .row { display: block;min-height: 20px; }
.row { padding: 1em 1em 0 1em; }

.threeColumns .column { width: 32%;color: #fff;font-size: 11px; }
.threeColumns .one { margin-right: 2%; }
.threeColumns .three { float: right; }

.threeColumns p,
.threeColumns ul,
.threeColumns a { margin: 0 2em 1em 2em; }
.threeColumns ul { margin-left: 3em; }
.threeColumns ul li { margin-bottom: 0.8em; }
.threeColumns p { padding-top: 20px;font-weight: bold;font-size: 13px; }

.analys .lt { background: url("http://www.battrearbetsmiljo.se/img/lt_analys.png") no-repeat top left; }
.analys .rt { height: 370px;background: url("http://www.battrearbetsmiljo.se/img/rt_analys.png") no-repeat top right; }

.chef .lt { background: url("http://www.battrearbetsmiljo.se/img/lt_chef.png") no-repeat top left; }
.chef .rt { height: 370px;background: url("http://www.battrearbetsmiljo.se/img/rt_chef.png") no-repeat top right; }

.risk .lt { background: url("http://www.battrearbetsmiljo.se/img/lt_risk.png") no-repeat top left; }
.risk .rt { height: 370px;background: url("http://www.battrearbetsmiljo.se/img/rt_risk.png") no-repeat top right; }

/*.link { display: block;height: 15px;padding: 0 0 0 16px;background: url("pdf.gif") left 3px no-repeat; }*/
.link { position: absolute;right: 0px;bottom: 10px;color: #fff; }
.link:hover { color: #fff;text-decoration: underline; }





/* Fonts
-------------------------------------------------*/

h1, h2, span.rubrik, span.underrubrik, span.datum { font-family: Georgia, Times New Roman, Tahoma, Helvetica; }
h1, h2, span.rubrik, span.underrubrik {	line-height: 1.3em;font-weight: bold; }
h2, span.underrubrik, span.orange, span.datum { color: #75451B; }
h1, span.rubrik {
	padding-left: 20px;
	background: url("http://www.battrearbetsmiljo.se/img/layout/olive.gif") no-repeat top left;
	background-position: 0 0.1em;

	font-size: 1.6em;
	color: #737373;
}
h2, span.underrubrik { font-size: 1.2em; }
span.datum { font-size: 1.1em; }
span.orange { font-weight: bold; }
span.italic {
	font-family: Times New Roman, Tahoma;
	font-size: 1em;
	font-style: italic;
	color: #555;
}
span.tipsruta {
	display: block;
	padding: 10px;
	background: #EFEFEF;
	color: #000;
}
span.epost {}

p { margin: 0.5em 0 1em 0; }

/* Links
-------------------------------------------------*/
a { font-weight: bold; font-size: 0.95em; color: #4b4b4d; text-decoration: none; }
/*a:visited { color: #737373; }*/
a:hover { color: #75451B;text-decoration: underline; }


/* Header
-------------------------------------------------*/
#header { height: 93px; }
#logo {
	position: absolute;
	top: 3px;
	left: 5px;
	width: 260px;
	height: 87px;
}
#logo_print, #bottomContact, .hidden { display: none; }
#corner {
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	background: url("http://www.battrearbetsmiljo.se/img/layout2/dot.gif") top left repeat-y; }
#picture {
	position: relative;
	height: 250px;
	margin: 1.3em 17px 0 17px;
	border-bottom: 1px solid #49494b;
}
.pic-ref1 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref1.jpg") bottom right no-repeat; }
.pic-ref2 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref2.jpg") bottom right no-repeat; }
.pic-ref3 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref3.jpg") bottom right no-repeat; }
.pic-ref4 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref4.jpg") bottom right no-repeat; }
.pic-ref5 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref5.jpg") bottom right no-repeat; }
.pic-ref6 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref6.jpg") bottom right no-repeat; }
.pic-ref7 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref7.jpg") bottom right no-repeat; }
.pic-ref8 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref8.jpg") bottom right no-repeat; }
.pic-ref9 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref9.jpg") bottom right no-repeat; }
.pic-ref10 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref10.jpg") bottom right no-repeat; }
.pic-ref11 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref11.jpg") bottom right no-repeat; }
.pic-ref12 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref12.jpg") bottom right no-repeat; }
.pic-ref13 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref13.jpg") bottom right no-repeat; }
.pic-ref14 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref14.jpg") bottom right no-repeat; }
.pic-ref15 { background: url("http://www.battrearbetsmiljo.se/img/pic/pic_ref15.jpg") bottom right no-repeat; }

#slogan {
  	position: relative;
	top: 208px;
	left: 0;
	padding: 0 2em;
  	line-height: 15px;
}

#leadership #slogan, #tips #slogan { padding: 0 0 0 0.8em; }

/* Navigation
-------------------------------------------------*/
.menu { float: right;margin-top: 65px; }
#nav, #back {
  	position: relative;
  	height: 18px;
  	margin: 0 1.3em;
}
#nav { margin: 0.2em 0 -1.3em 2em; }
#back {	margin: -1.3em 0 0 1.3em; }

.menu ul, #nav ul, .menu li, #nav li { margin: 0; padding: 0; }
.menu li, #nav li { display: inline;list-style-type: none; }
.menu a, #nav a {
	float: left;
	padding: 0 1.3em;
	letter-spacing: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.85em;
}
.menu a {
	border-top: 1px solid #f7f7f7;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #f7f7f7;
	border-left: 1px solid #f7f7f7;
}
#nav a {
	border-right: 1px solid #ccc;
}
#nav li a { color: #fff; }
#nav li.home a { background: url("http://www.battrearbetsmiljo.se/img/layout2/home_white.gif") top left no-repeat;background-position: 0 -0.5em;padding-left: 1.2em; }

.menu li.sub a:hover {
	text-decoration: none;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #f7f7f7;
}

.menu li.sub a.sub1:hover, .menu li.sub a.sub2:hover { border: 1px solid #ccc;text-decoration: none; }
.currentPage { color: #75451b;}

#submenu { width: 99%;background: none; }
#submenu ul {
  	display: block;
  	width: 100%;
	margin: 0;
}
#submenu ul, #submenu ul li, #submenu ul ul, #submenu ul li li, #submenu li a {
	line-height: 30px;
	min-height: 30px;
	padding: 0;
}
#submenu ul li {
  	width: 99%;
	margin: 0 0 0.5em 0;
	list-style-type: none;
	background: #fff url("http://www.battrearbetsmiljo.se/img/layout2/submenuBottom.gif") no-repeat bottom right;
}
#submenu ul ul {
  	display: block;
  	width: 100%;
}
#submenu ul li li {
  	width: 90%;
  	list-style-type: square;
	margin: 0 0 0 10%;
	color: #714a24;
	background: url("http://www.battrearbetsmiljo.se/img/layout2/submenuTop.gif") no-repeat top right;
}
#submenu li a {
  	display: block;
  	width: 100%;
	margin: 0;

	font-family: Georgia, Times New Roman, Tahoma, Helvetica;
	font-size: 0.85em;
	font-weight: bold;
	color: #737373;
	text-decoration: none;
}
#submenu li a:hover   {
	background: url("http://www.battrearbetsmiljo.se/img/layout2/arrow_down.gif") no-repeat top right;
	text-decoration: none;
	color: #75451B;
}
#submenu li.home a:hover, #submenu li.sub4 a:hover, #submenu li.sub5 a:hover, #guide #submenu li.sub1 a:hover, #guide #submenu li.sub2 a:hover, #guide #submenu li.sub3 a:hover, #guide #submenu li.sub6 a:hover { background: url("http://www.battrearbetsmiljo.se/img/layout2/arrow_right.gif") no-repeat top right; }

#submenu li.sub7 { margin: 0; }
#submenu li.sub7 a { color: #22435d; }

#submenu li.home li { list-style-image: url("http://www.battrearbetsmiljo.se/img/layout2/home.gif"); }
#home #submenu li.home li { list-style-image: url("http://www.battrearbetsmiljo.se/img/layout2/home_white.gif"); }
#home #submenu li.home, #efficiency #submenu li.sub1, #survey #submenu li.sub2, #leadership #submenu li.sub3, #form #submenu li.sub4, #reports #submenu li.sub5, #tips #submenu li.sub6, #olivkvisten #submenu li.sub7 { background: #555 url("http://www.battrearbetsmiljo.se/img/layout2/submenuBottom_active.gif") no-repeat bottom right;}
#efficiency #submenu li.sub1, #survey #submenu li.sub2, #leadership #submenu li.sub3, #form #submenu li.sub4, #reports #submenu li.sub5, #tips #submenu li.sub6, #olivkvisten #submenu li.sub7 { margin-bottom: 1em; }
#home #submenu li.home li, #efficiency #submenu li.sub1 li, #survey #submenu li.sub2 li, #leadership #submenu li.sub3 li, #form #submenu li.sub4 li, #reports #submenu li.sub5 li, #tips #submenu li.sub6 li, #olivkvisten #submenu li.sub7 li { background: url("http://www.battrearbetsmiljo.se/img/layout2/submenuTop_active.gif") no-repeat top right; color: #fff;  }
#home #submenu li.home a, #efficiency #submenu li.sub1 a, #survey #submenu li.sub2 li a, #leadership #submenu li.sub3 li a, #form #submenu li.sub4 li a, #reports #submenu li.sub5 li a, #tips #submenu li.sub6 a, #olivkvisten #submenu li.sub7 li a { color: #fff;  }

#submenu li.subitem a:visited   { background: url("http://www.battrearbetsmiljo.se/img/layout2/submenu_visited.gif") no-repeat top right; }
#submenu li.subitem, #submenu li.subitem a, #submenu li.subitem a:hover {
  	display: block;
	width: 90%;
	line-height: 20px;
	min-height: 20px;
	margin: 0;
	padding: 0;
}
#submenu li.subitem {
	margin: 0 0 0.5em 0;
	background: url("http://www.battrearbetsmiljo.se/img/layout/bg_subitem.gif") no-repeat top left;
	background-position: 1em 0;
}
#submenu li.subitem a, #submenu li.subitem a:hover {
	margin: 0 0 0 2.5em;
	background: none;
	text-decoration: none;

	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size: 0.85em;
	letter-spacing: 1px;
}
#submenu li.subitem a { color: #fff; }
#submenu li.subitem a:visited {	background: url("http://www.battrearbetsmiljo.se/img/layout2/arrow_visited.gif") no-repeat top right; }
#submenu li.subitem a:hover {
	background: url("http://www.battrearbetsmiljo.se/img/layout2/subitem_arrow.gif") no-repeat top right;
	color: #75451B;
}

.menu a.login { background: url("http://www.battrearbetsmiljo.se/img/layout/login.gif") top left no-repeat;background-position: 0.8em 0.3em;padding-left: 2.2em; }
a.login { background: url("http://www.battrearbetsmiljo.se/img/layout/login.gif") top left no-repeat;background-position: 0.5em 0.2em;padding-left: 1.7em; }


/* Main
-------------------------------------------------*/

#content { background: #9ea887; }

.leftColumn {
	float: left;
	width: 29%;
	margin: 1.5em 0;
	padding: 0;
}
.rightColumn {
	float: right;
	width: 69%;
	background: #6b725c;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.leftRow {
	float: left;
  	width: 98%;
	margin: 1.5em 0 0 0;
	padding: 0 0 1em 0;
	background: #fff url("http://www.battrearbetsmiljo.se/img/layout2/corner_rightBottom.gif") no-repeat bottom right;
}

.rightColumn .text { min-height: 260px; }
.leftColumn .text {
	margin: 1.3em;
	padding: 0;
	border: none;
}
.leftColumn span.underrubrik { font-size: 1em; }
.leftRow .text {
  	margin: 0;
	padding: 1em 0.4em 0.5em 1em;
  	background: #fff url("http://www.battrearbetsmiljo.se/img/layout2/corner_rightTop.gif") no-repeat top right;
}

#home .rightColumn .text { min-height: 0; }

#intro span.italic { font-size: 1.2em; font-weight: bold; }
#intro ul { color: #75451B; }
#intro li { margin-bottom: 0.4em;font-size: 0.9em; font-weight: bold; }
#intro li span { color: #333; }
#intro hr { margin: 1em 0 0 0; }

#press { padding: 0 2em 0.5em 2em; }

#info { padding: 0 2em 1.3em 2em }
.sections { position: relative;width: 100%; }
.columnRight { float: right;width: 44%; }
.columnLeft {
	float: left;
  	width: 50%;
	padding-right: 3%;
	border-right: 1px solid #ccc;
}
.columnLeft .text, .columnRight .text { margin: 0;padding: 0;border: none; }

.white .text { min-height: 430px; }

#guide .white .text { min-height: 250px; }

* html .white .text { height: 430px;}
* html #guide .white .text { height: 250px;}
* html #home .white .text { height: 20px; }


/* Bottom
-------------------------------------------------*/
#footer {
	height: 50px;

	font-size: 0.9em;
	font-family: Arial, Tahoma, Verdana, Helvetica;
	color: #666;
	letter-spacing: 1px;
}
#footer .menu {
	line-height: 15px;
	margin-top: 1em;
}
#copy { float: left; }
#copy li.copyright { margin-left: 2em; }
#copy li.plucera a:hover { 
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}


/* Images
-------------------------------------------------*/

IMG.logo { width: 260px;height: 87px; }
IMG.mail { width: 11px;height: 9px;padding: 4px 0 2px 0; }
IMG.pdf { float: left;width: 16px;height: 17px;line-height: 17px;vertical-align: middle;margin-right: 0.4em;font-size: 9px; }
IMG.getpdf { float: right;width: 88px;height: 31px;vertical-align: middle;margin-left: 1em; }
IMG.test { float: right;width: 80px;height: 80px;margin: 0.3em 0.3em 0 0.2em; }
IMG.chart { float: right;width: 80px;height: 52px;margin: 0.3em 0.3em 0 0.5em; }
IMG.partners { float: left;display: block; }
IMG.plucera { width: 15px;height: 15px;padding: 0;margin: 0; }
IMG.newsletter { float: right;width: 60px;height: 85px;margin: 0 0 0 1.3em; }
IMG.leaflet { float: right;width: 70px;height: 98px;margin: 0.2em 0 0 1em; }
IMG.graf { float: right;width: 190px;height: 187px;margin: 0 0 0 1em; }
IMG.survey_2 { float: right;width: 200px;height: 270px;margin: 0.1em 0 1em 1em; }
IMG.report { float: right;margin: 0 1em 0 2em; }


/* Forms
-------------------------------------------------*/

FORM {
	border: none;
}
INPUT {
	height: 15px;
	margin: 0;
	padding: 0 0 0 0.2em;
	border: 1px solid #D3D3D3;
	background-color: #FFF;

	font-family: Microsoft Sans Serif, Arial, Helvetica;
	font-size: 10px;
}


/* Tables
-------------------------------------------------*/
TABLE {
	margin: 0 2%;
	padding: 1em 0;
}
TH { font-weight:bold; }
TH, TD {
	padding: 0.25em 0.5em;
	vertical-align: top;
	text-align: left;
}
FORM#registerNewsletter TABLE, FORM#registerNewsletter TABLE TD { width: 96%;border: none;margin: 0;padding: 0; }
#contact { width: 94%; }
#tips FORM#registerNewsletter TABLE { width: 40%; }
FORM#contactForm TABLE, FORM#contactForm TABLE TD { width: 270px;background: #f7f7f7;font-family: Microsoft Sans Serif, Arial, Helvetica;font-size: 10px; }

/* Search
-------------------------------------------------*/
DIV#google {
	position: absolute;
	top: 15px;
	right: 0;
	margin: 0;
	padding: 0;
}
#google img { margin: 0px 5px 0px 0px; }

table.google, table.google th, table.google td { margin: 0;padding: 0;border: none; }

#searchtxt { width: 120px; }
.button {
	height: 17px;
	margin: 0;
	padding: 0 3px 1px 3px;
	border-left: 1px solid #A2ACB5;
	border-top: 1px solid #A2ACB5;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #555;

  	color: #fff;
}

/* Olivkvisten
-------------------------------------------------*/

#olivkvisten .white {
	margin: 1.3em;
	padding: 0;
	border: 1px solid #49494b;
	background: #fff;
}
#olivkvisten .rightColumn {
	background: #22435d;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#olivkvisten p { margin: 0.3em 0 1em 0; }
#olivkvisten h1, #olivkvisten h2, #olivkvisten h3, #olivkvisten span.rubrik, #olivkvisten span.underrubrik, #olivkvisten span.datum { padding: 0;font-family: "Trebuchet MS", Arial, Tahoma, Verdana, Helvetica;line-height: 1.3em;font-weight: bold; }
#olivkvisten h1, #olivkvisten span.rubrik { background: none;font-size: 1.8em;color: #22435d; }
span.grey { color: #ccc; }
#olivkvisten h2, #olivkvisten span.underrubrik { font-size: 1.2em;color: #20aed9; }
#olivkvisten h3, #olivkvisten span.datum { font-size: 0.9em;color: #b3b2b2; }
#olivkvisten p.ingress { font-size: 0.9em;font-style: italic; }
#olivkvisten a.episode { font-size: 1.1em;}
.blue { font-weight: bold;color: #22435d; }
.background { padding: 1em;background-color: #f7f7f7;border: 1px solid #22435d; }




/* ------------ Formulär -------------- */

form#subscribe input, .contact select { width: 190px;float: right; }
form#subscribe select { width: 194px; }
form#subscribe input#send { width: 75px;float: right;cursor: pointer; }
form#subscribe table { width: 360px;margin: 0;padding: 1em;background-color: #efefef;font-size: 11px; }
form#subscribe table td { border: none; }
form#subscribe textarea { width: 99%; }

