* {
    box-sizing: border-box;
}

body {
    /* font-family: bembo,garamond,palatino,gentium,cardo,serif; */
    font-family: verdana, cantarell, sans-serif;
    font-size: large;
    color:#102010;
    background:#fcfafc; 
}

.logo {
    position: fixed;
    max-width: 5em;
    left:5px;
    top:5px;
}

.paragraphs {
    margin-top:6em;
    margin-left:5em;
    margin-right:5em;
    margin-bottom:1em;
}

.paragraphs a {
    color: #00af30;
}

.paragraphs a:hover{
    color: #20cf50; 
}


/* scrap */

.top_padding {
    /* skjul tekst som skroller bak forbi banneret */
    position: fixed ;
    top:1.5em ; left:0px;
    padding: 1em;
    width:100% ;
    height: 2.35em;
    background:#90ffaa; }

.navbar {
    /* position: fixed;
    left: 15px;
    top: 225px;
    width: 200px;
    text-align: center;
    border-style: double;
    padding: 10px 10px; */
    position: fixed;
    top: 1.5em;
    left: 5em; 

}
.navbar a {
    float: left;
    display: block;
    color: #403020;
    text-align: center;
    /* text-transform: uppercase; */
    font-family: sans;
    font-size: 1.1em;
    padding: 9px 26px;
}

.navbar a:hover {
  background: #20cf50; 
  /* color: #205040; */
}

.sidebar {
    position: fixed;
    left: 15px;
    top: 225px;
    width: 200px;
    text-align: center;
    border-style: double;
    padding: 10px 10px;
}

h1 { 
    margin-left:2em;
    margin-right:2em;
    margin-top:30px;
    margin-bottom:12px;
    /*  text-align: center; */
}
h2 { 
    margin-left:2em;
    margin-right:2em;
    margin-top:30px;
    margin-bottom:12px;
    /*  text-align: center; */
}
h3 { 
    /* margin-left:2em; */
    margin-right:2em;
    margin-top:30px;
    margin-bottom:12px; 
    /* text-align: center; */
}

.main {
    margin-top:1em;
    margin-left:3em;
    margin-right:4em;
    margin-bottom:1em;
}

.floatimg_left {
    float: left;
    width: 30%;
    max-width: 250px;
    margin-right:1em;
    padding: 20px 20px 20px 20px;}

.floatimg_right {
    float: right;
    width: 30%;
    max-width: 250px;
    padding: 20px 20px 20px 20px;}

.img_center {
    /** text-align: center; **/
    width: 25%;
    max-width: 500px;
    margin: 20px auto 20px;
    display: block;
}

.column_left {
    float: left;
    width: 50%;
    padding: 1em;
}

.column_right {
    float: right;
    width: 50%;
    padding: 1em; 
}
.column_third {
    float: left;
    width: 33%;
    padding: 6px;
    text-align: center;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.centered {
    text-align: center;
}