body {
	background-color: lightblue;
      font-family: "Garamond", serif;
      font-size: 1em;

        margin-top: 100px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 70px;
}


h1 {
	color: black;
     font-family: "verdana", sans-serif;
     padding: 20px 20px 20px 20px;
}


div.boks  {
	position:absolute;
	width: 84%;
        height: 84%;
        top: 5%;
        left: 8%;
	border-style: groove  ;	
	background: lightgrey;
}

div.lilleboks  {
	position:absolute;
	width: 60%;
        height: 60%;
        top: 20%;
        left: 20%;
	border-style: groove  ;	
	background: lightgrey;
}




#boks1 {
	position:absolute;
        height: 300px;
        width: 300px;
	top: 0px;
	left: 0px;
        background-color: brown;
	border-style: inset  ;	

}

#boks2 {
	position:absolute;
        height: 200px;
        width: 200px;
	top: 0px;
	left: 300px;
        background-color: mediumpurple;
	border-style: inset  ;	

}

#boks3 {
	position:absolute;
        height: 250px;
        width: 250px;
	top: 0px;
	left: 500px;
        background-color: olive;
	border-style: inset  ;	

}

#boks4 {
	position:absolute;
         height: 250px;
        width: 250px;
	top: 300px;
	left: 0px;
        background-color: olive;
	border-style: inset  ;	

}

#boks5 {
	position:absolute;
        height: 50px;
        width: 50px;
	top: 300px;
	left: 250px;
        background-color: silver;
	border-style: inset  ;	

}

#boks6 {
	position:absolute;
        height: 150px;
        width: 150px;
	top: 200px;
	left: 300px;
        background-color: mistyrose;
	border-style: inset  ;	

}

#boks7 {
	position:absolute;
        height: 50px;
        width: 50px;
	top: 200px;
	left: 450px;
        background-color: silver;
	border-style: inset  ;	

}
#boks8 {
	position:absolute;
        height: 300px;
        width: 300px;
	top: 250px;
	left: 450px;
        background-color: brown;
	border-style: inset  ;	

}

#boks9 {
	position:absolute;
        height: 200px;
        width: 200px;
	top: 350px;
	left: 250px;
        background-color: mediumpurple;
	border-style: inset  ;	

}

#bog1c {
         position: absolute;
         height: 42%;
         width: 20%;
         top: 4%;
         left: 4%;
}


#bog1t {
         position: absolute;
         height: 42%;
         width: 25%;
         top: 4%;
         left: 25%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: "garamond", serif;



}

#bog2c {
         position: absolute;
         height: 42%;
         width: 20%;
         top: 4%;
         left: 54%;
}


#bog2t {
         position: absolute;
         height: 42%;
         width: 25%;
         top: 4%;
         left: 75%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: "garamond", serif;

}

#bog3c {
         position: absolute;
         height: 42%;
         width: 20%;
         top: 54%;
         left: 4%;
}


#bog3t {
         position: absolute;
         height: 42%;
         width: 25%;
         top: 54%;
         left: 25%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: "garamond", serif;

}



#tilbage {
         position: absolute;
         top:  0%;
         left: 0%;
         height: 22 px;
         width: 22 px; 	
	border-style: none  ;	
}

#godbog0 {
         position: absolute;
         height: 4%;
         width: 80%;
         top: 0%;
         left: 10%;
         background-color: brown;
     font-family: verdana, sans-serif;
}

#godbog1 {
         position: absolute;
         height: 20%;
         width: 20%;
         top: 8%;
         left: 0%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#godbog2 {
         position: absolute;
         height: 20%;
         width: 20%;
         top: 8%;
         left: 27%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#godbog3 {
         position: absolute;
         height: 20%;
         width: 20%;
         top: 8%;
         left: 53%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#godbog4 {
         position: absolute;
         height: 20%;
         width: 20%;
         top: 8%;
         left: 80%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#godbog5 {
         position: absolute;
         height: 20%;
         width: 20%;
         top: 32%;
         left: 10%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#godbog6 {
         position: absolute;
         height: 20%;
         width: 20%;
         top: 32%;
         left: 40%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#godbog7 {
         position: absolute;
         height: 20%;
         width: 20%;
         top: 32%;
         left: 70%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#godbog8 {
         position: absolute;
         height: 20%;
         width: 20%;
         top: 56%;
         left: 0%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#godbog9 {
         position: absolute;
         height: 20%;
         width: 20%;
         top: 56%;
         left: 27%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#godbog10 {
         position: absolute;
         height: 20%;
         width: 20%;
         top: 56%;
         left: 53%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#godbog11 {
         position: absolute;
         height: 20%;
         width: 20%;
         top: 56%;
         left: 80%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#godbog12 {
         position: absolute;
         height: 20%;
         width: 20%;
         top: 80%;
         left: 10%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#godbog13 {
         position: absolute;
         height: 20%;
         width: 20%;
         top: 80%;
         left: 40%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#godbog14 {
         position: absolute;
         height: 20%;
         width: 20%;
         top: 80%;
         left: 70%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#spalte1 {
	float:left;
	width: 48%;

}
#spalte2 {
	float:left;
	width: 48%;

}
#spaltemargen {
	float:left;
	width: 4%;

}



#links0 {
         position: absolute;
         height: 4%;
         width: 80%;
         top: 0%;
         left: 10%;
         background-color: olive;
     font-family: verdana, sans-serif;
}

#links1 {
         position: absolute;
         height: 10%;
         width: 20%;
         top: 50%;
         left: 40%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#links2 {
         position: absolute;
         height: 10%;
         width: 20%;
         top: 30%;
         left: 20%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#links3 {
         position: absolute;
         height: 10%;
         width: 20%;
         top: 30%;
         left: 60%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#links4 {
         position: absolute;
         height: 10%;
         width: 20%;
         top: 70%;
         left: 20%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#links5 {
         position: absolute;
         height: 10%;
         width: 20%;
         top: 70%;
         left: 60%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#links6 {
         position: absolute;
         height: 10%;
         width: 20%;
         top: 10%;
         left: 40%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#links7 {
         position: absolute;
         height: 10%;
         width: 20%;
         top: 90%;
         left: 40%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#links8 {
         position: absolute;
         height: 10%;
         width: 20%;
         top: 50%;
         left: 0%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}

#links9 {
         position: absolute;
         height: 10%;
         width: 20%;
         top: 50%;
         left: 80%;
	border-style: groove  ;
	background-color: lightgrey;
     font-family: verdana, sans-serif;
}