/*
head{
  background-color: #f1f1f1;
}

header{
  background-color: #eee;
}
*/

@media (min-width: 700px){
body{
  margin: 0%;
  border: 50px solid transparent;
  padding: 3px;
  border-image: url(celtic_borders_2.jpg) 80 round;
}
}

#mainForm{
  display: none;
}

#borderimg{
  border: 50px solid transparent;
  padding: 3px;
  border-image: url(celtic_borders_2.jpg) 30 round;
}
h1,h2,h3,h4,h5,h6{
  text-align: center;

}

a{
 margin: auto;
 display:block;
 text-align: center;


}

a.inline{
  display: inline;
}
form{
  display:block;
  margin-left:auto;
  margin-right: auto;
  text-align: center;
}

img{
   display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20%;
}
@media (min-width: 800px){
  img{
    width: 50%;
  }
}

div{
  border-style: solid;
  margin-left: 5%;
  margin-right:5%;
  padding: 20px;
}
@media (min-width: 700px){
  div{
  
   
      margin-left: 20%;
      margin-right:20%;
   
     
  }
}


ul{
  /*background-color: #f1f1f1;*/

   position:relative;
    /*width: 80%;
    margin-left:300px;
    margin-right: 300px;*/
    top:10px;
    list-style-type: none;
    text-align: center;


  }
  @media (min-width: 700px){
  ul{
    
    margin: 0;
    padding: 2%;
    padding-bottom: 5%;
    width: 15%;
    position: fixed;
    left: 50px;
    top: 1px;
    height: 100%;
    overflow: auto;
    padding-top: 80px;
    
  }
}
  /*
@media (max-width 800px){
  ul{
    position:absolute;
    bottom: 10px;
    width: 80%;

  }
}
*/
.overskrift{
  /*background-color: #f1f199;*/

}

.main_text{
  width:40%;
  margin-left:0%;
  margin-right:0%;
  margin-top: 50px;
  padding:10%;
  float: left;
}


.main_nav{  /*Dette er for hovedsidens navigation bar */
    width: 15%;
    padding:20px;
    height:100px;
    margin-top:50px;

    background-color: #eee;
    overflow-y: auto;
    float:left;

}

.main_nav a{
  display: block;
  text-decoration: none;
  font-size: 20;
  padding-left: 0;  

}

.main_nav a.over{
  color: black;
  font-size: 25;
  text-align:left;
}
.topper{ /*For toppen af siden*/
  background-color: #eee;

}

.cookie_bar{ /*Til vores sidebar om cookies på main_siden*/

  
  width:15%;
  margin: 0%;
  margin-top:50px;
  padding:20px;
  height:500px;
  border-style: solid;
  overflow: hidden;
  float:left;


}

/*Nu den hemmelige del til at arbejde med smalle skærme
@media screen and (max-width: 700px){
  .main_nav{
    width:90%;
  }
  .main_text{
    width:80%;
    padding:1%;
  }
  .cookie_bar{
    width:90%;
    margin-top:10px;
    background-color: #119999;
  }
  */
  

}