/* CSS */

*{
	margin:0;
	padding:0;
}

body{
	background-color: #0055ad;
	color:#ffffff;
	font-family: "silkscreen";
}

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

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

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

h1{
	font-size: 30px;
}

h2{
	font-size: 20px;
}
h3{
	color:#c9bcbc;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 20px;
	text-transform: uppercase;
}

.clear{width: 100%; clear:both;}
/* TOP PROPS */

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

.lang{
	text-align: right;
	font-size: 12px;
	float: left;
	width:95%;
	padding-top: 20px;
}
.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: #ffffff;
			padding: .5% 2% .5% 0;
			width: 98%;
		}
		
		.slider a, .slider a:hover, .slider a:active, .slider a:visited {
  outline: 0px;
  text-decoration: none;
}
.slider a:link{
  transition: color 1s ease;
  color: #0055ad;
}
.slider a:hover {
  color: #0055ad;
}

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

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

/* MAIN */

.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;
}
	
/* FEET */

.feet{
	max-width: 800px;
	margin:50px auto;
	border-top: 5px solid #c9bcbc;
	min-height: 280px;
	font-size: 14px;
}

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

.sokker a, .sokker a:hover, .sokker a:active, .sokker a:visited {
  outline: 0px;
  text-decoration: none;
}
.sokker a:link{
  transition: color 1s ease;
  color: #c9bcbc;
}
.sokker a:hover {
  color: #ffffff;
}

.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 SMÅ SKJERMER                           *
*                                                                                                    *
*****************************************************************************************************/



@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_standard{
			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_standard{
			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;
	}
}