/* Färger

Brun - Mörk: ac842b
Brun - Ljus: be9f5a
Beige......: f4e7cb
Blå........: 5d86b2
Röd........: b45b69

*/

* { margin: 0; padding: 0; }

/* BAKGRUNDER */
       body { text-align:center; background:#ac842b; font-family:verdana; font-size:11px; line-height: 1.5; color:#000000; margin:0; padding:0; background-attachment: fixed; background-image:url("/bilder/bakgrund.gif"); }
* html body { 	scrollbar-face-color:#ac842b;	scrollbar-shadow-color:#ac842b;	scrollbar-highlight-color:#ac842b;	scrollbar-3dlight-color:#ac842b;	scrollbar-darkshadow-color:#ac842b;	scrollbar-track-color:#be9f5a;	scrollbar-arrow-color:#f4e7cb; }

/* commented backslash hack \*/ 
html,body { height:100%; } 
/* end hack */

/* BILDER */
img { color:#000000; font-weight: bold; border: 0px; }

/* BOXAR - RUTOR */

.kontakt { margin:10px 0px 0px 0px; width: 594px; padding:0px; text-align: center; display: block; }

.sidhuvud { margin:10px 0px 0px 0px; width: 594px; padding:0px; text-align: center; display: block; }

.produkter { margin:10px 0px 0px 9px; width: 319px; padding:0px; text-align: center; display: block; float: left; }

.tack { margin:10px 0px 0px 0px; width: 266px; padding:0px; text-align: center; display: block; float: left; }

.valkommen { margin:10px 0px 0px 0px; width: 266px; padding:0px; text-align: center; display: block; float: left; }

/* BOXAR - YTOR */



/* FORMULÄR */

.kryssruta { width: 13px; height: 13px; margin: 5px 10px 0px 10px; }
.kryssruta:hover { border: 1px solid #5d86b2; }
.kryssruta:focus { border: 1px solid #5d86b2; }

.text { width: 282px; height: 18px; border: 1px solid #ac842b; }
.text:hover { border: 1px solid #5d86b2; }
.text:focus { border: 1px solid #5d86b2; }

.textarea { width: 579px; border: 1px solid #ac842b; }
.textarea:hover { border: 1px solid #5d86b2; }
.textarea:focus { border: 1px solid #5d86b2; }

/* LINJER */



/* LISTOR */

.kontakt ul {	float: left;	width: 594px;	height: auto; background: #ffffff; }
.kontakt ul li {	float: left;	list-style: none; width: 287px;	text-align: left; height: auto; padding: 5px 5px 0px 5px; float: left; }
.kontakt ul li.hel {	float: left;	list-style: none; width: 584px;	text-align: left; height: auto; padding: 5px 5px 0px 5px; float: left; }

.sidhuvud ul {	float: left;	width: 594px;	height: auto;  background: #ffffff; }
.sidhuvud ul li {	float: left;	list-style: none; width: 584px;	text-align: left; height: auto; padding: 5px 5px 0px 5px; }

.produkter ul {	float: left;	width: 319px;	height: auto; background: #ffffff; }
.produkter ul li {	float: left;	list-style: none; width: 309px;	text-align: left; height: auto; padding: 5px 5px 0px 5px;  }
.produkter ul li.telefon {	float: left;	list-style: none; width: 309px;	text-align: center; height: auto; padding: 0px 5px 0px 5px; }

.tack ul {	float: left;	width: 266px;	height: auto; background: #ffffff; }
.tack ul li {	float: left;	list-style: none; width: 256px;	text-align: left; height: auto; padding: 5px 5px 0px 5px; }

.valkommen ul {	float: left;	width: 266px;	height: auto; background: #ffffff; }
.valkommen ul li {	float: left;	list-style: none; width: 256px;	text-align: left; height: auto; padding: 5px 5px 0px 5px; }

/* LÄNKAR */
a {	text-decoration: none;	color: #5d86b2; font-weight: bold; }
a:visited {	 }
a:hover { text-decoration: underline; }
a:active {  }


/* RUBRIKER */

.kontakt h4.kant-botten { background: url("/bilder/kanter/sidhuvud-botten.gif"); width: 594px; height: 10px; }
.kontakt h4.kant-topp { background: url("/bilder/kanter/kontakt-topp.gif"); width: 594px; height: 33px; }
.kontakt h4.kontaktformular-topp { background: url("/bilder/kanter/kontaktformular-topp.gif"); width: 594px; height: 33px; }

.sidhuvud h4.kant-botten { background: url("/bilder/kanter/sidhuvud-botten.gif"); width: 594px; height: 10px; }
.sidhuvud h4.kant-topp { background: url("/bilder/kanter/sidhuvud-topp.gif"); width: 594px; height: 10px; }

.produkter h4.kant-botten { background: url("/bilder/kanter/produkter-botten.gif"); width: 319px; height: 10px; }
.produkter h4.kant-topp { background: url("/bilder/kanter/produkter-topp.gif"); width: 319px; height: 33px; }
.produkter h4.telefon-topp { background: url("/bilder/kanter/telefon-topp.gif"); width: 319px; height: 10px; }

.tack h4.kant-botten { background: url("/bilder/kanter/valkommen-botten.gif"); width: 266px; height: 10px; }
.tack h4.kant-topp { background: url(/bilder/kanter/tack-topp.gif); width: 266px; height: 33px; }
.tack h4.kundwebb-topp { background: url("/bilder/kanter/kundwebb-topp.gif"); width: 266px; height: 10px; }

.valkommen h4.kant-botten { background: url("/bilder/kanter/valkommen-botten.gif"); width: 266px; height: 10px; }
.valkommen h4.kant-topp { background: url("/bilder/kanter/valkommen-topp.gif"); width: 266px; height: 33px; }
.valkommen h4.kundwebb-topp { background: url("/bilder/kanter/kundwebb-topp.gif"); width: 266px; height: 10px; }

h1 { font-size: 14px; font-weight: bold; }
h2 { font-size: 11px; font-weight: bold; }
h3 { font-size: 11px; font-weight: bold; margin: 5px 0px 0px 0px; }
h4 { text-indent: -10000px; display:block; overflow: hidden; width: 100%; float: left;	background-repeat: no-repeat; background-position: left top;	background-color:transparent; }

/* TEXT */

.asterisk { font-size: 11px; font-weight: bold; color: #b45b69; }

/* TABELLER */

table { width: 100%; min-height: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; }

td.table_left { width: auto; margin: 0px; padding: 0px; text-align: left; vertical-align: top; }
td.table_middle { width: 594px; margin: 0px; text-align: left; vertical-align: top; }
td.table_right { width: auto; margin: 0px; padding: 0px; text-align: left; vertical-align: top; }

/* XXX */

.floatkiller { height: 1px; margin: -1px 0 0 0; clear: both; }
.floatkiller10 { height: 10px; margin: -1px 0 0 0; clear: both; }