/**
 * ------------------------------
 * |  -----------------         |
 * |  |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, p, pre, blockquote, label, ul, ol, dl, fieldset, address { 
	margin: 1em 5%;
	margin: 0;
}

h4 {
	font-size: 100%;
}

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

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: #f7f7f7;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(/_composer/images/jomala/head-bg.jpg);
	
	border: 1px solid #000;
	border-width: 0 1px;
}


div#bygga_bo.head {
	background-image: url(/_composer/images/jomala/head-bg_byggabo.jpg);
}
div#barn_familj.head {
	background-image: url(/_composer/images/jomala/head-bg_barn_familj.jpg);
}
div#fritid_kultur.head {
	background-image: url(/_composer/images/jomala/head-bg_fritid.jpg);
}
div#naringsliv.head {
	background-image: url(/_composer/images/jomala/head-bg_naring.jpg);
}
div#politik.head {
	background-image: url(/_composer/images/jomala/head-bg_politik.jpg);
}
div#turism.head {
	background-image: url(/_composer/images/jomala/head-bg_turism.jpg);
}

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: #A7A4A3;
	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/jomala/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/jomala/main-cont-sides.jpg) top left repeat-x;
}

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;
}

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


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

	background: url(/_composer/images/jomala/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#bygga_bo.content_image {
	background-image: url(/_composer/images/jomala/content-head_byggabo.jpg);
	height: 88px;
}
div#barn_familj.content_image {
	background-image: url(/_composer/images/jomala/content-head_barn_familj.jpg);
	height: 88px;
}
div#fritid_kultur.content_image {
	background-image: url(/_composer/images/jomala/content-head_fritid.jpg);
	height: 88px;
}
div#naringsliv.content_image {
	background-image: url(/_composer/images/jomala/content-head_naring.jpg);
	height: 88px;
}
div#politik.content_image {
	background-image: url(/_composer/images/jomala/content-head_politik.jpg);
	height: 88px;
}
div#turism.content_image {
	background-image: url(/_composer/images/jomala/content-head_turism.jpg);
	height: 88px;
}


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;
	
	/*background: url(/_composer/images/jomala/tab-menu-first.gif) bottom left no-repeat;*/
}

.tab-menu li a {
	display: block;
	color: #fff;
	
	/*background: url(/_composer/images/jomala/tab-menu-second.gif) top left no-repeat;*/
}

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

.tab-menu #bygga_bo a {
	background: url(/_composer/images/jomala/menu/tab-main-menu-bygga_bo.gif) top left no-repeat;
	height: 98px;
	width: 27px;
}

.tab-menu #barn_familj a {
	background: url(/_composer/images/jomala/menu/tab-main-menu-barn_familj.gif) top left no-repeat;
	height: 98px;
	width: 27px;
}

.tab-menu #fritid_kultur a {
	background: url(/_composer/images/jomala/menu/tab-main-menu-fritid_kultur.gif) top left no-repeat;
	height: 98px;
	width: 27px;
}

.tab-menu #naringsliv a {
	background: url(/_composer/images/jomala/menu/tab-main-menu-naringsliv.gif) top left no-repeat;
	height: 98px;
	width: 27px;
}

.tab-menu #turism a {
	background: url(/_composer/images/jomala/menu/tab-main-menu-turism.gif) top left no-repeat;
	height: 98px;
	width: 27px;
}

.tab-menu #politik a {
	background: url(/_composer/images/jomala/menu/tab-main-menu-politik.gif) top left no-repeat;
	height: 98px;
	width: 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;
	top: 6px; 
	left: 0px;
	/*left: -27px;*/
	height: 73px;
	width: 27px;
}

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

#lang-menu {
	list-style: none;
	position: absolute;
	left: 0;
	top: 6px;
	background: #9A8647;
	width: 27px;
	height: 73px;
	display: none;
}

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

#language-menu * {
}

#language-menu li ul {
	display: none; /* set to block by javascript*/
	position: absolute;
	padding: 1 4px;
}
/*

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

#lang-menu #ger a,
#lang-menu #eng a,
#lang-menu #fin a,
#lang-menu #swe a {
	display: block;
	height: 15px;
	width: 20px;
}

#lang-menu #ger a {
	background: url(/_composer/images/jomala/menu/lang-menu-ger.gif) top left no-repeat;
}

#lang-menu #eng a {
	background: url(/_composer/images/jomala/menu/lang-menu-eng.gif) top left no-repeat;
}

#lang-menu #fin a {
	background: url(/_composer/images/jomala/menu/lang-menu-fin.gif) top left no-repeat;
}

#lang-menu #swe a {
	background: url(/_composer/images/jomala/menu/lang-menu-swe.gif) top left no-repeat;
}






div#tool-menu {
	background: url(/_composer/images/jomala/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/jomala/menu/tool-menu-upper-bg.gif) no-repeat;
}

div#tool-menu .end {
	height: 13px;
	background: url(/_composer/images/jomala/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/jomala/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/jomala/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/jomala/start-menu-bg.gif) top left no-repeat;
}

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

div#search-container {
	clear: right;
	float: right;
	margin-right: 10px;
	text-align: right;
	width: 300px;
}

div#search-container a {
	float: right;
	background: url(/_composer/images/jomala/search.gif) top right no-repeat;
	width: 20px;
	height: 13px;
	display: block;
}

div#search-container a span {
	display: none;
}

div#search-container #search-box {
	display: none;
	clear: both;
	border: solid 1px #bbb;
	background-color: #ddd;
	padding: 4px;
}

#search-box input {
	font-size: 80%;
}

#search-box #search-query {
	border: solid 1px #000;
	width: 220px;
}

#search-box #search-submit {
	border: solid 1px #000;
	width: 64px;
}

#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;
}
 
/*
div#main-menu ul ul {
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

div#main-menu ul li:hover ul {
	dsisplay: block;
}
*/