#search-button {
	position: absolute;
	top: 0px;
	left: 0px;
}

.navbar-right {
	margin-left: -30px;
}

.whatres {
	width: 40px;
	height: 8px;
	margin: 4px 10px 10px 0;
	position: fixed;
	z-index: 9999;
	animation-name: blink;
	animation-duration: .5s;
	animation-timing-function: step-end;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes blink {
	50% {
		border-color: white;
	}
}

.AreaTest {
	background-color: purple;
}

.footer-grey {}

.footer-darkgrey {}


/* BASIC
-------------------------------------------------- */

body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	background: url(../Media/circle-pattern-45cc.png) no-repeat top center;
	color: #1f2225;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*--------------------------------------*/

.dropdown-menu {
	background-color: #eedc89;
}

.dropdown-menu li a:hover {
	background-color: #b88900;
}

.newsdate {
	padding-right: 10px;
	padding-bottom: 10px;
	font-family: Arial, Verdana, sans-serif !important;
	font-size: 12px;
	vertical-align: top;
}

td.newsdate {
	width: 35%;
}

.newsheadline {
	padding-bottom: 10px;
	font-family: Arial, Verdana, sans-serif !important;
	font-size: 12px !important;
	color: black !important;
}

td.newsheadline {
	width: 65%;
}

.announcement-anchor {
	text-align: right;
	vertical-align: top;
}

.newsdate-long {
	padding-right: 10px;
	padding-bottom: 10px;
	font-family: Arial, Verdana, sans-serif !important;
	font-size: 12px;
	vertical-align: top;
}

td.newsdate-long {
	width: 15%;
}

.newsheadline-long {
	padding-bottom: 10px;
	font-family: Arial, Verdana, sans-serif !important;
	font-size: 12px !important;
	color: black !important;
}

td.newsheadline-long {
	width: 85%;
}

table {
	width: 100%;
}

ul.tree li ul li a {
	padding: 5px 0 5px 0 !important;
}


/*li.inside-list {padding:5px 15px 0 0 !important; }*/

li.inside-list {
	padding-top: 5px !important;
	padding-left: 15px !important;
}

li.inside-list ul {
	padding-top: 5px;
}

ul.tree li a {
	padding-bottom: 5px;
	!important
}

li.inside {
	padding-top: 5px !important;
}

.indent {
	padding: 10px 0 5px 15px;
}

.indent {
	padding-left: 15px !important;
	padding-top: 10px;
	padding-bottom: 5px;
}

.indent2 {
	padding-left: 30px !important;
}

.level2 {
	padding-top: 5px;
}


/*--------------------------------------*/


/* GRADIENT */

.gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b88900+0,eedc89+100 */
	background: #b88900;
	/* Old browsers */
	background: -moz-linear-gradient(top, #b88900 0%, #eedc89 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b88900 0%, #eedc89 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b88900 0%, #eedc89 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b88900', endColorstr='#eedc89', GradientType=0);
	/* IE6-9 */
}

.gradient a,
.gradient,
.menu-title {
	color: #000000 !important;
}


/*text color*/


/* Typography
-------------------------------------------------- */

.front-nav,
.menu-title,
.navbar-inverse,
.footer,
h1,
h2,
h3,
h4 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

h1 {
	font-size: 28px;
}

a {
	color: #1f2225;
}

span.arrow-icon {
	background: url(../Media/arrow-icon.png);
	background-size: contain;
	margin: 0 0 0 4%;
}

span.arrow-icon-bright {
	background: url(../Media/arrow-icon-bright.png);
	background-size: contain;
	margin: 5px 0 0 4%;
}

.menu-title {
	color: #b2951f;
	font-size: 14px !important;
	/*text-transform:capitalize; font-size:130%; */
	padding-bottom: 10px;
	display: block;
}


/*.right-menu-title {font-weight: bold;}*/


/* HEADER AND NAVBAR
-------------------------------------------------- */

nav.navbar-inverse {
	background-color: transparent;
	text-transform: uppercase;
	padding-bottom: 20px;
}

nav.navbar-inverse button {
	background: #1f2225;
	margin: 36px 0 0 0;
}

nav.navbar-inverse button span.icon-bar {
	color: #ecedeb;
}

nav li.filterOn a {
	color: #a5871b !important;
}

nav .left-header .navbar-collapse ul li a {
	color: #000;
}

nav .left-header .navbar-collapse ul li a:hover {
	color: #a5871b;
	background-color: transparent;
}

nav .left-header .navbar-collapse ul li.active a {
	color: #a5871b;
	background-color: transparent;
}

nav .left-header .navbar-collapse ul li.active a:hover {
	color: #000;
	background-color: transparent;
}


/* FIX MOBILE NAV HOVER */

.left-sidebar-nav li a:hover {
	color: #a5871b;
	background-color: transparent;
}

.menu-title a {
	color: #a5871b;
	background-color: transparent;
}

nav .right-header {
	margin-top: 0px;
	padding: 9px 15px 13px 15px;
}

nav .right-header ul {
	list-style: none;
	padding: 0;
}

nav .right-header ul li {
	padding: 0;
}

nav .right-header ul li a {
	color: #4d4d4d;
	display: block;
}

nav .right-header ul li.login {
	font-size: 13px;
	display: block;
}

nav .right-header ul li input {}

nav .right-header ul li button {
	margin: 0 !important;
	background-color: #ccc !important;
}


/*FIX BUTTON AT SEARCH FIELD */

nav .logo {
	background: url(../Media/sprite.png) no-repeat 0px 0px;
	/*background: url('https://gjaldstovan.fo/Gjaldstovan/media/2562/logo_jol.png') no-repeat 0px 0px;*/
	width: 162px;
	height: 58px;
	margin-left: -15px;
	margin-top: 20px;
	margin-bottom: -16px;
}


/*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
nav .logo {background:url(../Media/sprite@2x.png) no-repeat 0px 0px; width:162px; height:58px; margin-left:-15px; background-size:1000px 1000px;}
}*/

nav .logo span {
	visibility: hidden;
}


/* FOOTER
-------------------------------------------------- */

.footer .footer-wrapper {
	color: #ecedeb;
	padding: 0;
	line-height: 1;
}

.footer a {
	color: #ecedeb;
}

.footer span {
	color: #ecedeb;
	font-size: 12px;
}

.footer nav ul {
	list-style: none;
	padding: 0;
}

.footer nav ul li {
	padding: 5px;
	display: block;
	font-size: 12px;
}

.footer nav ul li a {
	display: block;
}


/* BOTTOM INFO
-------------------------------------------------- */

.bottom-info .row p {
	padding: 25px;
	color: #4d4d4d;
}

.bottom-info .row p a {
	color: #4d4d4d;
	text-decoration: underline;
}


/* FRONTPAGE DESIGN
-------------------------------------------------- */

#frontpage .carousel h1 {
	font-size: 18px;
}

#frontpage .front-nav {
	min-height: 70px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#frontpage .front-nav ul {
	list-style: none;
	margin-bottom: 0;
	padding: 0;
	background: #4d4d4d;
	height: auto !important;
}

#frontpage .front-nav ul li {
	font-size: 22px;
	height: 70px;
	padding-top: 20px !important;
	padding-right: 20px;
	border-top: 1px solid #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
	border-left: none !important;
	border-right: none !important;
	float: left;
}

#frontpage .front-nav ul li {
	height: 70px;
	padding-top: 20px;
	border-left: 1px solid #F1F1F1;
	border-right: 1px solid #F1F1F1;
	border-top: 0px solid #F1F1F1;
	border-bottom: 0px solid #F1F1F1;
}

#frontpage .front-nav ul li a {
	color: #ecedeb;
	display: block;
}

#frontpage .front-nav ul li a:hover {
	color: #ecedeb;
	text-decoration: none;
}

#frontpage .front-nav ul li .glyphicon {
	float: left;
	margin: 0 10px;
	height: 50px !important;
	width: 50px !important;
	margin-top: -11px;
}

#frontpage .front-nav ul li .glyphicon-small {
	float: right;
	margin: 0 0px;
	height: 20px !important;
	width: 20px !important;
}

#frontpage .front-wrapper {
	padding: 0;
}

#frontpage .front-boxes {
	padding: 0 15px;
}

#frontpage .front-boxes a {
	color: #4d4d4d;
}

#frontpage .front-boxes h2 {
	font-size: 14px;
}

#frontpage .front-boxes .first {
	background: #ecedeb;
}

#frontpage .front-boxes .second {
	background: #ecedeb;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

#frontpage .front-boxes .third {
	background: #ecedeb;
}

#frontpage .front-boxes ol {
	list-style: none;
	padding: 0;
}

#frontpage .front-boxes ol li {
	width: 25%;
	float: left;
	padding-bottom: 20px;
	color: #4d4d4d;
	clear: both;
	font-size: 10px;
}

#frontpage .front-boxes ol li dl {
	width: 75%;
	float: left
}

ul.dropdown {
	display: none;
}

ul:hover ul.dropdown {
	display: block;
	/* Display the dropdown */
}


/* Custom, iPhone Retina
-------------------------------------------------- */

@media only screen and (min-width: 320px) {
	.whatres {
		background-color: green;
		border: 4px solid green;
	}
	#navbar {
		border: none;
	}
	nav {
		padding: 20px 0px 10px 0px;
	}
	/*nav {padding: 0px; }*/
	nav .left-header {
		margin-top: -10px;
		margin-bottom: 10px;
		padding-right: 0;
	}
	.content {
		padding-right: 0;
		padding-left: 0;
	}
	.content img {
		margin: 30px 0;
	}
	.left-sidebar {
		background-color: #ecedeb;
	}
	.left-sidebar ul {
		list-style: none;
		padding: 0;
	}
	.left-sidebar ul li {
		padding: 5px 0;
	}
	.left-sidebar ul.mobile-nav li a {
		display: block;
		text-align: center;
		padding: 0 20px 20px 20px;
		color: #000
	}
	.left-sidebar ul.tree li {
		padding: 0;
	}
	.left-sidebar ul.tree li a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.left-sidebar ul.infotree li {
		padding: 0;
	}
	.left-sidebar ul.infotree li a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.right-header ul li.login a {
		padding-top: 10px;
	}
	.topbar {
		background: #4d4d4d;
		height: auto;
		color: #CCC;
		margin: 0px 0px 10px 0px;
	}
	.topbar a {
		color: #ecedeb;
	}
	.filter {}
	.filter ul {
		list-style: none;
		padding: 0;
	}
	.filter ul li {
		padding: 0 0 0 17px !important;
	}
	.filter ul li.filter-title {
		padding-left: 0px !important;
	}
	/*.filter ul li.filterOff a {color:#C5C5C5;}
.filter ul li.filterOn a {color:#656565;}*/
	.filter ul li.filterOn a {
		font-weight: bold;
		color: #a5871b !important;
	}
	.filterOn {
		color: #a5871b !important;
	}
	.glyphicon.glyphicon-circle {
		margin-bottom: -.3em;
		margin-top: -.8em;
		overflow: hidden;
	}
	.glyphicon.glyphicon-circle:before {
		content: "\25cb";
		font-size: 2em;
	}
	#frontpage .front-nav {
		font-size: 22px;
	}
	#frontpage .front-boxes div {
		padding-top: 1px;
		padding-bottom: 1px;
		margin: 15px 0;
	}
	#frontpage .front-nav ul li {
		clear: both;
	}
}


/* Extra Small Devices, Phones
-------------------------------------------------- */

@media only screen and (min-width: 480px) {
	.whatres {
		background-color: YELLOW;
		border: 4px solid yellow;
	}
}


/* Small Devices, Tablets
-------------------------------------------------- */

@media only screen and (min-width: 768px) {
	.whatres {
		background-color: orange;
		border: 4px solid orange;
	}
	.footer .first-row {
		border-right: 1px solid #ecedeb;
		padding-bottom: 15px;
	}
	#frontpage .footer .first-row {
		border-right: 0px
	}
	.content {
		padding-right: 0;
		padding-left: 15px;
	}
	.left-sidebar {
		background-color: #ecedeb;
		min-height: 850px;
	}
	.left-sidebar ul {
		list-style: none;
		padding: 0;
	}
	.left-sidebar ul li {
		padding: 5px 0;
	}
	#sideBarNavigation {
		display: block;
		visibility: visible;
	}
	#infoSideBarNavigation {
		display: block;
		visibility: visible;
	}
	.topbar {
		background: #4d4d4d;
		height: 70px;
		margin-bottom: 0;
	}
	.topbar .circle-pattern {
		background: url(../Media/circle-pattern.png) no-repeat -40px -160px;
		background-size: 130%;
		border-right: 1px solid #ecedeb;
		height: 100%;
	}
	#frontpage .carousel h1 {
		font-size: 32px;
	}
	#frontpage .front-boxes div {
		min-height: 350px;
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
	}
	ul.navbar-right {
		padding-top: 28px !important;
	}
}


/* Medium Devices, Desktops
-------------------------------------------------- */

@media only screen and (min-width: 992px) {
	.whatres {
		background-color: blue;
		border: 4px solid blue;
	}
	ul.navbar-right {
		padding-top: 0px !important;
	}
	.right-header {
		padding: 0px 15px !important;
	}
	.right-header ul li {
		float: right !important;
		clear: right;
	}
	.right-header ul li.login {
		margin-bottom: 10px;
	}
	.right-header ul {
		margin-top: 0 !important;
	}
	.right-header .login a {
		text-align: right;
	}
	nav.navbar-inverse .left-header ul {
		margin-top: 50px;
	}
	nav.navbar-inverse .left-header ul li a {
		padding: 0 10px 0px 10px !important;
	}
	#frontpage .front-nav ul li {
		clear: none;
	}
	#frontpage .front-nav ul li {
		background: #4d4d4d;
		height: 70px;
		padding-top: 20px;
		border-left: 1px solid #F1F1F1;
		border-right: 1px solid #F1F1F1;
	}
	#frontpage .front-boxes h2 {
		font-size: 16px;
	}
	#frontpage .front-boxes div {
		min-height: 380px;
	}
	#frontpage .footer .footer-wrapper {
		height: 773px;
	}
	#frontpage .footer .footer-wrapper {
		border-left: 1px solid #FFFFFF;
	}
	.content {
		max-height: 850px;
		overflow-y: auto;
	}
}


/* Large Devices, Wide Screens
-------------------------------------------------- */

@media only screen and (min-width: 1200px) {
	.whatres {
		background-color: red;
		border: 4px solid red;
	}
	#frontpage .front-boxes div {
		min-height: 320px;
	}
	#frontpage .footer .footer-wrapper {
		height: 785px;
	}
	/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
	.speaklink-button-container {
		overflow: auto;
		cursor: pointer;
	}
}

.speaklink-button-container img {
	margin: 0;
	display: inline;
	width: 2em;
	height: 2em;
	margin-right: 5px;
}

.speaklink-button-container span {
	vertical-align: middle;
}