@charset "utf-8";
/* CSS Document */

html{
	padding:0px;
	margin:0px;
	background-color:#fbf9f3;
}	

body {
		margin: 0px auto;
		padding:0px;
		border:0px;
		height:;
}

@font-face {
  font-family: centaur;
  src: url(grafik/Centaur-Font/CENTAUR.TTF);
}

a:focus {
		outline:none;
}

.clear {
		clear:both;
}

.billede { 
		border:0px;
		float:left;
		max-width: 100%;
		width:100%;
		height: auto;
		clear:both;
		text-align:left;
		cursor: pointer;
		margin-bottom:1px;
}

/* Elementer til MIDLERTIDIG forside*/ 


.testramme3{
		width:100%;
		height:420px; /*137px; /*når menuen implementeres: 420px;*/
		/*background-image:url(../top-foto1.jpg);*/
		background-image: linear-gradient(to top, #fbf9f3, rgba(0, 0, 0, 0)), url('../top-foto1.jpg');
		background-size: cover;
		background-position: center;
		float:left;
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 900px) {
  .testramme3 {
    width:100%;
	height:210px;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 700px) {
  .testramme3 {
    width:100%;
	height:0px;
  }
}

.bundfoto{
		width:100%;
		height:137px; 
		background-image:url(../bund-foto1.jpg);
		background-size: cover;
		background-position: center;
		float:left;
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 700px) {
  .bundfoto {
    width:100%;
	height:37px;
  }
}

.testramme23{ 
		/*width:700px;*/ /*76%;*/
		/*margin:0 auto;*/
		height:;
		width:52%;
		float:left;
		margin-left:24%;
		margin-top:-100px; /*128px;*/
		padding:0px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 1000px) {
  .testramme23 {
    width:78%;
	margin-left:11%;
	/*margin-top:67px;*/
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 700px) {
  .testramme23 {
    width:100%;
	margin-left:0%;
	margin-top:49px; /*63px;*/
  }
}

.testramme1{
		height:;
		width:100%; /*700px;*/
		float:left;
		/*background-color:#eee;*/
		font-family: centaur, georgia, times, serif;
		color:#39869b;
		font-size:54px;
		font-weight:bold;
		letter-spacing:4px;
		text-align:left;
		padding:0%;
		margin-top:21px;
}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px
@media screen and (min-width: 750px) {
  div.testramme1 {
    width:700px;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 777px) {
  .testramme1 {
    width:90%;
	padding-left:5%;
	padding-right:5%;
	margin-bottom:7px;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 500px) {
  .testramme1 {
	font-size:35px;
	margin-top:0px;
  }
}

.testramme2{
		height:;
		min-height:14px;
		width:100%; /*700px;*/
		float:left;
		/*background-color:#eee;*/
		font-family: centaur, georgia, times, serif;
		/*color:#748a6c;*/
		color:#888888; /*#8a8a8a;*/ /*8c8c8c;*/
		font-size:27px;
		font-weight:normal;
		letter-spacing:1px;
		text-align:left;
		padding:0%;
		margin-top:35px;
		margin-bottom:170px;
}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px 
@media screen and (min-width: 750px) {
  div.testramme2 {
    width:700px;
	color:#8c8c8c;
  }
}*/

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 777px) {
  .testramme2 {
    width:90%;
	padding-left:5%;
	padding-right:5%;
	margin-top:28px;
	color:#8c8c8c;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 500px) {
  .testramme2 {
	font-size:14px;
	line-height:21px; /*17px;*/
  }
}

/* Elementer til MIDLERTIDIG forside SLUT!!!*/ 

/* Bund */ 

#bund-ramme {
	float:left;
	bottom:0px;
	width:98%;
	height:41px;
	background-image: linear-gradient(to bottom right, #748a6c /*#fbf9f3*/, #748a6c);
	/*background:#748a6c;*/
	padding:1%;
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  #bund-ramme {
    width:96%;
	padding:2%;
  }
}

/*#bund-netsite-ramme {
	float:right;
	width:134px;
	height:40px;
	padding-top:1px;
	background-image:url("../grafik/netsite-logo.png");
	background-repeat:no-repeat;
	margin-right:17px;
	background-size: contain;
}*/

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px 
@media screen and (max-width: 500px) {
  #bund-netsite-ramme {
    width:100px;
	margin-top:6px;
	height:35px;
  }
}*/

#bund-ramme-tekst {
	float:right;
	margin-right:14px;
	padding-top:8px;
	width:;
	height:32px;
	/*background: #60f;*/
	text-align:right;
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", "sans-serif";
	font-size:17px;
	font-weight:normal;
	color:#fff; /*8c8c8c;*/
	letter-spacing:normal;
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 750px) {
  #bund-ramme-tekst {
    font-size:14px;
	padding-top:11px;
	height:29px;
	letter-spacing:1px;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 500px) {
  #bund-ramme-tekst {
    font-size:12px;
	padding-top:13px;
	height:28px;
	letter-spacing:1px;
  }
}

#bund-ramme-tekst a:link {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	letter-spacing:normal;
}

#bund-ramme-tekst a:hover {
	text-decoration:none;
	color:#F00;
	font-weight:bold;
	letter-spacing:normal;
}

#bund-ramme-tekst a:visited {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	letter-spacing:normal;
}

#bund-ramme-tekst a:active {
	text-decoration:none;
	color:#F00;
	font-weight:bold;
	letter-spacing:normal;
}

/* TEST!!!*/ 

/* Create a sticky/fixed navbar */
#navbar {
  overflow: hidden;
  background-color: #f1f1f1;
  padding: 90px 10px; /* Large padding which will shrink on scroll (using JS) */
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  position: fixed; /* Sticky/fixed navbar */
  width: 100%;
  top: 0; /* At the top */
  z-index: 99;
}

/* Style the navbar links */
#navbar a {
  float: left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  line-height: 25px;
  border-radius: 4px;
}

/* Style the logo */
#navbar #logo {
  font-size: 35px;
  font-weight: bold;
  transition: 0.4s;
}

/* Links on mouse-over */
#navbar a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active/current link */
#navbar a.active {
  background-color: dodgerblue;
  color: white;
}

/* Display some links to the right */
#navbar-right {
  float: right;
}

/* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */
@media screen and (max-width: 580px) {
  #navbar {
    padding: 20px 10px !important; /* Use !important to make sure that JavaScript doesn't override the padding on small screens */
  }
  #navbar a {
    float: none;
    display: block;
    text-align: left;
  }
  #navbar-right {
    float: none;
  }
}