{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#top_menu_bar { position: fixed; width: 100%; margin: 0; z-index: 5; margin-top: 80px;}

/*Top navigation menu bar*/

li .menuburger, li img #menuburger {display: none;} /*skal i top-menu css*/
ul {margin: 0; padding: 0;}
ul.main-nav {width: 50%; margin: 0 auto; text-align: center; list-style: none; color: #fff !important; background-color: #000 !important;}
ul.main-nav ul {display: none;}
ul.main-nav > li {position: relative; display: inline-block; z-index: 1;}
ul.main-nav a {display: inline-block; font-family: sans-serif; font-weight: normal; font-size: 0.8rem; line-height: 1rem; color: #e6e6e6; display: block; text-decoration: none; white-space: nowrap; padding: 8px 16px;}
ul.main-nav a:hover {background-color: #4d4d4d;}
ul.main-nav > li > ul {position: absolute; padding-top:10px;}
ul.main-nav li:hover > ul {display: block;}
ul.main-nav ul li {position: relative;}
ul.main-nav ul ul {position: absolute; left: 100%; height: inherit; top: 0;
}
ul.main-nav li span.fa {position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}
nav {font-family: sans-serif; font-size: 0.8rem; line-height: 1rem; font-weight: lighter; padding-top: 8px; border-top: 1px solid #cccccc; background-color: #000 !important; padding: 10px 0;}
ul.sub-nav {list-style: none; color: #fff !important; background-color: #000 !important;}
/*ul.sub-nav-sub-nav {list-style: none; color: #fff !important; background-color: #000 !important; display: block !important;}*/
ul.sub-nav li{padding-top: 6px; padding-bottom: 6px;}
ul.sub-nav li:hover{background-color: #4d4d4d;}
 /*Top navigation menu bar - end*/


/* Delte entiteter for side-bars*/
    .flex-container {display: -webkit-flex; display: flex;}
    .w3-hover-text-light-blue {font-family: arial; font-weight: normal; font-size: 12px; color: #cccccc; font-weight: lighter; margin-left:10px;}
    .w3-hover-text-light-blue:hover {font-weight: lighter; color: cornflowerblue;}
    .meddelelser {font-family: palatino; font-size: 16px; font-weight: lighter; text-align: center; color: #cccccc; margin-bottom: 4px;}
    .online {font-family: palatino; font-size: 16px; font-weight: lighter; text-align: center; color: #cccccc; margin-bottom: 4px; }
    ul.slwwhoisonline {list-style-type: none; background-color: #666666; padding-left: 0px; padding-top:0px; margin-top:0px; padding-bottom:25px; margin-bottom:25px;}
    /* Modal start */
    .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 1; /* Sit on top */
      padding-top: 0px; /* Location of the box */
      left: 50px;
      top: 15px;
      width: 90%; /* Full width */
      height: 95%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(102,102,102,1.0); /* Black w/ opacity */
      color: #f6f6f6;
      border: solid 2px white;
  }

      /* Modal Content */
      .modal-content1 {background-color: #666666; margin: auto; padding: 20px;     border: 2px solid #888; width: 100%;}

      /* The Close Button */
      .close1 {color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;   cursor: pointer;}

      .close1:hover, .close1:focus {color: #000; text-decoration: none; cursor: pointer;}

      #modalTitle {font-family: Palatino Linotype;color: #f6f6f6;}

      p.modal_button:hover {color: #9F5584; background: #f6f6f6;}

      p.modal_button {padding-top: 5px; display:block; text-align: center; background: #666666; color: #f6f6f6; border: none; font-family: arial; font-weight: lighter; font-size: 14px; cursor: pointer;width: 100%; height: 100%; border: 2px solid #666666; margin-bottom: 0px;}

      .modal_button { }

      .modal_text {color: white; font-family: sans-serif; font-size: 16px; font-weight: lighter; color: #f6f6f6;}
      /* Modal end */
/* Delte entiteter for sidebars - end*/


/* Sidebar side-normal*/
      #sidebar {width:18%; float: right; margin-top:0px; background-color:#666666; border-top: solid 1px #f6f6f6; border-left: solid 1px #f6f6f6; vertical-align: top; position: relative; top: 135px; margin-bottom: 200px; max-width: 300px;}

      #hvemeronline {padding: 0px 1px 0px 4px; margin: 1px 0px 1px 0px;}

      #donate_top {}


   /* Modal how-to start */
      .modal_how_to {
          display: none; /* Hidden by default */
          position: fixed; /* Stay in place */
          z-index: 1; /* Sit on top */
          padding-top: 0px; /* Location of the box */
          left: 50px;
          top: 145px;
          width: 90%; /* Full width */
          height: 75%; /* Full height */
          overflow: auto; /* Enable scroll if needed */
          background-color: rgb(0,0,0); /* Fallback color */
          background-color: rgba(102,102,102,1.0); /* Black w/ opacity */
          color: #f6f6f6;
          border: solid 2px white;
      }

      /* Modal how-to Content */
      .modal_how_to-content1 {background-color: #666666; margin: auto; padding: 20px; border: 2px solid #888; width: 100%;}

      /* The how-to Close Button */
      .close_how_to {color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer;}

      .close_how_to:hover, .close_how_to:focus {color: #000; text-decoration: none;cursor: pointer;}

      #modal_how_to-Title {font-family: Palatino Linotype;color: #f6f6f6;}

      p.modal_how_to_button:hover {color: #9F5584; background: #f6f6f6;}

      p.modal_how_to_button {padding-top: 5px; display:block; text-align: center; background: #666666; color: #f6f6f6; border: none; font-family: arial; font-weight: lighter; font-size: 14px; cursor: pointer;width: 100%; height: 100%; border: 2px solid #666666; margin-bottom: 0px;}

      .modal_how_to_button {}

      .modal_how_to_text {color: white; font-family: sans-serif; font-size: 16px; font-weight: lighter; color: #f6f6f6;}


          /* Modal how-to end */
/* Sidebar side-normal - end */


/* Sidebar bottom*/
    .flex-container_bottom {
        display: -webkit-flex; display: flex; background-color:#666666; position: relative; left: 0; bottom: 0; width: 100%; }

     #bottom_ads {width: 23.5%; margin-right: 8px; margin-left: 8px; background-color:#666666; text-align: center; padding-top:10px; padding-bottom: 10px;}

     .adsbygoogle {display:inline-block; width:200px; height:300px;}

     #bottom_messages {width: 23.5%; height: 350px; margin-right: 8px; background-color:#666666; border-left: solid 1px #f6f6f6; padding-top:5px;}

     #blabbox1 {width: 85%; max-height: 250px; border: solid
        1px black; overflow: auto; background-color: #FFFFFF; margin: auto; padding: auto;}

     #donation {width: 23.5%; margin-right: 0px; margin: left: 0px; background-color:#666666; border-left: solid 1px #f6f6f6; vertical-align: top;}

     #donation_box {width: 95%; background-color: white; text-align: center; margin: 40px 8px 0px 8px; padding: 0px 8px 0px 8px;}

     .doner_head {
      font-family: palatino; font-size: 18px; font-weight: bold; text-align: center; color: #666666; margin-bottom: 4px;}

     .doner_text {font-family: palatino; font-size: 16px; font-weight: Normal; text-align: left; color: #666666; word-break: normal;}

     #navigation_bottom {width: 23.5%; background-color:#666666; border-left: solid 1px #f6f6f6; padding-left:30px; padding-top: 20px;}

     #navigation_bottom a {color: #ccc;}
/* Sidebar bottom - end*/


/* Footer */
    .flex-container_footer {
        display: -webkit-flex; display: flex; background-color:#666666; position: relative; left: 0; bottom: 0; width: 100%; }
    #partners a {color: #ccc;}
    #partners a:hover {color: cornflowerblue;}
/* Footer - end */


    p {
        margin-top: 0px;
        padding-top:0px;
        margin-bottom: 0px;
        margin-right: 10px;
        margin-left: 0px;
        color: #9F5584;
        font-weight: bold;
        font-family: Serif;
        font-size: 20px;
        padding-left:5px;
        text-align: left;


    }

    h3 {
        margin-top: 0px;
        padding-top:0px;
        margin-bottom: 0px;
        margin-right: 10px;
        margin-left: 0px;
        color: #9F5584;
        font-weight: normal;
        font-family: Arial ;
        font-size: 18px;
        text-align: center;

    }

    h4 {
        margin-top: 0px;
        padding-top:0px;
        margin-bottom: 0px;
        margin-right: 10px;
        margin-left: 0px;
        color: #f6f6f6;
        font-weight: normal;
        font-family: Serif;
        font-size: 18px;
        padding-left:45px;
        text-align: left;

    }


    h5 {
        margin-top: 0px;
        padding-top:0px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
        color: #9F5584;
        font-weight: normal;
        font-family: Arial ;
        font-size: 15px;
        text-align: center;

    }

    h6 {
        margin-top: 0px;
        padding-top:0px;
        margin-bottom: 0px;
        margin-right: 10px;
        margin-left: 0px;
        color: #666666;
        font-weight: normal;
        font-family: Helvetica ;
        font-size: 16px;
        text-align: left;

    }


        /*Check for message requirements*/
        .message { margin-top: 7px; font-family: arial; font-size: 12px; color: #666666; text-align: center; background-color: lightgreen; border: 1px solid lightgrey; padding-left: 0px; padding-right: 0px; }
        .message2 { margin-top: 7px; font-family: arial; font-size: 12px; color: white; text-align: center; background-color: red; border: 1px solid #666666; padding-left: 0px; padding-right: 0px; }
        .message3 { margin-top: 7px; font-family: arial; font-size: 12px; color: #666666; text-align: center; background-color: lightgreen; border: 1px solid lightgrey; padding-left: 0px; padding-right: 0px; }
        .message4 { margin-top: 7px; font-family: arial; font-size: 12px; color: white; text-align: center; background-color: red; border: 1px solid #666666; padding-left: 0px; padding-right: 0px; }
        .success { margin-top: 7px; font-family: arial; font-size: 12px; color: #666666; text-align: center; background-color: lightgreen; border: 1px solid lightgrey; padding-left: 0px; padding-right: 0px; }
        .error { margin-top: 7px; font-family: arial; font-size: 12px; color: white; text-align: center; background-color: red; border: 1px solid #666666; padding-left: 0px; padding-right: 0px; }



       /* Top menu responsive */
      @media only screen and (max-width: 1100px) {
        ul.main-nav {
          width: 100%;
          margin: 0;
          text-align: center;
          padding-top: 5px;
        }
      }


      /*Side menu responsive */
      @media only screen and (max-width: 1000px) {
        #sidebar {
          width: 0px;
          display: none;

        }

      }

      /* Sidemenu bottom responsive */
     @media only screen and (max-width: 800px) {

        #header_ads, #bottom_ads, #bottom_messages, #donation, #donation_box, #doner_head, #doner_text {
          width: 0px;
          display: none;
          border: none;
        }

        #container_bottom {
          width: 800px;
          border: none;
        }

        #navigation_bottom {
         margin: 0px 0px 0px 70px;
         padding: 4px 0px 4px 0px;
         width: 100%;
         border-left: none;
        }

      }

      @media only screen and (max-width: 560px) {
         #column_1 {
            position: relative;
            top: 150px;
            }

          /*#top_menu_bar {display: none;}
*/
         /*.main-nav, .sub-nav {display: none;} /*skal i top-menu css*/

         /*.main-nav > .menuburger{display: flex; justify-content: center; color: white;} /*skal i top-menu css*/

         /*img #menuburger {display: block; }
         .menuburger p {color: white; font-family:helvetica; font-size: 12px; font-weight: lighter; margin-top: 3px;} /*skal i top-menu css*/
    }


        /* Footer responsive */
        @media only screen and (max-width: 900px) {
        .flex-item_footer_partners {
          display: none;
       }

      }

      @media only screen and (max-width: 1000px) {
           .flex-container_footer {
          display: none;

        }
      }