@charset "UTF-8";

/* 
Client: Festival
Author: Wonderbrand AB
Last changed: 2007-11-30
*/

/* --------------------- Undo default styling --------------------- */

/* remove inconsistent default padding and margin  */
* { 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: 130%;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
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 } /* de-italicize address */

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

/* Clearfix - works like so: <div id="whatever" class="clearfix"> */	
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/*ie Holly Hack \*/
* html .clearfix { height:1%; }

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* end clearfix */

/* -------------------------- Typography ----------------------------- */

body { font-family: Arial, Helvetica, Lucida Grande, sans-serif; font-size: 70%; background: #000; }

h1, h2, h3, h4, h5, h6, p, ul { padding: 0; font-family: inherit; }

p { 
font-family: inherit;
font-size: 1.1em;
}

a:link, a:visited { color: #fff; text-decoration: underline; }
a:hover, a:active { color:#fff; text-decoration: none; }

h1 { font-size: 2.5em; font-weight: bold; line-height: 120%; }
h2 { font-size: 1.5em; font-weight: bold; line-height: 120%; }
h3 { font-size: 1.5em; font-weight: bold; }
h4 { font-size: 1.3em; font-weight: bold; }
h5 { font-size: 1.1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }

blockquote { padding: 1em; font-style:italic;}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

.fraga { margin-top: 1em; font-weight: bold; color:#fff; }

/* -------------------------- Layout ----------------------------- */

#pagewrapper {
width: 913px;
position: relative;
margin: 0 auto;
height: auto;
}

#contentwrapper {
float: left;
width: 913px;
height: 100%;
padding: 0;
margin:0;
/*background:#dd2600 url(../images/menu_round_red.gif) top left repeat-y;*/
background: url(../images/menu_round_dark3.gif) top left repeat-y;
/*background:#cecac9 url(../images/menu_round.gif) top left repeat-y;*/
}

#header {
width: 920px;
height: 143px;
margin: -1px 0 0 0;
padding: 0;
float: left;
/*clear: both;*/
}

#globalnav {
position: relative;
float: left;
width: 160px;
height: 100%;
min-height: 100%;
padding: 15px 15px 0 5px;
margin: 0;
}

#home #globalnav {
padding: 15px 15px 250px 5px;
}

#home #breadcrumb {
position: relative;
width: 703px;
padding: 15px;
float: left;
/*background: #f5f4f3 url(../images/bg_header08_2.gif) top left repeat-y;*/
background: #000;
color:#fff;
}

#home #breadcrumb #welcome { font-size: 100%; float: left; width: 700px; margin-right: 10px; }
#home #breadcrumb #welcome a:link, #home #breadcrumb #welcome a:visited {color:#fff; text-decoration:underline;}
#home #breadcrumb #welcome a:hover, #home #breadcrumb #welcome a:active {color:#fff; text-decoration:none;}

#home #maincontent {
position: relative;
width: 703px;
padding: 15px 15px 0 15px;
float: left;
margin: 0;
/*background: #ffffff url(../images/maincontent_left_shadow3.gif) top left repeat-y;*/
background: #000 url(../images/bg_maincontent2.gif) top left repeat-x;
}

#breadcrumb {
position: relative;
padding: 10px;
float: left;
width: 900px;
background: #fff;
height: auto;
font-size: 0.9em;
}

#breadcrumb a:link, #breadcrumb a:visited { text-decoration: none; }
#breadcrumb a:hover, #breadcrumb a:active { text-decoration: underline; }

#maincontent {
position: relative;
width: 715px;
padding: 0 0 20px 0;
margin: 0;
float: right;
/*background: #ffffff url(../images/maincontent_left_shadow3.gif) top left repeat-y;*/
background: #000 url(../images/bg_maincontent2.gif) top right repeat-x;
color: #ccc;
}

#footer {
width: 913px;
clear:both;
position: relative;
font-size: 1em;
font-weight: bold;
color: #000;
background: #fff url(../images/bg_footer.gif) top left repeat-x;
text-align: center;
padding: 1em 0;
margin: 0 auto 0 auto;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #000; }

/* ---------------- Statiska sidor ---------------------- */
#text_column { width: 350px; height: 100%; background: none; float: left; margin: 10px 30px 30px 30px; }
#text_column p { margin: 0.5em 0; color: #fff; }
#text_column p.ingress { font-size: 1.2em; }
#text_column img.left { float: left; margin: 10px 10px 10px 0; }
#text_column img.right { float: right; margin: 10px 0 10px 10px; }

#image_column { float: left; margin: 25px 0; text-align: center; }
#image_column img { margin-bottom: 25px; }
#image_column p { font-size: 1em; color: #fff; }

/* ----------------- Hitta din butik ------------------- */
#butik_column {
width: 480px;
height: 100%;
background: none;
float: left;
/*margin: 10px 30px 30px 30px;*/
padding: 10px 30px 30px 30px;
}

.butik_column { width: 30%; height: 20%; padding: 0 15px 15px 0; float: left; }
.butik_column p { font-size: 1em; padding: 0; color: #fff; }
p.butik_stad { font-weight: bold; font-size: 1.2em; }

/*------------------------------ Bloggar -----------------------------*/
.blogg_column { width: 380px; float: left; padding: 25px; }
.blogg_column p { line-height: 140%; padding-bottom: 0.5em; }

p.blogg_datum { font-size: 0.9em; font-weight: normal; margin: 1em 0 0 0; padding: 1em 0 0; border-top: 1px solid #ccc; }
p.blogg_rubrik { font-size: 1.6em; font-weight: bold; margin: 0 0 0.25em 0; }

.bloggare_column {
width: 220px;
height: 100%;
float: left;
margin: 35px 5px;
padding: 15px;
/*background: #fff url(../images/bg_bloggare.gif) top left repeat-x;*/
background: #000;
border: 1px solid #fff;
}

.bloggare_column img { margin-bottom: 15px; }
.bloggare_column p { margin-bottom: 0.3em; }

/* ---------------------- Character Banners -------------------------- */

#banner { float: right; width: 715px; height: 253px; }

#banner.char01 { background: #315fac url(../images/banner_char01.jpg) top left no-repeat; }
#banner.char02 { background: #6b274b url(../images/banner_char02.jpg) top left no-repeat; }
#banner.char03 { background: #9f9896 url(../images/banner_char03.jpg) top left no-repeat; }
#banner.char04 { background: #00391d url(../images/banner_char04.jpg) top left no-repeat; }
#banner.char05 { background: #d2232a url(../images/banner_char05.jpg) top left no-repeat; }
#banner.rekommenderar { background: #9c7b27 url(../images/banner_rekommenderar.jpg) top left no-repeat; }

#banner p.rubrik, p.produktrubrik {
font-size: 1.2em;
text-transform: uppercase;
font-weight: bold;
padding: 8px 0 8px 15px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#000;
}

#banner .ingress {
position: relative;
top: 105px;
left: 345px;
width: 350px;
}

#banner .ingress p {
position: relative;
color: #fff;
font-size: 1em;
}

#banner.char03 .ingress p { color: #000; }

p.produktrubrik { background: url(../images/bg_header08_2.gif) top left repeat-y; }

/* -------------------------- Navigation ----------------------------- */

#globalnav ul { font-family: inherit; font-size: 1.4em; line-height: 130%; padding: 0; margin: 0 0 5px 5px; }
#globalnav ul a:link, #globalnav ul a:visited { color: #fff; text-decoration: none; }

/* active states for menu */
#globalnav ul a:hover, #globalnav ul a:active, #globalnav li a.active,
#home li#nav_home a,
#produkter li#nav_produkter a,
#vem li#nav_vem.submenu a,
#hitta li#nav_hitta a,
#vanliga li#nav_vanliga a,
#lasvart li#nav_lasvart a,
#miljo li#nav_miljo a,
#omfestival li#nav_omfestival a,
#loginaf li#nav_loginaf a,
#bloggar li#nav_bloggar a
{ color: #fff; }

#globalnav ul li a.active,
#home li#nav_home,
#produkter li#nav_produkter,
#vem li#nav_vem,
#rekommenderar li#nav_rekommend,
#hitta li#nav_hitta,
#vanliga li#nav_vanliga,
#lasvart li#nav_lasvart,
#miljo li#nav_miljo,
#omfestival li#nav_omfestival,
#loginaf li#nav_loginaf,
#bloggar li#nav_bloggar
{ font-weight: bold; }

/* padding for second level menu items */
#globalnav ul a:active ul ul { margin-left: 10px; }

/* Style for LI elements in general (not LIs that contains sub lists) */
.treeview li a, .treeview li a:link, .treeview li a:visited {
width: 100%;
list-style-type: none;
padding-left: 15px;
background: url(../images/menu_closed_dark_bg.gif) left 4px no-repeat;
}

.treeview li a:hover, .treeview li a:active/*, #globalnav ul li a.active, #home li#nav_home, #produkter li#nav_produkter, #vem li#nav_vem, #hitta li#nav_hitta, #lasvart li#nav_lasvart, #omfestival li#nav_omfestival, #loginaf li#nav_loginaf, #bloggar li#nav_bloggar*/ { background: url(../images/menu_open_dark_bg.gif) left 4px no-repeat; }

/* Style for LI that contains sub lists (other ULs).*/
.treeview li.submenu { 
cursor: hand !important;
cursor: pointer !important;
color: #000;
font-weight: normal;
}

/* Style for LI that contains sub lists (other ULs). */ 
.treeview li.submenu a:link, li.submenu a:visited { color: #000; }
.treeview li.submenu a:hover, .treeview li.submenu a:active { color: #000; }

/*Style for SECOND level ULs (submenu) Hide them by default. */
.treeview li.submenu ul { display: none; }

.treeview .submenu ul li { /* Style for SECOND level LIs (submenu) */
cursor: default;
margin: 3px 0 0 10px;
font-weight: normal;
font-size: 0.6em;
line-height: 120%;
}

/* -------------------------- Tables ----------------------------- */
table  {
font-size: 0.9em;
float: left;
color: #fff;
border-collapse: collapse;
border: none;
margin: 0;
empty-cells: show;
}

table, tr, td { border: none; }
tr { text-align: left; /*vertical-align:top;*/ }
td { padding: 10px; }

table img { float: left; }

.table_ikon { float: left; padding-right: 10px; }

#maincontent table { width: 680px; margin: 10px; }

#maincontent table tr { border-bottom: 1px solid #444444; }
#maincontent table p { margin-bottom: 0.5em; }

.table_rubrik {
font-weight: bold;
font-size: 1.4em;
text-transform: uppercase;
}

.produkt_detaljer {
padding: 0 0 5px 0;
border-bottom: 1px #444 solid;
}

/***** SAFARI HACK for floaating table cells ON LAST LINE OF CSS *******/

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

/*** General ***/
.center { text-align: center; }
.nopad { padding: 0; }
#globalnav li.bold { font-weight: bold; }

.divider { border-top: 1px #444 solid; padding-top: 1em; margin-top: 1em; }
.dividerbottom { border-bottom: 1px #ccc solid; padding-bottom: 1em; margin-bottom: 1em; }

/*** Blog comments ***/
.blog_confirmed { font-weight: normal; }
.blog_unconfirmed { color: #990000; font-weight: bold; }

p.dividerbottom a,
p.dividerbottom a:link,
p.dividerbottom a:visited,
p.dividerbottom a:hover,
p.dividerbottom a:active,
.blog_unconfirmed a,
.blog_unconfirmed a:link,
.blog_unconfirmed a:visited,
.blog_unconfirmed a:hover,
.blog_unconfirmed a:active
{ text-decoration: none; }

/*** Main things ***/

#home #main_thing_wrapper { width: 100%; margin: 10px 0 0 3px; float: left; clear: right; text-align:center; background:none; }

#home .main_thing01, #home .main_thing02, #home .main_thing03, #home .main_thing04 {
width: 160px; height:414px; float: left; margin: 0 7px; padding: 0; }

 /*main_thing01*/
.main_thing01 {background:#000 url(../images/mediatest_dark.jpg) ;}
.main_thing01 p {font-size:1.2em;}

 /*main_thing02*/
.main_thing02 {background:#000 url(../images/produkter_dark.jpg) ;}
.main_thing02 p {font-size:1.2em;}

 /*main_thing03*/
.main_thing03 {background:#000 url(../images/ladda_ner_dark2009.jpg) ;}
.main_thing03 p {font-size:1.2em;}

 /*main_thing04*/
.main_thing04 {background:#000 url(../images/hitta_dark.jpg) ;}
.main_thing04 p {font-size:1.2em;}

/*** Produktgrupper ***/

/*#produkter #produktgrupp_wrapper { float: left; }*/
/*#produkter #produktgrupp_wrapper { width: 660px; margin: 2em 0 0 35px; float: left; clear: right; text-align:center; }*/

#produkter .produktgrupp01, #produkter .produktgrupp02, #produkter .produktgrupp03, #produkter .produktgrupp04, #produkter .produktgrupp05, #produkter .produktgrupp06 {
width: 200px; height:200px; float: left; margin: 10px 0 0 20px; padding: 0; }
#produkter .produktgrupp01, #produkter .produktgrupp04 {margin:10px 0 0 38px;}

/*produktgrupp01*/
.produktgrupp01 {background:#000 url(../images/produkter_batterier_dark.jpg) top left no-repeat;}
.produktgrupp01 p {font-size:1.2em;}

/*produktgrupp02*/
.produktgrupp02 {background:#000 url(../images/produkter_raketer_dark.jpg) top left no-repeat;}
.produktgrupp02 p {font-size:1.2em;}

/*produktgrupp03*/
.produktgrupp03 {background:#000 url(../images/produkter_satser_dark.jpg) top left no-repeat;}
.produktgrupp03 p {font-size:1.2em;}

/*produktgrupp04*/
.produktgrupp04 {background:#000 url(../images/produkter_sma_dark.jpg) top left no-repeat;}
.produktgrupp04 p {font-size:1.2em;}

/*produktgrupp05*/
.produktgrupp05 {background:#000 url(../images/produkter_arr_dark.jpg) top left no-repeat;}
.produktgrupp05 p {font-size:1.2em;}

/*produktgrupp06*/
.produktgrupp06 {background:#000 url(../images/produkter_prov_dark.jpg) top left no-repeat;}
.produktgrupp06 p {font-size:1.2em;}

/*** Buttons ***/

/* RÖD */
.btn_red a:link, .btn_red a:visited {margin:305px 0 0 11px; padding:13px 0 0 0; width:141px; height:63px; text-align:center; font-weight:bold; text-decoration:none; color:#fff; float:left; background: url(../images/btn_red_dark.png) top left no-repeat;}
.btn_red a:hover, .btn_red a:active {margin:305px 0 0 11px; padding:13px 0 0 0; width:141px; height:63px; text-align:center; font-weight:bold; text-decoration:none; color:#fff; float:left; background: url(../images/btn_red.png) top left no-repeat;}

/* BLÅ */
.btn_blue a:link, .btn_blue a:visited {margin:305px 0 0 11px; padding:13px 0 0 0; width:141px; height:63px; text-align:center; font-weight:bold; text-decoration:none; color:#fff; float:left; background: url(../images/btn_blue_dark.png) top left no-repeat;}
.btn_blue a:hover, .btn_blue a:active {margin:305px 0 0 11px; padding:13px 0 0 0; width:141px; height:63px; text-align:center; font-weight:bold; text-decoration:none; color:#fff; float:left; background: url(../images/btn_blue.png) top left no-repeat;}

/* ROSA*/
.btn_pink a:link, .btn_pink a:visited {margin:305px 0 0 11px; padding:13px 0 0 0; width:141px; height:63px; text-align:center; font-weight:bold; text-decoration:none; color:#fff; float:left; background: url(../images/btn_pink_dark.png) top left no-repeat;}
.btn_pink a:hover, .btn_pink a:active {margin:305px 0 0 11px; padding:13px 0 0 0; width:141px; height:63px; text-align:center; font-weight:bold; text-decoration:none; color:#fff; float:left; background: url(../images/btn_pink.png) top left no-repeat;}

/* ORANGE */
.btn_orange a:link, .btn_orange a:visited {margin:305px 0 0 11px; padding:13px 0 0 0; width:141px; height:63px; text-align:center; font-weight:bold; text-decoration:none; color:#fff; float:left; background: url(../images/btn_orange_dark.png) top left no-repeat;}
.btn_orange a:hover, .btn_orange a:active {margin:305px 0 0 11px; padding:13px 0 0 0; width:141px; height:63px; text-align:center; font-weight:bold; text-decoration:none; color:#fff; float:left; background: url(../images/btn_orange.png) top left no-repeat;}

#produkter .btn_red a:link, #produkter .btn_red a:visited {margin:110px 0 0 32px; padding:13px 0 0 0; width:141px; height:63px; text-align:center; font-weight:bold; text-decoration:none; color:#fff; float:left; background: url(../images/btn_red_dark.png) top left no-repeat;}
#produkter .btn_red a:hover, #produkter .btn_red a:active {margin:110px 0 0 32px; padding:13px 0 0 0; width:141px; height:63px; text-align:center; font-weight:bold; text-decoration:none; color:#fff; float:left; background: url(../images/btn_red.png) top left no-repeat;}

#produkter td .btn_red a:link, #produkter td .btn_red a:visited {margin:40px 0 0 11px; padding:13px 0 0 0; width:141px; height:63px; text-align:center; font-weight:bold; text-decoration:none; color:#fff; float:left; background: url(../images/btn_red_dark.png) top left no-repeat;}
#produkter td .btn_red a:hover, #produkter td .btn_red a:active {margin:40px 0 0 11px; padding:13px 0 0 0; width:141px; height:63px; text-align:center; font-weight:bold; text-decoration:none; color:#fff; float:left; background: url(../images/btn_red.png) top left no-repeat;}

.rekommenderar p.btn_produkter a:hover, .rekommenderar p.btn_produkter a:active, .rekommenderar p.btn_blogg a:hover, .rekommenderar p.btn_blogg a:active
{ background: #b68813 url(../images/btn_gradient_rekommenderar.gif) top left repeat-x; color: #fff; border: 1px solid #9c7b27; }

.btn_vemardu {
float: right;
width: 160px;
height: auto;
background: #ea5b00 url(../images/btn_gradient_vemardu.gif) left top repeat-x;
border: 2px solid #ea5b00;
color: #fff;
font-size: 1.2em;
padding: 0.5em 1em;
text-align: center;
}

.btn_vemardu a:link, .btn_vemardu a:visited, .btn_vemardu a:hover, .btn_vemardu a:active { color: #fff; text-decoration: none; }
.btn_vemardu p.vemardu { font-size: 2em; padding: 0; text-transform: uppercase; }
.btn_vemardu p { font-size: 0.8em; padding: 0; }

a:link.btn_svart, a:visited.btn_svart {
width: auto;
height: auto;
background: #999 url(../images/btn_gradient_svartknapp.gif) center left repeat-x;
margin: 20px 10px 0 0;
padding: 8px 16px;
border: 1px solid #000;
color: #fff;
text-decoration: none;
font-weight: bold;
}

a:hover.btn_svart, a:active.btn_svart { background: #000; }

a:link.btn_table, a:visited.btn_table   {
float: left;
width: 90%;
height: auto;
background: #d2cecd url(../images/btn_gradient_produktblogg.gif) top left repeat-x;
padding: 3px 8px;
margin: 0 0 10px 0;
border: 1px solid #b8afad;
color: #444;
text-align: center;
text-decoration: none;
font-weight: bold;
}

table.char01 a:hover.btn_table, table.char01 a:active.btn_table {
background: #315fac url(../images/btn_gradient_produktblogg_char01.gif) top left repeat-x; color: #fff; border: 1px solid #1c4282;
}
table.char02 a:hover.btn_table, table.char02 a:active.btn_table {
background: #6b274b url(../images/btn_gradient_produktblogg_char02.gif) top left repeat-x; color: #fff; border: 1px solid #45122d;
}
table.char03 a:hover.btn_table, table.char03 a:active.btn_table {
background: #9f9896 url(../images/btn_gradient_produktblogg_char03.gif) top left repeat-x; color: #fff; border: 1px solid #625a57;
}
table.char04 a:hover.btn_table, table.char04 a:active.btn_table {
background: #00391d url(../images/btn_gradient_produktblogg_char04.gif) top left repeat-x; color: #fff; border: 1px solid #022615;
}
table.char05 a:hover.btn_table, table.char05 a:active.btn_table {
background: #d2232a url(../images/btn_gradient_produktblogg_char05.gif) top left repeat-x; color: #fff; border: 1px solid #8e1116;
}
table.rekommenderar a:hover.btn_table, table.rekommenderara:active.btn_table {
background: #b68813 url(../images/btn_gradient_rekommenderar.gif) top left repeat-x; color: #fff; border: 1px solid #9c7b27;
}

/*** Puffar ***/
.puff1, .puff2, .puff3 {
position: relative;
top: -5em;
width: 28%;
height: auto;
min-height: 80px;
color: #fff;
float: left;
margin: 0 0.5%;
padding: 0.5em 1em;
}

.puff1 { background: #282828 url(../images/btn_gradient_puff01.gif) repeat-x left top; border: 2px solid #000; }
.puff2 { background: #494949 url(../images/btn_gradient_puff02.gif) repeat-x left top; border: 2px solid #666666; }
.puff3 { background: #999999 url(../images/btn_gradient_puff03.gif) repeat-x left top; border: 2px solid #b3b3b3; }
.puff1 h4, .puff2 h4, .puff3 h4 { font-size: 1.8em; float: left; display: inline; line-height: 100%; }
.puff2 h4 { text-align: center; }
.puff1 p, .puff2 p, .puff3 p { font-size: 1em; float: left; }

.puff1 a, .puff2 a, .puff3 a, .puff1 a:link, .puff2 a:link, .puff3 a:link, .puff1 a:hover, .puff2 a:hover, .puff3 a:hover, .puff1 a:visited, .puff2 a:visited, .puff3 a:visited { color: #fff; text-decoration: none; }
.puff1 a:hover, .puff2 a:hover, .puff3 a:hover { text-decoration: underline; }
.puff1 img, .puff3 img { margin-right: 10px; float: left; }
.puff2 img { margin: 15px 0; }

/* -------------------------- Forms ----------------------------- */

form { font-size: 1.2em; margin: 0; padding: 0; }

fieldset {
border: none;
margin: 0;
padding: 0 1em;
background: #eee;
}

/* for 2nd level nested fieldsets */
fieldset fieldset {
font-size: 0.9em;
margin: 0 0 1em 0;
background: #dcd8d7 url(../images/gradient_maincontent.gif) bottom left repeat-x;
border-bottom: 1px dotted #444;
padding: 1em;
}

fieldset fieldset p { margin: 0; padding: 0; }

legend { font-size: 1.1em; font-weight: bold; margin: 0.3em 0 0 0; padding: 0; }

label { width: auto; padding: 0; }

input.radio { width: auto; float: left; margin: 0.2em 1em 0 0; }

.btn_rensa, .btn_skicka {
display: inline;
padding: 0.5em 1em;
margin: 0.5em 0.5em 1em 0.5em;
color:#fff;
font-size: 1.1em;
font-weight: bold;
width: auto;
}

.btn_rensa { background: #000; }
.btn_rensa:hover { background: #444; }
.btn_skicka { background: #d2cecd url(../images/btn_gradient_produktblogg.gif) top left repeat-x; color: #444; }
.btn_skicka:hover { background:#d2232a url(../images/btn_gradient_produktblogg_char05.gif) top left repeat-x; color: #fff; }

/* for blog comments only */
fieldset fieldset label {
display: block;
}

/* -------------------------- Lists ----------------------------- */

.bloggare_column ul { font-size: 1em; list-style-type: disc; list-style-position: outside; padding: 1em 2em; }
.bloggare_column ul li { padding: 0.1em 0; }

/* ------------ Medias testresultat ------------ */
.betyg {width:35px; height:35px; margin:5px 5px 5px 0; float:left;}
.clear_both {clear:both;}

/* ------------------ HACKS ------------------ */
td { float: left; # }
/* SAFARI HACK to solve table cell wrapping problem with image in left column; Safari will ignore this rule because of the floating # sign - must stay at the end off CSS document */

.ikon_pdf { background:url(../images/pdf.gif) 0 50% no-repeat; padding:2px 0 2px 20px }