html{
    
}
body{
	display:flex;
	flex-direction:column;
	min-height:100vh;
	margin:0;
	padding:0;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width:100%;
    background: rgb(250, 255, 255);
}
.pageContent{
    display:flex;
    flex-direction:column;
    flex: 1 0 auto;
    align-items:center;
    font-family: 'Montserrat', sans-serif;
}
.fullWidthSectionDiv::after{
    height:10vh;
    display:flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    border-style:dotted none dotted none;
    margin-bottom:3.5vh;
    margin-top:3.5vh;
    content:url("../images/BetweenSegmentsBike.png") "-----------------------------" url("../images/BetweenSegmentsBike.png") "-----------------------------" url("../images/BetweenSegmentsBike.png");
    border-color:rgb(60,60,60);
    color:white;
}
@media only screen and (max-width: 650px) {
    .fullWidthSectionDiv::after{
        content:url("../images/BetweenSegmentsBike.png") "-----" url("../images/BetweenSegmentsBike.png") "-----" url("../images/BetweenSegmentsBike.png");
    }   
}
@media only screen and (max-width: 900px) {
    .fullWidthSectionDiv{
        flex-wrap:wrap;
    }
    
}
.fullWidthSectionDiv{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
}
.fullWidthSectionDiv_content{
}
.picturesAndInfoDiv{
    display:flex;
    justify-content:space-around;
    width:100%;
    align-items:center;
}
.picturesAndInfoDiv_leftImageDiv{
    width:50vw;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    border:0px solid rgb(60,60,60);
}
.picturesAndInfoDiv_rightImageDiv{
    width:17vw;
    display:flex;
    justify-content:center;
    align-items:center;
    border:0px solid rgb(60,60,60);
}

.picturesAndInfoDiv_horizontalImage{
    max-height:100%;
    max-width: 100%;
    box-shadow:1px 1px 3px;
    background:white;
}
.picturesAndInfoDiv_verticalImage{
    max-height:100%;
    max-width: 100%;
    box-shadow:1px 1px 3px;
    background:white;
}

.expandDiv{
    display:flex;
    justify-content:center;
    border-bottom:2px solid rgb(240,240,240);
    cursor:pointer;
}
.expandDiv_image_expand{
    max-height:100%;
    max-width:100%;
    animation: expandPulse 1.5s infinite alternate;
    display:block;
}
.expandDiv_image_hide{
    display:none;
    max-height:100%;
    max-width:100%;
    animation: expandPulse 1.5s infinite alternate;
}
@keyframes expandPulse{
    0% {
        transform: translateY(0px);
    }
    30% {
        transform: translateY(-5px);
    }
    60%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(0px);
    }
}


.viktiginfo{
	display:flex;
	flex-direction:column;
	padding:10px;
	background:rgba(60,60,60,0.96);
	#font-size:1.4vw;
	box-shadow:1px 1px 5px;
}
.viktiginfo text{
	color:white;
}
.viktiginfo h2{
	color:white;
}
@media only screen and (max-width: 800px) {
    /*.viktiginfo{
        font-size:3.5vw;
        max-width:60%;
        margin:2%;
    } */  
    .viktiginfo{
        width:70%;
        max-height:70vh;
    }
    .picturesAndInfoDiv{
        #flex-direction:column-reverse;
        flex-wrap:wrap;
    }
    .picturesAndInfoDiv_leftImageDiv{
        width: 70%;
        margin-bottom:5vh;
    }
    .start-aligned-content{
        flex-direction: column-reverse;
        align-items: center !important;
    }
}


/*****************************
            Header
******************************/
#header{

	display:flex;
	text-align:center;
	flex-direction:column;
	height:20vh;
	box-shadow:1px 1px 5px;
}

.bakgrund{
	height:60%;
	width:100%;
	background-image:url(../images/green-paper-background.png);
	/*background-size:cover;
	background:rgb(217, 255, 204);*/
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.bildvikt{
    width:40%;
    height:100%;
}
.mobileMenuButton{
    display:none;
    width:15%;
    height:100%;
    
}
.mobileBottomBorder{
    border-top:2px solid black;
    display:none;
    height:5vh;
    width:100%;
    background:rgba(35,35,35,1);
}
.logo{
    width:20%;
    cursor:pointer;
}
.langImages{
    width:40%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-evenly;
}

.langImage{
    max-height:100%;
    max-width:100%;
    cursor:pointer;
}
.langImageDiv{
    display:flex;
    flex-direction:column;
    justify-content:center;
    cursor:pointer;
}
.langText{
    display: none;
}

.logo h1{
	margin:0;
	padding:0;
}

.logo p{
	margin:0;
	padding:0;
	font-size:3vh;
	font-style:italic;
}

.navCat{
    height:100%;
    background:rgba(60,60,60,1);
    flex:1;
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    font-size:1.5vw;
    cursor:pointer;
    color:white;
}

.navCat:hover{
    background:rgb(36, 206, 80);
}

.nav{
	background:rgba(160,160,160,1);
	display:flex;
	margin:0;
	padding:0;
	justify-content: center;
	align-items: center;
	flex:1;
}

#mobileMenu{
    display:flex;
    height:50vh;
    background:rgb(50,50,50);
    flex-direction:column;
    box-shadow:1px 1px 3px;
    font-family: 'Montserrat', sans-serif;
}
#mobileMenu text{
    font-size:smaller;
    color:white;
    font-style:italic;
}

#mobileMenuOptions{
    height:50%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100%;
    border-top:2px solid black;
}
.mobileMenuOption{
    color:rgb(230,230,230);
    display:flex;
    padding-left:20px;
    align-items:center;
    border-bottom:2px solid rgb(30,30,30);
    background:rgb(45,45,45);
    height:20%;
}
#lowerDiv{
    display:flex;
    flex:1;
    justify-content:space-around;
}
#mobileLangChoices{
    padding-left:10px;
    flex-wrap:wrap;
    width:100%;
    display:flex;
    flex:1;
    align-content:space-evenly;
}
.mobileLangDiv{
    display:flex;
    flex-direction:column;
    justify-content:space-evenly;
    align-content:space-around;
    color:white;
    text-decoration:none;
    min-width: 19%;
}
.mobileLangDiv h4{
    margin:0;
    padding:0;
    display:none;
}

#mobileLangHelpText{
    height:0%;
}

@media only screen and (max-width:1050px) {
    .nav{
        display:none !important;
    }
    .navCat{
        font-size:3.5vw;
    }
    .bildvikt{
        width:15% !important;
    }
    .logo{
        width:70% !important;
    
    }
    .langImages{
        display:none;
    }
    .mobileMenuButton{
        display:flex !important;
        align-items:center;
        justify-content:center;
    }
    #header{
    }
    .bakgrund{
        height:15vh !important;
    }
    .mobileBottomBorder{
        display:flex;
        height:5vh !important;
    }
}




.nav ul{
    background:rgba(60,60,60,1);
	width:100vw;
	font-family: Arial;
	display:flex;
	color:white;
	justify-content: center;
	align-items: center;
	flex:1;
}
.nav ul li{
	height:100%;
    width:20%;
    background:rgba(60,60,60,1);
    flex:1;
    display: flex;
    font-size:2.5vh;
    cursor:pointer;
}
.nav ul li ul li{
	display:none;
	
}
.nav ul li:hover{
	background:rgb(36, 206, 80);
}
.nav ul li:hover ul li {
	display:block;
}

/*****************************
            FOOTER
******************************/
footer{
	display:flex;
	flex-direction:column;
}
.preprefooter{
	height:50px;
	background:rgba(30,30,30,.9);
}
.prefooter{
	padding:0;
	margin:0;
	height:90px;
	display:inline-block;
	height:110px;
	background:linear-gradient(rgb(70,70,70),rgb(30,30,30));
	text-align:center;
	font-style:italic;
	box-shadow:1px 1px 50px;
}
.prefooter p{
	margin:0;
	padding-top:10px;
	color:white;
}
.fbbild{
	margin-top:5px;
}
.visamobil{
	display:none;
}

table, th, td {
  border: 1px solid;
  border-collapse: collapse;
  text-align: left;
}

table{
    margin-left: 10px;
    margin-right: 10px;
}

th {
    padding: 10px;
    font-size:20px;
}

td {
   padding: 10px; 
   font-size:16px;
}

.start-aligned-content{
    display:flex;
    justify-content:space-around;
    width:100%;
    align-items:start;
    flex-wrap:wrap;
}

.price_list_header{
    text-align:center;
    padding: 2.5vh;
    font-size:25px;
}