/*
 * Bussing-Grønn 1:  #04793e  (4, 121, 62);
 * Bussing-Grønn 2:  #069b49  (6, 155, 73);
 */

 @font-face {
	font-family: 'source';
	src: url('fonts/SourceSansPro-Regular.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'source';
	src: url('fonts/SourceSansPro-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'source';
	src: url('fonts/SourceSansPro-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

* {margin: 0; padding: 0}

html {height: 100%;}

body {
	background-color: #DCDBD9;
	background-image: url('img/gradient2.png');
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	color: #111111;
	height: 100%;
	font-family: source;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
}

strong {font-weight: 600;}

p {
	margin-bottom: 14px;
	font-family: source;
	font-weight: 500;
	font-size: 18px;
	line-height: 27px;
}



a {
	color: rgb(6, 155, 73);
	text-decoration: none;
	font-weight: 600;
}

a:hover {
	color: rgb(4, 121, 62);
	text-decoration: none;
	font-weight: 700;
}

a.button {
	display: block;
	width: 100%;
	height: 28px;
	margin-bottom: 4px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	text-align: center;
}

a.button:hover {
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}

#page {
	position: relative;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.85);
	top: 0px;
	padding: 67px 0 1px 0;
	margin-bottom: -8px;
	min-height: calc(100% - 104px);
	z-index: 3;
}

header {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 60px;
	background-color: #414142;
	border-bottom: solid 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	z-index: 4;
}

footer {
	position: relative;
	text-align: center;
	height: 30px;
	width: 100%;
	margin: 8px 0;
	z-index: 4;
	background-color: #414142;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	border-top: solid 1px rgba(0, 0, 0, 0.2);
}

#right-column {
	position: absolute;
	right: 8px;
	top: 67px;
	bottom: 9px;
	width: 281px;
	padding: 8px;
	background-color: rgb(255, 255, 255, 0.95);
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	border-left: rgb(4, 121, 62) solid 0px;
}

h1 {
	position: relative;
	background-image: url("img/logo.png");
	background-size: auto 40px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 200px;
	height: 60px;
	margin-left: -100px;
	left: 50%;
	top: 0px;
}

h1>span {display: none;}

h2 {
	font-size: 48px;
	line-height: 54px;
	margin: -14px;
	margin-bottom: 7px;
	text-indent: 14px;
	background-color: rgba(255, 255, 255, 0.75);
	border-bottom: solid 1px rgba(0, 0, 0, 0.07);
	border-radius: 4px 4px 0 0;
	/*-webkit-text-stroke: 1.0px rgba(0, 0, 0, 0.75);*/
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 1px 1px 0 #000000, 2px 2px 0 #000000;
	color: rgb(6, 155, 73);
}

h3 {
	font-size: 25px;
	line-height: 28px;
	margin-bottom: 8px;
}

.block {
	margin: 0 314px 8px 8px;
	background-color: rgb(255, 255, 255, 0.95);
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
	padding: 14px;
	border-radius: 4px;
	border-top: rgb(4, 121, 62) solid 0px;
}

.quick-look-arr {
	background-color: rgb(255, 255, 255, 0.75);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	padding: 4px;
}

.quick-look-arr p {
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 21px;
}

.quick-look-arr p.datetime {font-size: 0.618em; color: #999999; margin-top: -4px; margin-bottom: 2px;}
.quick-look-arr p.availability {font-size: 0.618em; color: #999999; margin-top: -4px; margin-bottom: 3px; font-style: italic; line-height: 1.5em;}

@media screen and (min-width: 960px) {
	#page {width: 960px; margin: 0 auto -8px auto;}
	footer {width: 100%; margin: 8px auto 0 auto;}
}

@media screen and (max-width: 720px) {
	#right-column {position: relative; width: auto; margin: 0 8px 8px 8px; top: auto; left: auto; right: auto; bottom: auto;}
	.block {margin: 0 8px 8px 8px;}
}