body {
	padding-top: 930px;
	padding-bottom: 245px;
}

    /* Header*/
.header {
    height: 100%;
    background: url(bilder/startsida.png) no-repeat top center;
    background-size: cover;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.header nav {
    text-align: center;
}
.header nav a {
    text-decoration: none;
    display: inline-block;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: white;
    font-size: 20px;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 15px;
}
.header nav a.active {
    text-decoration: underline;
    text-decoration-color: #0a8dca;
}
.header nav a:hover {
    text-decoration: underline;                   
    text-decoration-color: #0a8dca;
}
.header .logotyp {
    width: 80px;
    height: 80px;
    align-items: center;
    margin-top: 1%;
    vertical-align: middle;
}
.header .headerText {
    color: white;
    align-items: center;
    color: white;
    font-size: 35px;
    margin-top: 18%;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
}
.header .knapp {
    position: relative;
    background: transparent;
    border-color: white;
    border-radius: 3pc;
    color: white;
    text-align: center;
    padding: 5px 11px; 
    text-transform: uppercase;
    font-size: 20px;
}
.header .knapp:hover {
    background: white;
    color: #383838;
}

    /* Footer*/
.footer{
    background: #444;
    box-sizing: border-box;
    left: 0;
    width: 100%;
    position: absolute;
    font: bold 16px sans-serif;
    padding: 50px 60px 40px;
}
.footer .footer-vanster{
    float: left;
}
.footer .footer-nav{
    color:  #ffffff;
    margin: 0 0 10px;
    padding: 0;
}
.footer .footer-nav a{
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
}
.footer .footer-copyright{
    color:  #8f9296;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
}
.footer .footer-bilder{
    margin-top: 30px;
}
.footer .footer-bilder a{
    display: inline-block;
    width: 35px;
    height: 35px;
    background-color:  #33383b;
    border-radius: 2px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 35px;
    margin-right: 3px;
    margin-bottom: 5px;
}

.footer .footer-mitten {
    float: left;
    margin-left: 370px;
}
.footer .footer-hoger {
    float: right;
}
.footer .rubrik {
    color:  #ffffff;
    font-family: 'Roboto', cursive;
    font-size: 36px;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.footer .rubrik span {
    color:  #5383d3;    
}
.footer .info {
    color: #ffffff;
}
.footer .info a {
    color: #5383d3;
}
                
    /*Personal*/
.personal table {
    text-align: left;
    margin: 100px auto; 
    width:50%;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
}

    /* Om Oss */
.omOss {
    color: black;
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 3%;
}
.omOss h3 {
    font-family: 'Playfair Display', serif;
    text-align: center;
    font-size: 35px;
}
.omOss p {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
}

    /* Hem */
.hem {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.hem .hem-info {
    color: black;
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 3%;
    font-size: 20px;
}
.hem .hem-info h3 {
    text-align: center;
    font-family: 'Playfair Display', serif;
}
.hem .motto {
    background: url(bilder/bakgrund-hem.jpg) no-repeat top center;
    width: 100%;
    left: 0;
    vertical-align: middle;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 18px;
}
.hem .total-forsaljning {
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
}
.hem .box {
    margin: 30px;
    width: 300px;
    background-color: #383838;
}
.hem .total-forsaljning h2 {
    color: goldenrod;
}
.hem .total-forsaljning p {
    color: white;
    font-weight: bold;
    font-size: 15px;
}
.hem .maila {
    border-radius: 5px;
    background-color: white;
    padding: 20px;
}
.hem .rubrik {
    text-align: center;
}
.hem .text {
    width: 1300px;
    margin: 0 auto;
}
.hem label {
    color: black;
    font-weight: bold;
}
.hem input[type=text], select, textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 10px;
  resize: vertical;
}
.hem input[type=submit] {
  background-color: black;
  color: white;
  margin-left: 610px;
  border-radius: 2pc;
  padding: 12px 20px;
  border: 2px solid white;
}
.hem input[type=submit]:hover {
    background-color: white;
    color: black;
    border: 2px solid black;
}

    /* Fastigheter */
.fastigheter {
    margin: 100px auto; 
    width:50%;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
}
.husbilder {
    margin: 100px auto; 
    width: 50%;
}

    /* Kontakt */
.kontakt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.kontakt .info {
    text-align: center;
    background: white;
    height: 400px;
    line-height: 1.2;
}
.kontakt .maila {
    border-radius: 5px;
    background-color: white;
    padding: 20px;
}
.kontakt .text {
    width: 1320px;
    margin: 0 auto;
}
.kontakt .rubrik {
    text-align: center;
}
.kontakt .rad {
    float: left;
    width: 25%;
    padding:  100px 50px;
}
.kontakt label {
    color: black;
    font-weight: bold;
}
.kontakt input[type=text], select, textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 10px;
  resize: vertical;
}
.kontakt input[type=submit] {
  background-color: black;
  color: white;
  margin-left: 610px;
  border-radius: 2pc;
  padding: 12px 20px;
  border: 2px solid white;
}
.kontakt input[type=submit]:hover {
    background-color: white;
    color: black;
    border: 2px solid black;
}