body, html { margin: 0px; padding: 0px; }
body { background-color: #eae9e8; background-image: url(../images/center-bg.jpg); background-repeat: no-repeat; background-position: center top; }

a { color: #494949; text-decoration: none; }
a img { border: none; }
a:hover { color: #00c4fd; border: none; }
a:hover * { color: #00c4fd; border: none; }

.centered { background-repeat: no-repeat; margin-left: auto; margin-right: auto; width: 796px; min-height: 855px; }

/* Meny */
#meny { margin: 0 10px 10px 10px; background-image: url(../images/meny-bg.png); width: 775px; height: 115px; }
#logo { background-image: url(../images/menyitems.png); background-repeat: no-repeat; height: 115px; width:310px; float: left; }

#products { width: 155px; height: 115px; background-image: url(../images/menyitems.png); background-position:-310px top; float: left; }
#products:hover, #products.active { background-position: -310px -115px; }
#products.nohover:hover { background-position: -310px top; }

#about { width: 155px; height: 115px; background-image: url(../images/menyitems.png); background-position:-465px top; float: left; }
#about:hover, #about.active { background-position: -465px -115px; }
#about.nohover:hover { background-position: -465px top; }

#contact { width: 155px; height: 115px; background-image: url(../images/menyitems.png); background-position:-620px top; float: left; }
#contact:hover, #contact.active { background-position: -620px -115px; }
#contact.nohover:hover { background-position: -620px top; }

.centered .mainimg { margin: 0 10px 10px 10px; }
.centered #mainimgwrapper, .mainimgwrapper { width: 775px; height: 370px; }

#forsidecontent { margin: 30px 10px 10px 10px; }

.floatblock { float: left; padding: 0px; border: none; }

#forsideproducts { width: 290px; margin-left: 10px; }
#forsidenews { width: 444px; margin-left: 20px; }

ul.forsideproducts { font-family: Arial; font-size: 11px; padding: 6px 0px 0px 1px; margin: 0px; list-style-type: none; }
ul.forsideproducts li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: left center; padding: 5px 0px 5px 15px; _line-height: 1em;margin: 0px; }
ul.forsidenews { font-family: Arial; font-size: 11px; padding: 6px 0px 0px 1px; margin: 0px; list-style: none; }
ul.forsidenews li { padding: 5px 0px 5px 0px; _line-height: 1em; margin: 0px; }

.paranthesis { color: #8e8e8e; }
.date { color: #fd9500; margin-right: 10px; }

#tekstside { margin: 30px 10px 10px 175px; width: 600px; }
.tekst { padding-top: 5px; color: #494949; font-family: Arial; font-size: 11px; line-height: 20px; padding-right: 30px; }

#kontaktside { margin: 30px 10px 10px 175px; width: 600px; }
.kontakt { padding-top: 5px; margin-bottom: 35px; }
.kontakt img { margin-right: 20px; }
.kontakt .info { width: 135px; margin: 0px; margin-right: 20px; color: #494949; font-family: Arial; font-size: 11px; line-height: 20px; }

#produktside { width: 780px; margin-left: 10px; }
.produkt { width: 190px; height: 110px; background-image: url(../images/fisk/products.png); float: left; margin-right: 5px; margin-bottom: 10px; cursor: pointer; }
.produkt div { width: 190px; height: 110px; background-image: url(../images/fisk/products.png); }

/* Produkter */

#mackerel { background-position: left top; }
#mackerel:hover, #mackerel div { background-position: left -220px; }

#herring { background-position: -190px top; }
#herring:hover, #herring div { background-position: -190px -220px; }

#horsemackerel { background-position: -380px top; }
#horsemackerel:hover, #horsemackerel div { background-position: -380px -220px; }

#capelin { background-position: -570px top; }
#capelin:hover, #capelin div { background-position: -570px -220px; }

#sprats { background-position: left -110px; }
#sprats:hover, #sprats div { background-position: left -330px; }

#silversmelt { background-position: -190px -110px; }
#silversmelt:hover, #silversmelt div { background-position: -190px -330px; }

#saithe { background-position: -380px -110px; }
#saithe:hover, #saithe div { background-position: -380px -330px; }

#bluewhiting { background-position: -570px -110px; }
#bluewhiting:hover, #bluewhiting div { background-position: -570px -330px; }