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


/*media specific items*/

#opskrift{
	margin-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
}

@media (min-width: 600px) {
  #opskrift {
    margin-left: 2%;
	margin-top: 2%;
	margin-right: 2.5%;
  }
}

/*media specific items- end*/

body {
	font-family: Arial, sans-serif;
	
	background-color: #777777;  /*used in gradient in appetizer*/
	color: white;

    background-repeat: no-repeat;
    background-size: cover;
}

.bodyinframe{
	background-image:none;
	background-color:rgba(119, 119, 119, 0.7);
}


.inFrame {
	
	padding-right: 40px;
	font-size: 40px;
	text-align: right;
	height: 2em;
	
	/*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; without blur*/
	/*text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;*/
}

#opskrift {
	padding: 15px;
	margin-top: 20px;
	background: #ddd;
	color: black;
	line-height: 1.4em; /*NB interferes with cell padding*/
}

.disclaimer{
	font-size: 9px;
	font-style: italic;
	text-align: right;
	position: absolute;
    top: 3px;
    right: 20px;
	color:red;
}

.full_screen{
	width:20px;
	position:fixed;
	cursor:pointer;
	top:3px;
	right:10px;
	margin-right:15px;
	margin-top:30px;
}

.ingrediensheader{
    text-transform: uppercase;
	margin-bottom: 5px;
	margin-top:5px;
}

.ingrediensheaderen{ /* tekst layout flyttes til summary*/
    text-transform: uppercase;
	/*margin-bottom: 5px;
	margin-top:5px;
	margin-left:-5px;*/
	width: 15em;
	/*-nedenstående flyttes*/
	font-size: 110%;
		background:  
			linear-gradient(to right, rgba(220,220,220,1), rgba(220,220,220,0.5));
		background-size: contain;
}

/*.ingrediens_container{} -autogenereret i .html filen til at holde evt. baggrundsbillede*/

.item{
	margin-left:2px;
	width:80px;
	text-align: left;
	display: inline-block;
}

.item:first-letter {
    text-transform:capitalize;
}

.tekst{/*new version of treatment*/
	margin-left:8px;
	width:100%;
}

.tekst:first-letter {
    text-transform:capitalize;
}

.pseudolink{
	color:blue;
	position: relative;
	cursor: pointer;
}

.headerCell{
	padding-top:10px;
	font-weight: bold;
}

.unitCell{
	white-space: nowrap;
	text-align: right;
	vertical-align: top;
	font-family: "Lucida Console";
	font-size: 95%;
	padding-top: 3px;
}

.otherCell{
	padding-left:10px;
	vertical-align: top;
	word-spacing: 4px;
}

.ingredienser{
	background:  
		linear-gradient(to right, rgba(220,220,220,1), rgba(220,220,220,0.5));
	background-size: contain;
}
	
summary {
		   list-style-image: none;
		   padding-top:10px;
		   padding-top:20px;
		   font-weight: bold;
		   outline:none;
		   text-transform: uppercase;
}

details {
	/*background:  
		linear-gradient(to right, rgba(220,220,220,1), rgba(220,220,220,0.5));*/
}

/*working the summary icon -->*/
details summary::-webkit-details-marker {
    background: url(dropdown.png) center no-repeat;
    color: transparent;
	background-size: cover;
}
details[open] summary::-webkit-details-marker {
    background: url(dropup.png) center no-repeat;
    color: transparent;
	background-size: cover;
}
/*<--working the summary icon*/

ul {
   padding-left:20px;
   list-style-type: none;
}

table{
	border-spacing: 0px 0.2em; /*NB interferred by line height*/
}

.lille{
	font-size: 90%;
}