﻿#copyright {
	font-size: small;
	text-align: center;
	}
 body { background-color :#008080; 
 		 
 		right: 1em;
 		
   
 	 }
 
  
 
/* fortæller hvilken baggrundsfarve siden skal have*/
h1, h2, h3, h4, h5, p, links,
{ 
font-family: "Georgia","Areal Black", "Helvetica bold", "Baskervill", "serif";
 
}
/* Fortæller hvilket fonte siden ska visens i. Den vil bruge den første 
font den støder på i den besøgende font bibliotek*/
h1, h2, h3, h4, h5, h6 {
	font-variant: small-caps;
	}

/* Ændre alle små bokstaver i overskriften til store bokstaver, men med lidt 
mindre størrelse end det første bokstav */

h1, h2, h3, h4, h5, h6
{
	 
	text-align: center;
	background: red;
	 
}
/* konverterer alle overskrifter til store bokstaver */s
h1, h2, h3, h4, h5, h6
{
	text-transform: uppercase;
	}

/* størrelsen og positionen af 
overskrift h2*/

 

/* H2 farve*/
h1, h2, h3, h4, h5, { text-align: center; }

/* h2 position i forhold til siden */

 
 
  p:first-letter {
 				font-size: 250%;
 				color: red;
 				 
 				}
 

/* se forklaring under h2*/
 
  
 
 

p
{
	font-size: 1em;
	line-height: 150%;
	font-weight:bolder;
	font-style: italic;
	margin: 1em;
	background:
	/* font-weight bolder ændre alt teksten til fed skrift */
	 
	
	
}
 
/* ovenståenede sørger for at kombinationen first + p ikke laver indryk i første afsnit*/
 
	
}
 

p { 
	 
  text-align: left; 
  }
/* p {color fortæller hvilken farve teksten skal have*/
 
 
 

 
a:link{font-weight:bold; Color:#black;textdecoration:bold;}

a:visited{font-weight:normal;color:#cc00ff;textdecoration:none;}

a:hover{font-weight:bold;color:#0000ff;textdecoration:italic; }

/* ovenstående 3 linie ændre for linie 1 vedkommedede farverne på links, der ikke har været besøgt
for linie 2 vedkommende farven på links, der er besøgt og for linie 3 vedkommende farverne på links, som pilen befinder
sig over*/

  
 


#links
{ 
	  position: fixed;
	   
	top: 2%;
	left: 2em;
	right: 1em;
	bottom: 1em;
	line-height: 150%;
	  font-size: 1em;
	 overflow: auto;
	   background: #caeada;
	   border-right:  1em solid #008080;
	   border-left: 1em solid #008080;
	 
	 padding-right: 2em #red;
	 padding-left: 2em;
	 font-style: italic;
	 float: left;
	 width: 10em;
	margin: 0  0 0 -1em;
	 
 
	 
	 
}

/* fixed får linkene til at forblive stationær
virker desværre i IE 6 til Windows. background-color fortæller baggrundsfarven på 
linkene. top, left og bottom med procenter fortæller hvor stor en margin, der skal 
være rundt om i procent. */
#background

{
	position: center;
	color: #teal;
	padding left: 1em;
 
	 
}
#links a { 
	display: list-item; 
	color: #teal; 
	/* display lister links color fortæller farven på linkene */
 	 
}
 

#Victoria

{
	  position: fixed;
	  top: 2%;
	  left: 15em;
	 float: right;
	 padding: 12,5em 1em 1em 1em;
	 bottom; 1em;
	 
	right: 1em;
	bottom: 1em;
	background: #caeada; 
		overflow: auto;
		 
		 
	 
  
 			 
 			
 /* padding giver en magen på x antal pixel i det her tilfælde 10 på 
 venstre og højre side af teksten*/
 
 
	 
	 
	  
	color: #teal;
	 
	 
	/* # skal bruges foran farvevalget, hvis det skal virke i firefox
	og sansynligvis også i IE 7*/
	 
	 
	}
 
 
 
 
 #Victoria img 
{
 float: left;
 /* float left fortæller at billedet skal venstrestille sig og teksten flyde omkring den til 
 højre*/
 
 
border: 2px solid red;
margin:   4px 4px 1em;
 
}

#Victoria object
{
	float: left;
 /* float left fortæller at billedet skal venstrestille sig og teksten flyde omkring den til 
 højre. 1em giver en afstand rundt om filmen på 1 karakter i højre, venstre, øverste og 
 nederste side*/
 
 
 
margin:   1em;
padding 10px 10px 10px 10px;
}

 /*  {width: kommandoen sidder bredden. Height Commandoen sidder bredden. Img  {float fortælle til hvilken side man placerer billeder.
overflow:auto tilføjer automatisk en scrollbar hvis der er mere på siden end skærmbilledet kan vise.  Med lidt held
 betyder det, at folk med IE 6 ikke længere oplever, at links scroller ud af siden på meget lange sider*/
  
  
 
			
.first {background: #caeada;}
 
 
	</body>
 
 
