/*dette er en kommentar*/


     body {background-color:white; } 

    html, body 
        { margin: 0;
            padding: 0;
             border:0;
              overflow:scroll;   
        }
    
       /*for at undgå uønsket mellemrum mellem div's*/
    h1, h2, p{ margin: 0;} 
 
 
   /*navigationslisten */          
        nav {
                   	background-color: dodgerblue;
                	width:100%; 
                    font-size:0;
                     text-align: center;
                     height:auto;
                   
                }
                
                nav ul {color: white;
                    font-size:24px;
                   	padding: 0;
                	margin: 0;
                	list-style: none;
                	display: inline-table;
                	position: relative;
                }

                nav ul li {	float: left;} 
                nav ul li a {	display: inline-table; padding: 10px 20px;
                           color: #fff; text-decoration: none;
                }
                
                nav ul li {
                    position: relative;
                }
             
                nav ul  li:hover {background:white;}
                nav ul  li:hover  ul a {background: blue;}
                nav ul ul  {	float: left;
                	position:relative;
               		border-top: 1px solid white;
               	} 
                
               nav ul ul li a:hover {background: dodgerblue;}
               nav ul ul {	padding:0; position: absolute;
                    width:100px;
                	top: 100%;
                   
               }
               nav ul ul {display: none;}
               nav ul:after {content: ""; clear: both; display: block;	}
                               			
                
                nav ul li:hover {
                		background: #4b545f;
                		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
                		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
                		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
                	}
           		nav ul ul li a {padding: 15px 60px;	color: #fff;}	
              	

        .topcontainer {
          position: relative;
          text-align: center;
          color: white;
         background:#BDCDE0;
           font-size: 0;
          white-space: nowrap;
        }
        
        /* Bottom left text */
        .bottom-left {
          position: absolute;
          bottom: 8px;
          left: 16px;
        }
        
        /* Top left text */
        .top-left {
          position: absolute;
          top: 8px;
          left: 16px;
        }
        
        /* Top right text */
        .top-right {
          position: absolute;
        }
        
        /* Bottom right text */
        .bottom-right {
          position: absolute;
         
          right: 16px;
        }
        
        /* Centered text */
        .centered {
          position: absolute;
          top: 75%;
          left: 75%;
          transform: translate(-75%, -75%);
        } 
 /* Slut TopContainer   og placering af tekst*/
 
 .container {	
        width:100%;
        height:auto;
        padding-top:0;
        margin: auto;
        background:white;
        font-size:20px;
        z-index:0;
         }
   
    #banner
       {
         position:relative;
         width:100%;
         color:white;
         text-align:center;
         margin:0;
          border:0;
          margin-bottom: 0;
         padding-bottom: 0;
         padding:0;
         height:auto;
         background-color:dodgerblue;
         list-style: none;
         font-size: 50px;
         }           
         
     .indholdandensoeg hr{  height:0; padding:0;  margin:0;font-size:0;}
                 
       .spv  {float:left;  width:33%;    margin:0; }
       .sph  {float:right; width:33%;    margin:0; }
       .spm  {   padding:0;   margin-left:33%;    margin-right:33%; }
        
       .afsnit{  font-size:20px;    margin:2% 3%;  }
             
         
 /* To spalter */
  .venstre  { float:left; width:50%; }
  .hojre    { float:right; width:50%; margin:0; }
  .img100{width:100%;margin-left:100%;margin-right:auto;     }
  
   
 .tv{
     margin-left:5%;
    margin-right:auto;
 }
  .th{
 margin-left:2.5%;
 margin-right:5%;
    
 } 
 
 .tvcenter img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
  
 
}
  
   
   #indhold
    {
    margin-left:0%;
    margin-right:50%;
    } 
  
  .aligncenter {
    text-align: center;
}
  
  

.centrer {
display: block;
margin-left: auto;
margin-right: auto;
width:15%;
}

  .img20{width:100%;margin-left:85%;margin-right:15%;     }
    .img80{width:80%;margin-left:95%;margin-right:15%;     }

  .tilpasimg{ display: inline-block;text-align:center;}


  
  .tekstbox {
                 box-sizing:border-box;
                 display:inline-box;
                 width: 80%;
                 border: 2px solid dodgerblue;
                 padding: 3%;
                margin: 2% auto;
                 font-size:20px;
              }
              
      .tekstboxny {
                 box-sizing:border-box;
                 display:inline-box;
                 width: 8%;
                 border: 2px solid black;
                 padding: 3%;
                margin: 2% auto;
                 font-size:20px;
              }
              
              
 .tv{ margin-left:10%;    margin-right:5%; }
 .th{ margin-left:5%; margin-right:10%;}    
 
 .tv p{text-align:center;}
              
 .sp1  { float:left;  width:50%; clear:left;}
.sp2  { float:right; width:50%; }
.imgleft {float:left;width:35%;padding-left:5%;} 
.imgleft img {border:1px solid black; }
.forklaring {padding-left:47%;font-size:24px;}

.baggrund {background:lightgray;}
.baggrund2 {background:lightblue;}
.baggrund3 {background:#BDCDE0;}
.baggrund4 {background:lavende;}
 
  #fod
{clear:both;
margin: 0;
padding-top:0.5em;
padding-bottom:0.5em;
width:100%;
color:#FFF;
background-color: #036;
text-align:center;
}