.mediatec-cleanaudioplayer{
width: 100%;
}   
nav {
z-index: 100;
}
h1 {
margin-left:0px;
margin-right:0px;
margin-bottom: 10px;
padding:10px;
width: 100%;
background-color: #000000;
color: white;
}

a:hover{
color:#666666;
}

#theTop{
text-align:center;
}

#toplinks2{
text-align:center;
}

#radiodownload{
text-align:center;
}


.collapsiblePK {
  background-color: #FF6659;
  color: #000000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: 1px solid #FFE25D;
  text-align: center;
  outline: none;
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

.active, .collapsiblePK:hover {
  background-color: #555;
  color: #ffffff;
  border: 1px solid #ffffff;
}

.contentPK {
  padding: 18px;
  display: none;
  overflow: hidden;
  background-color: #000000;
  color: #000000;
}
.buttonPKodd {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 4px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1em;
  margin-top: 2px;
  margin-bottom: 2px;
}
.buttonPKeven {
  background-color: #cccccc;
  color: black;
  cursor: pointer;
  padding: 4px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1em;
  margin-top: 2px;
  margin-bottom: 2px;
}
.contentPK h3{
color: #000000;
}

.contentPK a{
color: #000000;
font-weight: bold;
}

.btn-default {   
    border: 1px solid #FF6659;
    outline: 0;
    color: #000;
    background-color: #FFE25D;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #FFE25D;
    color: #FFE25D;
    background-color: #000000;    
}

h1{
text-align: center;
font-size: 4em;
}

h3{
color:#000000;
}

.container{
background-color:#ffffff;
color: #000000;
border: 1px solid #000000;
}

body{

background-color: #efefef;

}

/* ----------------------------- */
/*   MODERN WORKING GALLERY     */
/* ----------------------------- */

.col-container {
  display:flex;
  flex-wrap:wrap;
  width:100%;
}

.col {
  width:25%;
  padding-right:16px;
  padding-bottom:16px;
}

@media only screen and (max-width: 600px) {
  .col {
    width:100%;
  }
}

.col img {
  width:100%;
  height:auto;
  cursor:pointer;
  display:block;
}

/* ----------------------------- */

a{
color: #000000;
font-weight: bold;
}

.bred{
padding-left: 20px;
padding-right: 20px;
}

body{
font-family: 'Arvo', serif;
}

/* Dashed red border */
hr.new2 {
  border-top: 2px dashed #cccccc;
}

</style>

<style>
form {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

label {display: block;}

input[type=text], select {
  width: 100%;
  padding: 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}


input[type=email], select {
  width: 50%;
  padding: 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=tel], select {
  width: 50%;
  padding: 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

#message {
  width: 100%;
  padding: 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

#knappen {
  width: 100%;
  background-color: #666666;
  color: white;
  padding: 14px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#knappen:hover {
  background-color: #333333;
}

li{
font-size: 16px;
}

/* START TIL ALLE SIDER */

.navbar{
margin-bottom: 0;
margin-top: 5px;
}

/* Navbar background */
.navbar {
    background-color: #ffffff;
    border: none;
}

/* Brand text */
.navbar-brand {
    color: #000000 !important;
}

/* Menu links */
.navbar-nav > li > a {
    color: #000000 !important;
}

/* Hover effect */
.navbar-nav > li > a:hover,
.navbar-brand:hover {
    color: #ffffff !important;
    background-color: #000000 !important;
}

/* Mobile hamburger icon */
.navbar-toggle .icon-bar {
    background-color: #000000 !important;
}

/* Optional: border around hamburger button */
.navbar-toggle {
    border-color: #000000;
}

/* Begynd Overskrifter */
h1 {
    font-size: 36px;
}

@media only screen and (max-width: 600px) {
    h1 {
        font-size: 24px;
    }
}

h1{
text-align: left;
}

/* End Overskrifter */