/* Initialisation for different browsers */
/* Neutralize styling:
   Elements we want to clean out entirely: */
html, body, form, fieldset 
{
    margin: 0;
    padding: 0;
    font: 100%/120% Verdana, Arial, Helvetica, sans-serif;*/
}
/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address 
{
    margin: 1em 0;
    padding: 0;
}
/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote 
{
    margin-left: 1em;
}
/* Miscellaneous conveniences: */
form label 
{
    cursor: pointer;
}
fieldset 
{
    border: none;
}
/* Form field text-scaling */
input, select
{
    font-size: 80%;
} 

/* Site Related Styles */
body 
{
    background-image: url("../images/layouts/site-back.png");
    background-position: top;
    background-repeat: repeat-x;
    background-color: #fcf8f8;  
    text-align: center;
}

a 
{
    text-decoration: none;
    color: #a6a68c;
    font-family: Verdana;
    font-weight: bold;
}

a:Hover 
{
    text-decoration: underline;    
}
img 
{
    border: none;
}

#site-holder
{
    position: relative;
    top: 5px;
    width: 1020px;
    text-align: center;
    margin: 0 auto;        
}
#header
{
    position: relative;
    width: 1020px;
    height: 282px;
    text-align: center;
    margin: 0 auto;
    background-image: url("../images/layouts/header-back.png");
    background-position: top;
    background-repeat: no-repeat;
}
#menu-line
{
    position: relative;
    width: 1020px;
    height: 26px;    
    text-align: center;
    margin: 0 auto;
    background-image: url("../images/layouts/menu-back.png");
    background-position: top;
    background-repeat: no-repeat;
}
#main
{
    margin: 0;
    padding: 0;    
}
#site-container
{
    position: relative;    
    padding: 0;
    margin:0 auto;
    text-align: center;
    width: 1020px;
}
#left-column
{
    position: relative;        
    float: left;
    width: 209px;
    margin: 0;
    padding: 0;
    overflow: visible;    
    font-size: 80%;        
}
.left-column
{
    width: 209px;
    margin: 0;
    padding: 0;    
    background-image: url("../images/layouts/left-back.png");    
    background-position: center center;
    background-repeat: repeat-y;    
}
#left-column-content
{
    position: relative;
    top: -12px;
    width: 199px;    
    margin: 0;
    margin-left: 10px;    
    padding: 0;
    background-image: url("../images/layouts/left-back-top.png");    
    background-position: top;
    background-repeat: no-repeat;
}
#right-column
{
    float: left;
    width: 209px;
    margin: 0;
    padding: 0;
    /*background-image: url("../images/layouts/right-back.png");    
    background-position: center center;
    background-repeat: repeat-y;*/
    font-size: 80%;    
}
.right-column
{
    width: 209px;
    margin: 0;
    padding: 0;
    background-image: url("../images/layouts/right-back.png");    
    background-position: center center;
    background-repeat: repeat-y;
}
#center-column
{    
    float: left;
    position: relative;
    width: 602px;
    padding: 0;
    margin: 0;    
    font-size:80%;
    /*background-image: url("../images/layouts/center-back2.png");
    background-position: top;
    background-repeat: repeat-y;                                  */
}
.center-column
{
    background-image: url("../images/layouts/center-back2.png");
    background-position: top;
    background-repeat: repeat-y;    
}
#center-top
{
    position: relative;
    margin: 0;
    padding: 0;
    width: 602px;
    height: 30px;    
    background-image: url("../images/layouts/center-back-top2.png");
    background-position: top top;
    background-repeat: no-repeat;
} 
#center-content
{
    position: relative;
    margin: 0;
    padding: 0;
    width: 602px;    
    background-repeat: repeat-y;
    min-height: 182px;    
}
#center-bottom
{
    position: relative;
    margin: 0;
    padding: 0;
    width: 602px;
    height: 30px;    
    background-position: bottom bottom;
    background-repeat: no-repeat;
}
#footer 
{
    clear: both;
    width: 1020px;
    height: 90px;
    margin: 0;
    padding: 0;
    background: url("../images/layouts/footer.png");
    background-position: top;
    background-repeat: no-repeat;
}
div.cleaner 
{ 
    clear:both; 
    height:0px; 
    font-size:1px; 
    border:none; 
    margin:0; padding:0; 
    background:transparent; 
} 

/* MENUS */
.fotobol-menu
{
    float: left;
    position: relative;
    width: 199px;
    height: 18px;
    display: block;
    margin: 0;
    padding: 0;
    margin-left: 10px;
    background-image: url("../images/menus/fotobol-menu.png");
    background-repeat: no-repeat;    
}
.fotobol-menu:hover
{
    background-image: url("../images/menus/fotobol-menu-cover.png");
}
.tudnivalok-menu
{    
    width: 139px;
    height: 18px;
    display: block;
    z-index: 22;
    margin: 0;
    padding: 0;
    background-image: url("../images/menus/tudnivalok-menu.png");
    background-repeat: no-repeat;    
    float: left;    
}
.tudnivalok-menu:hover
{
/*    position: relative;
    top: -1px;        */
    background-image: url("../images/menus/tudnivalok-menu-cover.png");
}
.galeria-menu
{
    position: relative;
    width: 103px;
    height: 18px;
    display: block;
    background-image: url("../images/menus/galeria-menu.png");
    background-repeat: no-repeat; 
    float: left;
}
.galeria-menu:hover
{
    /*position: relative;
    top: -1px;        */
    background-image: url("../images/menus/galeria-menu-cover.png");
}
.araink-menu
{
    position: relative;
    width: 94px;
    height: 18px;
    display: block;
    background-image: url("../images/menus/araink-menu.png");
    background-repeat: no-repeat;     
    float: left;    
}
.araink-menu:hover
{
    /*position: relative;
    top: -1px;*/
    background-image: url("../images/menus/araink-menu-cover.png");
}
.megrendeles-menu
{
    position: relative;
    width: 135px;
    height: 18px;
    display: block;
    background-image: url("../images/menus/megrendeles-menu.png");
    background-repeat: no-repeat;     
    float: left;        
}
.megrendeles-menu:hover
{
    /*position: relative;
    top: -1px;*/
    background-image: url("../images/menus/megrendeles-menu-cover.png");
}
.kapcsolat-menu
{
    position: relative;
    width: 131px;
    height: 18px;
    display: block;
    background-image: url("../images/menus/kapcsolat-menu.png");
    background-repeat: no-repeat;     
    float: left;     
}
.kapcsolat-menu:hover
{
    /*position: relative;
    top: -1px;*/
    background-image: url("../images/menus/kapcsolat-menu-cover.png");
}
.belepes-menu
{
    position: relative;
    width: 199px;
    height: 18px;
    display: block;
    background-image: url("../images/menus/belepes-menu.png");
    background-repeat: no-repeat;     
    float: left;     
}
.belepes-menu:hover
{
    /*position: relative;
    top: -1px;*/
    background-image: url("../images/menus/belepes-menu-cover.png");
}
.kilepes-menu
{
    position: relative;
    width: 199px;
    height: 18px;
    display: block;
    background-image: url("../images/menus/kilepes-menu.png");
    background-repeat: no-repeat;     
    float: left; 
}
.kilepes-menu:hover
{    
    background-image: url("../images/menus/kilepes-menu-hover.png");
}
.profil-menu
{
    position: relative;
    width: 199px;
    height: 18px;
    display: block;
    background-image: url("../images/menus/profil-menu.png");
    background-repeat: no-repeat;     
    float: left; 
}
.profil-menu:hover
{
    background-image: url("../images/menus/profil-menu-hover.png");
}

/* GENERALS */
#content-holder
{
    position: relative;
    width: 600;
    margin: 0 auto;
    text-align: left;    
    margin: 0;
    padding: 10px;
    overflow: hidden;
}
.error
{
    font-size: 80%;
    color: red;
    text-align: left;
}

/* User Related  */
.register-table
{
    width: 400px;    
    margin: 0 auto;
    text-align: center;
    text-align: right;        
}
.register-input
{
    width: 200px;
    text-align: left;
}

.profile-table
{
    width: 500px;
    text-align: left;
    margin: 0 auto;
}
.login-table
{
    width: 400px;
    text-align: left;
    margin: 0 auto;
}
.login-input
{
    width: 200px;
}


/* Admin related styles */
#content-holder
{
    position: relative;
    width: 600;
    margin: 0 auto;
    text-align: center;    
    margin: 0;
    padding: 10px;
    overflow: hidden;
}
#acenter-column
{    
    width: 1010px;
    margin: 0 auto;
    text-align: center;
    padding: 0;        
    background-image: url("../images/layouts/acenter-back.png");    
    background-position: center center;
    background-repeat: repeat-y;
    font-size: 80%;    
}
#acenter-content
{
    position: relative;
    margin: 0;
    padding: 0;
    width: 1010px;    
}
#acenter-top
{
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    width: 1010px;
    height: 30px;    
    background-image: url("../images/layouts/acenter-back-top.png");
    background-position: center top;
    background-repeat: no-repeat;    
}
#afooter
{    
    width: 1020px;
    height: 29px;
    margin: 0;
    padding: 0;
    background: url("../images/layouts/acenter-back-bottom.png");
    background-position: top;
    background-repeat: no-repeat;    
}
bb
{
    width: 600px;
    margin: 0 auto;
    text-align: center;
}
ba
{
    font-size: 80%;
    width: 600px;
    background-color: lime;            
}
.admin-menu
{
    display: block;        
    padding: 5px 10px;     
    color: #ce8759;
    text-decoration: none;
    font-weight: bold;
}
.admin-menu:hover
{
    background: #ce8759;
    color: #ffffff;
}
.properties-table
{
    position: relative;
    width: 600px;
    margin: 0 auto;
    text-align: left;
    /*background-color: lime;*/
    font-size: 80%;
}
.properties-input
{
    font-size: 100%;
    width: 400px;
}
#linker-holder
{
    position: relative;
    text-align: center;    
    margin-top: 20px;
}
#linker-holder a
{
    display: inline-block;
    position: relative;
    color: #ce8759;
    text-decoration: none;
    font-weight: bold;
}
#linker-holder a:hover
{
    text-decoration: underline; 
}
.users-table
{
    position: relative;
    width: 900px;
    margin: 0 auto;
    text-align: left;    
    font-size: 80%;    
}
.simple-row
{
    position: relative;
    background-color: #fff;    
}
.alternate-row
{
    position: relative;
    background-color: #ddd;
}
.orders-table
{
    position: relative;
    width: 950px;
    margin: 0 auto;
    text-align: left;        
}
.textarea-input
{
    position: relative;
    width: 250px;
    height: 140px;
    color: #000;
    font-size: 200%;      
}