/** Frame width 800px
*** Frame height Head: 100px, Men u 24Px, Foot 24px
*********************************************************************************/

/** Define HTML Tags
*********************************************************************************/

img { border: 0px; margin: 0px; padding: 0px; }
img.omoss { border: 0px; width: 550px; height: 412px;}

/** Bodies
*********************************************************************************/

body.head    { margin: 0px; background: #FFFFFF; }
body.foot    { margin: 0px; background: #FFFFFF; }
body.menu    { margin: 0px; background: #FFFFFF; }
body.start   { margin: 0px; background: #FFFFFF url(../image/Vildhjarta-storleken.jpg) no-repeat fixed; }
body.letter  { margin: 0px; background: #FFFFFF url(../image/Dscf0942.jpg) no-repeat fixed; }
body.produkt { margin: 0px; background: #EEEEEE url(../image/Dscf0930.jpg) no-repeat fixed; }
body.popup   { margin: 0px; background: #EEEEEE url(../image/Dscf0930.jpg) no-repeat fixed; }
body.omoss   { margin: 0px; background: #EEEEEE; }
body.kontakt { margin: 0px; background: #FFFFFF url(../image/Dscf0924.jpg) no-repeat fixed; }
body.white   { margin: 0px; background: #EEEEEE; }

/** Main Containers
*********************************************************************************/

#mainContainer {
	position: static;
	float: left;
	width: 800px;				/* Scrollbar 17px */
	height: 445px;
	border: 0px solid black;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	background: inherit;
	overflow: none;
	font-family: verdana;
/*	opacity: 0.9; filter: alpha(opacity=90);*/
}
#mainContainer .textbox {
	position: static;
	float: none;
	width: 580px;
/*	height: 465px; */
	border: 0px solid green;
	background: #EEEEEE url();
	margin: 0px auto;
	padding: 10px;
	overflow: none;
	font: normal bold 13px verdana;  /* style variant weight size/line-height family */
	text-align: center;
	color: #333333;
}

/** Head Containers
*********************************************************************************/

#headContainer {
	float: left;
	width: 800px;
	height: 92px;
	border: 0px solid green;
	margin: 0px;
	padding: 0px;
	background: #EEEEEE url();
	overflow: none;
}
#headContainer img.logo {
	float: left;
/*	width: 81px;
	height: 84px;*/
	border: 0px solid red;
	margin: 0px;
	padding: 4px 0px 0px 18px;
	background: inherit;
	overflow: none;
	text-align: left;
}
#headContainer img.company {
	float: left;
/*	width: 383px;
	height: 50px;*/
	border: 0px solid red;
	margin: 0px;
	padding: 10px 0px 0px 101px;
	background: inherit;
	overflow: none;
	text-align: center;
}
#headContainer img.logohemslojd {
	float: right;
/*	width: 88px;
	height: 88px;*/
	border: 0px solid red;
	margin: 0px;
	padding: 2px 10px 0px 0px;
	background: inherit;
	overflow: none;
	text-align: right;
}
#headContainer .contacttext {
	float: left;
	width: 584px;
	height: 30px;
	border: 0px solid red;
	margin: 0px;
	padding: 0px;
	background: inherit;
	overflow: none;
	font: normal normal 10px/1.4 verdana;
	color: black;
	text-align: center;
}
#headContainer a.contactlink       { color: black; text-decoration: none; }
#headContainer a.contactlink:hover { color: red; }

/** Foot Containers
*********************************************************************************/

#footContainer {
	float: left;
	width: 798px;
	height: 18px;
	border: 1px solid #AAAAAA;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	background: #DDDDDD url();
	overflow: none;
	font: normal bold 11px verdana;      /* style variant weight size/line-height family */
	text-align: center;
	text-decoration: none;
	color: #333333;
}
#footContainer .left {
	float: left;
	width: 522px;
/*	height: inherit; */
	border: 0px solid #AAAAAA;
	margin: 0px;
	padding: 0px 5px;
	background: #DDDDDD url();
	overflow: none;
	text-align: left;
}
#footContainer .right {
	float: left;
	width: 256px;
/*	height: inherit; */
	border: 0px solid #AAAAAA;
	margin: 0px;
	padding: 0px 5px;
	background: #DDDDDD url();
	overflow: none;
	text-align: right;
	color: #888888;
}
#footContainer .left a       { font-weight: normal; text-decoration: none; color: #555555; }
#footContainer .left a:hover { color: red; }
#footContainer .right a      { text-decoration: none; color: #888888; }

/** Menu Containers
*********************************************************************************/

#menuContainer {
	float: left;
	width: 778px;
	height: 16px;
	border: 1px solid #AAAAAA;
	margin: 0px;
	padding: 1px 0px 0px 20px;
	background: #DDDDDD url();
	overflow: none;
}
#menuContainer a {
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;            /* normal, bold, bolder, lighter, 100-900 */
	font-style: normal;           /* normal, italic, oblique */
	font-variant: normal;         /* normal, small-caps */
	color: #444444;
	letter-spacing: normal;       /* normal, #px */
	word-spacing: normal;         /* normal, #px */
	line-height: normal;          /* normal, #px */
	text-align: left;             /* left, right, center, justify */
	text-decoration: none;        /* none, underline, overline, line-through, blink */
	white-space: normal;          /* normal, pre, nowrap */
}
#menuContainer a:hover {color: #BF002B;}

#submenuContainer {
	float: left;
	width: 773px;
	height: 16px;
	border: 0px solid #AAAAAA;
	margin: 0px;
	padding: 1px 5px 0px 22px;
	background: #EEEEEE url();
	overflow: none;
	opacity: 0.8; filter: alpha(opacity=80);
}
#submenuContainer a {
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;            /* normal, bold, bolder, lighter, 100-900 */
	font-style: normal;           /* normal, italic, oblique */
	font-variant: normal;         /* normal, small-caps */
	color: #444444;
	letter-spacing: normal;       /* normal, #px */
	word-spacing: normal;         /* normal, #px */
	line-height: normal;          /* normal, #px */
	text-align: left;             /* left, right, center, justify */
	text-decoration: none;        /* none, underline, overline, line-through, blink */
	white-space: normal;          /* normal, pre, nowrap */
}
#submenuContainer a:hover {color: #BF002B;}

#submenuContainer a.textalert { font: normal bold 11px verdana; color: darkgreen; }
#submenuContainer a.textalert:hover { color: #BF002B; }

/** Mail Boxes
*********************************************************************************/

#mailHead {
	float: none;
	width: 592px;
	height: 18px;
	border: 0px solid green;
	background: #538B17;
	margin: 4px auto 0px auto;
	padding: 4px;
	overflow: none;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-align: center;
	text-decoration: none;
	color: White;
}
#mailBox {
	float: none;
	width: 580px;
	height: 350px;
	border: 0px solid green;
	background: #EEEEEE url();
	margin: 0px auto;
	padding: 10px 10px 20px 10px;
	overflow: none;
	font-size: 12px;
	font-weight: bold;
}

#omossBox {
	float: none;
	width: 550px;
	height: 412px;
	border: 0px solid black;
/*	background: #000000 url(); */
	margin: 0px auto;
	padding: 5px 0px 0px 0px;
	overflow: none;
}

/** News Letter
*********************************************************************************/

#newsContainer {
	position: static;
	float: left;
	width: 800px;				/* Scrollbar 17px */
	height: 440px;
	border: 0px solid black;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	background: inherit;
	overflow: none;
}
#newsHead {
	position: static;
	float: none;
	width: 592px;
	height: 18px;
	border: 0px solid black;
	background: #538B17;
	margin: 0px auto;
	padding: 4px;
	overflow: none;
	font: normal bold 14px Verdana;
	text-align: center;
	text-decoration: none;
	color: White;
}
#newsScroller {
	position: static;
	float: none;
	width: 590px;					/* Including Scrollbar 16px + 1px */
	height: 406px;					/* Submenu included */
	border: 0px solid black;
	background: #EEEEEE;
	margin: 0px auto;
	padding: 4px 5px 4px 5px;
	overflow: auto;
	font: normal normal 12px Verdana;
	text-align: left;
	text-decoration: none;
	color: Black;
}
#newsDivider {
	float: left;
	width: 573px;
	height: 16px;
	border: 0px solid black;
	background: #CCCCCC;
	margin: 0px;
	padding: 5px 0px;
	overflow: none;
	font: normal bold 14px Verdana;
	text-align: center;
	text-decoration: none;
	color: Black;
}
#newsEventArea {
	float: left;
	width: 563px;
	border: 0px solid red;
	background: inherit;
	margin: 0px;
	padding: 5px;
	overflow: none;
	text-align: center;
}
#newsEventBox {
	float: left;
	border: 0px solid red;
	background: inherit;
	margin: 0px;
	padding: 0px;
	overflow: none;
	text-align: left;
}
#newsEventBox .newsImage {
	float: left;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
/*** Below used prior to 2010v45-47 ***/
#newsFullWidth {
	float: left;
	width: 551px;
/*	height: 16px; */
	border: 1px none red;
	background: inherit;
	margin: 0px;
	padding: 10px;
	overflow: none;
	text-align: center;
}
#newsBox {
	float: left;
/*	width: 0px; */
/*	height: 0px; */
	border: 1px none red;
	background: inherit;
	margin: 0px;
	padding: 10px;
	overflow: none;
	text-align: left;
}
#newsBox .newsImage {
	float: left;
	border: 0px;
	margin: 0px;
	padding: 10px;
}

/** Popup Containers
*********************************************************************************/
#popupContainer {
	position: static;
	float: left;
	width: 798px;				/* Scrollbar 17px */
	height: 445px;
	border: 0px solid red;
	margin: 0px;
	padding: 1px;
	background: inherit;
	overflow: none;
}
#popupHead {
	position: static;
	float: none;
	width: 790px;
	height: 18px;
	border: 0px solid blue;
	background: #538B17;
	margin: 0px auto;
	padding: 4px;
	overflow: none;
	font: normal bold 14px Verdana;
	text-align: center;
	text-decoration: none;
	color: White;
}
#popupScroller {
	position: static;
	float: none;
	width: 790px;					/* Including Scrollbar 16px + 1px */
	height: 413px;					/* Submenu included */
	border: 0px solid green;
	background: #EEEEEE;
	margin: 0px auto;
	padding: 4px 4px 3px 4px;
	overflow: auto;
	font: normal normal 12px Verdana;
	text-align: left;
	text-decoration: none;
	color: Black;
}

/** Fonts
*********************************************************************************/

a.textlink       { font: normal bold   11px verdana; color: black;   text-decoration: none; }
a.textlink:hover { font: normal bold   11px verdana; color: #BF002B; text-decoration: none; }
a.textgreen      { font: normal normal 12px verdana; color: green; }