/* 
-------------------------------------------------------------
Site:		kalmartri.com, Kalmar, Sweden
Author:   	AO Media Design, Henrik Eklund, Kalmar, Sweden
Version:  	2010.04
-------------------------------------------------------------
*/

 
/* General styles */

html {
	font: normal 75%/1.5em Arial, Helvetica, sans-serif;
	background: transparent url(/graphics/bg-main.jpg) no-repeat 50% top;
	color: #2a2e30;
}
body {
	width: 982px;
	margin: 0 auto;
	position: relative;
	background: transparent;
}

p 				{line-height: 150%; padding-bottom: 0.75em;}	

a:link, a:visited		{text-decoration: none; color: #2d95b8;}
a:hover					{text-decoration: none; color: #217490;}


input, select, textarea	 {
	font: 11px Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
}


/* Sidhuvud */

#branding {
	position: relative;
	height: 86px;
	background: transparent url(/graphics/bg-branding.png) no-repeat left top;
	font-size: 116.7%;
}
#branding img.logo {
	position: absolute;
	left: 0;
	top: 0;
}
#branding ul#nav {
	position: absolute;
	right: 10px;
	top: 34px;
	font-weight: bold;
}
#branding ul#nav li {
	float: left;
	margin-right: 3px;
}
#branding ul#nav li.here {
	background: transparent url(/graphics/flik-left-on.png) no-repeat left top;
}
#branding ul#nav li a {
	background: transparent url(/graphics/flik-right.png) no-repeat right top;
	display: block;
	padding: 12px 6px 8px 6px;
	text-shadow: 1px 1px 0 #000;

}
#branding ul#nav li.here a {
	background: transparent url(/graphics/flik-right-on.png) no-repeat right top;
}
#branding ul#nav li.here a:link, #branding ul#nav li.here a:visited, #branding ul#nav li.parent-here a:link, #branding ul#nav li.parent-here a:visited {
	color: #e28d2d;
}
#branding ul#nav li a:link, #branding ul#nav li a:visited {
	color: #eee;
}
#branding ul#nav li a:hover {
	color: #83d6f3;
}

#branding ul#lang {
	position: absolute;
	right: 10px;
	top: 0;
	font-weight: bold;
	font-size: 85.7%;
}
#branding ul#lang li {
	float: left;
	margin-right: 3px;
}
#branding ul#lang li a {
	display: block;
	padding: 12px 0 8px 3px;
}






/* Content */

#content {
	background: transparent url(/graphics/bg-maincontent.png) no-repeat left top;
	overflow: hidden;
	margin: 14px 0 0 0;
	min-height: 764px;
}



/* Maincontent */

#maincontent {
	float: left;
	position: relative;
	background-color: white;
	min-height: 524px;
}
#maincontent ul {
	list-style: disc;
	padding: 5px 247px 1em 36px;
	line-height: 100%;
	margin-bottom: 0;
}
#maincontent ol {
	padding: 5px 247px 1em 36px;
	line-height: 100%;
	margin-bottom: 0; 
}
#maincontent ul li, #maincontent ol li {
	padding: 0.5em 0;
	line-height: 150%;
}

.splash {
	width: 735px;
	margin: 4px 0 0 0;
}
.splash h1 {
	font-size: 200%;
	padding: 21px 0 197px 30px;
}
.splash p {
	padding: 0 197px 0.75em 25px;
	font-size: 108.3%;
}

.default {
	width: 735px;
	margin: 0;
}
.default h1 {
	font-size: 200%;
	padding: 16px 247px 0.5em 16px;
}
.default h2 {
	font-size: 150%;
	padding: 8px 247px 0.5em 16px;
}
.default h3 {
	font-size: 125%;
	padding: 16px 0 0.5em 16px;
}
.default h4 {
	padding: 16px 0 0.5em 16px;
}
.default p {
	padding: 0 247px 1em 16px;
}
#maincontent ul#nyhetslista, #maincontent ul.nyhetslista {
	list-style: none;
	padding: 0 0 0.5em 16px;
}
#maincontent ul#nyhetslista li, #maincontent ul.nyhetslista li {
	padding: 0;
	line-height: normal;
}
#maincontent ul#nyhetslista li a, #maincontent ul.nyhetslista li a {
	display: block;
	padding: 7px 17px;
	font-weight: bold;
	background: transparent url(/graphics/icon-link.png) no-repeat left 7px;
	border-top: 1px dotted #ddd;
}

#everything {
	background: transparent url(/graphics/bg-everything.png) no-repeat left top;
	width: 382px;
	padding: 20px 16px 0 16px;
	margin: 25px 0 0 25px;
	overflow: hidden;
	float: left;
}
#everything h2 {
	font-size: 166.7%;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 0.25em;
}
#everything ul {
	list-style: none;
	padding: 0;
}
#everything ul li {
	padding: 0;
	line-height: normal;
}
#everything #iron {
	float: left;
	margin: 1em 1em 0 0;
	width: 170px;
}
#everything #iron li h3 {
	font-size: 116.7%;
	padding-bottom: 0.25em;
}
#everything #iron li a {
	display: block;
	padding: 4px 17px 5px 17px;
	font-weight: bold;
	background: transparent url(/graphics/icon-link.png) no-repeat left 5px;
	line-height: 15px;
}

#everything #mini {
	float: left;
	margin: 1em 0 1em 0;
	width: 170px;
}
#everything #mini li h3 {
	font-size: 116.7%;
	padding-bottom: 0.25em;
}
#everything #mini li a {
	display: block;
	padding: 4px 17px 5px 17px;
	font-weight: bold;
	background: transparent url(/graphics/icon-link.png) no-repeat left 5px;
	line-height: 15px;
}

#gallery, #sponsors {
	width: 174px;
	background: transparent url(/graphics/bg-gallery.png) no-repeat left top;
	float: left;
	margin: 17px 0 0 23px;
	padding: 28px 16px 20px 16px;
}
#gallery h2, #sponsors h2 {
	font-size: 166.7%;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 0.25em;
	margin-bottom: 0.5em;
}
#gallery p, #sponsors p {
	padding: 0 0 0.75em 0;
	font-size: 100%;
}

#sponsors {
	background: transparent url(/graphics/bg-sponsors.png) no-repeat left top;
	padding: 16px 16px 20px 16px;
}
.logo-sponsor {
	width: 520px;
}
.logo-sponsor img {
	float: left;
	padding: 16px;
}





/* Subcontent */

.splash-sub, .splash-sub-alt {
	position: absolute;
	right: 8px;
	top: 88px;
	background: transparent url(/graphics/bg-subcontent.png) no-repeat left top;
	width: 291px;
	min-height: 524px;
}
.splash-sub-alt {
	background: transparent url(/graphics/bg-subcontent-alt.png) no-repeat left top;
	width: 261px;
}
.splash-sub h2, .splash-sub-alt h2 {
	font-size: 200%;
	padding: 33px 0 0.5em 24px;
}
.splash-sub-alt h2 {
	padding: 28px 0 0.5em 24px;
}
.splash-sub h3, .splash-sub-alt h3 {
	padding: 0 28px 0.5em 24px;
	line-height: 125%;
}
.splash-sub h4, .splash-sub-alt h4 {
	font-size: 91.7%;
	padding: 0 24px 1em 24px;
	font-weight: normal;
}
.splash-sub p, .splash-sub-alt p {
	padding: 0 0 1em 0;
	margin: 0 28px 1em 24px;
	border-bottom: 1px dotted #ccc;	
}
.splash-sub a {
	display: block;
}
.splash-sub a.link {
	padding: 7px 17px;
	font-weight: bold;
	background: transparent url(/graphics/icon-link.png) no-repeat left 50%;
}


/* Subnav */

ul#nav-sub {
	float: left;
	width: 180px;
	margin: 0 0 16px 0;
	background: transparent url(/graphics/bg-sub.png) no-repeat right top;
	min-height: 378px;
	padding-top: 26px;
}
ul#nav-sub li a {
	display: block;
	border-bottom: 1px solid #dcdcdc;
	padding: 8px 16px;
	margin-right: 5px;
}
ul#nav-sub li.here a {
	color: black;
	font-weight: bold;
}
ul#nav-sub li ul li a {
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 8px 30px;
}
ul#nav-sub li.here ul li a:link, ul#nav-sub li.here ul li a:visited {
	color: #2d95b8;
	font-weight: normal;
}
ul#nav-sub li.here ul li a:hover {
	color: #217490;
}


/* Siteinfo */

#siteinfo {
	clear: both;
	height: 382px;
	background: transparent url(/graphics/bg-siteinfo.jpg) no-repeat left top;
	margin-bottom: 2em;
	position: relative;
}
#siteinfo .adress {
	position: absolute;
	right: 0;
	bottom: 0;
	background: transparent url(/graphics/bg-adress.png) no-repeat left top;
	font-size: 91.7%;
	width: 252px;
	height: 56px;
	padding: 15px 0 0 15px;
}
#siteinfo li {
	float: left;
	width: 120px;
	padding: 3px 0;
}


/* Misc */

.bold {
	font-weight: bold;
}
.link {
	display: block;
	padding: 0 0 0 17px;
	font-weight: bold;
	background: transparent url(/graphics/icon-link.png) no-repeat left 50%;
}
a[href$='.pdf'], a[href$='.PDF'] {
display:inline-block;
padding: 6px 0 6px 24px;
background: transparent url(/graphics/icon-pdf.png) no-repeat left 50%;
}

table {
	margin: 16px 0 0.5em 16px;
}
td {
	padding: 6px 0;
	border-top: 1px solid #eee;
}

.design {
	text-align: center;
	font-size: 91.7%;
}

/* Weather */

#wrapper-DsDi {
	margin: 16px 0 0.5em 14px;
}
#wrapper-DsDi #h2-DsDi #url-DsDi{
	float: left;
	padding-left: 10px;
}