/*General*/
body
{
    background: #095BA6;
    font-family: Arial, Helvetica, Helvetica Neue, Sans-Serif;
    font-size: 10px;
    color: #767676;
}

a
{
	color: #767676;
	clear:
}

#blockmenu a 
{
	color: #FFF;	
}

a:hover
{
	text-decoration: underline;
}

.clear:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*Layout*/
.content {width: 1020px; margin: 0 auto;}

#header { background: url('../Images/headerbg.png') repeat-x; height: 110px; position: relative;}
#header #logo  
{
    background: url('../Images/logo.png');
    width: 166px;
    height: 52px;
    margin: 37px 0 0 17px;
	position:absolute;
    text-indent: -9999px;    
}

#header #menu 
{
	height: 35px;
	line-height:35px;
    position: absolute;
    margin: 75px 0 0 201px;
}

#header #search
{
	height: 30px;
	position: absolute;
	margin:80px 0 0 790px;
}

#footer 
{
    background: url('../Images/footerbg.png') repeat-x;
    height: 252px;
    color: #FFF;
}

#footer .content {width: 1000px;}

#footer div p
{
    float: left;
    width: 105px;
    margin-left: 15px;
    margin-top: 20px;
    line-height: 12px;
}

#footer div p span.name {font-weight: bold;}

#footer div p.office { margin-left: 18px;}

#footer div#info { width: 1000px; clear: both; text-align: center; padding-top: 27px;}
#footer div#info p {display: inline; float: none; margin:0 7px;}
#footer div#info p.opening-hours {display: block; margin: 0 auto 17px auto; width: 235px; font-weight: bold; font-size: 16px; line-height: 18px;}
#footer div#info a {color: #FFF; text-decoration: none; font-weight: bold;}

#main { background: #FFF;}

/*Menu*/


#menu ul {line-height: 35px; height: 35px;}
#menu li {line-height: 0;}
#menu li a 
{
    position:absolute;
    background: url('../Images/Menu/menu.png');
    height: 35px;
    text-indent: -9999px;
}

#menu li a#ctl00_ctl24_start { width: 55px; left: 0; background-position: 0 -70px; }
#menu li a#ctl00_ctl24_foretaget { width: 76px; left: 56px; background-position: -55px -70px;}
#menu li a#ctl00_ctl24_miljokvalite { width: 103px; left: 133px; background-position: -131px -70px;}
#menu li a#ctl00_ctl24_produkter { width: 80px; left: 237px; background-position: -234px -70px;}
#menu li a#ctl00_ctl24_leverantorer { width: 95px; left: 318px; background-position: -314px -70px;}
#menu li a#ctl00_ctl24_certifieringar { width: 89px; left: 414px; background-position: -409px -70px;}
#menu li a#ctl00_ctl24_kontakt { width: 71px; left: 600px; background-position: -498px -70px;}
#menu li a.utbildningar { width:95px; left:504px; background-position: -569px -70px; }

#menu li a#ctl00_ctl24_start:hover { background-position: 0 0px; }
#menu li a#ctl00_ctl24_foretaget:hover { background-position: -55px 0px;}
#menu li a#ctl00_ctl24_miljokvalite:hover { background-position: -131px 0px;}
#menu li a#ctl00_ctl24_produkter:hover { background-position: -234px 0px;}
#menu li a#ctl00_ctl24_leverantorer:hover { background-position: -314px 0px;}
#menu li a#ctl00_ctl24_certifieringar:hover { background-position: -409px 0px;}
#menu li a#ctl00_ctl24_kontakt:hover { background-position: -498px 0px;}
#menu li a.utbildningar:hover { background-position: -569px -0px; }

#menu li a#ctl00_ctl24_start.active { background-position: 0 -35px; }
#menu li a#ctl00_ctl24_foretaget.active { background-position: -55px -35px;}
#menu li a#ctl00_ctl24_miljokvalite.active { background-position: -131px -35px;}
#menu li a#ctl00_ctl24_produkter.active { background-position: -234px -35px;}
#menu li a#ctl00_ctl24_leverantorer.active { background-position: -314px -35px;}
#menu li a#ctl00_ctl24_certifieringar.active { background-position: -409px -35px;}
#menu li a#ctl00_ctl24_kontakt.active { background-position: -498px -35px;}
#menu li a.utbildningar.active { background-position: -569px -35px; }

#menu li a {outline: none;}

/*Blockmenus*/
#blockmenu a 
{
	color: #FFF;
}

/*Page specific layout*/

/*Start*/
#start { height: 438px;}
#start #newsroller, #start #slides, #start #blockmenu {float: left; margin: 1px 0 0 1px;}

#start #newsroller { margin-left: 0; width: 131px; height: 356px;padding: 40px 47px 40px 22px; background: #F3F3F3; }
#start #newsroller h1 { font-size: 15px; font-weight: bold; color:#da3f3f;}
#start #newsroller hr { display: block; width: 144px; height: 1px; border: transparent; background: url('../Images/Pages/Start/hr.png'); }
#start #newsroller p { margin: 15px 0 12px; line-height: 15px; font-size: 11px;}
#start #newsroller span.date { font-weight: bold; display:block; font-size: 11px;}
#start #newsroller a {font-weight: bold; white-space: nowrap; color: inherit; text-decoration: none; font-size: 11px;}

#start #slides {width: 645px; height: 436px; overflow: hidden;}
#start #slides #slider {/*width: 5160px;*/ position:relative;}
#start #slides img {float: left;position: absolute; left:0; top:0;}


#start #blockmenu{ width: 173px;}
#start #blockmenu div {margin-top: 1px; color: #FFF; padding: 25px 14px;}
#start #blockmenu div h1 {font-size: 16px; font-style: oblique; font-weight: bold; white-space: nowrap;}
#start #blockmenu div p {line-height: 15px; margin-top: 7px;}
#start #blockmenu div a 
{
    display: block;
    margin-top: 9px; 
    font-size: 12px; 
    font-style: oblique; 
    text-decoration: none; 
    font-weight: bold; 
    height: 16px;
    line-height: 16px;
    width: 80px;
    background: url('../Images/Blockmenu/arrow.png') right no-repeat;
}
#start #blockmenu .block1 {margin-top: 0; padding-right: 24px; background: url('../Images/Blockmenu/tab1.png'); height: 94px;  background-position: -27px;}
#start #blockmenu .block2 {background: url('../Images/Blockmenu/tab2.png'); height: 95px;  background-position: -27px;}
#start #blockmenu .block3 {background: url('../Images/Blockmenu/tab3.png'); height: 95px; /*padding-right: 30px;*/  background-position: -27px;}

/*Företaget*/
#foretaget { height: 438px;}
#foretaget #submenu, #foretaget #content {float: left; margin: 1px 0 0 1px;}

#foretaget #submenu { margin-left: 0; width: 131px; height: 356px;padding: 40px 47px 40px 22px; background: #F3F3F3; }
#foretaget #submenu h1 { font-size: 15px; font-weight: bold; margin-bottom: 7px;}
#foretaget #submenu li { line-height: 20px; font-size: 11px; width: 178px; margin: 2px -47px 3px -22px; height: 11px; padding: 5px 0 5px 22px;}
#foretaget #submenu li.active {background: #A7A7A7; color: #F3F3F3;}
#foretaget #submenu a { text-decoration: none; display: block;}

#foretaget #content {padding: 63px 42px; width: 461px;}
#foretaget #content h1 {font-size: 15px; font-weight: bold; margin-bottom: 2px;}
#foretaget #content p {line-height: 20px; margin-bottom: 15px;}
#foretaget #content img {margin: -63px -42px;}

/*miljokvalite*/
#miljokvalite { height: 438px;}
#miljokvalite #content {float: left; margin: 1px 0 0 1px;}

#miljokvalite #content {padding: 63px 100px 63px 44px; width: 590px;}
#miljokvalite #content h1 {font-size: 15px; font-weight: bold; margin-bottom: 2px;}
#miljokvalite #content p {line-height: 20px; font-size: 10px;}
#miljokvalite #content p + h1 {margin-top: 15px;}

/*produkter*/
#ctl00_ContentPlaceHolder_produkter 
{
	position: relative; 
	background: url('../Images/Pages/Certifieringar/contentbg.png') repeat-y; 
	background-attachment: inherit; 
	background-position: left; 
	
	min-height:438px;
	height:auto !important;
	height:438px;

}
#ctl00_ContentPlaceHolder_produkter.fluid { height: auto;}
#ctl00_ContentPlaceHolder_produkter img.splash {position:absolute; left: 201px; top: 1px; z-index: 100;}
#ctl00_ContentPlaceHolder_produkter #submenu, #ctl00_ContentPlaceHolder_produkter #subsubmenu, #produkter #content {float: left; margin: 1px 0 0 1px;}

#ctl00_ContentPlaceHolder_produkter #submenu { margin-left: 0; width: 131px; padding: 40px 47px 40px 22px; background: #F3F3F3; }
#ctl00_ContentPlaceHolder_produkter #submenu h1 { font-size: 15px; font-weight: bold; margin-bottom: 7px;}
#ctl00_ContentPlaceHolder_produkter #submenu li { line-height: 20px; font-size: 9px; width: 178px; margin: 2px -47px 3px -22px; padding: 5px 0 5px 22px;}
#ctl00_ContentPlaceHolder_produkter #submenu li:hover	{background: #E4E4E4; }
#ctl00_ContentPlaceHolder_produkter #submenu li.active {background: #A7A7A7; color: #F3F3F3;}
#ctl00_ContentPlaceHolder_produkter #submenu a {color: inherit; text-decoration: none; display: block;}
#ctl00_ContentPlaceHolder_produkter #submenu hr { display: block; width: 144px; height: 1px; border: transparent; background: url('../Images/Pages/Start/hr.png'); }
#ctl00_ContentPlaceHolder_produkter #submenu hr + ul { margin-top: 5px;}

#ctl00_ContentPlaceHolder_produkter #subsubmenu { margin-left: 0; width: 133px; padding: 62px 47px 60px 17px; background: #FFF; }
#ctl00_ContentPlaceHolder_produkter #subsubmenu h2 { color: #767676; background: #FFF; font-size: 11px; font-weight: bold; width: 170px;}
#ctl00_ContentPlaceHolder_produkter #subsubmenu h2.active { color: #FFF; background: #A7A7A7;}
#ctl00_ContentPlaceHolder_produkter #subsubmenu h2 span.id, #ctl00_ContentPlaceHolder_produkter #subsubmenu h2 span.name {float: left; line-height: 20px; margin-left: 5px; cursor: pointer; cursor:hand;}
#ctl00_ContentPlaceHolder_produkter #subsubmenu h2 span.name {text-transform: uppercase;width: 148px;}  
#ctl00_ContentPlaceHolder_produkter #subsubmenu ul { margin-bottom: 15px;}
#ctl00_ContentPlaceHolder_produkter #subsubmenu li { line-height: 18px; font-size: 10px; width: 167px; padding-left: 3px;}
#ctl00_ContentPlaceHolder_produkter #subsubmenu li:hover	{background: #F4F4F4; }
#ctl00_ContentPlaceHolder_produkter #subsubmenu li.active {background: #DCDCDC; color: #767676;}
#ctl00_ContentPlaceHolder_produkter #subsubmenu a {color: inherit; text-decoration: none; display: block; line-height: 18px;}
#ctl00_ContentPlaceHolder_produkter #subsubmenu hr { display: block; width: 144px; height: 1px; border: transparent; background: url('../Images/Pages/Start/hr.png'); }

#ctl00_ContentPlaceHolder_produkter #content {margin-left: 397px; width: 800px; padding: 67px 0 30px 25px; border-left: 1px solid #E2E2E2; position: relative;}
#ctl00_ContentPlaceHolder_produkter #content h3 {text-transform: uppercase; color: #767676; background: #FFF; font-size: 11px; font-weight: bold; width: 170px;}

#ctl00_ContentPlaceHolder_produkter #content #info .text, #ctl00_ContentPlaceHolder_produkter #content #info table {float: left;}
#ctl00_ContentPlaceHolder_produkter #content #info .text {width: 257px;}
#ctl00_ContentPlaceHolder_produkter #content #info .text p { line-height: 18px; margin-top: 5px;}
#ctl00_ContentPlaceHolder_produkter #content #info table { margin-top: 16px; margin-left: 17px; border-bottom: solid 1px #E2E2E2;}
#ctl00_ContentPlaceHolder_produkter #content #info table tr {height: 18px;}
#ctl00_ContentPlaceHolder_produkter #content #info table td { padding: 0 6px; line-height: 18px;  border-top: solid 1px #E2E2E2;}
#ctl00_ContentPlaceHolder_produkter #content #info table thead td { font-weight: bold;}

#ctl00_ContentPlaceHolder_produkter #content img { /*margin-top: 23px;*/ border: solid 1px #E2E2E2; position:absolute; top:137px;}

#ctl00_ContentPlaceHolder_produkter #text {margin-left: 200px; padding: 63px 100px 63px 44px; width: 590px;}
#ctl00_ContentPlaceHolder_produkter #text h1 {font-size: 15px; font-weight: bold; margin-bottom: 2px;}
#ctl00_ContentPlaceHolder_produkter #text p {line-height: 20px; font-size: 10px;}
#ctl00_ContentPlaceHolder_produkter #text p + h1 {margin-top: 15px;}
#ctl00_ContentPlaceHolder_produkter #text p + h2 {margin-top: 15px; font-weight: bold;}
#ctl00_ContentPlaceHolder_produkter #text div#forsakringsvillkar {width: 390px;}

#ctl00_ContentPlaceHolder_produkter table.result {margin-top: 5px;}
#ctl00_ContentPlaceHolder_produkter table.result td {padding: 3px 0;}

/*leverantorer*/
#leverantorer { height: 438px;}
#leverantorer #blockmenu, #leverantorer #content {float: left; margin: 1px 0 0 1px;}

#leverantorer #blockmenu{ width: 200px; margin-left: 0;}
#leverantorer #blockmenu div {margin-top: 1px; color: #FFF; padding: 25px 25px;}
#leverantorer #blockmenu div h1 {font-size: 16px; font-style: oblique; font-weight: bold; white-space: nowrap;}
#leverantorer #blockmenu div p {line-height: 15px; margin-top: 7px;}
#leverantorer #blockmenu div a 
{
    display: block;
    margin-top: 9px; 
    font-size: 12px; 
    font-style: oblique; 
    text-decoration: none; 
    font-weight: bold; 
    height: 16px;
    line-height: 16px;
    width: 80px;
    background: url('../Images/Blockmenu/arrow.png') right no-repeat;
}
#leverantorer #blockmenu .block1 {margin-top: 0; padding-right: 35px; background: url('../Images/Blockmenu/tab1.png'); height: 94px;}
#leverantorer #blockmenu .block2 {background: url('../Images/Blockmenu/tab2.png'); height: 95px;}
#leverantorer #blockmenu .block3 {background: url('../Images/Blockmenu/tab3.png'); height: 95px; padding-right: 30px;}

#leverantorer #content {width: 819px;}
#leverantorer #content h1 {font-size: 15px; font-weight: bold; margin-bottom: 2px;}
#leverantorer #content p {line-height: 20px; font-size: 10px;}
#leverantorer #content p + h1 {margin-top: 15px;}
#leverantorer #content img {float: left;}
#leverantorer #logos {width: 192px; height: 384px; padding: 26px 9px; float: left; background: url('../Images/Pages/Leverantorer/rightbg.png') repeat-y; }

/*certifieringar*/
#certifieringar {background: url('../Images/Pages/Certifieringar/contentbg.png') repeat-y; background-attachment: inherit; background-position: left; }
#certifieringar #blockmenu, #certifieringar #content {float: left; margin: 1px 0 0 1px;}

#certifieringar #blockmenu{ width: 200px; margin-left: 0; background: #FFF;}
#certifieringar #blockmenu div {margin-top: 1px; color: #FFF; padding: 25px 25px;}
#certifieringar #blockmenu div h1 {font-size: 16px; font-style: oblique; font-weight: bold; white-space: nowrap;}
#certifieringar #blockmenu div p {line-height: 15px; margin-top: 7px;}
#certifieringar #blockmenu div a 
{
    display: block;
    margin-top: 9px; 
    font-size: 12px; 
    font-style: oblique; 
    text-decoration: none; 
    font-weight: bold; 
    height: 16px;
    line-height: 16px;
    width: 80px;
    background: url('../Images/Blockmenu/arrow.png') right no-repeat;
}
#certifieringar #blockmenu .block1 {margin-top: 0; padding-right: 35px; background: url('../Images/Blockmenu/tab1.png'); height: 94px;}
#certifieringar #blockmenu .block2 {background: url('../Images/Blockmenu/tab2.png'); height: 95px;}
#certifieringar #blockmenu .block3 {background: url('../Images/Blockmenu/tab3.png'); height: 95px; padding-right: 30px;}

#certifieringar #content {padding: 63px 240px 63px 44px; width: 530px;}
#certifieringar #content h1 {font-size: 15px; font-weight: bold; margin-bottom: 2px;}
#certifieringar #content p {line-height: 20px; font-size: 10px;}
#certifieringar #content p + h1 {margin-top: 15px;}
#certifieringar #content p + a img {margin-top: 30px;}

/*Kontakt*/
#kontakt { height: 438px; position: relative;}
#kontakt img.splash {position:absolute; left: 201px; top: 1px; z-index: 100;}
#kontakt #submenu, #kontakt #subsubmenu, #kontakt #content {float: left; margin: 1px 0 0 1px;}

#kontakt #submenu { margin-left: 0; width: 131px; height: 356px;padding: 40px 47px 40px 22px; background: #F3F3F3; }
#kontakt #submenu h1 { font-size: 15px; font-weight: bold; margin-bottom: 7px;}
#kontakt #submenu li { line-height: 20px; height: 10px; font-size: 11px; width: 178px; margin: 2px -47px 3px -22px; padding: 5px 0 5px 22px;}
#kontakt #submenu li:hover	{background: #E4E4E4; }
#kontakt #submenu li.active {background: #A7A7A7; color: #F3F3F3;}
#kontakt #submenu a {color: inherit; text-decoration: none; display: block;}
#kontakt #submenu p.opening-hours {display: block; font-size: 12px; font-weight: bold; margin: 30px 0 0 0; line-height: 18px;}

#kontakt #subsubmenu { margin-left: 0; width: 131px; height: 300px;padding: 69px 47px 60px 22px; background: #FFF; }
#kontakt #subsubmenu h2 { font-size: 11px; font-weight: bold; margin-bottom: 4px;}
#kontakt #subsubmenu li { line-height: 18px; font-size: 10px; width: 168px; height: 10px; padding: 4px 0 4px 4px; margin-left: -5px;}
#kontakt #subsubmenu li:hover	{background: #F4F4F4; }
#kontakt #subsubmenu li.active {background: #dcdcdc; color: #767676;}
#kontakt #subsubmenu a {color: inherit; text-decoration: none; display: block;}

#kontakt #content {height: 410px; background: #F3F3F3; padding: 13px 15px; overflow:hidden;}
#kontakt #content h3 { font-size: 10px; text-transform: uppercase; font-weight: bold;}
#kontakt #content p {line-height: 18px;}
#kontakt #content img {}
#kontakt #content div#locationinfo { position: relative; margin-bottom: 28px; font-size: 9px; background: #004fa0; color: #FFF; line-height:14px; padding: 5px 10px; width:569px;}
#kontakt #content div span.name { text-transform: uppercase;}
#kontakt #content div a.map   { position: absolute; right: 15px; text-decoration: none; color: #FFF; line-height:14px;}
#kontakt #content div a.map:hover   { text-decoration: underline;}

#kontakt #content p.person, #kontakt #content h3, #kontakt #content table {margin-left: 14px; }
#kontakt #content img.person {float: right; margin-top: -21px;}
/*
#kontakt #content dl {margin-top: 12px; font-size: 10px; width: 570px;}
#kontakt #content dd {font-weight: bold; float: left; width: 60px; line-height: 12px;}
#kontakt #content dt {float:left; width: 200px; line-height: 12px;}
#kontakt #content dt a {text-decoration: none;}
#kontakt #content dt a:hover {text-decoration: underline;}*/

#kontakt #content table {width: 250px; font-size: 10px; margin-top: 12px; line-height: 12px;}
#kontakt #content table td {width: 200px; height: 12px;}
#kontakt #content table td.label {font-weight: bold; width: 70px;}
#kontakt #content table td a {text-decoration: none;}
#kontakt #content table td a:hover {text-decoration: underline;}

/*utbildningar*/

#utbildningar { height: 438px;}
#utbildningar #content {float: left; margin: 1px 0 0 1px;}

#utbildningar #content {padding: 63px 100px 63px 44px; width: 590px;}
#utbildningar #content h1 {font-size: 15px; font-weight: bold; margin-bottom: 2px;}
#utbildningar #content p {line-height: 20px; font-size: 10px; margin-bottom:10px;}
#utbildningar #content p + h1 {margin-top: 15px;}


/*aktuellt*/
#aktuellt { height: 438px;}
#aktuellt #blockmenu, #aktuellt #content {float: left; margin: 1px 0 0 1px;}

#aktuellt #blockmenu{ width: 200px; margin-left: 0;}
#aktuellt #blockmenu div {margin-top: 1px; color: #FFF; padding: 25px 25px;}
#aktuellt #blockmenu div h1 {font-size: 16px; font-style: oblique; font-weight: bold; white-space: nowrap;}
#aktuellt #blockmenu div p {line-height: 15px; margin-top: 7px;}
#aktuellt #blockmenu div a 
{
    display: block;
    margin-top: 9px; 
    font-size: 12px; 
    font-style: oblique; 
    text-decoration: none; 
    font-weight: bold; 
    height: 16px;
    line-height: 16px;
    width: 80px;
    background: url('../Images/Blockmenu/arrow.png') right no-repeat;
}
#aktuellt #blockmenu .block1 {margin-top: 0; padding-right: 35px; background: url('../Images/Blockmenu/tab1.png'); height: 94px;}
#aktuellt #blockmenu .block2 {background: url('../Images/Blockmenu/tab2.png'); height: 95px;}
#aktuellt #blockmenu .block3 {background: url('../Images/Blockmenu/tab3.png'); height: 95px; padding-right: 30px;}

#aktuellt #content {padding: 63px 0px 63px 44px; width: 770px;}
#aktuellt #content h1 {font-size: 15px; font-weight: bold; margin-bottom: 2px;}
#aktuellt #content span.date {font-weight: bold; line-height: 20px;}
#aktuellt #content h2 {text-transform: uppercase; margin-top: 5px;}
#aktuellt #content p {line-height: 19px; font-size: 10px;}
#aktuellt #content h2 + p {margin-top: 4px;}

#aktuellt #content .newspic, #aktuellt #content .text {float: left;}
#aktuellt #content .text {width: 340px; height: 320px; overflow:auto; margin-right: 15px; padding-right: 10px;}
#aktuellt #content .textoverflowscroll {width: 280px; }
#aktuellt #content .newspic {margin-top: 2px; margin-left: 71px;}
#aktuellt #content .newslink {line-height: 30px; }

#blockmenu { width: 200px; margin-left: 0; float: left; margin: 1px 0 0 1px;}
#blockmenu div {margin-top: 1px; color: #FFF; padding: 25px 25px;}
#blockmenu div h1 {font-size: 16px; font-style: oblique; font-weight: bold; white-space: nowrap;}
#blockmenu div p {line-height: 15px; margin-top: 7px;}
#blockmenu div a 
{
    display: block;
    margin-top: 9px; 
    font-size: 12px; 
    font-style: oblique; 
    text-decoration: none; 
    font-weight: bold; 
    height: 16px;
    line-height: 16px;
    width: 80px;
    background: url('../Images/Blockmenu/arrow.png') right no-repeat;
}
#blockmenu .block1 {margin-top: 0; padding-right: 35px; background: url('../Images/Blockmenu/tab1.png'); height: 94px;}
#blockmenu .block2 {background: url('../Images/Blockmenu/tab2.png'); height: 95px;}
#blockmenu .block3 {background: url('../Images/Blockmenu/tab3.png'); height: 95px; padding-right: 30px;}