html, body {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
	font-family: 'Muli', sans-serif;
}
 
body #header {
width: 100%;
background: #000;
height: 21%;
color: white;
}

body #header .inner {
display: block;
width: 16%;
height: 100%;
text-align: center;
margin-left: 13%;
vertical-align: middle;
}

a#tviewer {
    position: fixed;
    right: 55px;
    top: 5px;
    width: 60px;
}

a#tviewer img {
    max-width: 100%;
    margin-top: 90px;
    margin-right: 50px;
}



body #header .inner img {
max-width: 100%;
margin-top: 10%;
}

#main {
background: url('images/bakgrunn-graa-striper.jpg');
height: 100%;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
}

#content > div {
height:100%;
width:20%;
float:left;
text-align: center;
/* padding-top: 3%; */

}

#content > div > div {
position:relative;
z-index:6;
}

#content > div.privat {
/* background-color:#fff; */
border-right:1px solid white;
}

#content > div.bedrift {
/* background-color:#cac9c9; */
border-right:1px solid white;
}

#content > div a {
cursor:pointer;
}

#content > div a {
text-decoration: none;
color: black;
cursor:pointer;
display:block;
line-height: 15pt;
padding-top: 15%;
height: 100%;
}


#content > div h2 {
font-size: 26pt;
text-decoration: none;
color: black;
text-transform: uppercase;
cursor: pointer;
font-weight: normal;
padding: 0;
margin: 0;
/* text-decoration: underline; */
}



#content > div:hover {
background:#b51620;
}

#content > div:hover a, #content > div:hover h2 {
color:white;
text-decoration: none;
}


#content > div span {
width: 77%;
display: inline-block;
}

#mann-med-tastatur {
position: absolute;
/* width: 100%; */
max-width: 100%;
max-height: 100%;
left: 0;
bottom: -30px;
z-index:5;
}

#content { width: 100%; }

#delimiter { clear: both; }

body #header .inner span {
font-size: 18pt;
padding-top: 4px;
display: inline-block;
}