* {
margin: 0;
padding: 0;}

body {
padding: 2em;
background-image: url('bg.png');
}

h1 {
font-family: verdana, sans-serif;
font-size: 2em;
}

h2 {
font-family: verdana, sans-serif;
font-size: 1.2em;
margin-top: 0.5em;
}

h3 {
font-family: verdana, sans-serif;
font-size: 1em;
margin-top: 0.5em;
}

p {
font-family: verdana, sans-serif;
font-size: 0.8em;
line-height: 1.5em;
margin-top: 0;
}

img {
margin-left: 20px;
border-width: 0;
}

.right {
float: right;
}

.left {
float: left;
}

.clear {
clear: both;
}

.vit {
color: white;
}

#satsyta {
max-width: 960px;
min-width: 640px;
background-color: white;
border-radius: 6px;
box-shadow: 6px 6px 10px RGBA(0,0,0,0.7);
padding: 10px;
margin-left: auto;
margin-right: auto;
}

#topp {
background-color: white;
padding: 12px;
float: left;
width: 96%;
}

#rubrik {
background-color: #d5d6d8;
margin: 0.5em;
padding: 1em;
float: left;
width: 94%;
border-radius: 6px;
box-shadow: 6px 6px 10px RGBA(0,0,0,0.7);
}

.varannan1 {
background-color: #d5d6d8;
margin: 0.5em;
padding: 1em;
float: left;
width: 94%;
border-radius: 6px;
box-shadow: 6px 6px 10px RGBA(0,0,0,0.7);
}

.varannan2 {
background-color: #e1e0de;
margin: 0.5em;
padding: 1em;
float: left;
width: 94%;
border-radius: 6px;
box-shadow: 6px 6px 10px RGBA(0,0,0,0.7);
}

.varannan3 {
background-color: #cacdd3;
margin: 0.5em;
padding: 1em;
float: left;
width: 94%;
border-radius: 6px;
box-shadow: 6px 6px 10px RGBA(0,0,0,0.7);
}

#toning {
    background: #545452; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#949493, #545452); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#949493, #545452); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#949493, #545452); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#949493, #545452); /* Standard syntax */
    margin: 0.5em;
padding: 1em;
float: left;
width: 94%;
border-radius: 6px;
box-shadow: 6px 6px 10px RGBA(0,0,0,0.7);
}