body
{
  margin:0px;
  background-color: #18749f;
  background-image: url("../App_Images/bg.png");
  background-repeat: repeat-x;
}
#page
{
	margin: 0 auto;
	width: 980px;
  background-image: url("../App_Images/page_bg.png");
  background-repeat: repeat-y;
}
#header
{ 
	width: 970px;
	height: 178px;
  margin: 0 5px 0px 5px;
  border: 1px solid #fff;
  border-width: 0 0 1px 0;
  background-image: url("../App_Images/header_bg.gif");
  background-repeat: repeat-y;
}
#felso_lec
{
	width: 970px;
  height: 32px;
  margin: 0 5px 0px 5px;
  border: 1px solid #fff;
  border-width: 0 0 1px 0;
  background-image: url("../App_Images/lec_bg.png");
  background-repeat: repeat-x;
}
#content
{
  width: 970px;
  margin: 0 5px 0px 5px;
  border: 1px solid #fff;
  border-width: 0 0 1px 0;
  background-color: #fff;
}
#also_lec
{
  width: 970px;
  height: 32px;
  clear:both;
  margin: 0 5px 0px 5px;
  border: 1px solid #fff;
  border-width: 0 0 1px 0;
  background-image: url("../App_Images/lec_bg.png");
  background-repeat: repeat-x;
}    
#closer
{
  margin: 0 auto;
  width: 980px;
  height: 4px;
  overflow:hidden;
  background-image: url("../App_Images/closer_bg.png");
  background-repeat: repeat-y;
}
#menu_left{
    width: 170px;
    height:170px;
    overflow:hidden;
    float:left;}   

#menu_right{
    width: 170px;
    height:170px;
    overflow:hidden;    
    float:left;}      
#menu_left ul,
#menu_right ul
{
  margin:0px;
    font: normal 11px "Trebuchet MS", Tahoma;
    padding:11px 0 0 20px;
    position:relative;}

#menu_left ul li,
#menu_right ul li{
    background-image: url("../App_Images/white_arrow.gif");
    background-repeat: no-repeat;
    background-position: 0 13px;
    list-style-type: none;
    line-height: 30px;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-weight: bold;}
    
#menu_left ul li a,
#menu_right ul li a,
#menu_left ul li a:active,
#menu_right ul li a:active,
#menu_left ul li a:visited,
#menu_right ul li a:visited {
	text-decoration:none;
	color:#fff;}

#menu_left ul li a:hover,
#menu_right ul li a:hover{
    text-decoration: underline;}
.horizontalcssmenu ul{
    margin: 0;
    padding: 0;
    background-color: #fff;
    font: normal 11px "Trebuchet MS", Tahoma;}

.horizontalcssmenu ul li{
    position: relative;
    display: block;
    float: left;
    font-size: 13px;
    border-right: 1px solid #FFF;}

.horizontalcssmenu ul li a {
    padding: 8px 8px 5px 8px;
    text-decoration: none;
    font-weight:bold;
    color: #FFF;
    display: block;
    float: left;}

.horizontalcssmenu ul li ul {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 0 0 0;
    visibility: hidden;
    z-index: 100;
    display: block;}

.horizontalcssmenu ul li ul li {
    position: relative;
    display: inline;
    float: left;
    padding:0;
    font-size: 12px;
    line-height: 29px;}

.horizontalcssmenu ul li ul li a{
    width: 185px;
    font-weight: normal;
    padding: 0 0 0 25px;
    color: #18749f;
    border-bottom: #dadada solid 1px;
    display: block;
    float: left;
    background-image: url("../App_Images/blue_arrow.gif");
    background-repeat: no-repeat;
    background-position: 18px 13px;}

.horizontalcssmenu ul li a:hover{
    color: #000;
    text-decoration: underline;}

.horizontalcssmenu ul li ul li a:hover{
    color: #ff9900;
    text-decoration: none;
    background-image: url("../App_Images/orange_arrow.gif");
    background-repeat: no-repeat;
    background-position: 18px 13px;}

/*IE */
* html .horizontalcssmenu ul li { 
	height: 1%;}
* html .horizontalcssmenu ul li a {
	height: 1%;}
	#login {
    float:right;
    height:30px;
    overflow:hidden;
    font: normal 11px "Trebuchet MS", Tahoma;}
#login td{
    color:#fff;
    vertical-align:middle;
    height:32px;}		

#login span{
	line-height: 30px;
	 padding: 0 10px;}       

#login input.textinput{
    color:#18749f;
    width: 80px;
    padding: 2px;
    font-size: 11px;}

#login input.imginput{
     padding: 0 10px;} 
.alsomenu ul{
    margin: 0;
    padding: 0;
    background-color: #fff;
    font: normal 11px "Trebuchet MS", Tahoma;}

.alsomenu ul li{
    position: relative;
    display: block;
    float: left;
    font-size: 11px;
    border-right: 1px solid #FFF;}

.alsomenu ul li a {
    padding: 8px;
    text-decoration: none;
    font-weight:normal;
    color: #FFF;
    display: block;
    float: left;}

.alsomenu ul li a:hover{
    color: #000;
    text-decoration: underline;}
#box1,
#box2,
#box3,
#box4,
#box5,
#box6,
#box7,
#box8{
    float: left;
    width: 233px;
    height:229px;
    border: 1px solid #d9d9d9;
    margin: 1px 10px 10px 0;
    overflow:hidden;
    font: normal 11px "Trebuchet MS", Tahoma;}       

#box1 p,
#box2 p,
#box3 p,
#box4 p,
#box5 p,
#box6 p,
#box7 p,
#box8 p
{
  font: "Trebuchet MS", Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	margin:0 10px;
	padding:0;
	line-height: 1.3em;
	text-align:left;}       

#box4 p{
    color: #000;}

#box4 ul,
#box8 ul{
	padding:0;
	margin:0 0 0 23px;}



#box4 ul li,
#box8 ul li
{
    font: "Trebuchet MS", Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align:left;
    margin:0;
    padding:0;
    list-style-image: url("../App_Images/box_list_bullet_lila.gif");}
    
#box4 ul li{
    list-style-image: url("../App_Images/box_list_bullet_sarga.gif"); }

#box4 ul li a, #box4 ul li a:hover, #box4 ul li a:visited,
#box8 ul li a, #box8 ul li a:hover, #box8 ul li a:visited
{
    font: "Trebuchet MS", Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align:left;
    margin:0;
    padding:0;
    text-decoration:underline;}
    
#box4 .barna, #box4 .barna:hover, #box4 .barna:visited,
#box8 .barna, #box8 .barna:hover, #box8 .barna:visited{
    color: #2d2600;}

#box1 h1 a, #box1 h1 a:hover, #box1 h1 a:visited,
#box2 h1 a, #box2 h1 a:hover, #box2 h1 a:visited,
#box3 h1 a, #box3 h1 a:hover, #box3 h1 a:visited,
#box4 h1 a, #box4 h1 a:hover, #box4 h1 a:visited,
#box5 h1 a, #box5 h1 a:hover, #box5 h1 a:visited,
#box6 h1 a, #box6 h1 a:hover, #box6 h1 a:visited,
#box7 h1 a, #box7 h1 a:hover, #box7 h1 a:visited,
#box8 h1 a, #box8 h1 a:hover, #box8 h1 a:visited{
    color:black;
    font-weight: bold;
    font-size: 15px;
    font: "Trebuchet MS", Tahoma;
    text-decoration:none;
    display:block;
    width:233px;
    padding: 0 0 0 10px;
    margin-top:128px;}       

#box1 h1 a, #box1 h1 a:hover, #box1 h1 a:visited{margin-top:104px;}
#box2 h1 a, #box2 h1 a:hover, #box2 h1 a:visited{margin-top:104px;}
#box3 h1 a, #box3 h1 a:hover, #box3 h1 a:visited{margin-top:104px;}
#box5 h1 a, #box5 h1 a:hover, #box5 h1 a:visited{margin-top:104px;}
#box6 h1 a, #box6 h1 a:hover, #box6 h1 a:visited{margin-top:104px;}
#box7 h1 a, #box7 h1 a:hover, #box7 h1 a:visited{margin-top:104px;}

#box1,
#box2,
#box3{
    margin: 1px 10px 10px 0;}

#box5,
#box6,
#box7{
    float: left;
    width: 233px;
    border: 1px solid #d9d9d9;
    margin: 1px 10px 2px 0;
    overflow:hidden;}       

#box4,
#box8{
    margin: 1px 0px 2px 0;}
    
/* INDEX OLDAL HATTEREK ################################################################################################### INDEX OLDAL HATTEREK */    
#box1{
    background-image: url("../App_Images/old_box1_bg.jpg");
    background-repeat: no-repeat;}

#box2{
    background-image: url("../App_Images/old_box2_bg.jpg");
    background-repeat: no-repeat;}           

#box3{
    background-image: url("../App_Images/old_box3_bg.jpg");
    background-repeat: no-repeat;}           

#box4{
    background-image: url("../App_Images/box4_bg.jpg");
    background-repeat: no-repeat;}           

#box5{
    background-image: url("../App_Images/box5_bg.jpg");
    background-repeat: no-repeat;}           

#box6{
    background-image: url("../App_Images/box6_bg.jpg");
    background-repeat: no-repeat;}           

#box7{
    background-image: url("../App_Images/box7_bg.jpg");
    background-repeat: no-repeat;}           

#box8{
    background-image: url("../App_Images/box8_bg.jpg");
    background-repeat: no-repeat;}
#leftcontent
{
    width:220px;
    border: 1px solid #d9d9d9;
    margin: 1px 1px 1px 0;
    overflow:hidden;
    font: normal 11px "Trebuchet MS", Tahoma;
}
#leftcontent h1{
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    background-color: #2ab8fa;
    padding:7px 10px;
    margin:1px 1px 1px 1px;
    display:block;}
#content ul
{
  margin-left:0px;
    list-style-image: url("../App_Images/blue_bullet.gif");
    padding: 0 1px 0 30px;
    height:1%;
    color:#717171;
  }
    
#content ul.orange,
#content li.orange{
    list-style-image: url("../App_Images/orange_bullet.gif");}    

#content ul.blue,
#content li.blue{
    list-style-image: url("../App_Images/blue_bullet.gif");}    


#content ul li,
#content ol li
{
  padding-top :2px;
    padding-left: 4px;}        

#content ul li ul,
#content ol li ul{
    list-style-type: square;
    padding-top :2px;
    padding-left: 1px;}        

#content ol{
    list-style-type: upper-roman;
    padding: 0 1px 0 1px;
    height:1%;
    color:#717171;}

#content ol li ol{
    list-style-type: decimal;
    padding-left: 2px;}

#content ol li ol li ol{
    list-style-type: lower-alpha;
    padding-left: 2px;}
#content a,
#content a:visited,
#content a:active{
    color: #18749f;
    font-weight: normal;
    font-size: 11px;}

#content a:hover{
    color: #ff9900;
    font-weight: normal;
    font-size: 11px;}
#leiras
{
  font: normal 11px "Trebuchet MS", Tahoma;
  color:#717171;
  width: 94%;
  margin: 0 0px 0px 20px;
  border: 1px solid #fff;
  border-width: 0 0 1px 0;
  background-color: #fff;
  text-align:justify;}
#leiras h2{
    color: #18749f;
    font-weight: bold;
    font-size: 14px;
    padding:5px 10px;
    margin:0;}
#leiras h3{
    color: #ff9900;
    font-weight: bold;
    font-size: 12px;
    padding:5px 10px;
    margin:0;}
#leiras h4{
    color: #333;
    font-weight: bold;
    font-size: 11px;
    padding:5px 10px;
    margin:0;}
#leiras p{
    color: #717171;
    font-weight: normal;
    font-size: 11px;
    padding:5px 20px 0px 20px;
    margin:0;
    text-align: justify;}
#leiras p.kiemelt{
    color: #555;
    font-weight: bold;
    font-size: 11px;
    padding:5px 0 5px 10px;
    margin:0 20px;
    border-left: 3px solid #ff9900;
    text-align: justify;
    clear:both;}