* { padding: 0; margin: 0; }
img
{  border-style: none;
}
body {

background: url(img/bg.jpg) no-repeat fixed;
background-color: #103c86;
background-position:center; 
 }
 
 table, tr, td{
 vertical-align:top;
 }
 
 a :visited {
 text-decoration: none;
 color: #000;
 }
 a {
 text-decoration: none;
 color: #000;
 }
 
#wrapper { 
 margin: 0 auto;
 width: 1000px;
}

}
#navigation {
 position:relative;
 width: 167px;
 height: 280px;
 border: 1px solid;
 float:left;
 }
 #box {
 position:relative;
 width: 100px;
 height:280px;
  
 }

#box2 {
 position:relative;
 width: 150px;
 height:280px;
 float:left;
 
 }
 #box3 {
 position:relative;
 width:240px;
 height: 450px;
 float:left;
 color: #fff;
   overflow:hidden;
   padding: 10px 10px 10px 10px;
 
   display:block;
 }
 #box4 {
 position:relative;
 width: 630px;
 background: #fff;
 padding: 20px 20px 20px 20px;
 overflow:hidden;


 }
  #nav1 {
 position:relative;
 width: 240px;
 height:51px;
 background: url(img/cegunkrol.jpg);
  }
  #nav1:hover  {

 background: url(img/cegunkrol_.jpg);
  }
  #nav2 {
 position:relative;
 width: 240px;
 height:51px;
 background: url(img/elerhetosegeink.jpg);
  }
  #nav2:hover  {

 background: url(img/elerhetosegeink_.jpg);
  }
   #nav3 {
 position:relative;
 width: 240px;
 height:51px;
 background: url(img/company.jpg);
  }
  #nav3:hover  {

 background: url(img/company_.jpg);
  }
   #nav4 {
 position:relative;
 width: 240px;
 height:51px;
 background: url(img/contact.jpg);
  }
  #nav4:hover  {

 background: url(img/contact_.jpg);
  }
   #nav5 {
 position:relative;
 width: 240px;
 height:51px;
 background: url(img/kontakt.jpg);
  }
  #nav5:hover  {

 background: url(img/kontakt_.jpg);
  }
#nav6 {
 position:relative;
 width: 240px;
 height:51px;
 background: url(img/uber.jpg);
  }
  #nav6:hover  {

 background: url(img/uber_.jpg);
  }
  #content { 
 width: 1000px;
 color: #333;
 
 background:transparent;
 margin: 0px 0px 0px 0px;
 padding: 40px 0px 0px 0px;
 float: left;
}
#fooldal { 
 width: 1000px;
 height: 748px;
 background: url(img/fooldal.png) no-repeat;
 background-position:center; 
 }
 #header { 
 width: 1000px;
 background: transparent;
 height:136px;
 
}
 #hatter { 
 width: 1000px;
 background: url(img/hatter.png) repeat-y;
 padding: 40px 0px 0px 40px;
 
}
#logo { 
 width: 706px;
 height: 136px;
 background: url(img/logo.png) no-repeat;
 float:left;
}
#anno { 
 height: 136px;
 width: 223px;
 background: url(img/anno1.png) no-repeat;
 float:left;
}
#anno2 { 
 height: 136px;
 width: 223px;
 background: url(img/anno2.png) no-repeat;
 float:left;
}
#footer { 
 width: 1000px;
 color: #fff;
 background: url(img/footer.png) no-repeat;
 height: 50px;
 padding: 10px 0px 0px 0px;
 float: left;
}


#footer .indent { padding:40px 200px 100px 200px;}