body {
font-family:calibri, mycalibri;
background-color:#222233;
}

@font-face
{
font-family: mycalibri;
src: url('CALIBRI.TTF'),
     url('mycalibri.eot'); /* IE9+ */
}

@font-face
{
font-family: mycalibri;
src: url('calibri_bold.ttf');
font-weight:bold;
}

div.main {
width:900px;
margin-top:50px;
margin-left:auto;
margin-right:auto;
background-color:white;
border-radius:50px;
padding: 25px;
position:relative;
top:50px;

}

div.wide {
margin:50px;
background-color:#dddddd;
border-radius:50px;
padding: 25px;
position:relative;
top:50px;
text-align:center;
}

div.link {
width: 300px;
height: 330px;
margin: 10px;
vertical-align:top;
background-color:white;
text-align:center;
padding:5px;
display: inline-block;
border:5px solid #515174;
border-radius:20px;
box-shadow: 5px 5px 10px #888899;
}

div.vid {
width: 400px;
height: 330px;
margin: 10px;
vertical-align:top;
background-color:white;
text-align:center;
padding:5px;
display: inline-block;
border:5px solid #515174;
border-radius:20px;
box-shadow: 5px 5px 10px #888899;
}

div#menyruta {
position:fixed;
text-align:center;
font-weight:bold;
color:white;
background-color:black;
width: 100px;
opacity:0.7;
border:3px solid gray;
border-radius:20px;
-moz-animation:glid 5s; /* Firefox */
-webkit-animation:glid 5s; /* Safari and Chrome */
z-index:10;
padding: 10px;
}

div.h{
width:100px;
height:100px;
margin:auto;
border-radius:20px;
background-image:url(h.png);
box-shadow:10px 10px 10px #888899;
}



@keyframes glid
{
0%   {top:400px;left:1000px;}
100%  {top:5px;left:10px;}
}

@-moz-keyframes glid /* Firefox */
{
0%   {top:400px;left:1000px;}
100%  {top:5px;left:10px;}
}

@-webkit-keyframes glid /* Safari and Chrome */
{
0%   {top:400px;left:1000px;}
100%  {top:5px;left:10px;}
}


img {
border: none;
}

img.year{
max-width:300px;
margin-top:5px;
}

p {
font-size:12pt;
font-weight:normal;
margin: 10px;
}

p.ingress {
font-family: Sueca Text,georgia,serif;
font-size:18pt;
font-weight: bold;
margin: 10px;
}

p.artikel {
font-family: Sueca Text,georgia,serif;
font-size:14pt;
line-height: 1.5;
margin-left: 10px;
margin-right: 10px;
margin-top: 20px;
margin-bottom: 20px;
}

label.artikel {
font-family: Sueca Text,georgia,serif;
font-size:14pt;
line-height: 1.5;
margin-left: 10px;
margin-right: 10px;
margin-top: 20px;
margin-bottom: 20px;
}

p.citat {
font-family: Sueca Text,georgia,serif;
font-size:12pt;
line-height: 1.5;
font-style: italic;
margin: 10px;
}

.foto {
text-align:center;
}

.bildmedtext {
font-family: Sueca Text,georgia,serif;
text-align:center;
margin-top: 50px;
margin-bottom: 50px;
}

.pw {
text-align:center;
font-size:36pt;
}


h2 {
font-size:25px;
margin: 10px;
}


h1 {
font-size:60px;
font-weight:bold;
color:#000000;
margin:0px;
text-align:center;
text-shadow: 10px 10px 10px #888899;
filter: shadow(color=#888899, direction=135);
}

h1.artikel {
font-family: Sueca Text,georgia,serif;
font-size: 72pt;
font-weight:bold;
color:#222233;
text-shadow:none;
text-align:left;
margin-left: 10px;
margin-right: 10px;
margin-top: 20px;
margin-bottom: 20px;
}

h2.artikel {
font-family: Sueca Text,georgia,serif;
font-size: 24pt;
font-weight:bold;
margin-left: 10px;
margin-right: 10px;
margin-top: 20px;
margin-bottom: 20px;
}


h1.max {
font-size:90px;
font-weight:bold;
text-align:center;
margin:0px;
padding:0px;
text-shadow: 10px 10px 10px #888899;
}


a {
text-decoration:none;
color: black;
}

a.artikel {
text-decoration:underline;

}



a:hover {
text-decoration:underline;
color:#222233;
}

a.menybox {
color:white;
font-weight:bold;
}