@font-face {
  font-family:"RobotoSlab";
  src: url("RobotoSlab-Regular.ttf") format("truetype");
}

body {
	font-family: Arial, sans-serif;
	background-color: #777777;
	color: white;	
	background-image:url('malus.jpg');
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-size: cover;
	
	margin: 0 !important;
    padding: 0 !important;
	/*display: grid;
	grid-template-columns: 300px auto;*/
	
	width: 100vw;
    height: 100vh;
	
	overflow: hidden;
	
}


/*media specific items*/
#topbar {
	margin-left: 5px;
	margin-top: 5px;
}

#opskriftViewer{
	margin-left: 5px;
	margin-top: 5px;
}

@media (min-width: 600px) {
  #topbar {
    margin-left: 2%;
	margin-top: 2%;
  }
  #opskriftViewer{
	margin-left: 2%;
	margin-top: 2%;
  }
}

/*media specific items- end*/

/* Change color of topbar items links on hover */
#topbar a{
	color:#dddddd;/*#cccccc;*/
	text-decoration: none;
}
#topbar a:hover {
	color: white;
}

.topbar_selector_item {
	color:#dddddd;/*#cccccc;*/
}

.topbar_item{
	color:#dddddd;/*#cccccc;*/
}

.topbar_selector_item:active {
 /*doesent stay selected*/
}

.topbar_selector_item:hover {
	color: white;
	cursor:pointer;
}
/* ---Change color of topbar items links on hover */

#topbar {
	background: rgba(119, 119, 119, 0.7);
	border-radius:3px;
	/*padding-top:10px;
	grid-column: 1 / span 1;*/
	text-indent: -1em;
	z-index:1; 
	position: absolute;
	overflow-y: auto;
}


.topbar_selector {
	 list-style-type:none;
	 margin-left: 10px;
}


.dropbtn{
	background-color: Transparent;
	cursor: pointer;
}
.dropdown{
	width:15px;
	margin-bottom:-3px;
}

.recipeview{
	/*grid-column: 2 / span 1;*/
	background:none transparent;
	width:100%;
	height:100%;
	
	border-radius:3px;
}

#opskriftViewer{
	z-index:0; 
	position: absolute;
	width:100%;
	height:100%;
	background:none transparent;
}

.topbar_label{
	padding-right:10px;
	padding-left:20px;
	/*	padding-left:20px;*/
}

#opskrifter{
	/*overflow-y: scroll;*/
	/*margin-bottom hardcoded in .js, toggleClose()*/
}

#soegning{}