/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0px 0;
	padding: 0;
	background: #b0b0b0 ;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	color: #F15B23;
}

h2 {
	font-size: 1.6em;
}

h3 {
	margin: 0;
	font-size: 1em;
}

p, ul, ol, blockquote {
	margin-top: 0;
}

a:link {
	color: #F15B23;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

/* Header */

#header {
	width: 1000px;
	height: 174px;
	margin: 0 auto;
	background: url(images/fejlec.png);
}
/* header-text color */
#header * {
	margin: 0;
	text-decoration: none;
	font-size: 0.7em;
	font-weight: bold;
	color: #ffffff;
}
/* header-text size */
#header h1 {
    position:relative;
	top:75px;
	left:300px;
	padding: 0px 0 0 0px;
	font-size: 3em;
}



/* Menu */

#menu {
	width: 740px;
	height: 39px;
	margin: 0 auto;
	background: #F2EFEF;

	position: relative;
	left: -130px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: right;
	height: 30px;
	padding: 9px 5px 0 5px;
	text-decoration: none;
	color: #909090;
}

#menu a:hover, #menu .active a {
	
	color: #F15B23;
}

/* Content */

#content {
	width: 1000px;
	margin: 0 auto;
	
}
/* content-text beállítás */


#colTwo {
	float: left;
	width: 720px;
	padding: 10px 10px 0 10px;
	text-align:justify;
	background-color: #F2EFEF;
}


#box1{
width: 740px;
height: 778px;
background: url(images/box3.png); 
position:relative;
left:-10px;
top:-30px;
}

#box1 h2{
color: black;
position:relative;
left:10px;
top:40px;
font-size: 1.8em;
line-height: 1.4em;
}
#box11{
width: 700px;
height: 160px;
background: ; 
position:relative;
left:20px;
top:30px;
}
#box11 h2 {
position:relative;

top:10px;
left:10px;
width:500px;
}
#box111 h2 {
position:relative;
text-align: right;
top:-50px;
left:200px;
width:500px;
}

#box12{
width: 700px;
height: 80px;
background: ; 
position:relative;
left:20px;
top:-30px;
}
#box12 p {
font-size: 120%;
top:0px;
left:0px;
}
#box13{
width: 700px;
height: 50px;
background: ; 
position:relative;
left:20px;
top:-10px;
}
#box13 h2 {
top:0px;
left:0px;
}
#box14{
width: 140px;
height: 70px;
background: ; 
position:relative;
left:580px;
top:10px;
}
#box14 p {
text-align:right;
}

#box15{
width: 700px;
height: 70px;
background:; 
position:relative;
left:20px;
top:20px;
}
#box15 p {
text-align:justify;
font-size: 120%;
}
#box16{
width: 700px;
height: 50px;
background: ; 
position:relative;
left:20px;
top:50px;
}
#box16 p {
font-size: 120%;
text-align:justify;
}
#box17{
width: 140px;
height: 70px;
background: ; 
position:relative;
left:580px;
top:50px;
}
#box17 p {
text-align:right;
}




#szoveg1{
width: 680px;
height: 60px;
padding-right: 30px;
font-size: 1.1em;
padding-top: 10px;
text-align: justify;
position:relative;
left:20px;
top:50px;
}

#szoveg2{
width: 160px;
height: 80px;
padding-right: 30px;
font-size: 1.1em;
padding-top: 10px;
text-align: right;
position:relative;
right:50px;
top:30px;
}
#szoveg2 p{
left:30px;
top:10px;
position:relative;
}

#szovegarena{
position:relative;
left:300px;
top:50px;
}


#szoveg3{
width: 680px;
height: 80px;
font-size: 1.1em;
padding-top: 10px;
text-align: justify;
position:relative;
left:20px;
top:50px;
}
#szoveg3 p{
line-height: 1.2em;
left:20px;
top:20px;
}




#szoveg10{


line-height: 0.5em;
text-align:left;
position:relative;
left:-10px;
top:0px;
}
#szoveg11{
text-align:center;
position:relative;
left:30px;
top:10px;
}



#szoveg6{
width: 680px;

line-height: 2em;
text-align: justify;
position:relative;
left:10px;
top:20px;
}
#szoveg6 p{
line-height: 1.2em;
left:0px;
top:20px;
}


#szoveg5{
width: 160px;
height: 80px;
padding-right: 30px;
font-size: 1.1em;
line-height: 2em;
padding-top: 10px;
text-align: right;
position:relative;
left:0px;
top:30px;
}
#szoveg5 p{
line-height: 1.2em;
left:0px;
top:10px;
}


#box2{
width: 740px;
height: 680px;
background: url(images/box2.png); 
position:relative;
left:-10px;
top:-20px;
}

.kep1{
position:relative;
left:26px;
top:50px;
}

#kep22{
position:relative;
left:26px;
top:50px;
}



#box2 h2{
color: #F15B23;
position:relative;
left:80px;
top:50px;
font-size: 1.8em;
line-height: 0.6em;
}

#szamos{
position:relative;
top: 25px;
left: 20px;
width:680px;
}
#szamos h2{
color: #F15B23;
position:relative;
left:10px;
top:10px;
font-size: 1.8em;
line-height: 0.6em;
}
#szamos p{
color: black;
position:relative;
left:10px;
top:10px;
font-size: 1em;
line-height: 120%;
}

.szoveg3{

position:relative;
top: 45px;
left: 290px;
}


#kapcsolat{
width: 740px;
height: 601px;
background: url(images/kapcsolat.png); 
position:relative;
left:-10px;
top:-30px;

}
#kapcsolat h2{
color: #F15B23;
position:relative;
left:23px;
top:40px;
font-size: 1.8em;
line-height: 0.6em;
}
.fenykep{
position:relative;
left:20px;
top:30px;
}
.attila{
font-size:1.4em;
font-weight: bold;
position:relative;
top: 50px;
left: 25px;
}
#iroda{
font-size:1em;
position:relative;
line-height:0.8em;
top: -330px;
left: 20px;
}
#koordinata{
font-size:1em;
position:relative;
line-height:0.6em;
top: -190px;
left: 280px;
}
#terkep{
width:433px;
height:281px;
position:relative;
left:230px;
top:-200px;
}


#kaphatter{
width:720px;
height:1600px;
background: #f2efef;
}

#reg{
width: 740px;
height: 450px;
background: url(images/regisztracio1.png); 
position:relative;
left:-10px;
top:-10px;
}
#regiranyit{
width: 740px;
height: 384px;
background: url(images/regisztracio.png); 
position:relative;
left:-10px;
top:-30px;
}
#regiranyit h2{
color: #F15B23;
position:relative;
left:60px;
top:160px;
font-size: 3em;
line-height: 0.6em;
}








#reg h2{
color: #F15B23;
position:relative;
left:23px;
top:40px;
font-size: 1.8em;
line-height: 0.6em;
}
#reg1{
width:690px;
font-size:1em;
position:relative;
line-height:1.6em;
top: 50px;
left: 20px;
}

#urlap{

font-size:1em;
position:relative;

top: 70px;
left: 20px;
}


#cimkek {
    display: block;
    width: 70px;
   position: relative;
    text-align: right;
	line-height:2em;
}

#mezok {
    display: block;
    width: 180px;
    position: relative;
    top: -75px;
	left: 60px;
    text-align: right;
}

#cimkek1 {
    display: block;
    width: 70px;
   position: relative;
    text-align: right;
	line-height:2em;
}

#mezoemail{
    display: block;
    width: 70px;
    position: relative;
    top: -10px;
	left: 120px;
    text-align: right;
}

#button11{
   font-size:15px;
   font-family:      Arial,sans-serif;
   color: white;
   background:  url('images/reggomb.png');
  width: 100px;
   height: 24px;
   padding-left:30px;
   border:none;
   margin:0;
  position: relative;
  top: -30px;
  left: 350px;
}
#button1:hover {
 background:  url('images/reggombszurke.png');
}
#button1:active{
 background:  url('images/reggombszurke.png');
}

#button21{
   font-size: 15px;
   font-family:      Arial,sans-serif;
    color: white;
   background:  url('images/reggomb.png');
  width: 100px;
   height: 24px;
   padding-left:13px;
   border:none;
   margin:0;
  position: relative;
  top: -30px;
  left: 350px;
}
#button2:hover {
 background:  url('images/reggombszurke.png');
}
#button2:active{
 background:  url('images/reggombszurke.png');
}











#button1{
   font-size:15px;
   font-family:      Arial,sans-serif;
   color: white;
   background:  url('images/reggomb.png');
  width: 100px;
   height: 24px;
   padding-left:30px;
   border:none;
   margin:0;
  position: relative;
  top: -130px;
  left: 350px;
}
#button1:hover {
 background:  url('images/reggombszurke.png');
}
#button1:active{
 background:  url('images/reggombszurke.png');
}

#button2{
   font-size: 15px;
   font-family:      Arial,sans-serif;
    color: white;
   background:  url('images/reggomb.png');
  width: 100px;
   height: 24px;
   padding-left:13px;
   border:none;
   margin:0;
  position: relative;
  top: -130px;
  left: 350px;
}
#button2:hover {
 background:  url('images/reggombszurke.png');
}
#button2:active{
 background:  url('images/reggombszurke.png');
}

#reg2{
width:690px;
font-size:1em;
position:relative;
line-height:1.6em;
top: 30px;
left: 20px;
font-size: 0.9em;
}


#tudomanyos{
width: 740px;
height: 778px;
background: url(images/box3.png); 
position:relative;
left:-10px;
top:-20px;
}
#tudomanyos h2{
color: #F15B23;
position:relative;
left:10px;
top:40px;
font-size: 1.8em;
line-height: 0.6em;
}

#szovegtud1{
width: 680px;
height: 60px;
padding-right: 30px;
font-size: 1.1em;
padding-top: 10px;
text-align: justify;
position:relative;
left:20px;
top:60px;
}
#kephattertudomanyos{
width:600px;
height:2097px;
background: #f2efef;
}
#kaphatterkapcsolat{
width:600px;
height:2277px;
background: #f2efef;
}
#kaphatterregistracio{
width:600px;
height:2490px;
background: #f2efef;
}
#kaphatterkoszonet{
width:600px;
height:2100px;
background: #f2efef;
}
#kaphatteremail{
width:600px;
height:2490px;
background: #f2efef;
}
#kaphattervezeteknev{
width:600px;
height:2490px;
background: #f2efef;
}
#kaphatterkeresztnev{
width:600px;
height:2490px;
background: #f2efef;
}




/*proba*/
#contact-form fieldset {width: 0%;}
#contact-form li {margin:0px; list-style: none;}
#contact-form input {margin-right:0px; text-align: left;}
#contact-form textarea {margin:0px; text-align: left;}

#colThree {
	float: right;
	width: 210px;
	padding: 20px 25px ;
	background-color: #E0DEDE;
	position: relative;
	top: -39px;
}

#kereso{
width: 260px;
height: 50px;
 
position:relative;
left:0px;
top:0px;
}
#letoltes{
width:260px;
height:365px;
position:relative;
top: -20px;
left: -25px;
}

/*Col Three hattér hossza eleje */
#box3{
width: 260px;
height: 2480px;
 
position:relative;
left:0px;
top:0px;
}

#box3reg{
width: 260px;
height: 2860px;
 
position:relative;
left:0px;
top:0px;
}
/*Col Three hattér hossza vége */



.ikon1{
position:relative;
left:-25px;
top:0px;
}

#box3 h3{
color: #F15B23;
position:relative;
left:10px;
top:-14px;
font-size: 1.8em;
line-height: 0.6em;
}


#box3reg h3{
color: #F15B23;
position:relative;
left:10px;
top:-14px;
font-size: 1.8em;
line-height: 0.6em;
}


#szoveg4oldal{
line-height: 0.5em;
position:relative;
height:140px;
top: 5px;
left: -13px;

}

#szoveg5oldal{
height:100px;
text-align: right;
line-height: 0.2em;
position:relative;
top: 20px;
left: -38px;

}

#szoveg6{
line-height: 0.5em;
position:relative;
height:40px;
top: 5px;
left: -13px;

}

#szoveg7{
height:80px;
text-align: right;
line-height: 0.5em;
position:relative;
top: 20px;
left: -38px;

}

#szoveg8{
line-height: 0.5em;
position:relative;
height:90px;
top: 5px;
left: -13px;

}

#szoveg9{
height:80px;
text-align: right;
line-height: 0.5em;
position:relative;
top: 20px;
left: -38px;

}
/*gif alatti letöltés szöveg kezdete*/
#szoveg100{
position:relative;
top: 80px;
left: 0px;
width:100px;
height:30px;
line-height: 0.5em;

}

#szoveg111{
position:relative;
width:350px;
height:30px;
line-height: 0.5em;

top: 70px;
left: 220px;

}
/*gif alatti letöltés szöveg vége*/

#koszonet{
height:40px;
width:660px;
text-align: justify;
line-height: 120%;
position:relative;
top: 20px;
left: 30px;

}

#retiistvan{
height:40px;
width:130px;
text-align: left;
line-height: 120%;
position:relative;
top: 0px;
left: 0px;
}
#infoadatok{
height:40px;
width:100px;
text-align: left;
line-height: 120%;
position:relative;
top: 0px;
left: 0px;
}




#banner1{
position:relative;
top: 10px;
left: -25px;
}
#banner2{
width:260px;
height:600px;
position:relative;
top: 30px;
left: -25px;
}
#banner3{
position:relative;
top: 20px;
left: -25px;
}
#banner4{
position:relative;
top: 40px;
left: -25px;
}

#mag{
line-height:1.4em;
position:relative;
height:140px;
top: 55px;
left: -13px;

}


/*regisztráció utánni lap*/

#regszoveg{

position:relative;
font-size: 110%;
top: 55px;
left: 20px;
line-height: 140%;
}

#regszoveg h2{
position:relative;
font-size: 180%;
color: black;
top: -60px;
left: 100px;
}

#regszoveg1{
position:relative;
font-size: 110%;
color: black;
width: 660px;
top: -20px;
left: 15px;
}


#regszoveg2{
position:relative;
font-size: 100%;
color: black;

top: -10px;
left: 450px;
}
#tudatos{
position:relative;
background: url(images/tudatos.jpg);
width:298px;
height:169px;
top: 0px;
left: 10px;
}

#ujsag{
position:relative;
background: url(images/ujsag.jpg);
width:254px;
height:169px;
top: -169px;
left: 340px;
}

#ecomerce2{
position:relative;
background: url(images/ecommerce2.jpg);
width:161px;
height:127px;
top: -190px;
left: 220px;
}

#regszoveg3{
position:relative;
font-size: 100%;
color: black;
line-height:200%;
width:640px;
top: -160px;
left: 15px;
}
#regszoveg4{
position:relative;
font-size: 100%;
color: black;
line-height:140%;
width:640px;
top: -160px;
left: 15px;
}
#vasdontfoly{
position:relative;
background: url(images/vasdontfoly.jpg);
width:600px;
height:400px;
top: -140px;
left: 25px;
}
#regszoveg5{
position:relative;
font-size: 100%;
color: black;
line-height:140%;
width:640px;
top: -100px;
left: 15px;
}
#regszoveg6{
position:relative;
font-size: 100%;
color: black;
line-height:140%;
text-align:right;
width:180px;
top: -100px;
left: 470px;
}
#regszoveg7{
position:relative;
font-size: 100%;
color: black;
line-height:140%;
width:640px;
top: -80px;
left: 15px;
}
#regszoveg8{
position:relative;
font-size: 100%;
color: black;
line-height:140%;
width:170px;
top: 10px;
left:230px;
}
#szemkameras{
position:relative;
background: url(images/szemkameras.jpg);
width:630px;
height:400px;
top: 0px;
left: 5px;
}
#urlap1{

font-size:1em;
position:relative;

top: 70px;
left: 20px;
}
#cimkek1 {
    display: block;
    width: 70px;
   position: relative;
    text-align: right;
	line-height:300%;
	left:20px;
	top:20px;
}

#mezok1 {
    display: block;
    width: 180px;
    position: relative;
    top: -208px;
	left: 90px;
    text-align: right;
	
}
#buton1{
position:relative;
top:40px;
left:0px;
}
#regkephatter{
width:600px;
height:100px;
background: #f2efef;
}


#regkoszonet{
height:40px;
width:660px;
text-align: center;
line-height: 130%;
position:relative;
font-size:200%;
top: 160px;
left: 30px;

}

/*regisztráció utánni lap vége*/

/* Footer */

#footer {
	width: 1000px;
	height: 30px;
	margin: 0 auto;
	padding: 10px 0;
	background: #c0c0c0;
	font-size: smaller;
	 position: relative;
     top:-56px;
}
/* footer-text beállítás */
#footer * {

  
 
	 margin-top: 5px;
     padding-left:60px;
     
      width: 1000px;
	  
}