﻿
/* ------------------ STRUCTURE ------------------ */

html {
	height: 100%;
	padding-bottom: -60px;
	}

body {
	background: url('/Images/bg.jpg') repeat-x #c5cccb;
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: Arial, trebuchet ms;
	font-size: 11px;
	line-height: 1.4em;
	color: #323736;
	}

img {
	border: 0;
	}

input {
	font-family: Arial;
	}

.clear {
	clear: both;
	}

.container {
	background: #dae3e0;
	min-height: 100%;
	width: 946px;
	margin: 0 auto;
	padding: 0px 27px 0px 27px;
	}
	
container_onprint {
    }

.image_logo_print {
    display: none;
    }
    
.logo_nomainmenu {
    margin-bottom: 10px;
    margin-left: 50px;
    }
    
    
/* ------------------ TEXT & LINKS ------------------ */

h1, .heading1 {
	margin: 0;
	padding: 0;
	font-family: trebuchet ms;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 2px;
	line-height: 1.2em;
	text-transform: uppercase;
	EditMenuName: Rubrik 1;
	}

h2, .heading2 {
	margin: 0;
	padding: 0;
	font-family: trebuchet ms;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 2px;
	line-height: 1.2em;
	text-transform: uppercase;
	EditMenuName: Rubrik 2;
	}

h3, .heading3 {
	margin: 0;
	padding: 0;
	font-family: trebuchet ms;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 10px;
	line-height: 1.2em;
	EditMenuName: Rubrik 3;
	}

h4 {
	margin: 0;
	padding: 8px 0px 0px 8px;
	height: 22px;
	font-family: trebuchet ms;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
	line-height: 1.2em;
	color: #fff;
	background: #000;
	text-transform: uppercase;
	}

h4 a {
    color: #fff;
}

.b12 {
	font-size: 12px;
	}

.panel_top h1, .news_top h2 {
	color: #fff;
	}

.panel_top h1 {
	color: #fff;
	}

.main h1 {
	margin-bottom: 6px;
	}


a:link {
	color:#009B89;
	text-decoration:none;
	}

a:visited {
	color:#009B89;
	text-decoration:none;
	}

a:hover {
	color:#009B89;
	text-decoration:underline;
	}

a:active {
	color:#009B89;
	text-decoration:none;
	}

.grey {
	color: #a5aaa9;
	}


/* ------------------ STARTPAGE ------------------ */

.container-start {
	padding-top: 10px;
	width: 856px;
	margin: 0 auto;
	}

.start-header {
	margin-bottom: 10px;
	}

.startruta-top {
	background: #fff;
	padding-top: 2px;
	width: 272px;
	}

.startruta-text {
	width: 252px;
	padding: 20px 10px;
	min-height: 180px;
	}

.startruta-text p {
	margin-top: 0px;
	}

.startruta-nyheter {
	height: 32px;
	padding: 2px 2px 2px 2px;
	text-align: center;
	color: #fff;
	overflow: hidden;
	}
	
.startruta-nyheter a, .startruta-nyheter a:visited {
    color: #fff;
    text-decoration: none;
    border-bottom: none;
    }
    
.startruta-nyheter a:hover {
    color: #fff;
    text-decoration: underline;
    }

.start-footer {
	background: #bec9c7;
	height: 172px;
	width: 856px;
	margin: 20px auto 5px;
	}

.start-footer-text {
	float: left;
	width: 564px;
	}

.start-footer-text p {
	margin-top: 0px;
	}
	
.start-sitemap {
    width: 856px;
    margin: 0 auto;
    text-align: right;
    padding-top: 10px;
    }

/* ------------------ HEADER ------------------ */

.header {
	height: 126px;
	width: 946px;
	background: url('/Images/header.jpg');
	margin-bottom: 14px;
	}

.logo_inside {
	width: 220px;
	height: 120px;
	margin: 3px 0px 0px 3px;
	position: absolute;
	}

.top_right {
	float: right;
	width: 723px;
	height: 120px;
	}

.themeline_1px {
	width: 117px;
	height: 1px;
	float: right;
	position: relative;
	background: none;
	margin-top: 14px;
	overflow: hidden;
	}

.themeline {
	width: 720px;
	height: 5px;
	float: right;
	background: red;
	margin-top: 15px;
	position: relative;
	overflow: hidden;
	float: left;
	}

.themeline_line {
	background-color: #e1eae9;
	overflow: hidden;
	z-index: 5;
	width: 100%;
	height: 1px;
	right: 0px;
	bottom: 0px;
	position: absolute;
}

.search {
	height: 0px;
	float: right;
	margin: 20px 22px 0px 0px;
	}

.searchbox {
	height: 18px;
	width: 167px;
	background: url('/Images/searchbox.png');
	border: 0;
	padding: 6px 6px 0px 6px;
	margin: 0;
	font-size: 11px;
	}

.searchbtn {
	height: 24px;
	width: 34px;
	background: url('/Images/searchbtn.png');
	border: 0;
	padding: 0;
	margin: 1px 0px 0px -3px;
	color: #fff;
	font-size: 10px;
	cursor: pointer;
	}

.search_result {
	background: #e5eeeb;
	height: 27px;
	padding-top: 13px;
	text-align: center;
	font-size: 14px;
	font-family: trebuchet ms;
	margin-bottom: 30px;
	}

.search_links a {
	font-weight: 700;
	}

.search_item {
    margin-bottom: 1em;
    }

/* ------------------ TABS ------------------ */

.navi {
	position: relative;
	width: 710px;
	height: 31px;
	float: right;
	right: 3px;
	top: 15px;
	padding-left: 10px;
	overflow: hidden;
	}

.navi a:hover {
	text-decoration: none;
	}

.tab {
	min-width: 117px;
	height: 31px;
	margin-top: 5px;
	margin-right: -10px;
	display: table;
	float: left;
	position: relative;
	}

.tab_notselected {
	margin-top: 10px;
	}

.tab:hover {
	cursor: pointer;
	}

.tab_notselected:hover {
	margin-top: 6px;
	}

.tab_l {
	width: 11px;
	height: 31px;
	float: left;
	}

.tab_r {
	width: 11px;
	height: 31px;
	float: left;
	}

.tab_c {
	height: 23px;
	min-width: 95px;
	width: auto;
	float: left;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding-top: 8px;
	font-size: 12px;
	letter-spacing: 0.05em;
	}

.tab_c_notselected {
	font-size: 10px;
	padding-top: 4px;
	letter-spacing: 0.02em;
	}


/* --- Smörjmedel --- */

.tab_1f5347 .tab_l, .tab_1f5347_selected .tab_l {
	background: url('/Images/tabs/tab_1f5347_l.png');
	}

.tab_1f5347 .tab_r, .tab_1f5347_selected .tab_r {
	background: url('/Images/tabs/tab_1f5347_r.png');
	}

.tab_1f5347 .tab_c, .tab_1f5347_selected .tab_c {
	background: url('/Images/tabs/tab_1f5347_c.png');
	}


/* --- Biobränsle --- */

.tab_44b49d .tab_l, .tab_44b49d_selected .tab_l {
	background: url('/Images/tabs/tab_44b49d_l.png');
	}

.tab_44b49d .tab_r, .tab_44b49d_selected .tab_r {
	background: url('/Images/tabs/tab_44b49d_r.png');
	}

.tab_44b49d .tab_c, .tab_44b49d_selected .tab_c {
	background: url('/Images/tabs/tab_44b49d_c.png');
	}


/* --- Drivmedel --- */

.tab_71020c .tab_l, .tab_71020c_selected .tab_l {
	background: url('/Images/tabs/tab_71020c_l.png');
	}

.tab_71020c .tab_r, .tab_71020c_selected .tab_r {
	background: url('/Images/tabs/tab_71020c_r.png');
	}

.tab_71020c .tab_c, .tab_71020c_selected .tab_c {
	background: url('/Images/tabs/tab_71020c_c.png');
	}


/* --- Agrolkortet --- */

.tab_4c5554 .tab_l, .tab_4c5554_selected .tab_l {
	background: url('/Images/tabs/tab_4c5554_l.png');
	}

.tab_4c5554 .tab_r, .tab_4c5554_selected .tab_r {
	background: url('/Images/tabs/tab_4c5554_r.png');
	}

.tab_4c5554 .tab_c, .tab_4c5554_selected .tab_c {
	background: url('/Images/tabs/tab_4c5554_c.png');
	}


/* --- Övriga produkter --- */

.tab_1f5d70 .tab_l, .tab_1f5d70_selected .tab_l {
	background: url('/Images/tabs/tab_1f5d70_l.png');
	}

.tab_1f5d70 .tab_r, .tab_1f5d70_selected .tab_r {
	background: url('/Images/tabs/tab_1f5d70_r.png');
	}

.tab_1f5d70 .tab_c, .tab_1f5d70_selected .tab_c {
	background: url('/Images/tabs/tab_1f5d70_c.png');
	}


/* --- Om Agrol --- */


.tab_9b6709 .tab_l, .tab_9b6709_selected .tab_l {
	background: url('/Images/tabs/tab_9b6709_l.png');
	}

.tab_9b6709 .tab_r, .tab_9b6709_selected .tab_r {
	background: url('/Images/tabs/tab_9b6709_r.png');
	}

.tab_9b6709 .tab_c, .tab_9b6709_selected .tab_c {
	background: url('/Images/tabs/tab_9b6709_c.png');
	}



/* ------------------ PANEL ------------------ */

.panel {
	width: 226px;
	float: left;
	margin-bottom: 40px;
	}

.panel_top_shadow {
	background: url('/Images/panel_top_shadow.jpg');
	height: 3px;
	overflow: hidden;
	}

.panel_middle, .panel_top {
	background: url('/Images/panel_bg.jpg');
	}

.panel_top_theme {
	margin: 0px 3px 0px 3px;
	height: 42px;
	padding: 24px 0px 0px 10px;
	background: #fff;
	overflow: hidden;
	}

.panel_gradient {
	margin: 0px 3px;
	height: 14px;
	background: url('/Images/panel_top_gradient.jpg') repeat-x bottom;
	}

.panel_cont {
	margin: 0px 3px;
	padding: 10px 1px;
	min-height: 480px;
	background: url('/Images/gradient_bottom.jpg') bottom repeat-x ;
	font-size: 11px;
	}

.panel_cont a:hover {
	color: #fff;
	text-decoration: none;
	}

.menu_main {
	display: block;
	text-transform: uppercase;
	line-height: 18px;
	padding-left: 9px;
	margin-bottom: 1px;
	}

.menu_main:hover, .panel .selected {
	color: #fff;
	text-decoration: none;
	}

.submenu .selected_sub {
	color: #000;
	text-decoration: none;
	}

.panel_btm {
	height: 4px;
	background: url('/Images/panel_btm.jpg');
	overflow: hidden;
	}

.submenu {
	margin-bottom: 1px;
	padding: 2px 0px 5px 20px;
	}

.submenu a {
	font-size: 11px;
	display: block;
	}

.submenu a:hover {
	color: #000;
	text-decoration: none;
	}



/* ------------------ MAIN ------------------ */

.main {
	width: 706px;
	float: right;
	overflow: hidden;
	margin-bottom: 40px;
	}
  
.main_top_shadow {
	background: url('/Images/main_top_shadow.jpg');
	height: 3px;
	overflow: hidden;
	width: 706px;
	float: right;
	}

.main_middle {
	background: url('/Images/main_bg.jpg');
	overflow: hidden;
	}

.main_cont {
	margin: 0px 3px;
	padding: 10px;
	min-height: 529px;
	background: url('/Images/gradient_bottom2.jpg') bottom repeat-x;
	overflow: hidden;
	width: 680px;
	font-size: 12px;
	line-height: 1.4em;
	}

.main_footer {
	height: 28px;
	background: url('/Images/main_footer.jpg');
	text-align: right;
	padding: 7px 24px 0px 0px;
	}

.mainbild {
	margin: -3px 0px 20px -3px;
	}


/* ------------------ BUTTON ------------------ */

.button {
	height: 26px;
	float: left;
	cursor: pointer;
	}

/* ------------------ MAIN WITH NEWS ------------------ */

.main_news {
	width: 470px;
	float: left;
	}

.news_panel {
	width: 203px;
	float: right;
	}

.news_top {
	height: 30px;
	background: #999;
	padding: 10px 0px 0px 10px;
	width: 190px;
	}

.news_content {
	background: #ccc;
	padding: 0.5em 10px 1em 10px;
	width: 180px;
	}

.news_list_item {
    margin-bottom: 1em;
    }

.news_list_item b {
    font-size: 0.8em;
    }
    
.news_shadow {
    background: url('/Images/nyheter_sk.png');
	width: 203px;
    }

.news_shadow_bottom {
    height: 3px;
    width: 203px;
    overflow: hidden;
    background: url('/Images/nyheter_sk_down.png');
    }


/* ------------------ SITEMAP ------------------ */

.sitemap_box {
	width: 220px;
	min-height: 220px;
	margin-bottom: 20px;
	float: left;
	margin-right: 5px;
	}

.sitemap_title a, .sitemap_title a:link, .sitemap_title a:active, .sitemap_title a:visited {
    color: #fff;
    }

.sitemap_title a:hover {
    color: #fff;
    }


/* ------------------ LOGIN ------------------ */

.login_box {
	width: 450px;
	background: #b1beba;
	margin: 0 auto;
	padding: 10px 0;
	}

.login_top {
	width: 440px;
	background: #83948f;
	margin: 0 auto;
	padding: 10px 0px 5px 10px;
	text-align: center;
	}

.login_top h1 {
	color: #fff;
	}

.login_left {
	width: 100px;
	height: 25px;
	float: left;
	margin-left: 10px;
	text-align: right;
	padding-top: 5px;
	font-weight:700;
	}

.login_right {
	width: 300px;
	height: 30px;
	float: left;
	margin-left: 20px;
	text-align: left;
	}
	
.login_cookie {
    text-align: center;
    margin-left: 10px;
    }

.login_cookie a {
    text-decoration: underline;
    }

.field1 {
	height: 18px;
	width: 201px;
	background: url('/Images/field1.png');
	border: 0;
	padding: 6px 6px 0px 6px;
	margin: 0;
	font-size: 11px;
	}

.button_l {
	background: url('/Images/button_l.png');
	width: 6px;
	height: 26px;
	float: left;
	display: inline;
	}

.button_c {
	background: url('/Images/button_c.png');
	min-width: 30px;
	height: 21px;
	float: left;
	display: inline;
	padding: 5px 5px 0px 5px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	}

.button_r {
	background: url('/Images/button_r.png');
	width: 6px;
	height: 26px;
	float: left;
	display: inline;
	}


/* ------------------ Listing ------------------ */

.filelist_dir_title {
    margin-top: 10px;
    font-weight: bold;
    }

.filelist {
    width: 350px;
    }

.filelist td {
    padding: 2px;
    }
    
.filelist_row_alt {
    background-color: #fff;
    }

.filelist_row:hover {
    background-color: #eee;
    }

.filelist_datefield {
    width: 90px;
    }
