@charset "utf-8";
/* CSS Document */



@font-face {
    font-family: "RubikVinyl";
    src: url(../fonter/RubikVinyl-Regular.ttf);
}


body{ background-color:#FEFFFF;
       
       margin-top:0px;
      
       font-family:Arial;
       
      
   }
img{width:50%;
    margin: 0 auto;
}
header{ width:100%;
        height:6%;
        margin-bottom:0;
        margin-top:0.4%;
        
        
}
header h1{font-family:"RubikVinyl"; }
header h1:hover{color:#525; 


}

/*nav{ font-family:"AlegreyaSansSC-BoldItalic";
     font-size:1em;
    width:80%;
    margin:0 auto;
    margin-bottom:-1em;
 }

 nav li{ 
     display:inline-block;
   	padding-left:3%;
	border-radius:10px;
	border:#222 thin solid;
	background-color: rgba(245, 255, 255, 0.8);
	padding:10px;
 }
 nav li:first-child{ padding:none;
                     margin:none;
  }
 nav li:last-child{ border:none; 
                    background-color:rgba(255, 255, 255, 0);
 }
  .aktivTab{ background-color:rgba(215, 255, 255, 0.8);
           box-shadow:5px 0px 5px #888;
 }
 */
 .fb-like{
         
  }
 /*nav ul{list-style-type:none; }
nav li{float:left; 
       margin-right:1%;
       padding-top:1%;
       padding-left:1%;
       padding-right:1%;
       padding-bottom:0.5%;
       border:solid 1px #383;
       border-top-left-radius: 12px;
       border-top-right-radius: 12px;
       background-color:#cfb;

}
nav li:first-child{padding-top:0.6%;
                   padding-bottom:0.6%; }
nav li:last-child, nav li:last-child:hover{
    background-color:transparent;
    border:none;
    padding-bottom:0;
 }
nav li:hover{ 
              background-color:#5a5;
              
              
}
nav a{font-size:large; 
    color:#495;
}
nav a:visited{color:#3a4; }
nav a:hover{color:#fff }

          
          
}

.aktivTab a:visited{color:#000; }
.aktivTab a{color:#000; }
*/

h1,h2,h3,h4,h5,h6{ 
         font-family:"RubikVinyl" ;  
                
}
a{
  text-decoration:none; 
  color: #3263C4;
}
a:hover{ text-decoration:overline underline; }
a:visited{color:#458A1B; 
          
}

section h1, section h2, section h3, section h4, section h5, section h6{ 
        font-family:"AlegreyaSansSC-BoldItalic"
        
}

#visit{
        width:99%;
        margin: 0 auto;
        text-align:center;
        
}
.logo{ 
       margin: 0 auto;
       width:28%;
}
.fiske{
        width:45%; 
        background-color:rgba(235, 255, 235, 0.8);
        padding:3%;
        border:1px solid #aaf;
        border-radius:25px;
}

.visittkort{ color:#333;
             width:85%;
             height:auto;
             border: 2px solid #494;
             border-radius:12px;
             background-color:#eee;
             padding:1%;
             
}  
.visittkort a{ color:#fff; }
.visittkort a:hover{ color:#525; }
.visittkort a:visited{ color:#494; } 
.kart{width:90%; 
      height:auto;
      

}  


.container{ 
       background-color: rgba(205, 220, 255, 0.2);
       width:96%;
       height:inherit;
       border:1px solid #aaf;
       border-radius:19px;
       margin:0 auto;
       padding:1%;
       box-shadow:4px 6px 4px 7px #99b;
}

}
.info{ 
       width:50%;
       height:auto;
       border:1px solid #393;
       padding:1.5%;
       border-radius:12px;
}
.floatright{float:right; }
.floatleft{float:left; }

.headInfo{ float:right;
           width:30%;
           position:absolute;
           right:1px;
           padding:1%;
           background-color:#cdf;
           border-radius:1em;
 }
#kontakt section{width:50%;
         float:left;

 }




.smallfont{ font-size:smaller; }
.undertekst{ margin:4%; 
             margin-top:5%;
}

/* #¤%&#¤%#¤%#¤%  Test dropdown #¤%"#¤%#¤%"#¤%"#¤"#¤"#¤"#¤% */
button{ position:absolute; 
        top:1%;
        right:0.6%;
}
.navbar {
  overflow: hidden;
  background-color: #333;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color:transparent;
  font-family: inherit;
 
}



.dropdown-content {
  display: none;
  position:absolute;
  top:70px;
  right:2%;
  background-color: #7c7;
  color:#000;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #9f9;
}

.dropdown:hover .dropdown-content {
  display: block;
}
/* "#¤%"#¤"#¤"#¤ test drop down SLUTT   "#¤%&#¤%&¤%&/#¤%& */


#amindas{
    width:50%;	
	text-align:center;
	margin: 0 auto;
    margin-top:1%;
	color:#335;

}
#amindas a, #amindas a:visited{color:#335; }
#amindas a:hover{color:#2ca; }

/* ################################    MOBIL    ################################  */

@media only screen and (max-device-width: 600px) {
    img{
        width:70%;
        
    }
    header{font-size:larger; 
    }
	header h1{font-size: 400%;
    }

	header h2{font-size: 200%; 
	}
    nav{font-family:Arial;
    font-size:larger;
    overflow:hidden;
    }
    nav li{
        
        padding:0.3%;
        display:list-item; 
    }
    nav a{
          font-family:Arial;
          font-size:300%;
     }
    .info{width:98%%; }
    .container, .containers{width:100%;
             font-size:300%;
             padding:2%;
             border:dotted 1px rgba(255, 255, 255);
             box-shadow: 10px 5px 5px #eea;
             
           
    }
    .fiske{
        width:96%;
    }
    #kontakt section{width:100%;
       min-height:15em;
       height:auto;      
    }
    
    #amindas{ width:99%; }
}