<!DOCTYPE html>

<head>

<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">

<title>dagligliv i <br>Vangede</title>

<meta name="viewport" content="width=980-width, initial-scale=1.0" />

<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>

<!--<link rel="stylesheet" type="text/css" href="daglig17a.css">-->

<style media="screen" type="text/css">

.newtext  
{ 
font-family: 'Archivo Narrow', sans-serif; 
color: #ffffff; 
font-style: normal; 
font-weight: normal; 
font-size: 17px; 
line-height: 22px; 
text-decoration: none; 
letter-spacing: 1px; 
width: 100%;
margin-lef: 0%;
margin-right: 0%;
}

.newtext2  
{ 
font-family: 'Archivo Narrow', sans-serif; 
color: #90ee90; 
font-style: normal; 
font-weight: normal; 
font-size: 17px; 
line-height: 22px; 
text-indent: 0px;
text-decoration: none; 
letter-spacing: 0px; 
width: 100%;
margin-lef: 0%;
margin-right: 0%;
}

.newtext3  
{ 
color: #90ee90; 
font-style: regular;
font-weight: bold; 
font-size: 21px; 
line-height: 30px; 
font-family: 'Archivo Narrow', sans-serif; 
text-decoration: none; 
text-align: right; 
letter-spacing: 0px; 
text-width: 350px;
}

a:link, a:visited, a:hover, a:active 
{ 
color: #ffffff; text-decoration: none;
}

.bigx
{ 
margin-bottom: 12px;
}

/* ----------------------------------------- iPhone ----------------------------------------- */
/* Portrait and Landscape */

@media only screen and (max-device-width: 699px) 

{

.newtext  
{ 
font-family: 'Archivo Narrow', sans-serif; 
color: silver; 
font-style: normal; 
font-weight: normal; 
font-size: 60px; 
line-height: 80px; 
text-align: left;
text-decoration: none; 
letter-spacing: 1px; 
width: 90%;
margin-lef: 5%;
margin-right: 5%;
}

.newtext2  
{ 
font-family: 'Archivo Narrow', sans-serif; 
color: #ffffff; 
font-style: normal; 
font-weight: normal; 
font-size: 60px; 
line-height: 80px; 
text-decoration: none; 
text-align: left;
letter-spacing: 1px; 
width: 90%;
margin-lef: 5%;
margin-right: 5%;
}

a:link, a:visited, a:hover, a:active 
{ 
color: #ffffff; text-decoration: none
}

#ramme   
{ 
position: absolute; 
z-index: 1; 
top: 0px; 
left: 8px; 
width: 100%; 
margin-lef: 0%;
margin-right: 0%;
height: px; 
padding: 12px;
visibility: visible; 
}

}

}

</style>

<style>
button.accordion 
{
    background-color: #00565f;
    color: #;
    cursor: pointer;
    padding: 0px;
    padding-left: 0px;
    width: 100%;

    border-botton: none;
    border-top: 1px;
    border-style: solid;
    border-color: #00565F;

    text-align: left;
    outline: none;
    font-size: px;
    transition: 0.2s;
}

button.accordion.active, button.accordion:hover 
{
    background-color: #114d5c; 
}

div.panel 
{
    padding: 5px;
    display: none;
    background-color: #114d5c; 
    /*background-color: #00565F;*/
}

</style>

<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
}

function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}
</script>

</head>

<!-- _____________________________________ Body ________________________ -->

<body bgcolor="#00565F">

<div id="ramme">

<hr color="#66ff99">

<img src="images/vogomegn.jpg" heigh="auto" width="95%" align="left;"  >

<br><span class="newtext2">	
	
	<b>Dato i dag:  </b>
	<script type="text/javascript">
	<!--
	var currentTime = new Date()
	var month = currentTime.getMonth() + 1
	var day = currentTime.getDate()
	var year = currentTime.getFullYear()
	document.write(day + "/" + month + "/" + year) 
	//-->

</script>

<body onload="startTime()">

<!-- DATO -->
<hr color="#66ff99">
<br>&ensp;
<span class="newtext2"><b>December:</b></span>
<!-- SLUT DATO -->

<!-- MILLE SH FOTOS DECEMBER OG JANUAR 2022/23  -->
<hr color="#66ff99">
<button class="accordion">
<img src="images/mille4web.jpg" width="100%" height="auto" class="bigx" >
<span class="newtext2">
<br><b>Mille Egholm i Café Caféen</b>
<br>Foto udstilling i december og januar &rarr;
</span>
</button>

<div class="panel">
<span class="newtext">
<br>Mille Egholm udstiller sine sort hvid fotos 'La forêt de Boulogne' i Café Caféen i december og januar 2022/23.
<br>Nogle kender sikkert også Mille fra Copenhagen Jazz Festival, som en god jazz sangerinde. 
</span>

<p>
<span class="newtext">
<a href="daglig17a.html" target="_self">
<img src="images/pil3.gif" vidth="" height="15" align="left">Slut</a>
</span>
</p>
</div> 
<hr color="#66ff99">
<!-- SLUT MILLE SH FOTOS DECEMBER OG JANUAR 2022/23  -->

</span>


<script>

var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
    acc[i].onclick = function(){
        this.classList.toggle("active");
        var panel = this.nextElementSibling;
        if (panel.style.display === "block") {
            panel.style.display = "none";
        } else {
            panel.style.display = "block";
        }
    }
}

</script>

</body>

</html>