/* CSS */

*{margin:0; padding:0;}

body{ background-color: #1b1414; color:#e5e0e0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

a, a:hover, a:active, a:visited { outline: 0px; text-decoration: underline;}
a:link{ transition: color 0.0s ease; color: blue;}
a:hover { color: blue;}

p{ margin: 20px 0 20px 0;}

h1, h2{ color: red; font-weight: 400; letter-spacing: 1px;}

h1{	font-size: 50px;}
h2{	font-size: 30px;}
h3{	font-weight: 600; letter-spacing: 1px; font-size: 16px;	text-transform: uppercase;color:#000000;}

.clear{width: 100%; clear:both;}


/* TOP PROPS og STIL-SWITCHER */


.switch{
	text-align: right;
	font-size: 10px;
	width:100%;
}

.lang{
	text-align: right;
	font-size: 12px;
	float: left;
	width:95%;
	padding-top: 15px;
}

.slider {
			overflow-y: hidden;
			max-height: 0px;

			-webkit-transition-property: all;
			-webkit-transition-duration: .5s;
			-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

			-moz-transition-property: all;
			-moz-transition-duration: .5s;
			-moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

			-ms-transition-property: all;
			-ms-transition-duration: .5s;
			-ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

			transition-property: all;
			transition-duration: .5s;
			transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

			height: 0px; 
			width: 98%;
		}

		.slider.open {
			max-height: 40px;
			height: 40px;
			background-color: #eeeeee;
			padding: .5% 2% .5% 0;
			width: 98%;
		}

		button {
		     border:none;
		     background: none;
		     color: blue;
		     font-size: 20px;
			 padding: 10px 1% 0 10px;
		}
		
.ghost{
	max-width: 800px;
	margin: 0 auto;
}

/* HEADER PROPS */


.hode{
	margin: 0 0 60px 0;
	text-align: center;
}
	.sedb_btt90s{
		font-size: 80px;
		margin: 0 auto;
		width: 250px;
		margin-bottom: 25px;
	}
	
	
	.sedb_standard, .sedb_friend{
		display:none;
	}
	
	.overskrift{
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	hr{
		width: 100%;
		height: 5px;
		border-top: 3px dashed red;
		border-bottom:0;
		border-left: 0;
		border-right: 0;
		margin-top: 15px;
	}
	

/* INNHOLD OG BUK-DESIGN */

.hoved{
	line-height: 160%;
	}
	
.main-left{
	width: 47.5%;
	float:left;
}

.main-right{
	width: 47.5%;
	float:right;
}

.main-right ul{
	padding-left: 15px;
	font-size: 12px;
}
	



/* FØTTENE */

.feet{
	width: 100%;
	margin-top:50px;
	border-top: 1px solid #918282;
	min-height: 300px;
	background-color: grey;
	border-top: 3px dashed white;
	color: #252020;
	font-size: 14px;
}

.sokker{
	max-width: 800px;
	margin: 0 auto;
}


.left{
	width:29.3%;
	float:left;
	padding: 5% 2% 0 0;
}

.center{
	width:29.3%;
	float:left;
	padding: 5% 1% 0 1%;
}

.right{
	width:29.3%;
	float:left;
	padding: 5% 0 0 2%;
}
	
	
	
	
	
	
	
	

/*****************************************************************************************************
*                                                                                                    *
*                             VI TAR ANSVAR  - STIL PROPS FOR BROWSER VINDU                          *
*                                                                                                    *
*****************************************************************************************************/



@media screen and (max-width:800px) {
.lang{
		width:92.3%;
	}

	
	.ghost{
		max-width: 100%;
		margin: 0 auto;
	}

	.hode{
		margin: 6% 2% 60px 2%;
		text-align: center;
	}
		.sedb{
			font-size: 60px;
			margin: 0 auto;
			width: 100%;
			margin-bottom: 15px;
		}
		
		.overskrift{
			font-size: 18px;
		}
		
		
		
	/* INNHOLD OG BUK-DESIGN */
	
	.hoved{
		line-height: 160%;
	}
	
		
	.main-left, .main-right{
		width: 96%;
		float:left;
		padding: 0 2% 30px 2%;
	}
	
	.main-right ul{
		padding-left: 15px;
		font-size: 16px;
	}
	
		
		/* FØTTENE */

	.feet{
		min-height: 550px;
	}
	
	.sokker{
		max-width: 96%;
	}
	
	
	
	.left, .center, .right{
		width:100%;
		float:left;
		padding: 5% 0 0 0;
		text-align: center;
	}
		
		
}

@media screen and (max-width:500px) {

	.lang{
		width:88%;
	}
	
}






/*****************************************************************************************************
*                                                                                                    *
*                             VI TAR ANSVAR  - STIL PROPS FOR SMÅ DEVICES                            *
*                                                                                                    *
*****************************************************************************************************/




@media screen and (max-device-width:800px)  {
	
	
	.slider{
		display: none;
	}
	
	.switch button{display: none;}
	
	.lang{font-size: 18px;}
	
	.ghost{
		max-width: 100%;
		margin: 0 auto;
	}

	.hode{
		margin: 3% 2% 60px 2%;
		text-align: center;
	}
		.sedb{
			font-size: 120px;
			margin: 0 auto;
			width: 100%;
			margin-bottom: 15px;
		}
		
		.overskrift{
			font-size: 30px;
			font-weight: 600;
			padding: 0 0 40px 0;
		}
		
		
	/* INNHOLD OG BUK-DESIGN */
	
	.hoved{
		line-height: 160%;
		font-size: 24px;
	}
	
	.hoved h2{font-size: 60px;
		padding: 30px 0 20px 0;
		text-align: left;
	}
		
	.main-left, .main-right{
		width: 92%;
		float:left;
		padding: 0 4% 30px 4%;
	}
	
	.main-right ul{
		padding: 0 80px 0 80px;
		font-size: 20px;
	}
	
		/* FØTTENE */

	.feet{
		min-height: 350px;
		font-size: 20px;
		padding-top: 20px;
	}
	
	.feet h3{font-size: 30px;}
	
	.sokker{
		max-width: 92%;
	}
	
	
	
.left{
	width:29.3%;
	float:left;
	padding: 2% 2% 0 0;
}

.center{
	width:29.3%;
	float:left;
	padding: 2% 1% 0 1%;
}

.right{
	width:29.3%;
	float:left;
	padding: 2% 0 0 2%;
}

}






/* MOBILE */



@media screen and (max-device-width:650px)  {
	
	.switch, .slider{
		display: none;
	}
	
	.ghost{
	max-width: 100%;
	margin: 0 auto;
}

	.hode{
		margin: 3% 2% 60px 2%;
		text-align: center;
	}
		.sedb{
			font-size: 160px;
			margin: 0 auto;
			width: 100%;
			margin-bottom: 15px;
		}
		
		.overskrift{
			font-size: 60px;
			font-weight: 300;
			padding: 0 0 40px 0;
		}
		
		
	/* INNHOLD OG BUK-DESIGN */
	
	.hoved{
		line-height: 160%;
		font-size: 50px;
	}
	
	.hoved h2{font-size: 100px;
		padding: 60px 0 20px 0;
		text-align: center;
	}
		
	.main-left, .main-right{
		width: 92%;
		float:left;
		padding: 0 4% 30px 4%;
	}
	
	.main-right ul{
		padding: 0 80px 0 80px;
		font-size: 40px;
	}
	
		/* FØTTENE */

	.feet{
		min-height: 1300px;
		font-size: 30px;
		padding-top: 40px;
	}
	
	.feet h3{font-size: 60px;}
	
	.sokker{
		max-width: 92%;
	}
	
	
	
	.left, .center, .right{
		width:100%;
		float:left;
		padding: 5% 0 0 0;
		text-align: center;
	}
}