/* begin Page */
body
{
	margin: 0 auto;
	padding: 0;
	background-color: #CFCFCF;
}

#art-main
{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}





#art-page-background-simple-gradient
{
	position: absolute;
	background-image: url('/LAYOUT/THEME/ALFONS/IMAGES/Page-BgSimpleGradient.jpg');
	background-repeat: repeat-x;
	top:0;
	width: 100%;
	height: 1px;
}

.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}


form
{
	padding:0 !important;
	margin:0 !important;
}

table.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.art-Sheet
{
	position:relative;
	z-index:0;
	margin:0 auto;
	width: 1030px;
	min-width:39px;
	min-height:39px;
}

.art-Sheet-body
{
	position: relative;
	z-index: 1;
	padding: 6px;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
	position:absolute;
	z-index:-1;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
	width: 54px;
	height: 54px;
	background-image: url('/LAYOUT/THEME/ALFONS/IMAGES/Sheet-s.png');
}

.art-Sheet-tl
{
	top:0;
	left:0;
	clip: rect(auto, 27px, 27px, auto);
}

.art-Sheet-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 27px, 27px);
}

.art-Sheet-bl
{
	bottom: 0;
	left: 0;
	clip: rect(27px, 27px, auto, auto);
}

.art-Sheet-br
{
	bottom: 0;
	right: 0;
	clip: rect(27px, auto, auto, 27px);
}

.art-Sheet-tc, .art-Sheet-bc
{
	left: 27px;
	right: 27px;
	height: 54px;
	background-image: url('/LAYOUT/THEME/ALFONS/IMAGES/Sheet-h.png');
}

.art-Sheet-tc
{
	top: 0;
	clip: rect(auto, auto, 27px, auto);
}

.art-Sheet-bc
{
	bottom: 0;
	clip: rect(27px, auto, auto, auto);
}

.art-Sheet-cr, .art-Sheet-cl
{
	top: 27px;
	bottom: 27px;
	width: 54px;
	background-image: url('/LAYOUT/THEME/ALFONS/IMAGES/Sheet-v.png');
}

.art-Sheet-cr
{
	right:0;
	clip: rect(auto, auto, auto, 27px);
}

.art-Sheet-cl
{
	left:0;
	clip: rect(auto, 27px, auto, auto);
}

.art-Sheet-cc
{
	position:absolute;
	z-index:-1;
	top: 27px;
	left: 27px;
	right: 27px;
	bottom: 27px;
	background-color: #FF9933;
}


.art-Sheet
{
	margin-top: 10px !important;
}

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
	min-width:1030px;
}

/* end Box, Sheet */

/* begin Header */
div.art-Header
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 1018px;
	height: 125px;
}

div.art-Header-png
{
	position: absolute;
	z-index:-2;
	top: 0;
	left: 0;
	width: 1018px;
	height: 10px;
	background-image: url('/LAYOUT/THEME/ALFONS/IMAGES/Header.png');
	background-repeat: no-repeat;
	background-position: left top;
}

div.art-Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 1018px;
	height: 5px;
	background-image: url('/LAYOUT/THEME/ALFONS/IMAGES/Header.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}
/* end Header */

/* begin Logo */
.art-Logo
{
	display : block;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 988px;
	z-index:1000 !important;
}

h1.art-Logo-name
{
	display: block;
	text-align: left;
}

h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 36px;
text-decoration: none;
	padding:0;
	margin:0;
	color: #242424 !important;
}

.art-Logo-text
{
	display: block;
	text-align: left;
}

.art-Logo-text, .art-Logo-text a
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 20px;
	padding:0;
	margin:0;
	color: #242424 !important;
}
/* end Logo */

/* begin ContentLayout */
.art-contentLayout
{
	/*position: relative;*/
	/*margin-bottom: 0px;*/
	margin-top:-120px;
	/*padding-bottom:10px;*/
	width: 1018px;
}
/* end ContentLayout */

/* begin Box, Block */
.art-Block
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.art-Block-body
{
	position: relative;
	z-index: 1;
	padding: 7px;
}



.art-Block
{
	margin: 7px;
}

/* end Box, Block */

/* begin Box, BlockContent */
.art-BlockContent
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.art-BlockContent-body
{
	position: relative;
	z-index: 1;
	padding: 0px;
}



.art-BlockContent-body
{
	color:#2E2E2E;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 11px;
}

.art-BlockContent-body a:link
{
	color: #994D00;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
}

.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
	color: #E0E0E0;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
	color: #FFC78F;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.art-BlockContent-body ul
{
	list-style-type: none;
	color: #2E2E2E;
	margin:0;
	padding:0;
}

.art-BlockContent-body ul li
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 11px;
line-height: 125%;
  line-height: 1.25em;
  padding: 0px 0 0px 13px;
  background-image: url('/LAYOUT/THEME/ALFONS/IMAGES/BlockContentBullets.png');
  background-repeat: no-repeat;
}

/* end Box, BlockContent */

/* begin Box, Post */
.art-Post
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.art-Post-body
{
	position: relative;
	z-index: 1;
	margin: 10px;
	background-color:#FFF !important;
}



.art-Post
{
	margin: 7px;
}

/* Start images */
a img
{
	border: 0;
}

.art-article img, img.art-article
{
	border: solid 1px #C7C7C7;
	margin: 1em;
}

.art-metadata-icons img
{
	border: none;
	vertical-align: middle;
	margin: 2px;
}
/* Finish images */

/* Start tables */

.art-article table, table.art-article
{
	border-collapse: collapse;
	margin: 1px;
	width:auto;
}

.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
	background-color:Transparent;
}

.art-article th, .art-article td
{
	padding: 2px;
	border: solid 1px #B5B5B5;
	vertical-align: top;
	text-align:left;
}

.art-article th
{
	text-align: center;
	vertical-align: middle;
	padding: 7px;
}

/* Finish tables */

pre
{
	overflow: auto;
	padding: 0.1em;
}

/* end Box, Post */

/* begin PostHeaderIcon */
.art-PostHeader
{
	text-decoration:none;
	margin: 0.2em 0;
	padding: 0;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
	word-spacing:normal;
	font-variant:normal;
	text-decoration:none;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	text-indent:0;
	line-height:inherit;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 24px;
	color: #381C00;
}

.art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 24px;
	margin:0;
	color: #381C00;
}

/* end PostHeaderIcon */

/* begin PostHeader */
.art-PostHeader a:link
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
  color: #663300;
}

.art-PostHeader a:visited, .art-PostHeader a.visited
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
  color: #333333;
}

.art-PostHeader a:hover, .art-PostHeader a.hovered
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
  color: #FFC78F;
}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Verdana, Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-size: 12px;
  color: #242424;
  line-height:120%
}


.art-PostContent p 
{
	margin: 0.5em 0;
	padding:0px;
	margin:0px;
}

.art-PostContent, .art-PostContent p
{
font-family: "Verdana", Trebuchet MS, Arial, Helvetica, Sans-Serif;
  color: #242424;
}

.art-PostContent
{
  margin:0;
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Verdana, Trebuchet MS, Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #994D00;
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: Verdana, Trebuchet MS, Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #994D00;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Verdana, Trebuchet MS, Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #994D00;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Verdana, Trebuchet MS, Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #FFC78F;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
input 						{ 	color: #555555; font-size: 1em; font-family: Verdana, Trebuchet MS, Arial, Helvetica ;border:#AAAAAA solid	1px;					}
textarea 					{ 	color: #555555; font-size: 1em; font-family: Verdana, Trebuchet MS, Arial, Helvetica; border:#AAAAAA solid	1px;			}
select 						{ 	color: #555555; font-size: 1em; font-family: Verdana, Trebuchet MS, Arial, Helvetica												}
option 						{ 	color: #555555; font-size: 1em; font-family: Verdana, Trebuchet MS, Arial, Helvetica												}
ul							{ 	color: #555555; font-size: 1em; font-family: Verdana, Trebuchet MS, Arial, Helvetica; text-align:left;								}
li							{ 	color: #555555; font-size: 1em; font-family: Verdana, Trebuchet MS, Arial, Helvetica; text-align:left;								}
h1							{ 	color: #555555; font-size: 1.4em; font-family: Verdana, Trebuchet MS, Arial, Helvetica; text-align:left; font-weight:bold; 		}
h2							{ 	color: #555555; font-size: 1.3em; font-family: Verdana, Trebuchet MS, Arial, Helvetica; text-align:left; font-weight:bold; 		}
h3							{ 	color: #555555; font-size: 1.2em; font-family: Verdana, Trebuchet MS, Arial, Helvetica; text-align:left; font-weight:bold; 		}
h4							{ 	color: #555555; font-size: 1.1em; font-family: Verdana, Trebuchet MS, Arial, Helvetica; text-align:left; font-weight:bold; 		}
.dagensNamn					{ 	color: #AAAAAA; font-size: 0.9em; font-family: Verdana, Trebuchet MS, Arial, Helvetica; text-align:center; font-weight:normal; 	}
.btn_normal					{	background:#FF9933;	color:#fff;	border:none; padding-top:3px; padding-bottom:3px; float:right; padding-right:20px; 	}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
	color: #242424;
	margin:1em 0 1em 2em;
	padding:0;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 12px;
}

li ol, li ul
{
	margin:0.5em 0 0.5em 2em;
	padding:0;
}

li 
{
	margin:0.2em 0;
	padding:0;
}

ul
{
	list-style-type: none;
}

ol
{
	list-style-position:inside;
	
}



.art-Post li
{
	padding:0px 0 0px 13px;
	line-height:1.2em;
}

.art-Post ol li, .art-Post ul ol li
{
	background: none;
	padding-left:0;
}

.art-Post ul li, .art-Post ol ul li 
{
	background-image: url('/LAYOUT/THEME/ALFONS/IMAGES/PostBullets.png');
	background-repeat:no-repeat;
	padding-left:13px;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote,
blockquote p,
.art-PostContent blockquote p
{
	color:#333333;
font-family: Verdana, Trebuchet MS, Arial, Helvetica, Sans-Serif;
}

blockquote,
.art-PostContent blockquote
{
		border:solid 1px #C7C7C7; 
		margin:10px 10px 10px 50px;
	padding:5px 5px 5px 41px;
	background-color:#E0E0E0;
	background-image:url('/LAYOUT/THEME/ALFONS/IMAGES/PostQuote.png');
	background-position:left top;
	background-repeat:no-repeat;
}


/* Finish blockuote */
/* end PostQuote */

/* begin Button */
.art-button-wrapper .art-button
{
	display:inline-block;
	width: auto;
	outline:none;
	border:none;
	background:none;
	line-height:26px;
	margin:0 !important;
	padding:0 !important;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index:0;
	vertical-align: middle;
}

.art-button img, .art-button-wrapper img
{

  margin: 0;
}

.art-button-wrapper
{
	display:inline-block;
	vertical-align: middle;
	position:relative;
	height: 26px;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	z-index:0;
}

.firefox2 .art-button-wrapper
{
	display:block;
	float:left;
}

.art-button-wrapper .art-button
{
	display:block;
	height: 26px;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
	white-space: nowrap;
	text-align: left;
	padding: 0 9px !important;
	line-height: 26px;
	text-decoration: none !important;
	color: #FFF0E0 !important;
}

input, select
{
  vertical-align: middle;
font-family: Verdana, Trebuchet MS, Arial, Helvetica, Sans-Serif;
font-size: 13px;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
	color: #2E2E2E !important;
	text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
	color: #FFEDDB !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 78px;
	background-image: url('/LAYOUT/THEME/ALFONS/IMAGES/Button.png');
}

.art-button-wrapper .l
{
	left:0;
	right:13px;
}

.art-button-wrapper .r
{
	width:419px;
	right:0;
	clip: rect(auto, auto, auto, 406px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
	top: -26px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
	top: -52px;
}


/* end Button */

/* begin Footer */
.art-Footer
{
	position:relative;
	z-index:0;
	/*overflow:hidden;*/
	width: 1018px;
	margin: 5px auto 0px auto;
	height:50px;
}

.art-Footer .art-Footer-inner
{
	height:1%;
	position: relative;
	z-index: 0;
	padding: 8px;
	text-align: right;
	z-index:1;

}

.art-Footer .art-Footer-background
{
	position:absolute;
	z-index:-1;
	background-repeat:no-repeat;
	background-image: url('/LAYOUT/THEME/ALFONS/IMAGES/Footer.gif');
	width: 1018px;
	height: 50px;
	bottom:0;
	left:0;
}


.art-rss-tag-icon
{
	position: relative;
	display:block;
	float:left;
	background-image: url('/LAYOUT/THEME/ALFONS/IMAGES/rssIcon.png');
	background-position: center right;
	background-repeat: no-repeat;
	margin: 0 5px 0 0;
	height: 30px;
	width: 19px;
    cursor: default;
}




.art-Footer .art-Footer-text p
{
	margin: 0;
}

.art-Footer .art-Footer-text
{
	display:inline-block;
	color:#121212;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
}

.art-Footer .art-Footer-text a:link
{
	text-decoration: none;
	color: #663300;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.art-Footer .art-Footer-text a:visited
{
	text-decoration: none;
	color: #333333;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.art-Footer .art-Footer-text a:hover
{
	text-decoration: none;
	color: #FFC78F;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
	font-family:Arial;
	font-size:10px;
	letter-spacing:normal;
	word-spacing:normal;
	font-style:normal;
	font-weight:normal;
	text-decoration:underline;
	color:#CC6600;
}

.art-page-footer
{
	margin:1em;
	text-align:center;
	text-decoration:none;
	color:#666666;
}
/* end PageFooter */

/* begin LayoutCell */
.art-contentLayout .art-sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 175px;
}
/* end LayoutCell */

/* begin LayoutCell */
.art-contentLayout .art-content
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 840px;
	z-index:100;
	#margin-top:-7px;
}
.art-contentLayout .art-content-sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 813px;
}
.art-contentLayout .art-content-sidebar2
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 813px;
}
.art-contentLayout .art-content-wide
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 1016px;
}
/* end LayoutCell */

/* begin LayoutCell */
.art-contentLayout .art-sidebar2
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 203px;
}
/* end LayoutCell */


/* ============================================================================================= */
/* STIL FÖR HEADER/RUBRIK FÖR MALLEN															 */
/* ============================================================================================= */

#header 			{	height:110px; float:left; display:inline;    position:relative; 	z-index:1000; padding-bottom:10px; padding-left:17px;}
#header #Alfonsbild1 { width: 150px; height:140px; margin:0px; padding:0px; float:left; padding-left:10px; margin-left:10px; }
#header #AlfonsLogoType-old { background:url('/bilder/banner_top.gif'); width: 550px; height:140px; padding:0px; float:left;  }
#header #AlfonsLogoType { /*background:url('/Header-Alfons.gif'); width: 547px; height:129px; padding:0px; float:left; margin-top:3px;*/ 

background:url('/LAYOUT/THEME/ALFONS/IMAGES/Header_Alfons.jpg'); width: 553px; height:132px;padding:0px; float:left; position:relative; top:-4px; left:20px;
}


#header #AlfonsExtraRight { /*background:url('/LAYOUT/THEME/ALFONS/IMAGES/header_rightmost_pic.gif');*/ margin-left:40px;width: 180px; height:125px; float:left; z-index:1; position:relative; margin-top:-5px;  }
#header #rightHeaderLinks2 	{ 	margin-right: 240px; margin-left:180px; margin-top:-30px; height:30px; width:500px; text-align:left; float:left;position:relative; z-index:1000; }
#header #rightHeaderLinks a	{  	color: #333333; display:inline; float:left;position:relative; z-index:1000;}
#header #rightHeaderLinks { display:none; visibility:hidden; }

.alfie-start 	{  background-image:url('/bilder/me_alf1.gif');  background-repeat:no-repeat;  height:140px;  width:140px;  cursor:pointer;	}       
.alfie-hovered 	{  background-image:url('/bilder/me_alf2.gif');  background-repeat:no-repeat;  height:140px;  width:140px;  cursor:pointer;	}
.AlfonsRundBild	{	background:URL('/bilder/sme_alf1.gif'); width: 140px; height:140px; margin-left:10px; 	float: left; z-index: 1000; visibility:visible;	}
/* ============================================================================================= */

/* ============================================================================================= */
/* STIL FÖR VÄNSTERMENY INKL SHOP MENY															 */
/* ============================================================================================= */

/* Färg och centrering av Menyer */
#contentMenuLeft 		{ float: left; width: 150px; /*background: #FF9933;*/	padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; margin-left:8px; z-index:1000; position:relative; }
#contentMenuLeft li		{ color:#c50; list-style:none;}
#contentMenuLeft li	a	{ color:#c50 !important; text-decoration:none !important; }
#contentMenuLeft li	a:hover	{ color:#eee !important; text-decoration:none !important; }

#contentMain-box-side-left { float:left; width:560px; border-right:#ff9933 dashed 1px; min-height:600px; color:#333; padding-left:8px; padding-top:10px;}
#contentMain-box-side-right { margin:0;padding:0;float:right; width:225px; padding-right:5px;}
#contentMain-box-side-right h1 { padding:0px; margin:0px;	}
#contentMain-box-side-right h2 { padding:0px; margin:0px; color:#cc3300; 	}
#contentMain-box-side-right .newsthumb img { float:right; padding-right:5px;	}

.menu-left {}

ul#menu { 	width:150px;	height:400px; list-style:none;	margin:0;	padding:0;	padding-top:10px;	padding-left:-15px;}
ul#menu li {}
ul#menu li a {	background:url('/LAYOUT/THEME/ALFONS/IMAGES/spritemenu.gif') no-repeat scroll top left;	display:block;	height:35px;	position:relative;}
ul#menu li a.hem {	width:138px;}
ul#menu li a.nyheter {	width:138px;	background-position:0px -35px;}
ul#menu li a.nyhetsbrev {	width:150px;	background-position:0px -280px;}
ul#menu li a.tavling {	width:138px;	background-position:0px -70px;}
ul#menu li a.pyssel {	width:138px;	background-position:0px -105px;}
ul#menu li a.fakta {	width:138px;	background-position:0px -140px;}
ul#menu li a.e-vykort {	width:138px;	background-position:-0px -175px;}
ul#menu li a.kontakt {	width:138px;	background-position:0px -210px;}
ul#menu li a.webbshop {	width:138px;	background-position:0px -245px;}
ul#menu li a span {	background:url('/LAYOUT/THEME/ALFONS/IMAGES/spritemenu.gif') no-repeat scroll bottom left;	display:block;	position:absolute;	top:0;	left:0;	height:100%;	width:100%;	z-index:100;}
ul#menu li a span:hover {	cursor:pointer;}
ul#menu li a.hem span {	background-position:-138px 0px;}
ul#menu li a.nyheter span {	background-position:-130px -35px;}
ul#menu li a.nyhetsbrev span {	background-position:-132px -280px;}
ul#menu li a.tavling span {	background-position:-130px -70px;}
ul#menu li a.pyssel span {	background-position:-130px -105px;}
ul#menu li a.fakta span {	background-position:-130px -140px;}
ul#menu li a.e-vykort span {	background-position:-130px -175px;}
ul#menu li a.kontakt span {	background-position:-130px -210px;}
ul#menu li a.webbshop span {	background-position:-130px -245px;}

#flaggor-container { width:180px;
float:left; padding-left:4px; margin-top:-30px; z-index:5000 !important;  overflow:visible !important; height:60px; margin-left:-10 !important;
}

.flaggor { float:left; margin:0px; padding:0px; margin-left:-20px;  }
.flaggor  a {	background:url('/LAYOUT/THEME/ALFONS/IMAGES/flaggsprajt.gif') no-repeat scroll top left;	display:block;	height:50px;	position:relative; padding-left:15px;}
.flaggor  a.flaggor-no {	width:50px; background-position:0px -1px; }
.flaggor  a.flaggor-de {	width:50px;	background-position:0px -50px;}
.flaggor  a.flaggor-fi {	width:50px;	background-position:0px -100px;}
.flaggor  a.flaggor-en {	width:50px;	background-position:0px -150px;}
.flaggor  a span {	background:url('/LAYOUT/THEME/ALFONS/IMAGES/flaggsprajt.gif') no-repeat scroll bottom left;	display:block;	position:absolute;	top:0;	left:0;	height:100%;	width:100%;	z-index:100;}

.flaggor  a span:hover {	cursor:pointer;}
.flaggor  a.flaggor-no span {	background-position:-50px -1px;}
.flaggor  a.flaggor-de span {	background-position:-50px -50px;}
.flaggor  a.flaggor-fi span {	background-position:-50px -100px;}
.flaggor  a.flaggor-en span {	background-position:-50px -150px;}

#copyright-container { width:180px;
float:left; padding-left:4px; margin-top:10px; z-index:5000 !important;  overflow:visible !important; height:30px; 
}

.copyright { float:left; margin:0px; padding:0px; margin-left:-4px;  }
.copyright  a {	background:url('/LAYOUT/THEME/ALFONS/IMAGES/copysprajt.gif') no-repeat scroll top left;	display:block;	height:16px;	position:relative; padding-left:15px;}
.copyright  a.copyright {	width:165px; background-position:0px -1px; }
.copyright  a span {	background:url('/LAYOUT/THEME/ALFONS/IMAGES/copysprajt.gif') no-repeat scroll bottom left;	display:block;	position:absolute;	top:0;	left:0;	height:100%;	width:100%;	z-index:100;}

.copyright  a span:hover {	cursor:pointer;}
.copyright  a.copyright span {	background-position:-160px -1px; }


/* ============================================================================================= */

.newsfeed { color:#333; }
#namnsdag { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#999999;}


.extra-bg-pic { 
overflow-x:hidden;overflow-y:hidden;margin-top:0pt;
margin-right:auto;margin-bottom:0pt;margin-left:auto;
position:relative;
width:250px;
color:#333;height:600px;
padding-left:1025px;
padding-top:95px;
z-index:-9000 !important;
}

/* ============================================================================================= */
.comicStyle 				{	color:#CC3300; font-family: Trebuchet MS, Arial, Helvetica; font-weight:bold; }
.newsHeaderPics 			{	font-size:1.0em; font-weight:bold;	padding-bottom:10px; color:#CC3300; } /* Sätter avståndet mellan rubriken på nyhetsspalten och blderna under */
.newsHeaderLinks 			{	font-size:1.0em; font-weight:bold;	padding-bottom:0px; color:#CC3300; } /* Sätter avståndet mellan rubriken på nyhetsspalten och texterna under */
.newsLinks #newsLinks		{	text-align:left; color:#CC3300;  }
.newsLinks ul 				{	margin-left: 0px; padding-left: 0px; }
.newsLinks li	 			{	list-style-type:disc; margin-left: -15px; padding-left: 0px; list-style-position:inside; list-style-image:url(../bilder/punkt12.gif);}
.news #news					{	text-align:left; color:#555555;  }
.newsHeader					{	text-align:left; font-size: 1.0em; font-weight:bold; color:#CC3300; margin-left:35px; padding-left:35px; } /* Används på nyhetssidan som visar rubriken på nyheter. Marginal 35px för att få utrymme. */
.newsText					{	text-align:left; color:#555555; margin-left:35px; padding-left:35px; margin-right:80px; padding-right:35px;  } /* Används på nyhetssidan som visar nyheter i löpande tabell. Marginal 35px för att få utrymme. */
.backLink					{	margin-left:35px; padding-left:35px; margin-right:35px; padding-right:35px;  }
/* Denna stil sätts via getConfig i settings.asp. Värdet ändras via adminsystemet-systemconfig.
.textNotice 				{	 color:#CC9900;}
*/
.errorstyle					{	color:#CC3300; border:#CC3300 dashed 2px; padding:2px 5px 2px 5px;}
.cHeader					{	margin-left:0px; padding-left:8px; font-weight:bold; color:#FF9933;  border-bottom:1px dashed #FF9933; }
.frameBoxDark				{	border:#FFFFFF solid 25px; }
.showPicture				{	background:URL('/bilder/sidaStorBild_Alfons.gif'); 	}
.setTextStyle				{	 font-family: Trebuchet MS, Arial, Helvetica ;	}

/* ============================================================================================= */

/* ============================================================================================= */

.alignTextRight 		{ display:block; margin-top:10px; margin-left:182px;}

 
div#container 			{	width:100%;height:100%;}
#div_dBack 				{	width:100%; height:100%;	top:0;	left:0;	z-index:4000;   	opacity:.80;	filter: alpha(opacity=80);	background-color:#000;	-moz-opacity: 0.8;	display:none;	position:absolute;}
.preload 				{	z-index:9000;	position:absolute;	top:0;	left:0;}
.loadholder 			{	background:#fff;	border:1px solid #996699; }
.preload A 				{	display:none;}
#messageBox 			{	color:#000000;	background:#fff;	position:absolute;	z-index:5000; padding: 4px 4px 4px 4px ; border:#FF0000 solid 1px;}
#messageBox .messageBoxFrame	{	width:300px !important	;}
#messageBox SPAN 		{	display:block;	width:300px; border:#FF0000 thin 1px;}
#messageBox .dBody 		{	clear:both;	width:300px;	text-align:left;}
#messageBox .dBody H1 	{	display:none;}
#messageBox .dTop		{	color:#fff;	background:#993399;	font-weight:bold;	font-size:1.0em;	position:relative;width:300px;	}
#messageBox .dTop H2 	{	padding-left:4px; padding-right:4px; margin-right: 220px;	text-align:center;	font-size:1em; display:inline; color:#000; }
#messageBox .dClose 	{	width:20px; padding-left:4px; padding-right:4px;	background:#993399;	color:#000;	font-weight:bold;	border-left:1px solid #fff; text-align:right; cursor: pointer; }

#messageBox .BoxTopDialog 		{	text-align:center;  	width: 300px;	background:#996699;	color:#000;	font-weight:bold;}
#messageBox .BoxMiddleDialog 	{	width: 290px;	background:#fff;}

/* ============================================================================================= */
/* Stilar och klasser för olika formulär och knappar 											 */

.tipsaKompisForm #tipsakompisEpost 	{	padding-left:5px;  font-size:0.8em; border:#FF9933 solid 1px;	}
.tipsaKompisForm #tipsaBtn 			{	background:URL('http://www.alfons.se/bilder/knapp-tipsa.jpg'); width: 50px; height:22px; border:none; cursor:pointer;	}
.nyhetsbrevForm #nyhetsbrevEpost 	{	padding-left:5px;  font-size:0.8em; border:#FF9933 solid 1px;	}
.nyhetsbrevForm #nyhetsbrevBtn 		{	background:URL('http://www.alfons.se/bilder/knapp-prenumerera.jpg'); width: 98px !important; height:22px; border:none; cursor:pointer; 	}
.kontaktaOssForm #kontaktBtn		{	background:URL('http://www.alfons.se/bilder/knapp-tipsa.jpg'); width: 117px; height:30px; border:none; cursor:pointer; 	}


/* ============================================================================================= */

#vykort { width:550px; border:#c33 solid 2px; height:300px; background:url('/bilder/alfons_viktor.jpg') top left; }
#meddelandet {margin-left:289px; margin-top:10px;}
#skicka {margin-left:289px; margin-top:10px;color:#333;}

#epost { margin-left:289px; margin-top:60px; }
#epost input {color:#333;}
#epost textarea {color:#333;}
#epost submit {color:#333;}


#vykorten img { width:35px; height:35px; border:#c33 solid 2px; }

.floatRight 				{ 	float: right;	margin-left: 8px;}
.floatLeft 					{	float: left;	margin-right: 8px;}
.clearfloat 				{ 	clear:both;    height:0;    font-size: 1px;    line-height: 0px;}
.topBox 					{	background:URL('/bilder/top.box.JPG');	background-repeat:no-repeat;	width:100%;	height:24px;	color:#666666;	text-align:center;}
.bottomBox 					{	background:URL('/bilder/bottom.box.gif');	background-repeat:no-repeat;	width:100%;	height:25px;}
.left-padding-10			{	padding-left:10px;	}
.right-padding-10			{	padding-right:10px;	}
.right-padding-15			{	padding-right:15px;	}
.right-padding-20			{	padding-right:20px;	}
.right-padding-30			{	padding-right:30px;	}
img							{	border:none;	}
#debugfooter 				{	width:780px;	border:2px dotted;	border-color:#FF0000;	padding:15px;	background-color:#EEEEEE;	color:#999999;	float:left;	list-style:none;	display:block;	text-align:left;}
.footerExtraText 			{	color: #CCCC66}
.boxOfferTable 				{ 	width:	100px;	height:	100px;	border:	none;	padding: 2px 10px 2px 2px;}

.button {
  display:block;
  height: 20px;
  width: 52px;
  border:none;
  background:url('/kn_lasmer.gif');
  background:url('/LAYOUT/THEME/ALFONS/IMAGES/btn_lasmer.gif');
  
}
.button-hovered {
  display:block;
  height: 20px;
  width: 52px;
  border:none;
  background:url('/LAYOUT/THEME/ALFONS/IMAGES/btn_lasmer.gif');
  cursor:pointer;
}

.button-tavling{
  display:block;
  height: 24px;
  width: 180px;
  border:none;
  background:url('/LAYOUT/THEME/ALFONS/IMAGES/btn_tavla.gif');
  	border-top:#FDA253 solid 2px; 
	border-left:#FDA253 solid 2px; 
	border-bottom:#B15403 solid 2px; 
	border-right:#B15403 solid 2px; 
	padding:0px;
	margin:0px;
}



/* Ajaxformulär */

#myAjax-form fieldset
{
	display: block;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
}

#myAjax-form fieldset.radio
{
	margin: 1em 0 2em 0;
}

#myAjax-form fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#myAjax-form fieldset.radio label
{
	font-weight: normal;
}

#myAjax-form input
{
	display: block;
	/*width: 15em;*/
}

#myAjax-form input.submit
{
	/*clear: both;*/
	border-top:#FDA253 solid 2px; 
	border-left:#FDA253 solid 2px; 
	border-bottom:#B15403 solid 2px; 
	border-right:#B15403 solid 2px; 
}

#myAjax-form label
{
	float: left;
	display: block;
	margin: 1em 1em 0 0;
	font-weight: normal;
	color:#333;
}

#myAjax-form select
{
	display: block;
}






.myAjax-form fieldset
{
	display: block;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
}

.myAjax-form fieldset.radio
{
	margin: 1em 0 2em 0;
}

.myAjax-form fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

.myAjax-form fieldset.radio label
{
	font-weight: normal;
}

.myAjax-form input
{
	display: block;
	/*width: 15em;*/
}

.myAjax-form input.submit
{
	/*clear: both;*/
	border-top:#FDA253 solid 2px; 
	border-left:#FDA253 solid 2px; 
	border-bottom:#B15403 solid 2px; 
	border-right:#B15403 solid 2px; 
}

.myAjax-form label
{
	float: left;
	display: block;
	margin: 1em 1em 0 0;
	font-weight: normal;
	color:#333;
}

.myAjax-form select
{
	display: block;
}


.news-list ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.news-list li
{
background-image: url(sqpurple.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding: 0px;
margin: 0px;
color:#333;
}
.news-list1 a {color:#333;}

.news-headline {}
.news-ingress {	padding:0px; font-style:italic; padding-bottom: 1em; }
.news-content {	padding:0px; margin:0px; min-height:110px; }
.news-image-thumb {	float:right; margin-right:5px; padding-right:5px;	}
.news-image-large {	padding:5px; padding-left:0px;	}

.addthis_toolbox { clear:both }
.addthis_toolbox .hover_effect
{
    width: 220px;
    padding: 10px 0 6px 10px;
    padding:0px;
	padding:3px;
	margin:3px;
	border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_effect div
{
    float: left;
	padding:0px;
	margin:0px;
}

.addthis_toolbox .hover_effect a
{
    border: 2px solid #fff;
    padding: 2px 2px 2px 14px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 2px solid #FF9933;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}




.form-text-width { width: 300px; }
.form-textarea-width { width: 300px; }

.round { 
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
	}

#printinfo { display:none; visibility:hidden; }
#alfons_top_print {  display:none; visibility:hidden; }


label.error { float: left; display:block;  color: red; padding-left: .5em; vertical-align: top; }

