*{
    margin: 0;
    padding: 0;
}
/*--body indeholder alt der vises på skærmen--*/
body {
    color: 000;
}
/*.--container er det id der definere rammen om det der vises--*/
#container{
    margin: 0 auto; /*centrering af container*/
	/*width: 82%;*/
	width:1300px;
	background-color: #fff;
	min-width: 460px;
}
/* header her er side hoved*/
header
 {
        background-color: #38c1ad;    
}
header h1{
	margin: 0 14px;}
nav {
    overflow: hidden;
    background-color: #38c1ad;
}
nav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    
    text-decoration: none;
    font-size: 17px;
  }
 nav a:hover {
    background-color: #ddd;
    color: black;
  }
  a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color:#333;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
	color:#bbb;
}
/* venstre sides indhold*/
#vside{
    /*background-color: rgb(87, 8, 124);*/
    float: left;
    width: 280px;
    height: 652px;
}
/*bruges i omtale ad hvis månen falder ned pga meget tekst*/
#vside02{
    /*background-color: rgb(87, 8, 124);*/
    float: left;
    width: 480px;
   /* height: 600;*/
}
#indhold{
    background-color: #8ecbc6;
    color:#000;
    padding: 4px 2px 8px 2px;
}
#indhold img{
    margin-right: 14px;
    padding-bottom: 20px;
}
#indhold p, h4{
	padding: 4px 14px;}
.venstre{
	float: left;
	margin-left:140px
	}	
.hoejre	{
	float:right;
	margin-right:140px
	}
#boks1 {
     float: left;
     width: 270px; 
     margin: 4px;
 }
 /*bruges i omtale ad hvis månen falder ned pga meget tekst*/
 #boks1-02 {
     /*float: left;
     width: 270px; */
     margin: 30px 10px;
 }
 #boks2 {
     width: 270px;
     margin: 4px;
     float: left;
 }
 #boks3 {
    /*background-color: rgb(153, 51, 114);*/
    float: left;
    width: 270px; 
    margin: 4px;
 }
 #boks4 {
    /* background-color: chartreuse;*/
     width: 270px;
     margin: 4px;
     float: left;
 }
 #box1 {
    /*background-color: rebeccapurple;*/
     float: left;
     width: 430px; 
     margin: 4px;
 }
 #box2 {
    /*background-color: rgb(59, 153, 51);*/
     width: 430px;
     margin: 4px;
     float: left;
 }
 #box3 {
    /*background-color: rgb(153, 51, 114);*/
    float: left;
    width: 430px; 
    margin: 4px;
 }
 #box4 {
     /*background-color: chartreuse;*/
     width: 430px;
     margin: 4px;
     float: left;
 }
 #copyrigth{
     padding: 0 33px;
	 float: left;
     text-align: center;
 }
addresss{
	float:left;
}
footer{
    background-color: #38c1ad;
    color: black;
    clear: both;
    margin-top: 4px;
	height: 20px;
	text-align:center;
}
span{
	margin:0 24px;}

.fed {
	font-weight: bold;
}