﻿<!--
     body {
       background: url("/pics/efef8f.gif");
       font: normal 16px/17px "Times New Roman", Times, serif;
       font-size: 100%; /* 62.5% means 1em = 10px */
     }

     .ui-page {
        background: transparent;
     }

     .ui-content {
        background: transparent;
     }

     .ui-header,
     .ui-footer {
        background-color: #efef8f;
/*        background: url(/svull/pics/efef8f.gif); */
     }

     #kontaktPopup,
     #rotPopup {
        background-color: #efef8f;
     }

/*
    .artikelstart {
	 /*Anfang*/	 
    /*top right bottom left
        float: left;
        color: #903;
        font-size: 60px;
        line-height: 45px;
        padding: 3px 3px 3px 0;
        font-family: Georgia;
     }
*/

/*******************
** Topp-undermeny **
*******************
#layoutdims {
        clear:both;
        background:#efef8f;
        border-top:2px solid #996633;
        margin:0;
        padding:6px 15px !important;
        text-align:right;
}

/******************
** Footer styles **
******************/
#footer {
        position:relative;
        bottom:0;
        clear:both;
        float:left;
        width:100%;
        height:20px;   /* Height of the footer */
        border-top:1px solid #996633;
}

/***************************
**         Rubbar         **
***************************/

h1, h2, h3, h4, h5, h6 {
        font: "Times New Roman", Times, serif;
        margin:.8em 0 .2em 0; /* top, right, bottom, left */
        color: black;
        text-align: left;
        text-indent: none;
        font-weight: 700;
        line-height: 1.1;
        page-break-after:avoid;
        -webkit-hyphens: none !important;
        adobe-hyphenate: none !important;
        -moz-hyphens: none !important;
        hyphens: none !important;
}

h2 {
   text-decoration: underline;
   text-color: #996633;
}

h3 {
        letter-spacing: -.03em;
}

/**********************************
** Rubbar Nytta-Nöje + Hus & Hem **
**********************************/
#recrub {
        font: "Times New Roman", Times, serif;
        margin:.8em 0 .2em 0; /* top, right, bottom, left */
        font-size: 24px;
        font-weight: 700;
        line-height: 1.1;
        page-break-after:avoid;
        color: #996633;
        text-align: left;
        text-indent: 1em;
}

#ingresslft {
        clear:both;
        background:#efef8f;
        border-top:2px solid #996633;
        border-bottom:1px solid #996633;
        margin:0;
        padding:6px 15px !important;
        text-align:left;
}

/***** Recept layout *****/
.detharrub {
        text-indent: none;
        font-size: 18px;
/*        font-size: 110%; */
        font-weight: 700;
        margin: 0 0 .5em 0;
        text-decoration: underline;
        color: #996633;
}

p.ingredienser {
        text-align: left;
        text-indent: 0;
        -webkit-hyphenate-lines: 0;
        -webkit-hyphens: none;
        hyphens: none;
        -webkit-hyphenate-lines: 0;
        hyphens: none;
        -webkit-hyphens: none;
}


/**************
** Matrecept **
**************/
dl.rcpt {
        border: 3px double #996633;
        padding: 0.5em;
        width:94%;
}

.rcpt dt {
        float: left;
        clear: left;
        width: 15px;
        text-align: right;
        font-weight: bold;
        color: black;
}

.rcpt dt:before {
        content: "";
}

.rcpt dt:after {
        content: "";
}

.rcpt dd {
        margin: 0 0 0 25px;
        padding: 0 0 0.5em 0;
        width: 92%;
}


/*************
** Tabeller **
*************/
table {
margin: .5em .5em .5em .5em;
#	width: 98%;
	border: 4px double #000;
	border-collapse: separate;
	border-spacing: 0;
}

#nyttanoje table{
	margin: .1em .1em .1em .03em;
	border:  1px solid #000;
#	border:  none;
}


/***** Tabellhuvud *****/
thead th {
	padding: .5em .4em;
	font-size: 130%;
	text-align: left;
}

thead td {}

/***** Tabell-body *****/
tbody td {
	padding: 3px 3px 2px 5px;
	text-align: left;
	vertical-align: top;
#	border-bottom: #996633 solid thin;
#	border-top: #996633 solid thin;
	border-left: none;
	border-right: none;
#	font-size: smaller;
}

tbody th {
	padding: .5em .4em;
#	font: normal normal 14px/16px "Times New Roman", Times, serif;
	font-size: 120%;
	font-style: bold;
   color: #996633;
	font-stretch: 110%;
	text-align: left;
	text-decoration: underline;
}

tbody tr {
	text-align: left;
}

tbody .alt td {}

tbody .alt th {}


/***** Tabell-footer *****/
tfoot th {}
tfoot td {}

//-->
