/*oldal felépítése*/  
body {
	background-image: url(hatter/hatter2.png);
	background-repeat: repeat;
	margin: 0;
                   padding: 0;
                   font: normal 12px verdana, tahoma, arial, sans-serif;
                   color: #800000;
                   behavior: url('htc/csshover.htc');
        }

#lap{width:1010px;   
   margin:0 auto 0 0;}  
    position: relative;
    text-align: center;
    }

   #menusor, #fent, #fent1, #fent2, #kozep, #kozepb, #kozepj, #lent1, #lent2, #fej0, #fej11, {margin:0 0 0 0;padding: 0 0 0 0;} 
    #menusor {height:77px;border:none}
   #fent {height:93px;border:none}
   #fent1{background-image: url(hatter/ures2.png);height:46px;}  
   #fent2{background-image: url(hatter/ures3.png); height:47px; overflow:hidden;}  
   #kozepb{background-image: url(hatter/kozep.png);float:left; width: 850px; padding: 0 10px 0 10px;} 
   #kozepj{background-image: url(hatter/kozep.png);}
   #lent1{background-image: url(hatter/H5.png);height:61px; clear: both; }
   #lent2{background-image: url(hatter/ures6.png);height:100px;}  
   #galkep {margin: 5px; text-align: center; width: 250px; height:200px;}  
   
  .vezerkepb{float:left; margin: 0 10px 5px 0; }  
  .vezerkepj{float:right; margin: 0 0 5px 10px;} 
  .kepj{float:right; margin: 0 100px 5px 10px;}
  .kedkep {margin: 0; border: 0;}
  .segedo{float: left; margin: 5px; width: 350px; height:266px;}
  .segedr{float: left; margin: 5px; width: 320px; height:250px;}
  .segeds{width: 350px; height:266px;}
  .segedsr{width: 320px; height:250px;}
  .ido {font: 10px; Tahoma; padding:3px; color:#000000; text-decoration:none}

  .bevezeto{margin-top:7px;}  
    
   H1 { font-size: 16px;
	color: #08088A;
	text-align: justify; 
        
        margin-top:7px;}

   H2 { font-size: 14px;
	color: #1A9B74;
	text-align: justify; 
        font-style: italic;}
   
   .zold {color: #1A9B74;
	text-align: justify; 
        text-decoration: underline;}

    p:first-line {font-weight: bold;}

  .menu {margin: 0;
        padding: 0;
        list-style: none;
        }
  
  .menu li {padding: 0;
	margin: 0;
	height: 77px;
	list-style: none;
	background-repeat: no-repeat;}

  .menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
                outline: none;
	height: 77px;
	background-repeat: no-repeat;}

.fej0 {background-image: url('hatter/menu0.png'); width: 60px;}
.fej0 a {background-image: url('hatter/menu0.png');}

.fejind {background-image: url('hatter/K_fo.png'); width: 84px;}
.fejind a {background-image: url('hatter/B_fo.png');}

.fejtor {background-image: url('hatter/K_tort.png'); width: 81px;}
.fejtor a {background-image: url('hatter/B_tort.png'); }

.fejrol {background-image: url('hatter/K_rol.png'); width: 81px;}
.fejrol a {background-image: url('hatter/B_rol.png');}

.fejkon {background-image: url('hatter/K_konc.png'); width: 81px;}
.fejkon a {background-image: url('hatter/B_konc.png'); }

.fejgal {background-image: url('hatter/K_gal.png'); width: 81px;}
.fejgal a {background-image: url('hatter/B_gal.png'); }

.fejvid {background-image: url('hatter/K_video.png'); width: 81px;}
.fejvid a {background-image: url('hatter/B_video.png'); }

.fejalb {background-image: url('hatter/K_album.png'); width: 81px;}
.fejalb a {background-image: url('hatter/B_album.png'); }

.fejfor {background-image: url('hatter/K_forum.png'); width: 81px;}
.fejfor a {background-image: url('hatter/B_forum.png');}

.fejkap {background-image: url('hatter/K_kapcs.png'); width: 81px;}
.fejkap a {background-image: url('hatter/B_kapcs.png'); }

.fejeng {background-image: url('hatter/K_Eng.png'); width: 138px;}
.fejeng a {background-image: url('hatter/B_Eng.png'); }

.fej11 {background-image: url('hatter/menu11.png'); width: 80px;}
.fej11 a {background-image: url('hatter/menu11.png');}


 ul.menu li a:hover {background: none;}
 .menu li {float: left;}
 .menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

 #album1, #album2, #album3 {list-style: none;
               margin-left: auto;
               margin-right: auto;
               text-align: left;
               display: block; 
               }


.kozepbox{margin:0 200px 0 200px;  
                 padding-bottom:10px;  
                 border-right: 10px solid #333;  
                 border-left: 10px solid #333;}  





.code_input, .result_output
{
border:1px solid #c3c3c3;
width:100%;
height:400px;
background-color:#ffffff;
color:#000000;
}

.toptext
{
color:#617f10;
font-family:verdana;
margin-top:0px;
margin-bottom:8px;
font-size:120%;
}

.result_header
{
color:#617f10;
margin-bottom:12px;
margin-top:0px;
font-family:verdana;
font-size:90%;
}