@charset "UTF-8";

/* 
Client: Elins Esplanad
Author: Wonderbrand AB
Last changed: 2009-07-05
*/

/* --------------------- Undo default styling --------------------- */
* { margin: 0; padding: 0; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
line-height: 145%;
}

table { border-collapse: separate; border-spacing: 0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img, :link img,:visited img { border: none; }
html, body { height: 100%; }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }

address { font-style:normal }

.hide {
text-indent: -9999px;
height: 1px;
font-size: 1px;
line-height: 1px;
padding: 0;
margin:0;
background: none;
}

.clearfix { display: inline-block; }   
.clearfix:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* -------------------------- Typography ----------------------------- */
   
body {
font-size: 75%;
font-family: 'Myriad Pro','Trebuchet MS', Trebuchet, Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 { color: #232223 }

p, address  { font-size: 1.1em; color:#666666; margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; }
img         { margin: 0 0 1.5em; }
p.nomargin { margin:0; }
p.ingress { font-size:1.3em; margin-bottom:1em;}

#maincontent ul li { list-style-type:disc; font-size: 1.1em; color:#666666 }
#maincontent ul { margin-bottom:1.5em; }

a:link, a:visited { color:#7FAD18; text-decoration: underline; }
a:hover, a:active { color:#92c71d; text-decoration: none; }

h1, #hem h2 { font-size: 2.2em; margin-bottom:10px; }
h2 { font-size: 1.7em; color:#000; }
h3 { font-size: 1.4em; color:#000;}
h4 { font-size: 1.1em; color:#000; font-weight: normal; }
h5 { font-size: 100%; font-weight: bold; }
h6 { font-size: 80%; font-weight: 80%; }

/* -------------------------- Default Classes ----------------------------- */

abbr, 
acronym     { border-bottom: 1px dotted #666; }

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.6em; margin-bottom:1em; }
.quiet      { color: #666; }

.highlight  { background:#ff0; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* Use a .box to create a padded box inside a column.  */ 
.box { padding: 1.5em; margin-bottom: 1.5em; background: #eee; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}

hr.space { background:#fff; color:#fff }

/* -------------------------- Layout ----------------------------- */
#pagewrapper { width:960px; margin:0 auto; height:auto; padding:25px 0 }
	
#contentwrapper {
	width:960px;
	padding:25px 0;
	height:auto;
	background-color:#fff;
	float:left;
}


#header_vinter {
	width:960px;
	height:206px;
	margin:0;
	padding:0;
	background: #f7f7f7 url(../images/logo_vinter.gif) top left no-repeat;
	display:block;
}


#header_jul {
	width:960px;
	height:206px;
	margin:0;
	padding:0;
	background: #f7f7f7 url(../images/logo_jul.gif) top left no-repeat;
	display:block;
}

#header {
	width:960px;
	height:206px;
	margin:0;
	padding:0;
	background: #f7f7f7 url(../images/logo.gif) top left no-repeat;
	display:block;
}

#bannerimg {
	width:597px;
	height:206px;
	overflow: hidden;
	margin:0 0 0 363px;
	padding:0;
}

#bannerimg img {
	width:597px;
	height:206px;
	top: 0;
	left: 0;
}

#maincontent {
	width: 480px;
	height: auto;
	margin: 0 30px 0 0;
	padding: 0;
	float: left
}
#secondarycontent {
	width: 170px;
	height: auto;
	float: left;
	margin: 0 40px 0 0;
	padding: 0;
}
#thirdcontent {
	width: 210px;
	height: auto;
	float: right;
	
}



#footer { 
	width:960px;
	height:auto;
	float:left;
	background-image:url(../images/footer.gif) left top repeat-x;
	text-align:center;
	padding-top:25px;
	margin-bottom:40px;
}

#googlemap {
	background: #ffffff;
	width: 480px;
	height: 420px;
	margin: 25px 0;
	border: 1px solid #ccc;
}

#googleroute { width:197px; clear:both; padding:0; margin:0; }


/* Butiker */
#listwrapper {
	width:auto;
	height:auto;
	padding: 20px;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 10px solid #92c71d;
	-webkit-box-shadow: 0 0 6px #bbb;
	box-shadow: 0 0 6px #bbb;
}

#listwrapper a img {float:left;margin:20px 20px 0 0;}
#listwrapper a img.firstrow { margin-top:20px; }
#listwrapper a img.lastcol { margin-right:0; }

#hem #listwrapper {
	width:920px;
	height:auto;
	float:left;
	margin-top:20px;
	padding: 20px;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 10px solid #92c71d;
	-webkit-box-shadow: 0 0 6px #bbb;
	box-shadow: 0 0 6px #bbb;
}

#hem #listwrapper a img,
#hem #listwrapper a img.lastcol {float:left;margin:4px 14px 0 0;}
#hem #listwrapper a img.firstrow { margin-top:0; }
#hem #listwrapper a img.lastcol_hem { margin-right:0; }

#hem #listwrapper h2,
#hem #listwrapper p {
	display:none;
}

#opentimes { margin-bottom:35px;}
 
/*Puffar*/

.puffwrapper {
	width:auto;
	height:auto;
	float:left;
	height:auto;
	background:#f2f2f2 url(../images/puffbackground.gif) bottom left repeat-x;
	padding:10px;
	margin-right:0px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	font-size:90%;
	color:#333;
	margin-bottom:7px;
}

/*.puffwrapper a:link,
.puffwrapper a:visited,
.puffwrapper a:hover,
.puffwrapper a:active,
.puffwrapper a:focus
{ color:#666666; }*/

.puffwrapper a:hover,
.puffwrapper a:active,
.puffwrapper a:focus
{ text-decoration:none; }

.puffwrapper p, .puffwrapper h4 { margin-bottom:0.5em; }

.pufftop_green {
	color:#345102;
	text-shadow: -1px 1px 0px #C1EE5B;
	width:100%;
	height:auto;
	background: #a1d82d url(../images/pufftop_darkgreen.gif) bottom left repeat-x;
	padding:5px 10px;
	margin:0;
	position:relative;
	top:-10px;
	left:-10px;
}

h3.pufftop_green_spec {
	color:#fff;
	font-size: 2em;
	font-weight:bold;
	padding:0 10px;
	margin:0;
	text-shadow:1px 1px 3px #666;
	}

.pufftop_green img { display:inline; position:absolute; top:-18px; right:10px; }

.puffdatum{font-size:80%;margin-bottom:0;width:auto;}
.pressdatum {font-size:80%; margin-bottom:-20px;}

#press a {background:url(../images/pdf.gif) left top no-repeat; padding:0 0 5px 25px; margin-top:5px;}

span.newsdatum {
	font-size: 80%;
	font-weight:bold;
	position: absolute;
	top: 6px;
	right: 10px;
	color: #000;
	padding: 1px 8px;
	background: #f7f7f7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0 0 0 #fff;
}

/* Submenu */
#submenu { font-size:1.1em; }
#submenu li { padding:1em 0; border-bottom:1px solid #ccc; }
#submenu li.last { border:0; }
#submenu li a.active { text-decoration:none; color:#666; }

/* Nyheter */
#hem .nyheter {width:100%;}

.nyheter img {
	width:100px;
	height:auto;
	float:left;
	margin:0 10px 30px 0;
}

#nyheter .nyheter img {
	width:150px;
	height:auto;
	float:left;
	margin:0 10px 30px 0;
}

/*#nyheter .nyheter .col1,
#nyheter .nyheter .col2,
#hem .nyheter .col1,
#hem .nyheter .col2 {
	float:left;
	height:auto;
	width:160px;
}

#nyheter .nyheter .col2 {
	width:320px;
}

#hem .nyheter .col1 { width:110px; }
#hem .nyheter .col2 { width:370px; }*/

#nyhet .nyheter img {
		width:200px;
		height:auto;
		float:left;
		margin:0 10px 10px 0;
}

.nyheter span.date {
	color:#666;
}

.nyheter h4 {
	font-size:1.4em;
}

.nyheter p {
	font-size:1.2em;
}

/* Öppettiderna */

table.oppet { width:auto; margin-bottom:5px; color:#000; font-size:1.2em; }
table.oppet td { padding:3px }
table.oppet th { padding:1px 3px; font-weight:bold; text-align:left; }

table.oppet td.temp_tid { font-style:italic; font-weight:bold; color:#7FAD18 ; }

.loggain{margin-left:55px;}

.karta_butiker { margin:0 }

.karta_butiker_stor { margin:20px 0 0 25px }

.karta_butiker_jul { margin:20px 0px 2px 10px }
.karta_butiker_jul2 { margin:20px 0px 2px 30px }

/* Tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #999;
	background-color: #fff;
	padding: 5px;
	opacity: 1;
}

#tooltip h3, #tooltip div { margin: 0; color:#000; }

/*Allmänna*/
.linkout { padding-right:12px; background:url(../images/linkout.gif) right 50% no-repeat; margin:0; width:auto;}
.black {color:#000;}
.grey {color:#666666;}
.small_text {font-size:80%;}
.pos {margin:0; float:right;}

.hello { height:43px; padding-right:30px; background:url(../images/hello.png) top right no-repeat; }


a.icon_pdf { background:url(../images/pdf.gif) no-repeat left center; padding:2px 2px 2px 20px; }


.fb_bt { width:200px;
height:auto;
float:left;
margin:0 0px 25px 0; }