/*
-----------------------------------------------
Site:		Express Logistics, Kalmar, Sweden
Author:   	A&O Media Design, Henrik Eklund, Kalmar, Sweden
Version:  	2007.02
----------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
						{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 		{ font-size:100%; }
p						{ padding-bottom:1em; }
input, select, textarea	{ font:100% Arial, Helvetica, sans-serif, Tahoma; }
hr 						{ display:none; }
a:link, a:visited		{ color:#6091FF; font-weight:bold; text-decoration:none }
a:hover					{ text-decoration:underline; color:#FF6407}
table 					{ border-collapse:collapse; border-spacing:0; }
fieldset,img 			{ border:0; }
caption,th 				{ text-align:left; }
ol,ul 					{ list-style:none; }

html {
	font: normal 84%/140% Arial, Helvetica, sans-serif, Tahoma;
	color: #555;
}
body {
	width:972px;
	margin:0 auto;
	position:relative;
	background:#fff url(graphics/bg_main.gif) no-repeat 50% top;
}
#branding {
	width:972px;
	height:119px;
    position:relative;
}
#branding .language {
	width:50px;
    position:absolute;
	right: 25px;
	bottom: 2px;
}
#branding h1 {
	width:231px; 
	height:119px; 
	background:transparent url(graphics/logga.gif) no-repeat;
}

/* Fontsizes o egenskaper */

#maincontent h2.default, #maincontent h3 , #maincontent_start h2.default, #maincontent_start h3 {
	text-indent:0;
	font-size:1.8em;
	height:auto;
	background:transparent url(graphics/bg_divider_dot.gif) repeat-x left bottom;
	font-weight:bold;
	margin:18px 0 9px 30px;
	padding-bottom:9px;
	color:#26393F;
}
#maincontent h3, #maincontent_start h3 {
	font-size:1.2em;
}
#subcontent_start p, #subcontent_start h2, #subcontent p, #subcontent h2, #maincontent h2, #maincontent_start h2, #maincontent p, #maincontent_start p, #maincontent dt, #maincontent dd, #maincontent h3, #maincontent_start dt, #maincontent_start dd, #maincontent_start h3 {
	margin-left:30px
}
#subcontent p, #subcontent_start p, #maincontent p, #maincontent_start p {
	margin-right:25px;
}
#maincontent p.ordlista {
	width:700px;
}

/* Splash... */

#splash {
	width:972px;
	height:303px;
}
#splash2 {
	width:972px;
	height:320px;
}
.bgstart { 
	background:#fff url(graphics/bg_this_is.jpg) no-repeat right top;
}
.eng_bgb2b { 
	background:#fff url(graphics/eng_bg_b2b.jpg) no-repeat right top;
}
.eng_bgb2c { 
	background:#fff url(graphics/eng_bg_b2c.jpg) no-repeat right top;
}
.bgb2b { 
	background:#fff url(graphics/bg_b2b.jpg) no-repeat right top;
}
.bgb2c { 
	background:#fff url(graphics/bg_b2c.jpg) no-repeat right top;
}
.bgtjanster { 
	background:#fff url(graphics/bg_tjanster.jpg) no-repeat right top;
}
.bgtjanster_eng {
	background:url(graphics/eng_bg_tjanster.jpg) no-repeat;
	float:left;
}
.bgordlista { 
	background:#fff url(graphics/bg_ordlista.jpg) no-repeat right top;
}
.bgordlista_eng { 
	background:#fff url(graphics/eng_bg_ordlista.jpg) no-repeat right top;
}
.bgom { 
	background:#fff url(graphics/bg_om.jpg) no-repeat right top;
}
.bgom_eng { 
	background:#fff url(graphics/eng_bg_om.jpg) no-repeat right top;
}
.bgkontakt { 
	background:#fff url(graphics/bg_kontakt.jpg) no-repeat right top;
}
.bgkontakt_eng { 
	background:#fff url(graphics/eng_bg_kontakt.jpg) no-repeat right top;
}
.bganmalan { 
	background:#fff url(graphics/bg_anmalan.jpg) no-repeat right top;
}
.bgsupply { 
	background:#fff url(graphics/bg_supply.jpg) no-repeat right top;
}

/* Main- o subcontent */

#maincontent {
	float:left;
	width:606px;
	background:#fff url(graphics/bg_maincontent.jpg) no-repeat right top;
	clear:left;
}
#maincontent_start {
	float:left;
	width:607px;
	background:#fff;
	clear:left;
}
#maincontent dl #maincontent_start dl {
	float:left;
	width:50%;
	font-size:.8em;
}
#maincontent dd p, #maincontent_start dd p {
	width:170px;
	margin-left:0;
}
#maincontent dl.rod, #maincontent_start dl.rod {
	background:#fff url(graphics/red_apple.gif) no-repeat right top;
}
#maincontent dl.yellow, #maincontent_start dl.yellow {
	background:transparent url(graphics/yellow_apple.gif) no-repeat right top;
}


#maincontent_start .quote {
	clear: both;
	margin: 0 0 2em 0;
	overflow: hidden;
}
#maincontent_start .first {
	margin-top: 2em;
}
#maincontent_start .last {
	margin-bottom: 3em;
}
#maincontent_start .quote .customer {
	float: left;
	width: 172px;
	color: #36b7c6;
}
#maincontent_start .quote .customer h2 {
	font-size: 24px;
	font-weight: normal;
	margin: 5px 0 0 30px;
}
#maincontent_start .quote .customer p {
	color: #666;
	font-size: 13px;
	padding: 0;
	margin: 0 1em 0 30px;
}

#maincontent_start .quote .story {
	float: left;
	width: 400px;
	border-left: 3px solid #36b7c6;
}
#maincontent_start .quote .story p {
	padding: 0 0 0 1em;
	margin: 0;
}


#subcontent, #subcontent_alt {
	float:right;
	width:366px;
	min-height:492px;
	height:auto !important;
	height:492px;
}
#subcontent_start {
	float:right;
	width:365px;
	min-height:792px;
	height:auto !important;
	height:492px;
}
#subcontent_start h3 {
	padding: 1em 0 0.5em 20px;
}
#subcontent_start img.kunder {
	padding: 0 0 1em 20px;
}
#subcontent_alt {
	float:right;
	width:366px;
	min-height:612px;
	height:auto !important;
	height:612px;
}
.bgsub {
	background:#fff url(graphics/bg_subcontent.jpg) no-repeat left bottom;
}
.bgsub2 {
	background:#fff url(graphics/bg_subcontent2.jpg) no-repeat left bottom;
}
#footer {
	clear:both;
	font-size:.8em;
	color:#999;
	text-align:center;
	padding-top:19px;
	border-top:15px solid #A9D8F6;
}

/* Meny f?r tj?nster etc. */

ul#tjanster {
	margin:0.5em 0 0 30px;
}
ul.default {
	margin:0 0 0 30px;
}
ul#tjanster li, ul.default li {
	background:url(graphics/bullet.gif) no-repeat left 7px;
	padding:0 0 7px 1em;
}
ul.default li {
	padding:0 0 0 1em;
}
p.pagination {
	background:transparent url(graphics/bg_divider_dot.gif) repeat-x left top;
	font-weight:bold;
	margin:9px 0 9px 30px;
	padding-top:9px;
	text-align:right;
	clear:both;
}
p.teaser {
	font-size:1.1em;
	background:transparent url(graphics/bg_divider_dot.gif) repeat-x left top;
	font-weight:bold;
	margin:9px 0 9px 30px;
	padding-top:18px;
}
.so_logga {
	float:right;
	margin-right:20px;
}

/* Submenu hoger */

#subcontent ul {
	margin:14px 25px 25px 25px;
}
#subcontent li {
	background:transparent url(graphics/bg_divider_dot.gif) repeat-x left bottom;
	padding:0.5em 0;
}
#subcontent li a {
	display:block;
}
#subcontent li.rub {
	text-transform:uppercase;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;	
	color:#fff;
	background:#999;
	padding-left:1em;
}
body.s-b2b_1 a#s-b2b_1, body.s-b2b_2 a#s-b2b_2, body.s-b2b_3 a#s-b2b_3, body.s-b2b_4 a#s-b2b_4, body.s-b2b_5 a#s-b2b_5, body.s-b2b_6 a#s-b2b_6, body.s-b2b_7 a#s-b2b_7, body.s-b2b_8 a#s-b2b_8, body.s-b2b_9 a#s-b2b_9,
body.t-1 a#t-1, body.t-2 a#t-2, body.t-3 a#t-3, body.t-4 a#t-4, body.t-5 a#t-5, body.t-6 a#t-6, body.t-7 a#t-7, body.t-8 a#t-8, body.t-9 a#t-9, body.t-10 a#t-10, body.t-11 a#t-11, body.t-12 a#t-12, body.t-13 a#t-13, body.t-14 a#t-14, body.t-15 a#t-15, body.t-16 a#t-16, body.t-17 a#t-17, body.t-18 a#t-18, body.t-19 a#t-19, body.t-20 a#t-20 {
	color:#26393F;
}

#subcontent_start ul {
	margin:14px 25px 25px 25px;
}
#subcontent_start li {
	background:transparent url(graphics/bg_divider_dot.gif) repeat-x left bottom;
	padding:0.5em 0;
}
#subcontent_start li a {
	display:block;
}
#subcontent_start li.rub {
	text-transform:uppercase;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;	
	color:#fff;
	background:#999;
	padding-left:1em;
}




/* Bakgrundsbilder headers */

#maincontent h2, #subcontent h2, #subcontent_start h2, #maincontent dt {
	text-indent:-9999px;
	display:block;
	height:74px;
	clear:left;
}
#maincontent h2.supply 		{background:url(graphics/logga_so.png) no-repeat; height:75px; width:555px; margin-top:22px; }
#subcontent h2.thisis 		{background:url(graphics/rub/h2_this.gif) no-repeat;}
#maincontent h2.example 	{background:url(graphics/rub/h2_example.gif) no-repeat;}
#maincontent h2.modell		{background:url(graphics/rub/h2_modell.gif) no-repeat; height:65px;}
#maincontent_start h2.modell		{background:url(graphics/rub/h2_modell.gif) no-repeat; height:65px; padding-top:20px;}
#maincontent h2.eng_modell		{background:url(graphics/rub/eng_h2_modell.gif) no-repeat; height:65px;}
#maincontent dt.b2b			{background:url(graphics/rub/dt_rod.gif) no-repeat; height:50px;}
#maincontent dt.b2b_film			{background:url(graphics/rub/dt_rod_film.gif) no-repeat; height:50px;}
#maincontent dt.b2c			{background:url(graphics/rub/dt_yellow.gif) no-repeat; height:50px;}

/* Personal */

ul#personal {
	margin:0 0 0 30px;
}
ul#personal li {
	float:left;
	padding:3px;
	margin-right:1em;
	width:12em;
	height:5em;	
}

/* Kontakt */

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
input.submit {
	width:auto;
	margin:1em 0 1em 165px;
	display:inline;
}
label {
	text-align: right;
	width: 113px;
	padding-right: 20px;
}
br {
	clear: left;
}

/* Menu... */

ul#nav {
	width:791px;
	position:absolute;
	top:93px;
	right:0;
}
ul#nav li a {
	display: block;
	text-decoration: none;
	padding:4px 10px 3px 10px;
	font-size: 0.85em;
	color: #6091FF;
	text-transform:uppercase;
	letter-spacing:1px;
	border-left:1px solid #eee;
}
ul#nav a.trigger {
	padding: 4px 10px 3px 10px;
}
ul#nav li {
	float:left;	
	position:relative;
}
ul#nav li ul, ul#nav ul li  {
	width:223px;
}
ul#nav ul li a  {
	color: #6091FF;
	border-right: 0;
	padding: 5px 10px 5px 10px;
	text-transform:none;
	letter-spacing:0;
	border-top:1px solid #eee;
}
ul#nav li ul {
	position: absolute;
	display: none;
	background-color: #fff;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
ul#nav li:hover a, ul#nav a:focus, ul#nav a:active, ul#nav li.p7hvr a {
	color: #FF6407;
	background-color: #fff;
}
ul#nav li:hover ul, ul#nav li.p7hvr ul {
	display: block;
}
ul#nav li:hover ul a, ul#nav li.p7hvr ul a {
	color: #6091FF;
	background-color: transparent;
}
ul#nav ul a:hover {
	background-color: #FF6407!important;
	color: #fff!important;
}
body.m-1 a#m-1, body.m-2 a#m-2, body.m-3 a#m-3, body.m-4 a#m-4, body.m-5 a#m-5, body.m-6 a#m-6 {
	color:#000;
}