@charset "utf-8";
*{box-sizing:border-box;}
html{overflow-y:scroll; -moz-scrollbars:vertical; }
body {font-family:Tahoma, Geneva, sans-serif; background-color:#42a3b4;}
#wrapper {max-width:900px; margin:0 auto;}

img{border:1px solid #666; padding:0.3em; max-width:100%; height:auto;}

/*fordi denne overskrift er et billede - pga. den særlige skrifttype:*/
h1{width:495px; height:100px; margin:0 auto; padding:0;}

h1 a img{padding:0;}
h2{font-family: 'Parisienne', cursive; font-weight:normal; text-align:center; margin:0; padding:0; display:inline;}
a img{border:none; margin:0;}

hr{padding-top:0; margin-top:0;}
header{margin:0 auto 0.6em auto;}
header ul{margin:0; padding:0; text-align:center;}
header li{display:inline; padding:0 6%;}
header a{outline:none; text-decoration:none; color:#f9e43b;}
#her{color:#f9c63b;} 

a{outline:none; text-decoration:none; color:#f9e43b;} 
p{font-size:0.8em; line-height:1.5em; color:#222;}

.forside_foto{max-width:670px; margin:0 auto; text-align:center;}

/*venstre og hojre:50% ialt */
.venstre, .hojre{width:48%; padding:1%; border:solid 1px #666;}
.venstre{float:left;}
.hojre{float:right;}
.venstre img{padding:0; margin:0; border:0;}
.center{text-align:center; }

#footer{clear:both; text-align:center; padding:1em 0;}
#footer a{padding:3em;}

/*de enkelte sider:*/

/*  se http://rachelmccollin.co.uk/blog/responsive-iframes  */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* - for 16:9 video*/
	/*padding-bottom: 75%;*/  /* - for 4:3 video*/
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.still{max-width:700px; margin:0 auto;}
#thumbs img{width:70px;}
#pile img{width:24px;}

#pile img{border:none; cursor:pointer;} 
#thumbs{cursor:pointer;}

#read_more{display:none;}

.others ul{list-style-type:none; padding:0; margin:0;}
.others li{cursor:pointer; color:#f9e43b; font-size:0.8em; padding:1.5em;} 

@media screen and (max-width:640px){
	#footer a{display:block; margin:0; padding:1em;}
}
@media screen and (max-width:480px){
	h1{width:280px; height:60px; margin:0 auto; padding:0;}
	header li{display:block; margin:0; padding:1em;}
	.venstre, .hojre{float:none; width:100%; margin-bottom:1em;}
	.others ul{text-align:center;}
	.others li{padding: 2em;}
	#pile{display:none;}
}