/* Standard stylesheet for perholmberg.net */

/* @import url("stil-utskrift.css") print; */
/* @media screen { */

html { color: #000; background-color: #eea; background-image: url(bakgrund.png); background-repeat: repeat-y; }
body { font-family: Arial,Helvetica,sans-serif; max-width: 600px; margin: 0; padding: 0; }
h1, h2, h3 { font-family: Garamond,Georgia,serif; text-align: center; text-transform: lowercase; }
h1 { margin-top: 0; }
h2 { border-width: 1px 0 1px 0; border-color: #000000; border-style: solid; }
h3 { margin-bottom: 0.3em; margin-top: 0.8em; }

a:link, a:visited { font-weight: bold; color: #c33; background-color: transparent; text-decoration: underline; }
a:hover, a:active { font-weight: bold; color: #000; background-color: transparent; text-decoration: underline; }

p { margin: 0.8em 0; padding: 0; line-height: 1.3em; text-align: justify; }
ul { line-height: 1.3em; text-align: justify; margin-top: 0.8em; margin-bottom: 0.8em; }
li { margin-bottom: 0.3em; }

dt { font-weight: bold; }
dd { margin: 0; padding: 0 0 0.5em 1.5em; }

hr { width: 100%; height: 0; border-color: #c00; border-style: dotted; border-width: 3px 0 0; margin: 0.5em 0; padding: 0; }

.nettopp { font-family: Impact,"Arial Narrow",Arial,sans-serif; text-align: center; font-size: 24px; text-align: center; letter-spacing: 0.7ex; border-width: 0 0 2px 0; color: #fff; background-color: #000; width: 600px; height: 65px; position: absolute; top: 0; left: 0; background-image: url(ramtopp.png); background-repeat: no-repeat; background-position: bottom; padding-top: 5px; }
.nettopp a { text-decoration: none; font-weight: normal; }
.nettopp a:hover { text-decoration: underline; color: #c33; background-color: transparent; }

.copyright { font-size: 90%; font-style: italic; text-align: center; padding: 5px 10px 0; border-width: 3px 0 0; border-color: #cc0000; border-style: dotted; }

.nav { text-align: center; position: absolute; top: 70px; left: 10px; }
.nav a { display: block; width: 140px; height: 20px; text-align: center; background-image: url(navknapp.png); background-repeat: no-repeat; background-position: center; font-size: 82%; font-style: italic; margin: 12px 0; padding-top: 3px; }
.nav .aktiv { display: block; width: 140px; height: 20px; text-align: center; background-image: url(navknapp-aktiv); background-repeat: no-repeat; background-position: center; font-size: 82%; font-style: italic; font-weight: bold; margin: 12px 0; padding-top: 3px; }
.nav .delare { display: none; }

.nav a:link { text-decoration: none; }
.nav a:visited { text-decoration: none; }
.nav a:hover { text-decoration: underline; }

.contents { position: absolute; top: 70px; left: 165px; width: 390px; font-size: 88%; border-width: 0 0 0 3px; padding-left: 15px; border-color: #cc0000; border-style: dotted; margin-bottom: 5px; }

p.nuhuvud { margin: 0 0 0.5em; padding: 0 0 10px; border-width: 0 0 3px; border-style: dotted; border-color: #c33; line-height: normal; }
.nuhuvud a { text-transform: uppercase; text-decoration: none; } 
.nuhuvud a:hover { text-decoration: underline; }

h1.puff, h2.puff { font-size: 130%; margin: 0.2em 0; font-family: Arial,Helvetica,sans-serif; border-width: 0; }
p.puff { margin: 0 0 0.8em 0; }

.klippram { border-width: 2px; border-style: dashed; border-color: #c33; margin: 5px; }

.box-align { margin-left: auto; margin-right: auto; text-align: center; }

.avd-rubrik { font-size: 80%; font-weight: bold; letter-spacing: 0.7ex; background-color: #c33; color: #eea; text-transform: uppercase; font-family: Arial,Helvetica,sans-serif; padding: 0.2ex; margin: 1em 0; }