@font-face {
	font-family: 'JacquesGilles';
	src: url('typsnitt/jacquesgilles/jacquesgilles.eot');
	src: url('typsnitt/jacquesgilles/jacquesgilles.eot?#iefix') format('embedded-opentype'),url('typsnitt/jacquesgilles/jacquesgilles.woff') format('woff'),url('typsnitt/jacquesgilles/jacquesgilles.ttf') format('truetype');
	}
	
@font-face {
	font-family: 'Caslon';
	src: url('typsnitt/caslon/caslon.eot');
	src: url('typsnitt/caslon/caslon.eot?#iefix') format('embedded-opentype'),url('typsnitt/caslon/caslon.woff') format('woff'),url('typsnitt/caslon/caslon.ttf') format('truetype');
	}
	
@font-face {
	font-family: 'Caslonornament';
	src: url('typsnitt/caslonornament/caslonornament.eot');
	src: url('typsnitt/caslonornament/caslonornament.eot?#iefix') format('embedded-opentype'),url('typsnitt/caslonornament/caslonornament.woff') format('woff'),url('typsnitt/caslonornament/caslonornament.ttf') format('truetype');
	}

body
	{
	color: #333333;
	font-family: Caslon, "Lucida Grande", Ariel, Geneva, Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 140%;
	text-align: left;
	background-image: url(2.jpg);	}


img
	{
	border: 0;
	}

a:link
	{
	color: #333333;
	font-family: Caslon, "Lucida Grande", Ariel, Geneva, Verdana, sans-serif;
	text-decoration: none;
	}
	
a:active
	{
	color: #333333;
	font-family: Caslon, "Lucida Grande", Ariel, Geneva, Verdana, sans-serif;
	border-bottom: 2px Solid #333333;
	text-decoration: none;
	}
		
a:visited
	{
	color: #333333;
	font-family: Caslon, "Lucida Grande", Ariel, Geneva, Verdana, sans-serif;
	text-decoration: none;
	}
	
a:hover
	{
	color: #333333;
	font-family: Caslon, "Lucida Grande", Ariel, Geneva, Verdana, sans-serif;
	border-bottom: 2px Solid #333333;
	text-decoration: none;
	}

table
	{
	width:50%;
    margin-left:auto; 
    margin-right:auto;
	}

	
<!--
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    body {
        background-color:yellow;
    }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    body {
        background-color:orange;
    }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    body {
        background-color:black;
    }
}

/* iPhone 4 - (portrait) ---------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:portrait),
only screen and (min-device-pixel-ratio : 2)  and (orientation:portrait){
    body {
        background-color:red;
    }
}

/* iPhone 4 - (landscape) ---------- */
@media screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:landscape), screen and (min-device-pixel-ratio : 2) and (orientation:landscape){
    body {
        background-color:pink;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px)
and (max-width: 480px) {
    body {
        background-color:green;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    body {
        background-color:purple;
    }
}
-->
	
td
	{
		vertical-align: top;
	}

li
	{
	line-height: 200%;
	}

.japanlista
	{
	list-style-type: circle;
	}
	
.sifferlista
	{
	list-style-type: decimal;
	}

.menytabell
	{
	top: 5%;
	left: 5%;
	width: 40%;
	position: fixed;
	}
	
.topptabell
	{
	background-color: #FFFFFF;
	-moz-border-radius-topleft: 2em;
	-moz-border-radius-bottomright: 2em;
	-moz-border-radius-bottomleft: 2em;
	-webkit-border-top-left-radius: 2em;
	-webkit-border-bottom-right-radius: 2em;
	-webkit-border-bottom-left-radius: 2em;
	border-spacing: 1em 1em;
	padding: 2em;
	margin-top: 9em;
	margin-bottom: 3em;
	}
	
.bottentabell
	{
	background-color: #FFFFFF;
	-moz-border-radius-topleft: 2em;
	-moz-border-radius-bottomright: 2em;
	-moz-border-radius-bottomleft: 2em;
	-webkit-border-top-left-radius: 2em;
	-webkit-border-bottom-right-radius: 2em;
	-webkit-border-bottom-left-radius: 2em;
	border-spacing: 1em 1em;
	padding: 2em;
	margin-top: 3em;
	margin-bottom: 3em;
	}
	
.mellantabell
	{
	background-color: #FFFFFF;
	-moz-border-radius-topleft: 2em;
	-moz-border-radius-bottomright: 2em;
	-moz-border-radius-bottomleft: 2em;
	-webkit-border-top-left-radius: 2em;
	-webkit-border-bottom-right-radius: 2em;
	-webkit-border-bottom-left-radius: 2em;
	border-spacing: 1em 1em;
	padding: 2em;
	margin-top: 3em;
	margin-bottom: 3em;
	}

.citat
	{
	font-size: 1.15em;
	line-height: 180%;
	letter-spacing: 0.05em;
	}

.blatt
	{
	color: #0099cc;
	letter-spacing: 0.1em
	}

.stor
	{ 
	font-family: "JacquesGilles", Ariel, Geneva, Helvetica, Verdana, sans-serif;
	color: #333333;
	font-size: 2.2em;
	line-height: 150%;
	}

.storunderstruken
	{
	text-decoration: underline;
	font-family: "JacquesGilles", Ariel, Geneva, Helvetica, Verdana, sans-serif;
	color: #333333;
	font-size: 2.2em;
	line-height: 300%;
	}

.ornament
	{ 
	font-family: "Caslonornament";
	font-size: 2.4em;
	text-align: center;
	line-height: 75%;
	}

.understuken
	{
	border-bottom: 4px Solid #333333;
	text-decoration: none;
	}
	
.genomstruken
	{
	text-decoration: line-through;
	}

.mitten
	{
	text-align: center
	}

.kursiv
	{
	font-style: italic;
	}

.hoger
	{
	text-align: right;
	}

.inskjuten
	{
	margin-left: 4em;
	letter-spacing: 0.1em
	}
	
.finfarg
	{
	background-color: #f90;
	}