@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
p{
	padding-bottom:1em;
	color:#333; 
	line-height:1.6em;
}
img, video, table, tr, td{
	width:100%;
	height:auto;		
}
img{
	border:solid 1px #333;
}
.fbox{
    display:flex;
}
[class*="flex"] {
    padding:0 1%;
}
.flex1{
	flex: 1;
}
.flex2{
	flex: 2;
}
.flex3{
	flex: 3;
}
.flex4{
	flex: 4;
}
.flex5{
	flex: 5;
}
.flex6{
	flex: 6;
}
/* ------ */
body{
	max-width:900px; 
	margin:0 auto; 
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:0.9em;
	background-color:#ebdfca;
}
#wrapper{
	background-color:#c4bbac;
	padding-bottom:1em; 
    overflow:hidden;
}
h1{
	font-weight:normal; 
	text-align:center; 
	padding:1em 0;
}
header{
	padding:0 1% 2em;
}
header, nav a{
	font-family: 'Cherry Swash', cursive; 
	color:#FFF;
}
nav{	
	margin-bottom:2em;
}
nav ul{
	list-style-type:none;
}
nav>ul>li{  /* dvs. kun hovedmenupunkterne */
	flex:1;
	text-align:center;
}
nav ul li{  /* dvs. alle */
	padding-bottom:0.5em;
	position:relative;
}
nav>ul>li>ul{  /* UNDERMENUERNE */
	margin-top:0.5em; /* for tilsvarende luft mellem hovedmenupunkterne og undermenu */
	position:absolute;
	width:100%;
	border-left:solid 1px #FFF;
	border-right:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	display:none;
}
nav>ul>li>ul>li{
	text-align:center;
	background-color:#c4bbac;
	border-top:solid 1px #FFF;
}
nav a{
	font-size:1.2em; 
	text-decoration:none;	
}
.navne{
	color:#930;
}
video{
	outline:none;
}
.streger{
	clear:both; 
	border-top:dashed 1px #969; 
	border-bottom:dashed 1px #969; 
	margin:2em 1% 1em; 
	padding:0.5em 0; 
	text-align:center;
}
audio{
	width:100%; 
	outline:none;
}
footer a{
	text-decoration:none; 
	color:#930;
}


/*--------*/
#ekstra{
	display:none;	
}
#readmore, .photosection i{
	cursor:pointer;
}

/*--------*/
.photosection{
	margin:2em auto 1em;
    align-items: center;
}
#backarrow{
	text-align:right;
}
#next, #back{
	font-size:4em;
    color:#FFF;
	cursor:pointer;
}
#fotogallery{
	text-align:center;
    
}
#fotogallery img{
	max-width:400px;
}
.thumbs{
	text-align:center;
}
.thumbs img{
	width:80px;
	padding:1px;
	border-color:#999;
}

@media screen and (max-width:960px){
	.thumbs{
		display:none;
	}
}
@media screen and (max-width:600px){
    .fbox{
        flex-direction:column;
    }
    [class*="flex"] {
        flex:1;
        padding:1%;
    }
    
    .photosection.fbox{
        flex-direction: row;
    }
    .photosection .flex1{
        flex:1;
    }
    .photosection .flex6{
        flex:6;
    }
    
}
@media screen and (max-width:500px){
	nav a{
		font-size:1.5em; 
		padding:0.5em;
	}
}