body{
	padding:		0;
	margin:			0;
	background:  url('images/body_transition.jpg') repeat-x #082101;
	font-family:	Arial;
	font-size: 13px;
}
#page{
width: 1000px;
}
#multibox_container{
float: left;
width: 1000px;

}
#absolute_left{
float: left;
width: 60px;

}
#absolute_left_bg{
float: left;
width: 60px;
height: 291px;
background:  url('images/absolute_left_bg.jpg') top no-repeat;

}
#absolute_right{
float: left;
width: 940px;

}
#header{
float: left;
width: 940px;
height: 194px;
overflow: hidden;
background:  url('images/header_bg.jpg');
}
#header_left{
float: left; 
width: 573px;
height: 194px;
}
#header_left_logo_link{
float: left;
padding: 51px 189px 62px 26px;
}
#header_left_logo_link img{

height: 80px;
width:  358px;
border: none;
}
#header_right{
float: left;

padding: 50px 20px 0px 2px;
}
#csicsoka_leiras{
float: left;
width: 345px;
height: 154px;
text-align: left;
color: white;
text-align: justify;
}
#csicsoka_leiras p{
padding: 0;
margin: 0;
}
.sarga{
color: #FFE300;
font-weight: bold;
}
#left_content_right{

float: left;
background:  url('images/left_content_right.jpg') repeat-y;
width: 940px;
}
#left{
float: left;
width: 226px;
}
#main_menu ul{
	padding : 0 ;	
	margin: 0 ;
	list-style: none;
	text-align: left;
	float: left;
	

}
#main_menu ul li{
padding : 0;
margin: 0;
float: left;
list-style: 	none;
width: 226px;
padding-top: 0px;
}

#main_menu ul li a{
width: 226px;
padding : 0 ;
margin: 0 ;
display: 		block;
color: white;
text-decoration:none;
height: 34px;
font-size: 13px;
background:  url('images/inactive_menu.jpg') top; 

}

#main_menu ul li a span{


	display: 		block;
	padding-top: 10px;
	padding-left: 40px;


}
#main_menu   ul li.first a{
color: white;
background: url('images/menu_inactive_first.jpg') top!important; 
}
#main_menu   ul li.firstactive a{
color: white;
background: url('images/menu_active_first.jpg') top!important; 
}
#main_menu   ul li.first a:hover{
color: white;
background: url('images/menu_active_first.jpg') top!important; 
}

#main_menu   ul li.active a{
color: white;
background: url('images/active_menu.jpg') top!important; 
}
#main_menu ul li a:hover{

color: white;
background: url('images/active_menu.jpg') top!important; 
}
#istf_logo{
float: left;

width: 226px;
height: 161px;

background:  url('images/istf_logo.jpg');
}
#istf_logo_container{
float: left;
padding: 40px 60px 10px 60px;
 
}
#istf_logo_container img{

width: 106px;
height: 111px;
border: none;
}
#top_inulin{
float: left;

width: 226px;
height: 161px;

background:  url('images/top_inulin_logo.jpg');
}
#top_inulin_container{
float: left;
padding: 40px 60px 10px 60px;
 
}
#top_inulin img{

width: 106px;
height: 111px;
border: none;
}
#rg_studio_logo{
float: left;

width: 226px;
height: 163px;

background:  url('images/rg_studio.jpg');

}
#rg_studio_logo_container{
float: left;
padding: 40px 60px 10px 60px;
 
}
#rg_studio_logo_container img{

width: 106px;
height: 111px;
border: none;
}
#elerhetoseg{
float: left;

width: 226px;
height: 263px;

background:  url('images/elerhetoseg.jpg') top no-repeat #E7F1CE;
}
#elerhetoseg_container{
float: left;
padding: 33px 20px 0px 30px;
text-align: left;
}
#elerhetoseg_container h1{
padding: 0;
padding-top: 20px;
margin: 0;
font-size: 18px;
color: black;
font-weight: normal;
 
}
#elerhetoseg_container p{
padding: 0;
margin: 0;
}
#elerhetoseg_container a{
color: #F88C00;
text-decoration: none;
}
#elerhetoseg_container a:hover{
text-decoration: underline;

}
#content_container{

float: left;
width: 488px;
background:  url('images/content_transition.jpg') top no-repeat;
} 
#content{
clear: left;
float: left;

padding: 26px 10px 10px 13px;
text-align: left;
}
#content p{
padding: 0px 0px 10px 0px;
margin: 0;
}
#content table{
font-size: 13px;
}
#content h1{ 
padding: 0px 0px 20px 0px;
margin: 0;
font-weight: normal;
font-size: 20px;
color: #224600;

}
#content h2{
padding: 0px 0px 13px 0px;
margin: 0;
font-weight: bold;
font-size: 17px;
color: #629029;
}
#content h3{
padding: 0px 0px 13px 0px;
margin: 0;
font-size: 16px;
color: #486400;
}
#content a{
color: #689731;
text-decoration: underline;
}
#content h3 a{
color: #689731!important;
text-decoration: none!important;
}
#content a:hover{
color: #F88C00;
text-decoration: none;
}
#content img{
border: 5px solid #B0C973!important;
}
#content a:hover img{
border: 5px solid #639029!important;
}
#content img.keretnelkul{
border: none!important;
}
#content a:hover img.keretnelkul{
border: none!important; 
}

.szoveg{
  width: 460px;
}

.belsolink {
	padding : 0; 
	margin: 0 ;	
	list-style: none  ;	
	text-align: left ;	
	float: left  ;	
	width: 226px  ;
}
.belsolink li{
padding : 0  ;	
margin: 0  ;	
float: left  ;	
list-style: 	none  ;	
width: 226px  ;	 
padding-top: 0px  ;	
}

.belsolink li a{
width: 226px  ;	
padding : 0  ;	
margin: 0  ;	
display: 		block  ;	
color: #224600!important;	
text-decoration: none!important;	
height: 28px  ;	
font-size: 13px  ;	
font-weight: bold !important;	
background:  url('images/belso_link_bg.jpg') top no-repeat  ;	

}
.belsolink li a:hover{
font-weight: bold!important;
color: #629029!important;
}

.belsolink li a span{


	display: 		block  ;	
	padding-top: 6px  ;	
	padding-left: 40px  ;	


}
.content_split{
float: left;
padding-bottom: 10px;
margin-bottom: 12px;
width: 219px;
background:  url('images/content_split.jpg') bottom no-repeat ;	
}


#content_for_ie{
float: left;
width: 0px;
height: 160px;
}

#webshop_basket{
float: left;

width: 226px;
height: 223px;

background:  url('images/kosar.jpg');
overflow: hidden;

}

#webshop_basket_container img{

width: 226px;
height: 223px;
border: none;
}
#kiemelt_termekek_head{
float: left;
width: 226px;
height: 36px;
background:  url('images/kiemelt_termekek.jpg');
}
#right{
width: 226px;
float: left;
}
#right p{
padding: 0!important;
margin: 0!important;
}
#right img{
border: none!important;
padding: 0!important;
margin: 0!important;
}
#footer{
float: left;
width: 940px;
height: 102px;
background:  url('images/footer.jpg');
overflow: hidden;
}
#footer_left{
float: left;
width: 246px;
height: 102px;
}
#footer_left_logo{

float: left;
padding: 30px 0px 0px 0px;

}
#footer_left_logo img{

height: 72px;
width: 246px;
border: none;
}
#footer_center{
float: left;

width: 200px;
height: 102px;
}
#footer_center table{
font-size: 13px;
}
.footer_center_table{
float: left;
width: 200px;
height: 30px;
}
#footer_center_container{
float: left;
padding: 50px 0px 0px 0px;
}
.footer_split{
float: left;
width: 1px;

height: 30px;
background:  url('images/footer_split.jpg') no-repeat;

}
#footer_right{

float: left;
width: 494px;
height: 102px;
}

#footMagicon{
float: left;
text-align: left;
padding-left: 315px;
padding-top: 40px;

}

#footMagicon p{
padding: 0;
padding-top: 4px;
margin: 0;
color: white;
}
#footMagicon img{
border: none;
}
#footer a{
text-decoration: none;
color: white;
}
#footer a:hover{ 


color: #FFE300;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------Termékkezelő---------------------------------*/

.termek{

float: left;
width: 463px;
height: 226px;
font-size: 13px;
}
.left_with_picture{
vertical-align: top;
background: #DAEAB6;
width: 122px;
border: 1px solid #83B706;
}
.product_pic{
padding-top: 15px;
}
.product_pic img{
border: 5px solid #B0C973;

}
.right_width_details{
vertical-align: top;
border: 1px solid #83B706;
background: #E7F1CE;
width: 335px; 
}
.right_width_details a:hover{
text-decoration: underline!important;
}
.leiras{
float: left;
padding: 3px 19px 6px 12px;
}
.leiras h3{
font-size: 14px;
color: #486400;
padding-top: 12px;
padding-bottom: 10px;
margin:0;
}
.elvalszto_zold_csik_container{
float: left;
padding-top: 15px;
padding-bottom: 5px;

}
.elvalszto_zold_csik{
float: left;
height: 1px;

width: 290px;
background:  url('images/elvalszto_zold.jpg') repeat-x;

}
.rendeles_feltetel{

color: #486400;
}
.mennyiseg{
margin-top: 4px;
width: 100%;
border: 1px solid #83B706;
}
.izesites_view{
float: left;
width: 77px;
}
.egyiz{
float: left;
width: 150px;
}
.leftdata{
float: left;
padding: 11px 13px 13px 16px;
font-size: 12px;
}
.leftdata a{
text-decoration: none;
color: #83B706!important;
}
.leftdata a:hover{
text-decoration: underline!important;
}

.kosarba{

margin-top: 4px;
background: #4E7F00;
color: white;
width: 100%;
border: 1px solid white;
}
.kosarba2{
margin-top: 4px;
background: #4E7F00;
color: white;

border: 1px solid white;
}
.bovebben{

padding-top: 15px;
}

#egytermek{
background: #E7F1CE;
float: left;
width: 460px;
border: 1px solid #83B706;
padding-bottom: 15px;
font-size: 13px;
}
#egytermek h3{
	font-size:14px; 
	float: left; 
	width: 350px; 
	
}
#egytermek a{
text-decoration: none;
color: #83B706!important;
}
#egytermek a:hover{
text-decoration: underline;
}
#egytermek_content{
float: left;
padding: 0px 15px 0px 15px;

}
#rendel{
float: left;
width: 460px;  
padding-top: 15px;
padding-bottom: 15px;
background: #DAEAB6;
border: 1px solid #83B706;
color: #486400;
}
#osszesen{
	background: #E7F1CE;
	padding: 10px 10px 10px 10px;
	border: 1px solid  #83B706;
	float: left;
	color: #537500;
}
#rendel_content{
float: left;
padding: 0px 15px 0px 15px;
}
#osszesen input{
	border: none;
	color: #fff;
	background: #83B706;
	margin-left: 350px;
	width:70px;
	font-size: 13px;
	height:20px;
	font-weight:bold;
	cursor: pointer;
}
#megrendelem{
	margin-left: 180px;
}
#osszesen a{
	color: #83B706;
}
#osszesen a:hover{
	text-decoration: underline;
	color: #83B706;
}
#osszesen hr{
	border: 1px solid #83B706;
}
#rendeles{
	background: #E7F1CE;
	padding: 10px 10px 10px 10px;
	border: 1px solid #83B706;
}
#rendeles table{
font-size: 13px;
}
#rendeles h2{
	font-size:14px;
	font-weight:bold;
}
#rendeles label{
	display:block;
	width:150px;
	float: left;
}
#rendeles input, #rendeles textarea{

	background: white;
	border: 1px solid white;
	border: 1px solid #4E7F00;
	margin-bottom:1px;
	width:290px;
}
#rendeles textarea{
	height:100px;
	width:440px;
}
#rendeles span{
	font-size: 11px;
}
.megrendelem{

width: 298px;
background: #4E7F00!important;
color: white!important;
border: 1px solid white!important;
}
#felso_kosar{
float: left;
width: 462px;
}
#felso_kosar h3{
float: left;
padding-left: 35px;
padding-top: 3px;
background:  url('images/kosarba.gif') left -1px no-repeat;
height: 34px;
}
.kupon_input{
float: left;
background: white!important;
border: 1px solid #83B706!important;
color: black!important;
padding: 0!important;
margin: 0!important;
font-weight: normal!important;
}
.kupon_kuld{
float: right!important;
padding: 0!important;
margin: 0!important;
margin-right: 20px!important;
}

.elozo{
float: left;
width: 198px;
background: #4E7F00!important;
color: white!important;
border: 1px solid white!important;
}
.kovetkezo{
float: right;
width: 198px;
background: #4E7F00!important;
color: white!important;
border: 1px solid white!important;
}
.kerdoiv_form{
float: left;
width: 465px;
}
.ajanlo_textarea{
float: left;
width: 430px;
height: 200px;
}



/*///////////////////////////////////////////////////////////////////
          A kapcsolat oldalhoz
///////////////////////////////////////////////////////////////////*/
.kapcsolatText {
    border: 1px solid #CFCFCF;
    margin-bottom: 1px;
    width: 340px;
}
.kapcsolatText2{
}
.kapcsolatKozep {
    border: 1px solid #CFCFCF;
    width: 342px;
}

#title{
  font-weight: bold;
  padding: 10px 0;
}
#contactTop{
}
#contactBottom{
  padding: 10px 0;
}
.info{
  padding-top: 5px;
  float: left;
}
.infoText{
  width: 50px;
  float:  left;
}
.infoInput{
  width: 410px;
  float:  left;
}
.infoInput input{
  width: 408px;
}
.gomb{
  background: #65912F;
  border: none;
  font-weight: bold;
  color: #FFF;
}
.gomb2{
  background: #0068B7;
  border: none;
  font-weight: bold;
  color: #FFF;
}

.message{
  color: #FF0000;
  font-weight: bold;
  font-size: 16px;
}
.text{
  width: 180px;
}
.felir{
margin-top: 4px;
background: #4E7F00;
color: white;
width: 120px;
border: 1px solid white;
}
/*///////////////////////////////////////////////////////////////////
          A kapcsolat oldali css vége
///////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////
          Hírek css
///////////////////////////////////////////////////////////////////*/
.linkek{
  padding-top: 10px;
}
.conversion{
  width: 1px;
  height: 1px;
  overflow: hidden;
  float: left;
}
.conversion img{
  border: 0px !important;
}
#hirlevel_banner{
  float: left;
}
