html * {
  font-family: "open sans",arial,sans-serif;
  color: white;
}
#body {
/*
  background-image: url("http://chpoulsen.dk/img/background_1920x1280.jpg");
  opacity:0.5;
  filter:alpha(opacity=50);
*/
  margin:0;
  background:#99aacc;
}

#background {
  position:fixed;
  opacity:0.3;
/*
  filter:alpha(opacity=30);
*/
  min-height:100%;
  min-width:100%;
  z-index:-1;
}

#menubar {
  position:fixed;
  width: 100%;
  top:0px;
  overflow:hidden;
  z-index:1;
}

#menu {
  max-width:1024px;
  width:95%;
  margin-left: auto;
  margin-right: auto;
  display:block;
  padding:10px;
}

#menu > ul {
  list-style:inside none;
  padding:0;
  margin:0;
}

#menu > ul > li {
  list-style:inside none;
  background:#333333;
  box-shadow:0 15px 10px -15px rgba(0,0,0,0.4);
  padding:0;
  margin:5px;
  float:right;
  display:block;
  position:relative;
}

#menu > ul > li:first-child {
    float:left;
}

#menu > ul > li > a {
  outline:none;
  display:block;
  position:relative;
  padding: 12px 20px;
  color:#000;
  text-align:center;
  text-decoration:none;
  cursor: pointer;
}

#menu > ul > li > a:hover {
  background:#777777;
}

#menu-img {
  display:none;
  margin-left:-3%;
}

#frame {
  position:relative;
  max-width:1024px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
}

#footerbar {
  width: 100%;
  bottom: 0px;
  z-index:1;
}

#footer {
  max-width:1024px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  display:block;
  padding:0;
  text-align:center;
}

#footer > p {
  outline:none;
  display:inline-block;
  position:relative;
  padding:0;
  color:black;
  font-size:80%;
  text-align:center;
  text-decoration:none;
}

#kogebog-img {
/*
	width:29%;
	border:3pt #99aacc solid;
	border-radius:20%;
	padding:3pt;
*/
}

.full-width {
  width:100%;
  max-height:100%;
}

.w3c-div {
  display:inline;
  width:0;
  float:right;
  direction:rtl;
}

.w3c-badge {
  display:inline-block;
  width:80px;
  border:0;
  margin-right:10px;
}

.content {
  min-height:100px;
  box-shadow:0px 5px 10px 5px rgba(0,0,0,0.4);
  padding:20px;
  padding-bottom:40px;
  margin:10px;
  background:#333333;
  opacity:0.8;
  overflow:auto;
}

.subcontent {
  position:relative;
  overflow:auto;
}

h1, h2 {
  font-weight:300;
}

.content > p {
  outline:none;
  display:block;
  position:relative;
  padding:0;
  text-align:center;
  text-decoration:none;
}

.content-txt {
  width:70%;
  float:left;
  display:inline-block;
}

.content-img {
  width:30%;
  float:right;
  display:block;
}

.content-udd {
  float:left;
  padding:2%;
  width:46%;
}

.play-badge {
  float:left;
  margin-top:10px;
  /*position:absolute;*/
  bottom:0px;
}
.play-badge img {
	max-width:250px;
}

.social {
  float:left;
  position:absolute;
  bottom:20px;
}

.icon-img {
  margin-right:20px;
  width:64px;
  height:64px;
  float:left;
}

.contact-elem {
  width:100%;
  color:black;
}

.studieordning {
  margin-bottom:10px;
}

#contact-form {
  width:30%;
  padding:0 10% 0 10%;
  float:right;
}

#contact-txt {
  width:50%;
  margin-bottom:20px;
  overflow:auto;
  min-height:150px;
}

#send-btn {
  background-color:#111111;
  margin-top:10px;
  color:#ffffff;
  min-height:40px;
  font-size: 20px;
  cursor: pointer;
  border:none;
}

#send-btn:hover {
  border: none;
  background:#555555;
  box-shadow: 0px 0px 1px #777;
}

#chicken-txt {
  width:70%;
  margin-bottom:80px;
}

#welcome-img {
  float:none;
  margin:auto;
}

#forside {
  text-align:center;
}

#hviid-img {
  width:20%;
  margin-right:5%;
}

/* Tablets */
@media screen and (max-width:960px) {
  #menulist, #menulist-nojs {
    display:none;
  }
  #menu-img {
    display:block;
  }
  #menu > ul > li:first-child {
    float:right;
  }
  #menu > ul > li {
    width:30%;
  }
  #contact-form {
    width:45%;
    padding:0 2% 0 2%;
  }
}

/* Mobiles */
@media screen and (max-width:599px) and (orientation:portrait) {
  .content-txt,
  .content-udd,
  #chicken-txt,
  #contact-form,
  #contact-txt {
    float:none;
    overflow:auto;
    width:100%;
    padding:0;
  }
  .content {
    padding-bottom:20px;
  }
  #welcome-img {
    width:80%;
  }
  .social {
    float:none;
    position:static;
    margin-top:20px;
    width:100%;
  }
  .contact-elem {
    width:97%;
  }
  #menu > ul > li {
    width:45%;
  }
  .content-img {
    float:none;
    display:block;
    margin:auto;
  }
  #hviid-img {
    width:50%;
    margin:auto;
  }
  .w3c-div {
    display:block;
    width:100%;
    clear:both;
  }
}

@media screen and (orientation:portrait) {
  #menu-img {
    width:15%;
  }
}

@media screen and (orientation:landscape) {
  #menu-img {
    width:10%;
  }
}