body {
  margin: 0;
 
}


div.toppdekor2021 {
	width:100%;
	height:200px;								
  background-image:url('../dekor/toppbanner-okv-2021.jpg');
		background-position: left;
}

div.toppdekor2021 h2{
 background-color:white;;
 margin:0px;
 margin-top:20px;
 padding-left:20px;
 padding-right:20px;

}

div.toppdekor2021 h2 a{
  text-decoration:none; 
 
}

div.toppdekor-sw {
   background-image:url('skispor.jpg');
	
	 display:none;
}
div.toppdekor-sw p{
  font-size:60px;
	 font-weight:bold;
	  background-color:transparent;
		background-image:url('skispor.jpg');
		background-position: center center;
		 padding:6px;
}

div.toppdekor-sw a{
   text-decoration: none;
	 color:maroon;
	  background-color:transparent;
}

div.fok-logo {
 padding-top:20px;
 margin-left:20px;

}



.sidebar {
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: white;
/*  position: fixed;*/
  height: 100%;
  overflow: auto;
	float:left;
	border-bottom: 0px solid #ddd;
}

.sidebar a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
}
 
.sidebar a.active {
  background-color: navy;
  color: white;
}

.sidebar a.sidebarhome {
  background-color: #ccc;
  color: white;
}


.sidebar a:hover:not(.active) {
  background-color: #555;
  color: white;
}

div.arrangor-logoer {
 padding:3px;margin-top:50px;
}


div.content {
  margin-left: 200px;
  padding: 10px 16px;
 border-top: 0px solid #ddd;
}


div.sponsor-hoyre-kolonne {
 width:200px;
  position:absolute;
	right: 40px;
	top:20px;

}


@media screen and (max-width: 1500px) {
  div.sponsor-hoyre-kolonne {display:none; }

}

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
		border-bottom: 1px solid #ddd;
		margin-bottom:20px;
  }
  .sidebar a {float: left; padding: 6px;} 
  div.content {margin-left: 0;  padding: 15px;}
	
	div.ytre-ramme {max-width:700px;}
	
	div.arrangor-logoer {display:none;}
/*	div.toppdekor-sw {display:inline; background-image:url('skispor.jpg'); } */
	div.toppdekor {display:none; }
	
	
	
}

@media screen and (max-width: 400px) {
			 div.ytre-ramme {width:400px;}
  .sidebar a {
    text-align: center;
    float: none;
  }
}