body {
	font-size: 90%;
	background: background: #111111;
	color: #222;
	font-family: helvetica;
	line-height: 120%;
}

/* -------------------------------------------------------------------------------------------
--- LAYOUT -----------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/


#header, #content {
	width: 100%;
	text-align: center;
}

#header {
	height: 311px;
	background: url(../img/header.jpg) center 0 no-repeat;
}

#content {
	width: 100%;
	background: url(../img/content.jpg) center 0 repeat-y;
	padding: 0 0 30px 0;
}

#content .container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

h1 {
	width: 800px;
	height: 220px;
	position: absolute;
	top: 23px;
	left: 50%;
	margin-left: -400px;
}

h2.iberiaDelicatessen {
	width: 410px;
	height: 30px;
	position: absolute;
	top: 250px;
	left: 50%;
	margin-left: -205px;
}

h2.id24 {
	width: 187px;
	height: 87px;
	position: absolute;
	top: 210px;
	right: 30px;
	background: url(../img/id24.png) no-repeat;
}

h2.id24 a {
	width: 100%;
	height: 100%;
	display: block;
}
h1 span,
h2 span,
#nav li a span,
#makseviis h3 span,
#tasutaPaigaldus h3 span,
.kohvipoole span,
#kohvisulle span,
#dekaart a span {
	margin-left: -9999px;
}

.type {
	display: none;
	margin: 0;
}

em {
	font-style: normal;
	font-weight: bold;
}

a {
	color: #2F8AFD;
}

.kohvipoole {
	width: 150px;
	height: 150px;
	background: url(../img/kohvipoole.png) repeat-y;
	margin: 0px 0 0 130px;
}

#header .kohvipoole {
	position: absolute;
	top: 100px;
	left: 40px;
	margin: 0;
	}

.kohvipoole a {
	display: block;
	width: 150px;
	height: 150px;
}

/* -------------------------------------------------------------------------------------------
--- LEFT -------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/

#left {
	float: left;
	width: 550px;
	padding-top: 30px;
}

#text {
	width: 455px;
	background: url(../img/text2.png) repeat-y;
	padding: 0 39px 10px 42px;
}

.szovegteteje {
	height: 30px;
	width: 533px;
	background: url(../img/text1.png) no-repeat;
}

.szovegalja {
	height: 37px;
	width: 533px;
	background: url(../img/text3.png) no-repeat;
}

#text ul li,
#text dd {
	list-style-image: url(../img/list3.png);
	list-style-position: inside;
	margin: 0 0 .45em 0;
}

dt {
	margin: 0 0 .4em 0;
}

h3 {
	margin: 1em 0 .5em -.1em;
	padding: .3em 0 0 0;
	color: #6B9446;
	font-size: 162%;
}


/* -------------------------------------------------------------------------------------------
--- RIGHT ------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/

#right {
	float: right;
	width: 450px;
	padding-top: 30px;
}

/* -------------------------------------------------------------------------------------------
--- NAV --------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/

#nav li {
	float: left;
	width: 100px;
	height: 115px;
	display: block;
	margin-left: 5px;
	padding-top: 20px;
	background: url(../img/nemactive.png) no-repeat 0 0;
}

#nav li.active {
	background: url(../img/active.png) no-repeat top center;
}

#nav li a {
	width: 100px;
	height: 115px;
	display: block;
}

#nav li.firmast a {
	background: url(../img/firmast.png) no-repeat;
}

#nav li.firmast a:hover {
	background: url(../img/firmast_hover.png) no-repeat;
}

#nav li.koostoo a {
	background: url(../img/koostoo.png) no-repeat;
}

#nav li.koostoo a:hover {
	background: url(../img/koostoo_hover.png) no-repeat;
}

#nav li.coffeemar a {
	background: url(../img/coffeemar.png) no-repeat;
}

#nav li.coffeemar a:hover {
	background: url(../img/coffeemar_hover.png) no-repeat;
}

#nav li.vision a {
	background: url(../img/vision.png) no-repeat;
}

#nav li.vision a:hover {
	background: url(../img/vision_hover.png) no-repeat;
}

/* -------------------------------------------------------------------------------------------
--- FOOT -------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/


#tasutaPaigaldus {
	width: 173px;
	height: 110px;
	background: url(../img/tasutapaigaldus.png) no-repeat 0 0;
	margin: 20px 0 0 10px;
	padding: 0 0 0 230px;
}

#tasutaPaigaldus h3 {
	width: 173px;
	height: 117px;
	background: url(../img/tasutapaigaldus_blue.png) no-repeat 0 0;
}

#makseviis {
	width: 150px;
	height: 100px;
	background: url(../img/makseviis.png) no-repeat 0 0;
	margin: 0 0 0 10px;
	padding: 0 0 0 240px;
	/*border: 1px solid red;*/
}

#makseviis h3 {
	width: 139px;
	height: 71px;
	background: url(../img/makseviis_blue.png) no-repeat 0 0;
}



/* -------------------------------------------------------------------------------------------
--- FOOT -------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/

#kohv {
	clear: both;
	background: url(../img/kohv.png) 0 0 no-repeat;
	width: 400px;
	padding: 70px 0 0 380px;
	margin: 200px 0 0 100px; 
}

fieldset {
	background: url(../img/fieldset1.png) 0 0 no-repeat;
	padding: 80px 0 0 0;
	width: 400px;
}

fieldset li {
	margin-bottom: 5px;
}

.fieldsetFoot {
	background: url(../img/fieldset2.png) 0 0 no-repeat;
	height: 84px;
	margin-bottom: 0;
	padding: 5px 0 0 270px;
}

label {
	display: block;
	width: 200px;
	float: left;
	text-align: right;
	padding: 3px 10px 0 0;
	color: white;
}

input {
	border: none;
	border-bottom: 2px white dotted;
	background: transparent;
	padding: 2px 2px 1px 2px;
	width: 161px;
	font-family: courier;
	color: #662B0A;
}

input:hover,
textarea:hover {
	background: url(../img/input_hover.png) 0 0;
}

textarea {
	border: none;
	background: transparent;
	padding: 2px;
	width: 161px;
	font-family: courier;
	color: #662B0A;
	overflow: auto;
}

.checkbox {
	width: 13px;
	height: 13px;
	border: none;
}

.submit {
	width: 110px;
	text-align: left;
	color: #0578FD;
	height: 55px;
	border: none;
}

.submit:hover {
	background: transparent;
}

/* -------------------------------------------------------------------------------------------
--- OTHER STUFF ------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/

.clear {	
	clear: both;	
	margin-top: -1px;	
	height: 1px;	
	overflow:hidden;
} 

#dekaart {
	width: 95px;
	height: 95px;
	background: url(../img/dekaart.png) 0 0;
	margin: -50px 0 0 100px;
}

#dekaart a {
	width: 95px;
	height: 95px;
	display: block;
}

/* -------------------------------------------------------------------------------------------
--- KÖSZÖNJÜK HOGY ---------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/

body.contact {
	width: 100%;
	background: url(../img/content.jpg) center 0 repeat-y;
	color: white;
}

.figyu {
	position: absolute;
	top: 200px;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	height: 186px;
	background: url(../img/figyu.png) 0 0 no-repeat;
}

.aitah {
	background: url(../img/aitah.png) 0 0 no-repeat;
}