@charset "utf-8";

/* initializalas
-------------------------------------------------------------------------*/
/* alap beallitasok, margin-ok es padding-ok nullazasa */
html, body, form, input, select, fieldset {font-size: 14px; font-family: Verdana, Arial; color: #000000; }


/* heading es egyeb formazasok, melyek mas alapertelmezett margokkal birnak az egyes bongeszokben */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, address {margin: 0px; padding: 0px; }


ul, ol {list-style: none; }

/* a linkek kez alakot kapjanak mindenhol */
form label {cursor: pointer; }
address {font-style: normal; }

/* linkelt kepek keretezesenek megszuntetese */
/*a img,:link img,:visited img {border: none; }*/

img, div { behavior: url(iepngfix/iepngfix.htc); }
/*************************************************tartalmi elemek***********************************/



body {
background-color: #F3F3F0;
background-image: url(../hatter/csempe.gif); 
}

#hatter {
background-image: url(../hatter/hatter.gif);
width: 960px;
margin: 0 auto;
position: relative;
}

#egesz {
/*background-color: #fde9ab;*/
background-image: url(../hatter/conthatter.gif);
border-left: 3px solid #FFFFFF;
border-right: 3px solid #FFFFFF;
width: 870px;
margin: 0 auto;
position: relative;
}

#header {
/*border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;*/
/*background-color: #009900;*/
background-image: url(../hatter/header.jpg);
width: 870px;
height: 158px;
position: relative;
color: #FFFFFF;
}

#headerger {
/*border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;*/
/*background-color: #009900;*/
background-image: url(../hatter/headerger.jpg);
width: 870px;
height: 158px;
position: relative;
color: #FFFFFF;
}

#headereng {
/*border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;*/
/*background-color: #009900;*/
background-image: url(../hatter/headereng.jpg);
width: 870px;
height: 158px;
position: relative;
color: #FFFFFF;
}




#inoxlogo {
float: left;
height: 146px; width: 140px;
position: relative; left: 20px; top: 7px;
}

#language {
background-image: url(../hatter/languagebgd.gif);
height: 33px;
width: 115px;
float: left;
position: relative; left: 615px; top: -1px; 
}

#nyelvvalaszto {
margin: 3px 0px 0px 42px;
}

.nyelv {
border: 1px solid #6699FF;
margin: 5px 2px 5px 2px;
height: 15px;
width: 25px;
}

.nyelv a:link {
border: 1px solid #6699FF;
margin: 5px 2px 5px 2px;
height: 15px;
width: 25px;
}

.nyelv a:visited {
border: 1px solid #6699FF;
margin: 5px 2px 5px 2px;
height: 15px;
width: 25px;
}

#picslide {
width: 198px;
height: 123px;
border: 1px solid #ffffff;
float: right;
position: relative; top: 16px; right: 23px;
}

.active {
text-decoration: underline;
color: #FFFFFF;
}



/*#navbar {

border-right: 1px solid #003300;

background-color: #7c946f;
width: 200px;
height: 720px;
z-index: 2;
position: relative; top: -30px; left:20px;
padding-top: 0px;
}*/


#content {
/*background-color: #d5e4f1;*/
width: 780px;
position: relative; 
margin: 0 auto;
margin-top: 1px;
margin-bottom:0px; 
/*height: 688px;*/
/*border: 2px solid #ffffff;*/
}

#content h3 {

margin-left: 50px;
font-size: 18px;
color: #000066;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-variant: small-caps;
}

hr {
color: #000066;
width: 90%;
margin-top: -2px;
}

#contfooter {
margin-top: 4px;
background-image: url(../hatter/contfooter.gif);
height: 47px;
width: 100%;
position: relative; left: 0px;
}

#footer {
padding-top: 20px;
margin-top: 0px;
background-image: url(../hatter/footer.jpg);
height: 41px;
width: 100%;
position: relative; left: 0px;
}

#footer #nevjegy {
text-align: center;
font-weight: bold;
font-size: 9px;
color: #ffffff;
}



#footer #signo {
text-align: center;
/*font-weight: bold;*/
font-size: 8px;
color: #ffffff;
margin-top: 13px;
}

#footer #nevjegy a:link, a:visited {
color: #FFFFFF;
}

#footer  a:link {
color: #FFFFFF;
}

#footer  a:visited {
color: #FFFFFF;
}

#keywords {
display: none;
}




/*****************************************************Tartalom doboz***********************************************************/

.box {  
width: 786px;
/*border: 1px solid #FFFFFF;*/
margin: 0 auto;  
}

.box .cimsor {
margin-left: 20px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 20px;
}  
      
.box .content {
background-color: #d5e4f1;  
background: url(../hatter/boxhatter.gif) ;  
font-size: 0.8em;  
padding: 15px 0 14px 0;  
}  
     
.box .content p {  
padding: 0 20px 10px 20px;  
margin: 0;  
}
  
.box h2 {
margin: 0;  
padding: 0;  
overflow: hidden;  
height: 81px;  
}

/*******************************************************fejlécek********************************************************/

#cegunkrolh2 {
background-image: url(../hatter/cegunkrolfejlec.jpg);
}

#termekh2 {
background-image: url(../hatter/termekfejlec.jpg);
}

#referenciah2 {
background-image: url(../hatter/referenciafejlec.jpg);
}

#ajanlath2 {
background-image: url(../hatter/ajanlatfejlec.jpg);
}

#kapcsolath2 {
background-image: url(../hatter/kapcsolatfejlec.jpg);
}

#tanusitvanyh2 {
background-image: url(../hatter/tanusitvanyfejlec.jpg);
}

#rolunkh2 {
background-image: url(../hatter/rolunkfejlec.gif);
}

/********************************************************fejlécek vége****************************************************/  
 
  /*******************************************************német fejlécek********************************************************/

#uberunsh2 {
background-image: url(../hatter/uberunsfejlec.jpg);
}

#produkteh2 {
background-image: url(../hatter/produktefejlec.jpg);
}

#referenzenh2 {
background-image: url(../hatter/referenzenfejlec.jpg);
}

#angeboth2 {
background-image: url(../hatter/angebotfejlec.jpg);
}

#kontakth2 {
background-image: url(../hatter/kontaktfejlec.jpg);
}

#zertifikath2 {
background-image: url(../hatter/zertifikatfejlec.jpg);
}


/********************************************************német fejlécek vége****************************************************/
  
/**********************************************************angol fejlécek********************************************************/

#aboutush2 {
background-image: url(../hatter/aboutusfejlec.jpg);
}

#productsh2 {
background-image: url(../hatter/productsfejlec.jpg);
}

#referencesh2 {
background-image: url(../hatter/referencesfejlec.jpg);
}

#offerh2 {
background-image: url(../hatter/offerfejlec.jpg);
}

#contacth2 {
background-image: url(../hatter/contactfejlec.jpg);
}

#certificateh2 {
background-image: url(../hatter/certificatefejlec.jpg);
}


/********************************************************angol fejlécek vége****************************************************/  
    

    
.box h2 span {  
position: absolute;  
width: 786px;  
height: 30px;  
}  
  

  
.box .boxfooter {
background-image: url(../hatter/boxlablec.gif);
width: 786px;  
height: 43px;
  
}  


/******************************************egyéb elemek********************************************/


span {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 35px;
}

/*#menu ul {
padding-top: 5px;
margin-right: 30px;
float: right;
}

#menu li {
margin-left: 0px;
display: inline;
}



#vszmenu li a:link, a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;

padding: 5px 10px 5px 10px;
}

#vszmenu li a:hover {
background-image: url(menuhover.gif);
text-decoration: underline;
padding: 5px 10px 5px 10px;
}

/*********************************************szövegek*******************************************/


#szoveg  {
margin: 0 auto;
text-align: justify;
width: 100%;
}

/*************************************************termekek******************************************************************/

 .termekek {
 margin: 0 auto;
 width: 640px;
 color: #000066;
 padding-bottom: 31px;
 }
 
 .termekleiras {
 text-align: center;
 
 }
 
 .termekek p {
 border-bottom: 1px solid #000066;
 width: 600px;
 }
 
 .termekek tr td {
 text-align: center;
 }
 
 .allo {
 height: 160px;
 width: 120px;
 background: url(../hatter/allokephatter.gif) no-repeat right bottom;
 padding: 26px 22px 20px 20px;
 border: none;
 }
 
 .fekvo {
 height: 120px;
 width: 180px;
 background: url(../hatter/fekvokephatter.gif) no-repeat right bottom;
 padding: 25px 17px 22px 20px;
  border: none;
 }
 
 #termekek a:link, a:visited {
color: #000066;
font-weight: bold;
}

#vegyipari {
margin-top: 1px;
}

/*******************************************************Kivalaszto***************************************************************/

#kivalaszto {
padding: 10px 0px 28px 0px;
margin: 0 auto;
height: 30px;
width: 700px;
margin-bottom: 10px;
background-image: url(../hatter/valaszto.jpg);
}

#kivalaszto h4 {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 14px;
margin-left: 10px; 
}

#kivalaszt {
font-size: 11px;
margin-left: 180px;
color: #000066;
font-weight: bold;
padding: 1px;
}

#kivalaszto #submit {
font-size: 10px;
}

 
 /******************************************************elérhetőségek************************************************************/
 
 
 #elerhet{
 border: #ffffff solid 1px;
 width: 250px;
 height: 435px;
 float: left;
 margin: 10px 0px 0px 40px;
 background-color: #B3CCEA;
 }
 
 #google {
 margin: 20px 0px 0px 300px;
 border: 2px solid #000066;
 width: 428px;
 height: 420px;
 padding: 5px;
 }
 
 #googlekeret {
 border: 1px solid #ffffff;
}

#elerhet ul {
color: #000033;
margin: 10px 0px 0px 20px;
}

#elerhet ul li {
font-size: 13px;
font-weight: bold;
padding-bottom: 0px;
}

#elerhet ul p span{
font-size: 11px;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;

}
 

#elerhet ul p {
margin-top: 10px;
font-size: 11px;
font-weight: normal;
}

#kapcsolat hr {
margin-bottom: 10px;
color: #000033;
}

#kapcsolat #kapcsszoveg {
color: #000033;
margin:  0 auto;
width: 700px;
text-align: center;
font-size: 12px;
margin-bottom: 6px;
margin-top: 16px;
}

#kapcsolat a:link, a:visited {
color: #333399;
font-weight: bold;
}

/********************************************************ajanlat-kerese*********************************************************/

input {
font-size: 11px;
}

#csillagkeres {
font-size: 9px;
font-family: Geneva, Arial, Helvetica, sans-serif;
margin: 1px 0px 0px 50px;
color: #000033;
}

#urlap {
margin: 31px 0px 0px 60px;
}

#urlap label{
font-size: 12px;
font-weight: bold;
color: #000033;
}


#leiras{
padding: 20px 0px 0px 0px;
}

#elkuld {
font-size: 11px;
font-weight: bold;
float: right;
}

#ajanlat hr {
margin-bottom: 10px;
color: #000033;
}

#ajanlat p {
color: #000033;
margin:  0 auto;
width: 700px;
text-align: center;
font-size: 12px;
margin-bottom: 6px;
margin-top: 15px;
}

#ajanlat a:link, a:visited {
color: #333399;
font-weight: bold;
}



/***********************************************mailsender****************************************************************/

#mailsender {
width: 700px;
margin: 0 auto;
}

#mailsender h3 {
text-align: center;
margin: 10px 0px 10px 0px;
}

#mailsender input {
font-size: 12px;
margin-bottom: 150px;
}

.csillag {
color: #ff0000; font-size: 13px;
}

/******************************************************tanusítványok**************************************************************/

#tanusitvany a:link, a:visited {
color: #000066;
font-weight: bold;
}

#tanusitvany a {
margin: 0px 0px 0px 70px;
font-size: 13px;
}

#tanusitvany {
font-size: 10px;
color: 000066;
}

#tanusitvany p {
position: relative; left: 170px; top: -100px;
margin-bottom: 100px;


}

/**********************************************************cegunkrol**********************************************************/

#nyitoszoveg {
width: 580px;
margin: 0 auto;
margin-top: 35px;
padding-left: 20px;
}

#nyitoszoveg h4 {
color: #000066;
font-size: 16px;
margin-left: 0px;
margin-bottom: -5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

#nyitoszoveg p {
font-size: 11px;
margin-left: -20px;
margin-bottom: -5px;
text-indent: 0px;
line-height: 1.7em;
color: #000055;
text-align: justify;

}
 
.nyitokep {
margin: 0px 20px -10px 10px;
width: 200px;
height: 150px;
float: right;
background: url(../hatter/nyitokephatter.gif) no-repeat right bottom;
padding: 17px 23px 27px 17px;
}

#nyitokep2 {
margin: 0px 10px 0px 0px;
float: left;
}

#nyitoszoveg a:link, a:visited {
color: #000066;
font-weight: bold;
}
 
 /***************************************************referenciák***************************************************************/
 
 
 #refi {
 margin: 30px 0px 0px 130px;
 color: #000033;
 font-size: 12px;
 font-weight: bold;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 line-height: 1.2em;
 list-style-type: square;
  
 }
 
 #refi2 {
 position: relative;
 margin: -462px 90px 0px 30px;
 color: #000033;
 font-size: 12px;
 font-weight: bold;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 line-height: 1.2em;
 list-style-type: square;
 float: right;
 border-left: 1px solid #000033;
 padding-left: 80px;
 }