/***************
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 {
	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 */
	background-color: #fff;
	font-size: 76%;
	line-height: 140%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #333333;
	height:100%;
	width:100%;
}
/******************* 
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 {
	scrollbar-face-color: #ffffff;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-base-color: #ffffff;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-track-color: #ffffff;
}
/*****************
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, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a { /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	margin: 0; 
	padding: 0;
	border: 0; 
}
* {margin:0;padding:0}
/* mac hide \*/
html, body{height:100%;width:100%;}
/* end hide */
a {
	color: #0066CC;
}
img {
	border: none;
	float:left;
	display: block;
}
#centre {
	text-align: center;
	padding: 0px 0px;
	height: 900px;
	margin: 0px auto;
	width: 920px;
}
#container {
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height: 100px;
	position: relative;
	padding: 0px 20px 0px 20px;
}
#headerWrapper {
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height: 100px;
	position: relative;
	padding: 14px 20px 0px 20px;
	background-color: #F5F5F5;
	width: 920px;
	/*background-color: #CCCCCC;
	clear: both;
	min-height: 250px;
	width: 920px;*/
}
* #headerWrapper {
	width: 880px;
}
#header {
	padding: 0px;
	height: 81px;
	width: 880px;
}
#logo {
	float: left;
	padding: 0px 0px 0px 0px;
	width: 200px;
	height: 81px;
}
.logoBild {
	padding:10px 0;
	margin: 0px 0px 20px 0px;
	border: 0px solid #000000;
	text-align: center;
	width: 280px;
}
#puffar {
	clear: both;
	height: 235px;
	width: 900px;
	margin: 0px;
	padding: 0px;
}
.puff {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 300px;
	height: 230px;
	display: block;
}
.puff p {
	margin: 0px;
	padding: 0px 17px 0px 20px;
	font-size: 110%;
	font-style: normal;
	font-weight: bold;
	clear: both;
}
#puffar .right {
	padding: 0px 0px 0px 0px;
	float: right;
}
.puffLong {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	height: 230px;
	width: 600px;
}
* .puffLong {
	width: 580px;
}
.puffLong p {
	margin: 0px;
	padding: 0px 20px;
	font-size: 110%;
	font-style: normal;
	font-weight: bold;
	clear: both;
}
.puffLong img {
	height: 180px;
	width: 580px;
}

.puffLongBlue {
	background-image: url(../img/puff/puff-top-blue-2.jpg);
	background-repeat: no-repeat;
}
.oliv p {
	color: #bfab00;
}
.orange p {
	color: #cc3300;
}
.blue p {
	color: #0066cc;
}
.green p {
	color: #627305;
}
.devider1 {
	clear: both;
	height: 19px;
	width: 881px;
}
.devider2 {
	clear: both;
	height: 24px;
	width: 881px;
}
#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 313px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
}
.content {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	clear: both;
	float: left;
	min-height: 240px;
	width: 880px;
	background-image: url(../img/bg/bg_01.gif);
	background-repeat: repeat-y;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
} 
.content .mid {
	float: left;
	min-height: 140px;
	width: 599px;
}
.content .mid p {
	padding: 0px 30px 1em 0px;
}
.content .mid h1 {
	text-transform:uppercase;
	margin: 4px 0px 17px 0px;
	font-size: 160%;
	line-height: 160%;
	font-weight: normal;
}
.content .mid h2 {
	text-transform:uppercase;
	margin: 0 0 15px 0;
	font-size: 120%;
	line-height: 120%;
}
.content .mid h3 {
	text-transform:uppercase;
	margin: 0 0 15px 0;
	font-size: 120%;
	line-height: 120%;
}
.content .col01 {
	float: left;
	height: auto;
	width: 295px;
	background-color:#FFFFFF;
}
.content .col02 {
	float: right;
	height: auto;
	width: 295px;
	background-color:#FFFFFF;
}
.content .col03 {
	float: left;
	height: auto;
	width: 590px;
}
#sam img {
	float: none;
}
.content .Services img {
	padding: 0px 30px 50px 0px;
	float: left;
}
.content .PublikFaq img {
	padding: 0px 30px 0px 0px;
	float: left;
}

.content .ColRight {
	float: right;
	min-height: 296px;
	max-width: 280px;
	background-image: url(../img/bg/bg_aktuellt.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	margin: 0px 0px 0px 0px;
}
.content .ColRight .padding {
	padding: 4px 20px 0px 20px;
}
.content .ColRight .right {
	padding: 0px -20px 0px 0px;
	float: right;
}
.content .ColRight h2 {
	font-size: 160%;
	color: #333333;
	line-height: 160%;
	margin: 0px;
	text-transform: uppercase;
	font-weight: normal;
}
.content .ColRight p {
	padding: 0 0 16px 0;
}
.ReferensCitat {
	text-align: left;
	display: block;
	float: left;
	width: 400px;
}
.ReferensCitat h2 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 160%;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px 0px 0px 40px;
	margin: 0px;
}
.ReferensCitat p {
	line-height: 17px;
	margin: 0px;
	padding: 0px;
}
.ReferensCitat a {
	color: #000000;
	text-decoration: none;
	display: block;
}
.ReferensCitat span {
	font-style: italic;
	color: #355797;
}
.Big .ReferensCitat {
	width: 580px;
}


/***********************************************/
.ReferObject {
	width: 645px;
	padding: 0px 0px 10px 0px;
}
.ReferObject img {float:left; padding:8px; margin:0px 20px 0px 0px; border: 1px solid #000000; margin: 0px 30px 0px 0px; background-color: #FFFFFF; width:300px; height:225px;}
.ReferObject .data {float:left; min-height:249px; width:280px; padding:0px 0px 10px 0px;}
/********************
Aktuellt
********************/
.aktuellt .mainNews{
	width: 600px;
}
.ReferensCitat p {
	padding: 0px;
}

.aktuellt a {
	text-decoration: none;
	font-size: 90%;
	color: #999999;
	display: block;
}
.aktuellt a:hover,
.aktuellt .date a:hover,
.aktuellt .lasmer a:hover  {
	color: #0066A8;
}
.aktuellt .date {
	font-size: 100%;
	font-weight: bold;
}
.aktuellt .date1 {
	font-size: 100%;
	color: #0066A8;
}
.aktuellt .rubrik {
	font-size: 100%;
}
.aktuellt .ingress {
	font-weight: bold;
	font-style: italic;
}
.aktuellt .text {
	font-weight: normal;
}
.aktuellt .lasmer {
	color: #0066A8;
	text-transform: uppercase;
	text-decoration: underline;
}
/*******************
Knappar i ColRight
**********************/
.content .ColRight .btn01 a, .content .ColRight .btn02 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 24px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 257px;
	height: 25px;
	padding: 0;
}
.content .ColRight .btn01 a {
	background-image: url(../img/btn/btn01.gif);
}
.content .ColRight .btn02 a {
	background-image: url(../img/btn/btn02.gif);
}
.content .ColRight .btn01 a:hover,
.content .ColRight .btn02 a:hover {
	color: #0066A8;
}
.flash {
	height: 180px;
	width: 880px;
	clear: both;
}

/*********************
***********************/
#footer {
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(../img/bg/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	height: 100px;
	float: left;
	clear: both;
	width: 880px;
} 
#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: 19px 0xp 0px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 80%;
	color: #999999;
}
#footer a {
	color: #999999;
	text-decoration: none;
	display: inline-block;
}
#footer .tamigdit {
	float: right;
	width: 313px;
	text-align: center;
}
#footer .tamigdit a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	width: 310px;
	height: 20px;
	padding: 0;
	font-size: 16px;
	text-transform: uppercase;
}
#footer .tamigdit a:hover {
	color: #0066A8;
}
.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;
}
.formfel  {
	font-size: 10px;
	color: #CC0000;
	width: 210px;
}
.formfel input {
	border: 1px solid #CC0000;
	width:210px;
	height:25px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.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;
}
#CarlforsElPersonal {
	min-height: 300px;
	padding-bottom: 20px;
}
#CarlforsElPersonal .visitkortId {
	display: block;
	clear: both;
	padding:10px 0px 10px 0px;
}
#CarlforsElPersonal .visitkortId span {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
#CarlforsElPersonal .visitkort {
	color: #000000;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
	min-height: 240px;
	background-color: #F8F8F8;
	background-image: url(../img/bg/bg_long_h.jpg);
	background-repeat: repeat-y;
	background-position: 0% 0%;
}
* #CarlforsElPersonal .visitkort {
	height: 240px;
}
#CarlforsElPersonal .visitkort span {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#CarlforsElPersonal .visitkort a {
	padding-bottom: 5px;
	text-decoration: none;
	color: #0066A8;
}
#CarlforsElPersonal .persdataOption {
	font-weight: bold;
	padding-bottom: 5px;
	text-decoration: none;
	color: #000000;
}
#CarlforsElPersonal .visitkort .bild {
	float: left;
	width: 150px;
	height: 220px;
	padding: 8px;
	border: 1px solid #000000;
	margin: 0px 30px 0px 0px;
	background-color: #FFFFFF;
}




#nedanprint {}
@media print {
body { 
	font-size: 1em; 
	font-family: "Trebuchet MS", Arial;
	line-height: 1em; }
.1 { 
	display: none; }
.pagebreak { 
page-break-after : always; }
}