@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
p{
	padding-bottom:1em;
	color:#333; 
	line-height:1.6em;
}
.clearfix::after{
	display:table;
	content:"";
	clear:both;
}
img, video, table, tr, td{
	width:100%;
	height:auto;		
}
img{
	border:solid 1px #333;
}
/* ------ */
body{
	max-width:900px; 
	margin:0 auto; 
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:0.9em;
	/*background-color:#ebdfca; */
	background-color:#c4bbac;
}
#wrapper{
	background-color:#c4bbac;
	padding-bottom:1em; 
}
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 */
	float:left;
	width:25%;
	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;	
}
.left{
	width:60%;
	padding:0 1%;
	float:left;
}
.right{
	width:40%;
	padding:0 1%;
	float:right;
}
.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;
}
/*.note{
	font-size:0.8em;
}*/


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

.photosection{
	margin:2em auto 1em;
}
.photosection i{
	position:relative;
	top:100px;
}
#backarrow, #forwardsarrow{
	width:20%;
	float:left;	
	padding:1%;
}
#backarrow{
	text-align:right;
}
#next{
	width:20%;
	border:none;
	position:relative;
	top:90px;
	cursor:pointer;
}
#back{
	width:20%;
	border:none;
	position:relative;
	top:90px;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	cursor:pointer;
}
#fotogallery{
	width:60%;
	float:left;
	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){
	.left, .right{
		width:100%;
		float:none;
	}
	.left{
		margin-bottom:1em;
	}
}
@media screen and (max-width:500px){
	nav a{
		font-size:1.5em; 
		float:none;
		width:100%;
		padding:0.5em;
	}
	.photosection i{
		top:50px;
	}
}