@font-face{
		font-family:'Bernhard Modern Std';
		src: url('./fonte/BERNHARDMODERNSTD-ROMAN.otf'),url('./fonte/Bernhard-Modern-Std-Roman_6789.ttf');
		}
@font-face{
		font-family:'EngravrsRoman Bd BT';
		src: url('./fonte/engrvrb.ttf');
		}


body{
		background-color: #D5DFE5;
		padding: 0px;
		margin: 0px;
		margin-top: 5px;
		hyphens: auto;
		}
		p{
			font-size:1em;
			line-height:1.2em;
			}
		#page{
			background-color: rgb(245, 250, 245);
			margin-left: auto; 
			margin-right: auto;
			width: 100%;
			max-width: 800px;
			min-width: 400px; 
			font-family: "Bookman Old Style", Serif; 
			font-size:0.9em; 
			padding: 10px;
			border-radius: 12px;
			background-image: url(./billeder/krokodille.png);
			background-position: 150px 250px;
			background-repeat: no-repeat;
			}
		header{
			margin-top: -12px;
			clear:left;
			}
		#navn{
			margin-top: 15px;
			text-align: right;
			float: right;
			width: 50%;
			min-width: 250px;
			background-color: #F8F8DC;
			border-radius: 24px;
			padding-right: 12px;
			}
		.lotte{
			margin-top:-18px; 
			font-size: 1.2em;
			color:darkslateblue;
			font-family: "Baskerville Old Face", "Bodoni MT", serif;
		}
		.normal{
			font-size: 0.9em;
			margin-top: -12px;
			margin-bottom: 12px;
			line-height: 1.2em;
			width: 60%;
			min-width: 380px;
			float: left;
			}
		.normalplus{
			font-size: 0.9em;
			margin-top: -12px;
			margin-bottom: 12px;
			line-height: 1.2em;
			width: 60%;
			min-width: 380px;
			float: left;
			border-radius: 24px;
			}
		.normalplus:hover{
			background-color:ivory;
			transform: scale(1.1);
			}
		.xtra{
			width: 100%;
			}
		.container{
			font-size: 0.9em;
			margin-top: -12px;
			margin-bottom: 12px;
			line-height: 1.2em;
			width: 60%;
			min-width: 380px;
			float: left;
		}
		.cv{
			width:90px;
			float:left;
			margin-top:0;
			margin-left:12px;
			}
		
		li{
			margin-bottom: 9px;
			}
		.motto{
			clear: right; 
			float: right; 
			color: darkslateblue; 
			font-style: italic;
			margin-bottom:0px;
			}
			
		.boks{
			width: 30%;
			min-width: 200px;
			border: 1px solid darkslateblue;
			border-top-right-radius:12px;
			padding: 5px;
			float: left;
			font-size:0.9em;
			text-align: center;
			background-color: #eeeff5;
			margin-left: 7%;
			margin-bottom: 12px;
			box-shadow: 10px -10px 10px grey;
			}
		.boks2{
			width: 30%;
			min-width: 200px;
			border: 1px solid darkslateblue;
			border-bottom-right-radius:12px;
			padding: 5px;
			float: left;
			font-size:0.9em;
			text-align: center;
			background-color: #eeeff5;
			margin-left: 7%;
			margin-bottom: 12px;
			box-shadow: 10px 10px 10px grey;
			}
		
		.tabel:hover{
			background-color:ivory;
			border-radius: 16px;
			transform: scale(1.1);
			}
		.boks:hover, .boks2:hover, .stor:hover{
			transform: scale(1.1);
		}
		footer{
			margin-top: 12px;
			font-size:0.7em;
			font-family: "Arial", sans-serif;
			border-top: solid 1px darkslateblue;
			padding-top: 5px;
			padding-bottom: 5px;
			width: 100%;
			text-align: center;
			clear: both;
			overflow: auto;
			}
			
		.info{
			width: 33.3%;
			float: left;
			}
		h1{
			display:block;
			margin-top:6px;
			font-family: "EngravrsRoman Bd BT",Serif;
			font-variant: small-caps;
			color: darkslateblue;
			text-shadow: 1px 1px 2px darkslateblue;
			}
		h2{
			display:block;
			clear:both;
			font-size: 1.2em;
			font-style: italic;
			font-weight: normal;
			background-color: #eeeff5;
			color:darkslateblue;
			width: 60%;
			border-bottom: 1px solid darkslateblue;
			border-radius:6px;
			padding-left: 6px;
			padding-top:2px;
			margin-left: -6px;
			margin-bottom:18px;
			margin-top:24px;
			}
		h3{
			font-style: italic;
			font-size: 1em;
			color:darkslateblue;
			margin-bottom:-6px;
			}
		img{
			float: left;
			margin-left: 0px;
			margin-right: 0px;
			margin-top:10px;
			margin-bottom:10px;
			border-radius: 6px;
			}
		a:link{
			text-decoration:none; 
			color: darkslateblue;
			}
		a:visited{
			text-decoration: none;
			color: darkslateblue;
			}
		a:hover{
			 text-decoration:none;
			 color:red;
			}
		#tilbud{
			width: 60%;
			min-width: 380px;
			float: left;
			margin-top: -18px;
		}
		#tilbud li{
			margin-bottom: 9px;
			font-size: 0.9em;
			}
		.dato{
			margin-left: auto; 
			margin-right: auto;
			margin-top: 0px;
			width: 100%;
			max-width: 800px;
			min-width: 400px;
			padding: 10px;
			text-align:right;
			font-size:0.6em; 
			font-family: 'Arial', sans-serif;
			}