body {
    background: #9FB7CE;
    color: #222222;
    font: normal 14px/17px "Lucida Grande",Arial,sans-serif;
    min-width: 960px;
}

a {
    text-decoration: none;
    color: #222222;
}

.container {
    position: relative;
    width: 845px;
    margin: 20px auto;
    padding: 20px 35px;
    background: #ffffff;
    -moz-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;    
}

h1 span {
    display: none;
}
h1 {
    background: url(images/logo.gif);
    width: 753px;
    height: 44px;
}

h1, ol, .text {
    margin: 25px 0;
}
h1 {
    margin-top: 0;
}

.topimg {
    position: absolute;
    top: 18px;
    right: 10px;
    height: 142px;
    width: 55px;
    background: url(images/topimg.jpg);
}

.menu {
    background: url(images/menugrad.png) no-repeat;
    width: 600px;
    height: 31px; /* -8px padding */
    padding-top: 8px;
}
.menu li {
    display: inline;
    font-size: 1.3em;
    text-transform: uppercase;
    margin: 0 14px;
}
.menu li a {
    color: #666666;
}
.menu li a:hover {
    color: #23314C;
}
.menu li a.active {
    color: #23314C;
}
.menu li:first-child {
    margin: 0;
}

.text {
    position: relative;
    margin: 20px auto;
    padding: 20px 25px;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;    
}

p, h3 {
    margin: 15px 0;
}

h3 {
    font-size: 1.2em;
}

h2 {
    font-size: 2.0em;
    line-height: 1.5em;
    font-weight: normal;
}

.text p:first-child {
    margin-top: 0px;
}
.text p:last-child {
    margin-bottom: 0px;
}

.text a {
    text-decoration: underline;
}

em {
    font-style: normal;
    font-weight: bold;
}

.text big {
    font-size: 2.0em;
    line-height: 1.5em;
 }

.text big em {
    font-size: 0.8em;
    color: #333333;
}

.text ul {
    padding-left: 20px;
}
.text ul li {
    list-style-image: url(images/dot.gif);
    font-size: 1.35em;
    line-height: 1.45em;
    padding-left: 5px;
}

.footer {
    font-size: 0.8em;
    text-align: center;
    margin-bottom: -15px;
}

img.portrait {
    float: right;
    margin-left: 15px;
}


.form input,
.form textarea {
    width: 100%;
    padding: 1px;
    border: 1px solid #666666;
    font-size: 1.1em;
}

.form {
    font-size: 14px;
}

.form dl {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.form dt {
    width: 130px;
    font-weight: bold;
    font-size: 0.9em;
}

.form dd {
    position: absolute;
    left: 140px;
    top: 0;
    display: block;
    width: 250px;
}

.form dl.address {
    height: 75px;
}

.form dl.message {
    height: 100px;
}

input.submit {
    width: 90px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.wrong {
    background: #ffffff url(images/obligatorisk.png) 98% 3px no-repeat;
}

.promo {
    height: 220px;
    position: relative;
}

.promopresent {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/promo-present.png);
    width: 341px;
    height: 202px;
}

.promopodcast {
    position: absolute;
    top: 0;
    left: 358px;
    background: url(images/promo-podcast.png);
    width: 344px;
    height: 169px;
}

.promopodcast a {
    display: block;
    position: absolute;
    width: 190px;
    height: 20px;
    right: 0;
}

.promopodcast a.link1 {
    top: 55px;
}

.promopodcast a.link2 {
    top: 82px;
}

.promopodcast a.link3 {
    top: 110px;
    height: 40px;
}

.pris .promo {
    height: 250px;
}

.promo .present {
    padding-left: 355px;
    background: url(images/present_Xmas.jpg) no-repeat;
    height: 227px;
}

.promo .present h2 {
    font-size: 24px;
    color: #c30000;
}
.promo .present {
    font-size: 0.9em;
}

.promo input[type=image] {
    position: absolute;
    bottom: 46px;
    right: 276px;
}


/* PAGE SPECIFIC BELOW ******************************************* */

.home .text {
    background: #e3eaf0;
}
.home .text big {
    color: #2D3E60;
}


.sangteknik .text {
    background: #dfd3ba;
}
.sangteknik .text big {
    color: #B13F31;
}
.sangteknik .text ul li {
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.85em;
}

.pris .text {
    background: #f0c5ba;
}
.pris .text h2 {
    color: #990000;
}
.pris .text ul li {
    font-size: 1.0em;
    margin-bottom: 1em;
}
.pris .text p {
    padding-left: 20px;
}

.kontakt .text {
    background: #c0c3a1;
}
.kontakt .text big {
    color: #4C5231;
}