/* Neutralize styling: Elements we want to clean out entirely: */
html, body, form, fieldset
{margin:0; padding:0; font:100.1%/120%;}

/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin:1em 0; padding:0;}

/* Apply left margin: Only to the few elements that need it: */
li, dd, blockquote {margin-left:26px;}

/* Miscellaneous conveniences: */
form label {cursor:pointer;}
fieldset {border:none;}

/* Form field text-scaling */
input, select, textarea {font-size:100.1%;}

* {
}

body {
	margin: 2%;

}

#matratter {
}


#info {
	float: right;
	max-width: 90%;
	margin: 5%;
	text-align: center;
}



h1 {
	font-size: 200%;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 100%;
}

a, ul, li {
	font-size: 100%;
}

#instruktion h1, #instruktion h2, #instruktion h3, #instruktion h4, #instruktion h5, #instruktion h6 {
	font-size: 100%;
}

li {
	line-height: 24px;
}


.korg {
}


#search {
	min-width: 40%;
	font-size: 100%;
	padding: 3px;
}

#searchButton {
	max-width: 14%;
	padding-left: 1%;
	padding-right: 1%;
}

#print_button {
	margin-right: 10px;
	font-size: 90%;
}


#tomlista {
	font-size: 90%;

}

.storbokstav {
	text-transform:capitalize;
}

.checked {
	border: 0px solid transparent;
	background-color: transparent;
}


ul.medCheckbox {
	
	list-style-type:none;

}


ul.medCheckbox li {
	margin-left: 9px;
}


img {
	border-radius: 5px;
}


br.clear {
	clear: both;
}

hr {
	border-top: 1px dotted #c0c0c0;
	margin-top: 15px;
	border-bottom: 0px;
	clear: both;
	height: 0px;
}



#trueSearch {
	font-size: 70%;
	color: #333333;
	margin-left: 5px;
	margin-top: 5px;
}



#hittarInte {
	font-weight: bold;
	color: #FF0000;
	line-height: 180%;
	margin-left: 5px;
}


#spara_knapp {
}


div.tid {
	display: inline;
}



#inkoplista li a {
	font-size: 70%;
}


.recept {
	page-break-before: always;
}

.debug {
	color: #c0c0c0;
	font-size: 60%;
}


li {line-height: 30px;}


div.box {
	float: left;
}

div#ingrediens {width: 15%;}
div#matratt {width: 25%;}
div#inkoplista {width: 20%;}
div#recept {width: 40%;}




@media (max-width: 1400px) {


	div#ingrediens {width: 30%;}
	div#matratt {width: 37%;}
	div#inkoplista {width: 33%;}
	div#recept {width: 100%;}



}


@media (max-width: 900px) {


	div#ingrediens {width: 40%;}
	div#matratt {width: 60%;}
	div#inkoplista {width: 50%;}
	div#recept {width: 100%;}

	#search {min-width: 80%;}
	
	input.checkbox {width: 30px; height: 30px; vertical-align: middle; margin-right: 20px;}
	li {line-height: 40px;}
	input.knapp {height: 40px;}
}


@media (max-width: 550px) {


	div#ingrediens {width: 100%;}
	div#matratt {width: 100%;}
	div#inkoplista {width: 100%;}
	div#recept {width: 100%;}


	#info {
		width: 95%;
		margin: 5%;
	}
}

@media print {
	
	#user {display: none;}

	input {display: none;}

	#footer {display: none;}

	#inkoplista.tom {display: none;}
	
}


@media print and (max-width: 900px) {

	div#ingrediens {width: 40%;}
	div#matratt {width: 60%;}
	div#inkoplista {width: 100%;}
	div#recept {width: 100%;}

}