body {
	margin: 0;
	padding: 0;
	font-family: verdana;
}

.tartalom {
	width: 100%;
}

#tartalomContainer {
	position: relative;
	width: 960px;
	height: 1260px;
}

#cimkek {
	width: 57%;
	height: 465px;
	position: absolute;
    text-align: left;
    margin-top: 0px; 
	margin-left: 0px;
}

#cimkeButton {
  background-color: #4CAF50;	
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  margin: 4px 2px;
  cursor: default;
}


#login {
	background-color: #f7f7f7;
	width: 37%;
	height: 505px;
    text-align: center;
    border-radius: 8px;
    position: absolute;
	margin-top: 0px; 
	margin-left: 603px;
}

#loginSection1 {
	font-weight: bold; 
	font-size: 16px;
}

#loginSection2 {
	font-style: italic; 
	font-size: 12px;
}

#loginSection3 {
	margin: 10px 0px 15px 0px;
	font-size: 14px;
}

#loginForm {
	width: 90%;
	border: 1px solid #ccc;
	border-radius: 4px;
	clear: both; 
	margin-right: auto; 
	margin-left: auto;
}

#loginFromPart1 {
	background-color: #f2f2f2;
	padding: 12px 14px;
	border-radius: 4px;
	color: black;
	font-weight: bold;
	font-size: 18px;
}

#loginEmail, #loginJelszo, #loginSubmit {
	width: 95%;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	margin: 8px 8px;
	padding: 12px 20px;
	font-size: 15px;
}

#loginSubmit {
	background-color: #4277f4;
	color: white;
}

#loginSubmit:hover {
	cursor: pointer;
	background-color: blue;
}

#bemutatkozas {
	width: 100%;
	position: absolute;
	margin-top: 20px; 
	margin-left: 0px;
}

#bemutatkozasCim {
	background-color: #f27e35;
	font-style: italic;
	font-size: 12px;
	color: white;
	padding: 5px 10px;
}

#bemutatkozasContent {
	font-size: 11px;
	color: #474747;
	padding: 2px 0px;
}

#haccp {
	width: 100%;
	position: absolute;
	margin-top: 230px; 
	margin-left: 0px;
}

#hrUtan {
	text-align: right;
	color: black;
	font-size: 11px;
	font-weight: bold;
	
}

#szolgaltatasok1 {
	width: 45%;
	position: absolute;
	margin-top: 665px; 
	margin-left: 0px;
}

#szolgaltatasokCim {
	color: green;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0px;
}

#szolgaltatasokContent {
	border-top: 4px solid green;
	background-color: #f7f7f7;
	height: 380px;
}

#szolgaltatasok2 {
	width: 45%;
	position: absolute;
	margin-top: 665px; 
	margin-left: 300px;
}

#vekonyBetuSzolgaltatas {
	font-size: 10px;
	padding: 2px 2px;
}
#vastagBetuSzolgaltatas {
	font-size: 10px;
	font-weight: bold;
	padding: 2px 2px;
}

#felhasznalasi {
	width: 37%;
	position: absolute;
	margin-top: 525px; 
	margin-left: 603px;
}

#felhasznalasiCim {
	text-align: left;
	background-color: #f27e35;
	font-style: italic;
	font-size: 12px;
	color: white;
	padding: 5px 10px;
}

#felhasznalasiContent {
	font-size: 11px;
	color: #474747;
	padding: 2px 0px;
	text-align: left;
}

#hirlevel {
	position: absolute;
	margin-top: 668px; 
	margin-left: 603px;
	width: 37%;
}

#hirlevelCim {
	text-align: left;
	background-color: #f27e35;
	font-style: italic;
	font-size: 12px;
	color: white;
	padding: 5px 10px;
}

#hirlevelContent {
	font-weight: bold; 
	font-size: 11px;
	color: #474747;
	padding: 2px 0px;
}

#hirlevelEmail {
	width: 95%;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	margin: 8px 8px;
	padding: 8px 16px;
	font-size: 13px;
}

#submitHirlevel {
	background-color: #cf4500;
	color: white;
	width: 95%;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	margin: 8px 8px;
	padding: 8px 16px;
	font-size: 13px;
}

#submitHirlevel:hover {
	cursor: pointer;
	background-color: #a13600;
}

#kepek {
	width: 100%;
	position: absolute;
	margin-top: 1080px; 
	margin-left: 0px;
}

#kep1 {
	position: absolute;
	margin-top: 0px; 
	margin-left: 0px;
}

#kep2 {
	position: absolute;
	margin-top: 0px; 
	margin-left: 150px;
}

#kep3 {
	position: absolute;
	margin-top: 0px; 
	margin-left: 300px;
}

#kep4 {
	position: absolute;
	margin-top: 0px; 
	margin-left: 450px;
}