<style type="text/css" media="screen">

           form { background-image:url(../121/images/thumb/DSC_0491_250_gray.gif); padding:20px; border:0px solid #ddd; }
           tr, td {color:blue; border:0px; border-style:none none none none; font-size:13px; font-family:Verdana,sans-serif; font-weight:bold; }
           input, select, textarea { font-size:13px; font-family:Verdana,sans-serif; font-weight:bold; }
           input, select, textarea { color:#00c; }

          .Bereich, .Feld { background-color:#ffa; width:300px; border:6px solid #ddd; }
          .Auswahl { background-color:#dff; width:300px; border:6px solid #ddd; }
          .Check, .Radio { background-color:#ddff; border:1px solid #ddd; }
          .Button { background-color:#aaa; color:blue; width:350px; border:2px solid #ddd; }

          .h3       { color:#3F5CED; font-size:12px; font-family:Verdana,sans-serif; line-height:130%;}
          .h41       { color:#3F5CED; font-size:1.2em; font-family:Verdana,sans-serif; line-height:130%; text-align:center}
          .tdCol01 { color:#3F5CED; font-size:10px; font-family:Verdana,sans-serif; line-height:130%;}
          .tdCol02 { color:#3F5CED; font-size:10px; font-family:Verdana,sans-serif; line-height:130%;}
          .tdCol03 { color:yellow; font-size:10px; font-family:Verdana,sans-serif; line-height:130%;}

          .tdBox   { color:white; font-size:11px; background-color:#EFF5D5; font-family:Verdana,sans-serif; line-height:130%;}
          .text01  { color:#3F5CED; font-size: 0.9em; font-family: Verdana,sans-serif; text-align: center;}
          .text02  { color:#3F5CED; font-size: 10px; font-family:Verdana,sans-serif; line-height:100%;}
          .textvar { color:#6495ed; font-size:1.1em; font-family:Verdana,sans-serif; line-height:230%; border-top:0px; border-bottom:0px; text-align:left}
 
          .text11  { color:blue; font-size:1.3em; font-family:Verdana,sans-serif; line-height:130%;float:center; text-align:center}
          .text10  { color:blue; font-size:1.1em; font-family:Verdana,sans-serif; line-height:130%;float:center; text-align:center;font-style: italic;}          
          .textpic { color:#3fe7ed; font-size: 1.2em; font-family:Verdana,sans-serif; line-height:130%; text-align:left}
          .textpicl { color:#3F5CED; font-size: 1.2em; font-family:Verdana,sans-serif; line-height:130%; text-align:left}
          .textpicr { color:#3F5CED; font-size: 1.2em; font-family:Verdana,sans-serif; line-height:130%; text-align:right}
          .table   {align:center;text-align:center;border:0px}
          .text21  { color:white; font-size:1.1em; font-family:Verdana,sans-serif; line-height:130%;float:center; text-align:center;font-style: italic;}
          .text22  { color:white; font-size:1.1em; font-family:Verdana,sans-serif; line-height:130%;float:left; text-align:left;font-style: italic;}
          .text23  {color:blue; border:0px; border-style:none none none none; font-size:13px; font-family:Verdana,sans-serif; font-weight:bold; }
          .text24  {color:gold; border:0px; border-style:none none none none; font-size:13px; font-family:Verdana,sans-serif; font-weight:bold; }
          .body1   {background-color:#64aded;}
          .body2   {background-color:gold;}
          .body3   {background-image:url(../121/images/wallpaper/CAOA90BW.jpg); background-repeat:repeat;}


          /* Navbar container */
.navbar {
  /* overflow: hidden; */
  /* background-color: #333; */
  background-color: rgb(0, 17, 255);
  overflow:   hidden;
  white-space: nowrap;
  /*max-width: 405px; */
  min-width:  90%; 
  margin:     auto;
  text-align: center;
}

/* For mobile phones: */
[class*="col-"] {width: 100%; float: left;}

.active_menu {
  background-color: #04AA6D;
}

.row {color: #da2121;} 
.row::after {content: "";clear: both;display: table;}
.column { float: left; padding: 0px; }


/*--------------For smartphone--------max-width: 658px-------------------------------*/
@media screen and (orientation: portrait) 
{
    .col-s-0 {width: 0.01%;}
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 23%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
   
  /* Links inside the navbar */
  .navbar a {
    display: inline-block;
    float: left;
    min-width: 12%;
    color: white;
    text-align: center;
    padding: 8px 3px 4px 3px;
    font-size: 0.8em;
    font-family: Verdana,sans-serif;
    text-decoration: none;
  }
  
  /*Booking - Navigation with dropdown - The dropdown container needed to position the dropdown content */
  .dropdown {
    float: left;
    min-width: 12%;
    color: gold;
    text-align: center;
    padding: 8px 3px 4px 3px;
    font-size: 0.8em;
    font-weight: bold; 
    overflow: hidden;
    font-family: Verdana,sans-serif;
    text-decoration: none;
  }
  
    .box31 {
       background: url("../121/images/wallpaper/couple-on-a-tree_300.jpg");      
       background-size: contain;
       background-repeat: no-repeat;
       background-position: center top; 
       }
      
        
      .h52     { color:rgb(0, 17, 255); font-size:1.1em; font-family:Verdana,sans-serif; line-height:100%; text-align:center; font-weight:bold; padding: 8px 4px 0px 0px;} 
      .h53     { color:gold; font-size:1.2em; font-family:Verdana,sans-serif; line-height:100%; text-align:center; font-weight:bold; margin:auto; padding: 0px 4px 10px 4px;}     
      .h54     { color:rgb(0, 17, 255);; font-size:0.9em; font-family:Verdana,sans-serif; line-height:100%; text-align:center; font-weight:normal; padding: 0px 4px 0px 4px;}   
      .h55     { color:rgb(0, 17, 255);; font-size:0.9em; font-family:Verdana,sans-serif; line-height:100%; text-align:left; font-weight:bold; }   
      .text06  { color:gold; font-size:1.4em; font-family:Verdana,sans-serif; float:center; text-align:center; font-weight:bold;}     
      .text07  { color:gold; font-size:1.4em; font-family:Verdana,sans-serif; float:center; line-height:120%; font-weight:bold; text-align:center; padding: 0px 4px 40px 0px; margin: 00px 0px 0px 0px;} 
      .text08  { color:gold; font-size:1.2em; font-family:Verdana,sans-serif; float:center; line-height:120%; font-weight:bold; text-align:center; padding: 180px 4px 10px 0px; margin: 30px 0px 0px 0px;}
      .text11  { color:red; font-size:1.2em; font-family:Verdana,sans-serif; line-height:130%; float:center; text-align:center}
      .text10  { color:red; font-size:1.1em; font-family:Verdana,sans-serif; line-height:130%; float:center; text-align:center;font-style: italic;}
      .textpic { color:rgb(221, 27, 37); font-size: 1em; font-family:Verdana,sans-serif; line-height:130%; text-align:left}
  
      .text-navi {font-size: 0.8em;}
      .textpic5 { color:rgb(0, 17, 255);; font-size:1.2em; font-style: italic; font-family:Verdana,sans-serif; line-height:130%; text-align:center; font-weight:bold;}
      .textita  { color:rgb(0, 17, 255);; font-size:1.1em; font-style: italic; font-family:Verdana,sans-serif; line-height:130%; text-align:center}     
      .textita2 { color:rgb(0, 17, 255);; font-size:0.9em; font-style: italic; font-family:Verdana,sans-serif; line-height:110%; text-align:center}     
     /* .text07  { color:blue; font-size:1.4em; font-family:Verdana,sans-serif; float:center; line-height:120%; font-weight:bold; text-align:center; padding: 300px 4px 10px 0px;}   */   
  
} /* --------------- For smartphone -------------------------------------*/
  
/*---------------For tablet, desktop ------orientation:landscape--------min-width: 659px-----------------------*/
@media screen and (orientation:landscape) 
{
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 23%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    
/* Links inside the navbar */
.navbar a {
  /* display: inline-block; */
  display: inline-block;
  float: left;
  min-width: 15%;
  color: white;
  text-align: center;
  padding: 8px 4px 8px 4px;
  font-size: 1.0em;
  font-family: Verdana,sans-serif;
  text-decoration: none;
}

/*Booking - Navigation with dropdown - The dropdown container needed to position the dropdown content */
.dropdown {
  float: left;
  min-width: 15%;
  color: gold;
  text-align: center;
  padding: 8px 4px 8px 4px;
  font-size: 1.0em;
  font-weight: bold; 
  overflow: hidden;
  font-family: Verdana,sans-serif;
  text-decoration: none;
}


/* ../121/images/wallpaper/couple-sitting-on-deck_500.jpg */
/* ../121/images/wallpaper/Vemmingbund_strand.jpg */
  .box31 {
     background-image: url("../121/images/t0_outside/750px/DSC_0096_750.jpg") ;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center top; 
     }              
 
   .h52      { color:rgb(0, 17, 255);; font-size:1.4em; font-family:Verdana,sans-serif; line-height:130%; text-align:center; font-weight:bold; } 
   .h53      { color:gold; font-size:1.6em; font-family:Verdana,sans-serif; line-height:130%; text-align:center; font-weight:bold; margin:auto; padding: 0px 4px 25px 4px;} 
   .h54      { color:rgb(0, 17, 255); font-size:0.9; font-family:Verdana,sans-serif; line-height:130%; text-align:center; font-weight:normal; } 
   .h55      { color:red; font-size:1.2em; font-family:Verdana,sans-serif; line-height:120%; text-align:left; font-weight:bold; } 
   .text06   { color:rgb(221, 27, 37); font-size:1.3em; font-family:Verdana,sans-serif; float:center; line-height:120%;border:0px; text-align:center; font-weight:bold; margin: 330px 0px 0px 0px;}    
   .text07   { color:rgb(221, 27, 37); font-size:1.2em; font-family:Verdana,sans-serif; float:center; line-height:120%;text-align:center; font-weight:bold; margin: 0px 0px 0px 0px;} 
   .text08   { color:rgb(221, 27, 37); font-size:1.0em; font-family:Verdana,sans-serif; float:center; line-height:120%;text-align:center; font-weight:bold; margin: 290px 0px 0px 0px;} 
   .textpic5 { color:rgb(0, 17, 255);; font-size:1.2em; font-style: italic; font-family:Verdana,sans-serif; line-height:130%; text-align:center; font-weight:bold;}   
   .textita  { color:rgb(0, 17, 255);; font-size:1.0em; font-style: italic; font-family:Verdana,sans-serif; line-height:130%; text-align:center}  

   .text-navi {font-size: 1.0em;}
    
   
} /*---------------for tablet, desktop -------------------------------------*/

/* Dropdown menu punkt - style the button to fit inside the navbar */
.dropbtn {
  /* display: inline-block; */
  display: inline-block;
  float: left;
  width: 16%;
  color: red;
  text-align: center;
  padding: 8px 4px 8px 4px;
  font-size: 1.0em;
  font-family: Verdana,sans-serif;
  text-decoration: none;
  border: none;
  outline: none;
  background-color: inherit;

  /* padding: 14px 16px;
    font-family: inherit; /* Important for vertical align on mobile phones */

  margin: 0; /* Important for vertical align on mobile phones */
}
/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {background-color: red;}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 16%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: blue;
  padding: 8px 8px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  width: 16%;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

  
</style>