﻿
body {
 background: url("min bilder\thumb2-mountains-lake-summer-stryn-norway.jpg") no-repeat;
 background-size: cover;
 font-family:arial;
 margin-left: 0px;
 margin-top:0px;
 coloc:white;
}

*{
	margin:0px;
	padding: 0px;
}
.containar
{
	
	width:100%;
	margin:auto;
}
.wrapper
{
background-color:0;
	width:99%;
	
	margin:auto;
	
	}

.dark {
		background-color:0;
		color:white;
	
	
	}
	.light {
		background-color:0;
		color:black;
		
	}
	
	
	
	#top_left {
		display:inline-block;
		border:-1px solid gray;
		margin-left:15px;
		margin-bottom:5px;
		
	}
	
	#top_right {
		
		float:right;
		
		
	}
	#top_div {
		height:40px;
		line-height:40px;
		
	}
	#loggo_left {
		width:300px;
		margin-top:-1px;
		display:inline-block;
		border:2px solid yellow;
		height:82px;
		line-height:85px;
		margin-left:15px;
		
	}
	#loggo_right {
		float:right;
		border:-1px solid yellow;
		margin-top:20px;
		margin-left:10px;
		margin-right:20px;
		width:250px;
		
		
		
	}
	#firma_navn {
		float:center;
		margin-top;15px;
		display:inline-block;
		border:-1px solid yellow;
		width:600px;
		height:82px;
		line-height:40px;
		margin-bottom:-17px;
		font-family: curlz MT;
		
	}
	
	#top_div_2 {
		width:auto;
		height:auto;
		background-color:yellow;
		margin-top:1px;
		
	}
	
	#textstyle {
		height:30px;
		border-radius:8px;
		
	}
	
	#button {
		background-color:blue;
		color:white;
		padding:7px;
		width:70px;
	    border:1px solid blue;
		border-radius:8px;
		
	}
	#clear {
		clear;both;
	}
	

 ul {
	list-style:none;
	text-align:center;
	
}

 ul li {
	background-color:#1aff66;
	border: 3px solid blue;
	width:290px;
	height:50px;
	line-height: 50px;
	
	float: left;
	position: relative;
	border-radius: 10px;
	
}

 ul li a {
	
	text-decoration: none;
	color: red;
	display:block;
	text-align:left;
	text-coloc:red;
	line-height:50px;
	
}

 ul li a:hover 
   {
	background-color: blue;
	   border-radius: 10px;
	   height:50px;
	   text-align:center;
	   line-height:50px;
}
 ul ul {
	position:absolute;
	display: none;
}
 ul li:hover > ul
    {
	display:block;
		
}
 ul ul ul
{
	margin-left:290px;
	top: 0px;
}


#main-1 {
	width: 100%;
	height: 50px;
	text-align: right;
	background: #66ff66;
	margin: 4px auto;
	border: solid 3px #ff3819;
	padding:15px auto;
	 
	font-family: Calibri (Brødtekst);
    font-size: 40px;
	color: red;
	text-align: right;
	hover:display;
    
}
#main-2 {
	width: 1490px;
	height: 20px;
	text-align: middle;
	background: #66ff66;
	margin: 4px auto;
	border: solid 3px #ff3819;
	padding:20px;
	font-family: Calibri (Brødtekst);
    font-size: 40px;
	color: red;
	text-align: center;
	
    
}

#slider_image img {
	
	width:390px;
	height:380px;
	float:center;
	border: 4px solid blue;
	border-radius: 20px;
	padding:25;
	box-shadow: 10px 10px 5px yellow;
	margin-top:8px;
	margin-bottom:8px;
	
	
}
h2  {
	text-align:center;
	padding:3px;
	text-transform:uppercase;
}

h3 {
	text-align:center;
	padding:3px;
	text-transform:uppercase;
	margin-top:15px;
}



p  {
	text-align:justify;
	
	
}
#text_image  {
	
	width:40px;
	border:2px;
	margin:auto;
	cursor:pointer;
	
}
#div_text_left {
	background-color:greenyellow;
	width:1190px;
	height:auto;
	margin:3px;
	display:inline-block;
	padding:25;
	box-shadow: 10px 10px 5px yellow;
	margin-bottom:10px;
	margin-left:45px;
	border:4px solid blue;

}

#div_text_center {
	background-color:red;
	width:390px;
	height:600px;
	margin:3px;
	display:inline-block;
	padding:25;
	box-shadow: 10px 10px 5px yellow;
	margin-bottom:10px;
	margin-left:20px;
	border:4px solid blue;

}

#div_text_right {
	background-color:red;
	width:390px;
	height:600px;
	margin:3px;
	display:inline-block;
	padding:25;
	box-shadow: 10px 10px 5px yellow;
	margin-bottom:10px;
	margin-left:20px;
	border:4px solid blue;

}

#div_text {
	background-color:red;
	width:390px;
	height:500px;
	margin:3px;
	display:inline-block;
	padding:25;
	box-shadow: 10px 10px 5px yellow;
	margin-bottom:10px;
	margin-left:20px;
	border:4px solid blue;

}

 #text_overlay {
 background-color:red;
	 text-decoration-color: aqua;
	width:650px;
	height:400px;
	margin:3px;
	display:inline-block;
	padding:20;
	box-shadow: 10px 10px 5px yellow;
	margin-bottom:10px;
	margin-left:60px;
	border:4px solid blue;
 }

#bottom_div_left {
		display:inline-block;
		border:4px solid blue;
		width:650px;
		margin-top:15px;
		margin-left:15px;
	}
	
	#bottom_div_left img {
		
		border:2px solid red;
		margin:5px;
		padding:0px;
		border-radius:15px;
		
	}

	
	#bottom_div_right {
		
		border:4px solid blue;
		width:570px;
		float:right;
		margin-top:15px;
		display:inline-block;
		
	}	
		#bottom_div_left_text  {
			
			text-align:left;
			
		}
		
		#latest_news img {
		height:90;
		width:85;		
		border:2px solid red;
		margin:5px;
		padding:px;
		border-radius:15px;
		
		}
		
		#footer_seksjon   {
			
		background-color:red;
		width:300px;
		height:325px;
		margin:3px;
		display:inline-block;
		padding:25;
		box-shadow: 10px 10px 5px yellow;
		margin-bottom:10px;
					
}

	#footer_seksjon-1   {
			
		background-color:red;
		width:400px;
		height:250px;
		
		margin:8px;
		display:inline-block;
		padding:25;
		box-shadow: 10px 10px 5px yellow;
		margin-bottom:5px;
		margin-left:20px;
		border:4px solid blue;
		color:yellow;
		text-align:center-left;
					
}
#footer_seksjon-2   {
			
		background-color:red;
		width:740px;
		height:270px;
		margin:8px;
		display:inline-block;
		padding:25;
		box-shadow: 10px 10px 5px yellow;
		margin-bottom:5px;
		margin-left:20px;
		border:4px solid blue;
		color:yellow;
		text-align:center-left;
		float: rigth;			
}

 
 
 	
/* Fixed/sticky icon bar (horizantal aligned 70% from the top of the screen) */
.icon-bar {
  position: relative;
  top: 70%;
  float:right;
  width:45px;
  

  -webkit-transform: translateY(50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-0%);
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 3px;
  transition: all 0.3s ease;
  color: white;.css
  font-size:45px;
  box-shadow: 2px 2px 2px yellow;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: orangered;
  
	

  
}

.facebook {
  background: #3B5998;
  color: black;
	
  
}

.twitter {
  background: #55ACEE;
  color: black;
}

.google {
  background: #dd4b39;
  color: black;
}

.linkedin {
  background: #007bb5;
  color: black;
}

.youtube {
  background: #bb0000;
  color: black;
} 

 
 
 
 
 
 
 
 
 

