/***************
This odd 100.01% value for the font size compensates for several browser bugs. First, setting a default body font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. The current "best" suggestion is to use the 100.01% value for this property.
******************/
body {
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	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 */
	font-size: 100.01%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
	background-color: #fff;
	background-image: url(../img/bg/bg01.gif);
	background-repeat: repeat-x;
}
/******************* 
Nästa Fix är for firefox, mozila browsers för att dom skall alltid visa scrollbars. Visst är det snyggt när inga scrolls vissas om kontent är kort, men inte om för det priset skall all centrerat kontent hoppa fram och tillbaka 
********************/
html {overflow: -moz-scrollbars-vertical; overflow-x: auto;	overflow-y: scroll;}
/*******************
Scroll coloring fungerar bara för IE
********************/
body {

}
/*****************
Det här är fix för alla margins och paddings på hela sajten. Dom nollas, för at sedan läggas till där dom behövs: paragrafer, rubriker.
******************/
* html, html, body, 
ul, ol, li, dd, dt, dl, 
p, h1, h2, h3, h4, h5, h6, 
form, fieldset, a, img {
	margin: 0; 
	padding: 0;
	border: 0; 
	
}
a {
	color: #d89523;
}
a:hover {
	color: #FF9900;
}
h1 {
	font-weight: normal;
	color: #174c38;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	padding-bottom:12px;
	padding-top:12px;
}
h2 {
	font-weight: normal;
	color: #d89523;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	padding-bottom:12px;
	padding-top:12px;
}
h3 {
	font-weight: normal;
	color: #174c38;
	font-size: 0.9em;
	letter-spacing: 0.05em;
	padding-bottom:12px;
	padding-top:12px;
}
h4 {
	font-weight: normal;
	font-style: italic;
	font-size: 0.9em;
	letter-spacing: 0.05em;
	padding-bottom:12px;
	padding-top:12px;
}
p {
	font-size: 0.9em;
	line-height: 130%;
	letter-spacing: 0.05em;
	padding-bottom:6px;
	padding-right: 15px;
}
.bild {
	font-size: 0.8em;
	line-height: 130%;
	letter-spacing: 0.05em;
	padding-bottom:12px;
	padding-top: 12px;
}
img {
	border: none;
}
#wrapper {
	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. */
	font-size: 0.8em;
}
#header {
	background: #8fd400;
	/*padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	/*margin-bottom: 28px;*/
	
}
.table {
	font-size: 0.9em;
	letter-spacing: 0.05em;
	padding-bottom:10px;
	padding-top: 6px;
}
.user {
	font-size: 0.9em;
	letter-spacing: 0.05em;
	border-width:0px;
}
.user td{
	font-size: 0.9em;
	letter-spacing: 0.05em;
	border-style:solid;
	border-color:lightgray;
	border-width:1px 0px 0px 0px;
}
.user th{
    text-align:left;
}
th.health{
    text-align:left;
    font-size: 1.1em;
	letter-spacing: 0.05em;
	text-decoration: bold;
	width:70px;
	
}
.leftside {
	float: left;
	min-height: 400px;
	min-height: auto !important;
	width: 180px;
}
#logo {
	background-image: url(../img/logo_levande_foretag.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	clear: both;
	float: left;
	height: 97px;
	width: 180px;
}
#logo span {
	display: none;
	visibility: hidden;
}
#logo_swedbank {
	background-image: url(../img/logo_swedbank.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	clear: both;
	float: left;
	height: 97px;
	width: 180px;
}
#logo_swedbank span {
	display: none;
	visibility: hidden;
}
.medlemslogin {
	clear: both;
	float: left;
	min-height: 148px;
	min-height: auto !important;
	width: 178px;
	border: 1px solid #E7BF1F;
	border-bottom-color: #FFFFFF;
	font-size: 0.9em;
	letter-spacing: 0.05em;
}
/**************************************/
.bg_tile_02 {
	width:180px;
	height: 201px;
	/*background:url(../img/bg/bg_tile_02m.gif) repeat-y 0% 0%;*/
	margin-bottom: 20px;
	clear: both;
	float: left;
}
.bg_tile_02 p {
	color: #174c38;
	font-size: 1.4em;
	font-weight: normal;
	padding: 10px;
}
.bg_tile_02 span {
	visibility: hidden;
	display: none;
}
/**************************************/
.bg_tile_03 {
	width:509px;
	height: 201px;
	background:url(../img/bg/bg_tile_03m.gif) repeat-y 0% 0%;
	margin-bottom: 20px;
	clear: both;
	float: left;
}
.bg_tile_03 p {
	color: #174c38;
	font-size: 1.4em;
	font-weight: normal;
	padding: 10px;
}
.bg_tile_03 span {
	visibility: hidden;
	display: none;
}
/**************************************/
.bg_tile_04 {
	width:509px;
	background:url(../img/bg/bg_tile_04m.gif) repeat-y 0% 0%;
	padding-top: 10px;
	padding-bottom: 6px;
	margin-top: 6px;
	margin-bottom: 10px;
	float: left;
}
.bg_tile_04 p.btn {
	color: #174c38;
	font-size: 1em;
	font-weight: normal;
	padding: 0px 0px 0px 10px;
	line-height: 28px;
}
.bg_tile_04 p {
	padding-left: 10px;
	padding-right: 10px;
}
.bg_tile_04 h1 {
	padding-left: 10px;
}
.bg_tile_04 h2 {
	padding-left: 10px;
}
.bg_tile_04 h3 {
	padding-left: 10px;
}
.bg_tile_04 h4 {
	padding-left: 10px;
}
.pilrubbe {
	text-transform: uppercase;
	color: #FF9900;
	text-decoration: none;
	background-image: url(../img/layout/dot_pil.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 28px;
	display: block;
	float: left;
}

/**************************************/
.menu {
	margin: 0px 0px 28px 0px;
	padding: 0px;
	height: 48px;
	width: 980px;
	clear: both;
	background: url(../img/bg/bg01.gif) repeat-x 0% 0%;
	float: left;	
}
.menu ul {
	list-style-type: none;
}
.menu li {
	display: inline;
	float: left;
	list-style-type: none;
}
.menu a {
	height: 48px;
	display: inline-block;
}

.menu a:hover {
    background: url(../img/menu2/btn_bg_on.gif) no-repeat 50% 50%; height: 48px;
}
.menu li:hover {
	background: url(../img/menu2/btn_bg_on.gif) no-repeat 50% 50%; height: 48px;
	
}
.menu li.selected {
	background: url(../img/menu2/btn_bg_on.gif) no-repeat 50% 50%; height: 48px;
}
.matsteg {
	font-size:20px;
	color:#000066;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	width:30px;
	height:20px;
}
/************************************/

.submenu {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	clear: both;
	width: 180px;
	min-height: 120px;
	min-height: auto !important;
}
.submenu li {
	float: left;
}
.submenu a {
	display: block;
	float: left;
	width: 180px;
}
.submenu a:hover, .submenu a.selected {
	background: url(../img/menu/dot_pil.gif) no-repeat 100% 50%;
}

/**************************************/
#contentHolder {/* Den som håller all kontent mellan header och footer*/
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	min-height: 500px;
	min-height: auto !important;
}
.content {
	float: right;
	min-height: 400px;
	min-height: auto !important;
	width: 775px;
	clear: right;
	margin-left: -17px;
}
.contentMid {
	clear: both;
	float: left;
	width: 509px;
	margin-bottom: 20px;
}
.contentMid_left {
	float: left;
	width: 300px;
	margin-bottom: 20px;
}
.contentMid_right {
	float: right;
	width: 200px;
	margin-bottom: 20px;
}
.contentMid_lsmall {
	float: left;
	width: 180px;
	margin-bottom: 20px;
}
.contentMid_rbig {
	float: right;
	width: 320px;
	margin-bottom: 20px;
}
.contentMid_lbig {
	float: left;
	width: 320px;
	margin-bottom: 20px;
}
.contentMid_rsmall {
	float: right;
	width: 180px;
	margin-bottom: 20px;
}
.contentMid_clear {
	clear:both;
}
.col01 {
	float: left;
	min-height: 258px;
	min-height: auto !important;
	width: 241px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	background: #FFFFFF url(../img/bg/bg_tile_03m.gif) repeat-y 0% 0%;
	margin-bottom: 20px;
}
.col01 p {
	padding-right: 10px;
	padding-left: 10px;
}
.col01 h1 {
	padding-left: 10px;
}
.col01 h2 {
	padding-left: 10px;
}
.col01 h3 {
	padding-left: 10px;
}
.col01 h4 {
	padding-left: 10px;
}
.col01_nobg {
	float: left;
	min-height: 258px;
	min-height: auto !important;
	width: 241px;
	margin-right: 0px;
	
	margin-bottom: 20px;
}
.rightside {
	float: right;
	height: 258px;
	width: 241px;
}
.border01 {
	border:1px solid #E7BF1F;
	float: left;
}

#footer {
	padding: 0;
	margin: 30px 0px 0px 0px;
	background: #8fd400 url(../img/layout/footer.gif) no-repeat 0% 0%;
	height: 42px;
	width: 990px;
	clear: both;
	float: left;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#ruta_samarbetspartners
{
	width: 210px;
	padding: 15px;

}

.samPartnerContainer
{
	width: 242px;
	max-width: 242px;
	min-width: 242px;
	float: left;
}
.hemPageContainer
{
	border:1px solid #E7BF1F;
	width: 242px;
	max-width: 242px;
	min-width: 242px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	height: 148px;
	padding:0;
}
.hemPageContainer p {
	margin-left: 10px;
}
.hemPageContainer h1 {
	padding-left: 10px;
}
.hemPageContainer h2 {
	padding-left: 10px;
}
.hemPageContainer h3 {
	padding-left: 10px;
}
.hemPageContainer h4 {
	padding-left: 10px;
}
.rightcolContainer
{
	border:1px solid #E7BF1F;
	width: 239px;
	max-width: 239px;
	min-width: 239px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	height: 60px;
	padding:0;
}
.rightcolContainer p {
	padding-top: 6px;
	margin-left: 10px;
	color: #E7BF1F;
}
.rightcolContainer h1 {
	padding-left: 10px;
}
.rightcolContainer h2 {
	padding-left: 10px;
}
.rightcolContainer h3 {
	padding-left: 10px;
}
.rightcolContainer h4 {
	padding-left: 10px;
}

.kontaktBg
{
	background-image: url('../img/kontakt_bg.jpg');
	background-repeat: no-repeat;
	width: 509px;
	height: 253px;
	font-size: 0.8em;
}

.textForm
{
	border: 0px;	
	width: 210px;
	
}

.kontaktLeftCol
{
	float: left;
	width: 250px;
}

.kontaktRightCol
{
	float: left;
}

.error
{
	color: Red;
}

.msg
{
	color: #FF7D00;
}