body 
	{
    	padding-top: 0px!important;
		font-size:100%;
  	}
	h2
	{
		font-family:Arial black!important;
		font-size: 2.5em;
		font-weight: 800;
		letter-spacing: 0.05em;
		/* text-shadow: 2px 2px 2px grey; */
		z-index: 4;
	}
	
	p
	{
		font-family:Arial !important;
		font-size: 2.5em; 
		font-weight: 700;
		letter-spacing: 0.05em;
		line-height: 1.6!important;
		text-indent: 0px;
		color:white;
	}
	
	.oransje
	{
		color:orange;
	}

	
	.liten
	{
		font-family:Arial !important;
		font-size: 1.5em; 
		font-weight: 200;
		letter-spacing: 0em;
		line-height: 1.2!important;
		text-indent: 0px;
		color:black;
	}
	
	small
	{
		font-size: 0.7em; 
		font-weight: 100;
		letter-spacing: 0.0em;
		line-height: 0.5 !important;
	}
	
	.hs
	{
		font-family:"Comic Sans MS", cursive, sans-serif !important;
		font-size: 2.5em;
		font-weight: 700;
		letter-spacing: 0.07em;
	}
	
	a
	{ color:red;}

a:hover {

    filter: alpha(opacity=50); /* For IE8 and earlier */
	color:white;
}

/* BILDER OG GRAFIKK */
.image {display:block;}

.handlekurv {
padding:15px 0px 0px 0px; 

}

div.skygge{	
	-webkit-filter: drop-shadow(-5px 5px 5px rgba(0,0,0,0.5));
  	filter: drop-shadow(-5px 5px 5px rgba(0,0,0,0.5));
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='rgba(0,0,0,0.5)')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='rgba(0,0,0,0.5)')";
	width: 100%;
  }

div.skyggeStor{	
	-webkit-filter: drop-shadow(-5px 5px 5px rgba(0,0,0,0.5));
  	filter: drop-shadow(-25px 15px 15px rgba(0,0,0,0.7));
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='rgba(0,0,0,0.5)')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='rgba(0,0,0,0.5)')";
	width: 100%;
  }


/* CONTAINER OG JUMBOTRON */

	.container-fluid {padding: 0px 0px 0px 0px;}

	.jumbotron 
	{
	padding: 50px 50px 50px 50px; 
	margin-bottom: 0px!important;		
	margin-top: 0px!important;
	-webkit-border-radius: 0 !important;
   	-moz-border-radius: 0 !important;
    border-radius: 0 !important;
	}
	
	.jumbotron-footer
	{
    	width:100%;
    	background:black!important;
		color:orange!important;
    	padding:20px!important;
    	margin:0px!important;
	}
	
	.container-tavle
	{
		padding: 10px 20px 10px 20px; 
		border-radius: 6px;
		border: 6px solid white; 
		box-shadow: -10px 0px 20px 0px; color:black;
		/*background-color:SeaGreen ;*/
		color: black;
	}

/* NAVBAR */

		
	.navbar
	{
	background-color:black;
	height: 70px !important;
	display: block !important;
	text-align: center !important;
	padding: 0px 25px 0px 5px!important;
	box-shadow: 0px 2px 12px black;
	}
	
	.navbar-brand
	{
	display: block !important;
	padding: 5px 0px 0px 0px!important;
	box-shadow: 0px 2px 12px black;
	}
	
	.navbar-toggle
	{
	padding: 0px 10px 5px 10px!important;
	font-size: 2em;
	color: orange !important;
	}
	
	.dropdown-toggle:active, .open .dropdown-toggle 
	{
	background:black !important; 
	color:white !important;
	}

		
/* STOPPER NAVBAR COLLAPSE */
.navbar-collapse.collapse {
  display: block!important;
}

.navbar-nav>li, .navbar-nav {
  float: left !important;
}

.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}

.navbar-right {
  float: right!important;
}
/* STOPPER NAVBAR COLLAPSE THE END*/		
		
		
	li a 
	{
	font-size: 1.2em;
	font-weight:700;

    color: orange !important;
    text-decoration: none !important;
	}
	
	li a:hover:not(.active) 
	{
	color:white!important;
    background-color: black !important;
	}
	
	.active 
	{
	color:white !important;
    background-color: black !important;
	}
	
	.stor
	{
	font-size: 2.2em;
	font-weight:700;

    color: orange !important;
    text-decoration: none !important;
	}



/* BUTTON STYLING */

	
	.knappRod
	{
	    
		height: 100%;
		background: #f44336;
		padding: 5px 15px 5px 15px;
		color: white;
		font-size: 2.5em;
		font-weight:700;
		
		-webkit-border-radius: 14px;
    	-moz-border-radius: 14px;
    	border-radius: 14px;

		display: inline-block;
		border: none;
		
		-webkit-box-shadow: -5px 5px 5px #222;
    	-moz-box-shadow: -5px 5px 5px #222;
    	box-shadow: -5px 5px 5px  #222;

		z-index:9;

	}
	
	.knappRodStor
	{
	    
		height: 100%;
		background: #f44336;
		padding: 5px 35px 5px 35px;
		color: white;
		font-size: 3.5em;
		font-weight:700;
		
		-webkit-border-radius: 54px;
    	-moz-border-radius: 54px;
    	border-radius: 54px;

		display: inline-block;
		border: 6px solid white;
		
		-webkit-box-shadow: -5px 5px 5px #222;
    	-moz-box-shadow: -5px 5px 5px #222;
    	box-shadow: -5px 5px 5px  #222;
	}
	
		.knappGronnStor
	{
	    
		height: 100%;
		background: green;
		padding: 5px 35px 5px 35px;
		color: white;
		font-size: 3.5em;
		font-weight:700;
		
		-webkit-border-radius: 54px;
    	-moz-border-radius: 54px;
    	border-radius: 54px;

		display: inline-block;
		border: 6px solid white;
		
		-webkit-box-shadow: -5px 5px 5px #222;
    	-moz-box-shadow: -5px 5px 5px #222;
    	box-shadow: -5px 5px 5px  #222;
	}
	
		.knappKurv
	{
	-webkit-filter: drop-shadow(-5px 5px 5px rgba(0,0,0,0.5));
  	filter: drop-shadow(-5px 5px 5px rgba(0,0,0,0.5));
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='rgba(0,0,0,0.5)')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='rgba(0,0,0,0.5)')";

		z-index:9;

	}
		
	.knappRod:hover, .knappRodStor:hover, .knappGronnStor:hover
	{
		-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
		opacity:0.8;
	}



/* KOLONNENE */
	
	.col-sm-12-card
	{
		padding: 30px 30px 30px 30px; 
		border-radius: 50px; 
		box-shadow: -10px 0px 20px 0px; color:black;
		color: black;
	}
	
	.col-sm-8-card
	{
		padding: 30px 30px 30px 30px; 
		border-radius: 50px; 
		box-shadow: -10px 0px 20px 0px; color:black;
		color: black;
	}
	
	.col-sm-6-card
	{
		padding: 30px 30px 30px 30px; 
		border-radius:50px; 
		box-shadow: -10px 0px 20px 0px; color:black;
		color:black;
	}
	
	.col-sm-4-card
	{
		padding: 30px 30px 30px 30px; 
		border-radius:50px; 
		box-shadow: -10px 0px 20px 0px; color:black;
		color:black;
	}
	
	.container-card
	{
		padding: 30px 30px 30px 30px; 
		border-radius: 20px;
		border: 10px solid white; 
		box-shadow: -10px 0px 20px 0px; color:black;
		color: black;
	}
	
	.container-card-round
	{
		padding: 30px 30px 30px 30px; 
		border-radius: 50px; 
		box-shadow: -10px 0px 20px 0px; color:black;
		color: black;
	}
	
	hr { width:100%; height:5px; background: black; }
	
	
	
	@media screen and (max-width:768px) 
{
.navbar-brand {
display: block !important;
padding: 0px 0px 0px 20px!important;
box-shadow: 0px 2px 12px black;
}

.handlekurv {
padding:10px 0px 5px 0px; 
}

}