/**
 * ------------------------------
 * |  -----------------         |
 * |  |1 ------------ |         |
 * |  |  |2         | |         |
 * |  |  |          | |         |
 * |  |  |          | |         |
 * |  |  ------------ |         |
 * |  -----------------         |
 * |----------------------------|
 * |   7                        |
 * |----------------------------|
 * |  |3 ---- -------- ---- |   |
 * |  |  |4 | |5-----| |6 | |   |
 * |  |  |  | | |8  || |  | |   |
 * |  |  |  | | |   || |  | |   |
 * |  |  |  | | |   || |  | |   |
 * |  |  |  | | |   || |  | |   |
 * |  |  |  | | |   || |  | |   |
 * |  |  |  | | |   || |  | |   |
 * |  |  |  | | -----| |  | |   |
 * |  |  |  | |      | |  | |   |
 * |  |  ---- -------- ---- |   |
 * ------------------------------
 * 
 *  1. #head-container
 *  2. .head
 *  3. #main-container 
 *  4. #first-module-container
 *  5. #content-container
 *  6. #second-module-container
 *  7. #main-menu
 *  8. #content
 *
 *  #main-super-container is a wrapper for #main-container for the background.
 *
 * .module-box is meant for module-boxes in the first and second module containers.
 *
 * In #main-menu there's a ul which contains the main-menu.
 *
 * The containers 1 and 3 is there for "sidetab-menus".
 *
 */

/**
 * Reset padding and margins to mitigate browser differences.
 */
* {
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, ol, dl, fieldset, address { 
	margin: 0em 1em;
}

ul, ol {
	padding-left: 10px;
}

ul ul, ol ol {
	padding-left: 0.5em;
}

h4 {
	font-size: 100%;
}

li, dd { 
	margin-left: 5px; 
}


fieldset { 
	padding: .5em; 
}

div {
}

body {
	font-size: 12px; /*x-small;*/
	font-family: Verdana, Arial;
}

body td {
	/*font-size: 75%;*/
}

body#body {
	text-align: center; /* for centering text in FF and IE and the whole menu in IE */
	background-color: #e1e1e1;
}

span#textsize a#larger,
body.larger {
	font-size: 14px;
}

a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

/* Remove common from template-lists */
.tab-menu,
ul#breadcrumb,
ul#util-menu,
div#m-enu ul {
	list-style: none;
	margin: 0;
}

.tab-menu li,
ul#breadcrumb li,
ul#util-menu li,
div#m-enu ul li {
	margin: 0;
	display: inline;
}

div#m-enu ul li {
	margin-left: 10px;
}

div#m-enu ul li a {
	font-weight: bold;
}

/* Header */
div#head-container {
	position: relative;
	width: 817px; /* Changed + 50 */
	margin: 0 auto;
}

div.head {
	position: relative;
	/*margin: 0 auto;*/
	width: 788px; /* Changed + 50 */
	height: 120px;
	text-align: left;
	margin-left: 27px; /* offset for language-tab */
	padding-top: 10px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url('/_composer/images/header.jpg');
	border: 1px solid #000;
	border-width: 0 1px;
	display: block;
}

#head_right
{
	display: inline;
	float: right;
	clear: right;
}


div.head h1 {
	visibility: hidden;
	margin: 0;
}

div.head ul#util-menu {
	float: right;
	margin: 0;
	margin-top: -10px;
	padding: 5px;
	font-size: 80%;
}

div.head ul#util-menu li,
div.head ul#util-menu a {
	color: #000000;
	text-decoration: none;
}

/* Main-menu */
div#m-enu {
	text-align: center; /* for centering text in FF and IE and the whole menu in IE */

	background: url(/_composer/images/hammarland/main-menu-bg.jpg) repeat-x;
	border: 1px solid #fff;
	border-width: 1 0px;
	padding: 4px;
}

div#m-enu ul {
	margin: 0 auto;
	width: 830px; /* Changed + 50 */
}

div#m-enu ul a {
	color: #fff;
	text-decoration: none;
}

/* Main-container has the module-columns and the content */
div#main-super-container {
	background: url(/_composer/images/hammarland/main-cont-sides.jpg) top left repeat-x;
	clear: left;
}

div#main-container {
	margin: 0 auto;
	width: 817px; /* Changed + 50 */
	
	text-align: left;
	position: relative;
}

div#main-container div#main-sub-containter {
	float: left;
	border: 1px solid #000;
	border-width: 0 1 1 1px;
	background-color: #f7f7f7;
	margin-left: 27px;
	min-height: 600px;
}

div#main-container {
	overflow: hidden;
}

div#first-module-column,
div#second-module-column,
div#content-container {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

div#first-module-column, 
div#second-module-column {
	width: 155px;
	font-size: 80%;
}

/* left column */
div#first-module-column {
	float: left;
	overflow: hidden;
}

/* right column */
div#second-module-column {
	float: right;
	width: 170px;
}


/* contains content */
div#content-container {
	float: left;

	background: url(/_composer/images/hammarland/content-bg.jpg) no-repeat top left;
	font-size: 90%;
	
	width: 463px; /* Changed + 50 */
	
	overflow: hidden;
}

div#content-container td {
	sfont-size: 75%;/*65%; in ff*/
}

div#content {
	padding: 1em;
}

div.content_image {
	background-position: center;
	background-repeat: no-repeat;
	width: 463px; /* Changed + 50 */
}

div#content table {
	sfont-size: 120%;
}

ul#breadcrumb {
	padding: 4 0 0 10px;
}

ul#breadcrumb li {
	margin-right: 5px;
}
ul#breadcrumb a {
	color: #A7A4A3;
	text-decoration: none;
	font-size: 80%;
}



div#footer {
	clear: both;
	float: left;
}

div.module-box {
	padding: 1.2em;
}

div.module-box h2 {
	font-size: 130%;
	margin: 0 0 4px 0;
	color: #5F8EAD;
	font-style: italic;
}

div.module-box h2 a {
	font-size: 100%;
	color: #5F8EAD;
}

div.module-box li h2 a {
	color: #000;
}

div.module-box a {
	font-weight: bold;
}

div.module-box ul li,
div.module-box ul h3,
div.module-box p {
	margin: 0;
	margin-bottom: 3px;
}

div.module-box h4 {
	font-size: 100%;
}

div.module-box ul {
	/*list-style-position: inside;*/
}

/* tab menus */
.tab-menu * {
}
.tab-menu {
	
	float: left;
	z-index: 100;
}

.tab-menu ul {
	padding: 0;	
	margin: 0;
}

.tab-menu li {
	clear: both;
	float: left;
	margin-top: 0.5em;
}

.tab-menu li a {
	display: block;
	color: #fff;
}

/* set background image and size of every element in left main menu */
div#main-side-menu {
	margin-right: -27px;
}

.tab-menu .hidden {
	display: none;
}

/* hide text in left main menu */
.tab-menu #politik a span,
.tab-menu #turism a span,
.tab-menu #naringsliv a span,
.tab-menu #fritid_kultur a span,
.tab-menu #barn_familj a span,
.tab-menu #bygga_bo a span {
	display: none;
}



/* language button */
#language-menu {
	position: absolute;
	display: block;
	top: 6px; 
	left: 0px;
	/*left: -27px;*/
	width: 34px;
	height: 73px;
}

#language-menu a {
	background: url(/_composer/images/hammarland/menu/tab-lang-menu.gif) top left no-repeat;
	width: 34px;
	height: 73px;
	display: inline;
}

#lang-container {
	float: right;
	display: block;
}


#lang-menu {
	list-style: none;
	left: 0;
	top: 6px;
	width: 164px;
	height: 22px;
	position; relative;
	display: block;
	margin: 0;
}

#language-menu a span,
#start-menu a span,
#lang-menu #fin a,
#lang-menu #eng a,
#lang-menu #ger a,
#lang-menu #swe a 
{
	display:block;
}

#language-menu * {
}

/*

#language-menu li ul li {
	display: block;
	float: left;
	clear: none;
}
#language-menu li ul li a {
	display: block;
}
*/

#ger,
#eng,
#fin,
#swe
{
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 4px;
	padding: 0;
}



#ger a,
#eng a,
#fin a,
#swe a
{
	width: 30px;
	height: 22px;
	display: inline;
}

#lang-menu #ger a {
	background: url('/_composer/images/langmenu_de.jpg') top left no-repeat;
	float: left;
	padding-left: 0px;
	cursor: pointer;
	display: inline;
	margin-left: 0px;
}

#lang-menu #eng a {
	background: url('/_composer/images/langmenu_en.jpg') top left no-repeat;
	float: left;
	padding-left: 0px;
	cursor: pointer;
	display: inline;
	margin-left: 0px;
v}

#lang-menu #fin a {
	background: url('/_composer/images/langmenu_fi.jpg') top left no-repeat;
	float: left;
	padding-left: 0px;
	cursor: pointer;
	display: inline;
	margin-left: 0px;
}

#lang-menu #swe a {
	background: url('/_composer/images/langmenu_sv.jpg') top left;
	float: left;
	padding-left: 0px;
	padding-right: 0;
	cursor: pointer;
	margin-left: 0px;
	margin-right: 0px;
	display: inline;
}




div#tool-menu {
	background: url(/_composer/images/hammarland/menu/tool-menu-mid-bg.gif) top left repeat-y;
	position: absolute;
	top: 4px; 
	left: 100%;
}

div#tool-menu .start,
div#tool-menu .end {
	width: 27px;
	height: 8px;
	font-size: 0;
}

div#tool-menu li {
	padding: 0; 
	margin: 0;
}

div#tool-menu .start {
	background: url(/_composer/images/hammarland/menu/tool-menu-upper-bg.gif) no-repeat;
}

div#tool-menu .end {
	height: 13px;
	background: url(/_composer/images/hammarland/menu/tool-menu-lower-bg.gif) bottom no-repeat;
}


div#tool-menu a span {
	display: none;
}

div#tool-menu #mail a {
	background: url(/_composer/images/hammarland/menu/tool-menu-mail.gif) top left no-repeat;
	height: 11px;
	width: 27px;
	margin-top: 6px;
}


div#tool-menu #info a {
	background: url(/_composer/images/hammarland/menu/tool-menu-info.gif) top left no-repeat;
	height: 20px;
	width: 27px;
}



div#start-menu {
	position: absolute;
	top: 62px; 
	left: 100%;
	height: 49px;
	width: 27px;
	
	background: url(/_composer/images/hammarland/start-menu-bg.gif) top left no-repeat;
}

div#start-menu a {
	display: block;
	height: 49px;
	width: 27px;
}

#event-hint {
	margin-top: 8px;
	display: block;
}

#page-control {
	border-top: solid 1px #9A8647;
	padding-top: 5px;
	margin: 5px 10px;
}

/**
 * TEXT SIZE {
 */
#textsize {
	color: #9A8647;
} 

#textsize #larger {
	color: #6A5617;
} 

#textsize #normal {
	color: #6A5617;
} 

/**
 * } TEXT SIZE
 */
 
#weather {
	text-align: center;
	padding: 10px;
	margin: 0 10px;
	border: 1px solid #ded5b4;
	border-top: 1px solid #9a8647;
	background-color: #fff;
}
 


x