/*oldal felépítése*/  

body {
  background-image: url(kep/fejlec07.jpg);
   background-repeat: no-repeat;
   background-position:top center;
/*   background-color:rgb(174, 213, 244); */
   background-color:#FFFF99; 
   margin-top: 5px;  
   color:black; 
   text-align:justify; 
   font-family: Georgia, "Times New Roman", Times, serif;  
   font-size:16px;
   }  
p {font-size: 16px;
   margin: 10px 15px 10px 240px;
   text-align: justify;
   }

#lap {
   width:924px;   
   margin:5px auto 5px auto;
   }  


#fejlec {
   height: 200px;
   }

#menu {
        margin-left: 400px;
        float: left;
        width: 100%; 
}
#menu ul {
        list-style-type: none;
        padding: 0;
        background-color: #fff;
}
#menu li {
        float: left;
        width: 160px;
}
#menu a {
        font: bold 10px;
        display: block;
        margin: 0;
        padding: 2px 3px;
        color: #999999;
        background: #F4F6F4;
        text-decoration: none;
        border: 1px solid #ECEEE4;
}

#menu a:hover {
        color: #72815F;
        background: #DAE6BD;
}


/*  Világízelítő qtIlezIgAliv*/



#tartalom {
   height: 1175px;
   width: 924px
   }
#tartalom {
/*   background-color:#FFFFCC; */
   color:black; 
   margin-top:5px;  
   padding-top:15px;  
   }
 p.kozep {
   text-align:center; 
   margin: 5px 5px 5px 5px;
   }
 p.idez {
   margin: 10px 5px 5px 35px;
   }
p.motto {
   font-size: 12px;
   color: #FFFFCC;
   font-style: italic;
   margin: 10px 15px 10px 240px;
   text-align: right;
   }
p.vilag {
   font-size: 16px;
   color: #FFFFCC;
   margin: 10px 15px 10px 240px;
   text-align: justify;
   }
.opaque {
    background: #BBFFFF;
    width: 100%;
    opacity: 0.45;
    filter: alpha(opacity=45);
   }

 p.jobbzar {
   text-align:right; 
   margin: 5px 10px 5px 10px;
   }
li {
   margin: 5px 10px 5px 0;
   }


.floatstop {
   clear:both;
   }

.balkep {
   float:left;
   margin-left:10px;
   width: 210px;
   }
.jobbkep {
   float:right;
   text-align:right; 
   margin-left: 10px;
   width: 210px;
   }
.oszlop1 {
    float: left;
    width: 370px;
    margin: 10px 10px 10px 10px;
    text-align: center;
    }
.oszlop2 {
    float: left;
    width: 270px;
    margin: 10px 10px 10px 10px;
    text-align: center;
    }

form br {
    clear: left;
}

form div {
    margin: 10px auto;
}

a img {
   border: none;
   }
a {
   text-decoration:none;
   font-size:16px;
   font-weight:bold;
   }  
a:link {
   color: #7F0000;
   font-weight:bold;
   }
a:visited {
   color: #7F0000;
   font-weight:bold;
   }
a:active 
   {color: #FF9900;
   font-weight:bold;
   }
a:hover {
   color: #FF9900;
   font-weight:bold;
   }
a.cikkes {
   color: #7F0000;
   font-weight:normal; 
   text-decoration:none;
   }
a.cikkes:hover {
   color: #007F00;
   text-decoration:none;
   }

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/
#pageHeader h1 {
	margin:10px 15px;
	background-image:url(logo.gif);
	height:83px; 
	background-color:transparent;
	width:480px;
	background-repeat:no-repeat;
	background-position:top right;
	color:#000;
	}
#pageHeader h2 { 
	display:none;
	}
#pageHeader h2 span {
	display:none;
	} A 3-1-2 gyakorlat
*/

#pageHeader1 h1 /*3-1-2 ok*/
   {
   background-image:url(kep/312_alap.gif);
   width:749px;
   height:75px; 
   background-color:transparent;
   background-repeat:no-repeat;
   background-position:top right;
   text-align:right; 
   margin: 5px 5px 5px 5px;
   }
#pageHeader1 h1 span {
	display:none
	}
#pageHeader2 h1 /*3-1-2 ok*/
   {
   background-image:url(kep/312_jelszo.gif);
   width:175px;
   height:75px; 
   background-color:transparent;
   background-repeat:no-repeat;
   background-position:top left;
   text-align:right; 
   margin: 5px 5px 5px 5px;
   }
#pageHeader2 h1 span {
	display:none
	}
h2 {
   color: #7F0000; 
   font-size:16px;
   font-weight:bold;
   margin: 25px 10px 20px 40px;
   }
h3 {
   color: #7F0000;
   font-size:16px;
   margin: 10px 10px 10px 40px;
   }