/* Inspiral style css - 2007.11.05-től - VargAtom@ART-WORX.inspiral-bc */
/* last update 2007.12.17. - w3c validation és tisztogatás - by VargAtom@ART-WORX.inspiral-bc */
/* ===========================================================================================
 * A lapok beosztása hasonló: a címlap és a cikkekhez, dokumentumhoz használt lapok eltérnek
 *       
 *      
 * Canvas - az egész alapja
 *   Head - felső rész
 *     head-content - a head nagyobbik, felső része, egy alapkép a háttere, 
 *                    melyen balra fent a csiga, mellette az Inspiral logo 
 *                    és egy ezüstszürke keret van
 *     
 *       inspiral-logo - csak az Inspiral felirat az alapkép logojára illesztve - href a címlapra
 *       page-title    - az Inspiral felirat kegészítője, az üzleti területek elnevezése és 
 *                       a lap címe angolul (pl. Economic Mediation)
 *       head-img      - kép a keretben
 *       space-1       - tartalék terület a kép felett - tartalmazhat képfeliratot a keret fölött
 *         img-title   - képfeliratot a keret fölött
 *       space-2       - tartalék terület a logo alatt
 *     
 *     head-line - a head alsó részén  egysoros szöveg vagy navigáció lehet benne
 *
 *   Content - a canvas középső része, a tartalom helye, ahová a szöveg ill kép jöhet
 *     content-left  - baloldali hasáb - opcionális
 *     content-right - jobboldali hasáb - opcionális      
 *     
 *   Footer - az alsó rész      
 *     foot-line - a footer felső részén egysoros szöveg vagy navigáció lehet benne
 *     copyright - a footer alsó részén egy- (vagy több?)soros szöveg 
 *
 *   Navigáció - 
 *     nav-in-line - egysoros, vízszintes navigáció (header-ben vagy footer-ben is lehet)
 *     
 *   
 *   egyéb: innen másolhatod oda, ahová kell 
 *     &bdquo; <!-- magyar nyitó idézőjel (lent) html kódja -->
 *     &rdquo; <!-- magyar záró idézőjel (fent) html kódja -->
 *     &hellip; <!-- három pont ... (egyben) html kódja -->
 *     &ndash; í!-- kötőjel --> 
 *     (forrás wiki)
 *  
 * <p> <cite>This is the Title of a Book</cite></p>
 * <p>This <sup>word</sup> is Super-Script</p>
 *
 * ============================================================================================ */

/* általános beállítások */
/* pl. böngészők különbözősége miatt */

/* a '*' mindenre vonatkozik: margók, kitöltés nullázása */
* { 
    margin: 0;
    padding: 0;
    background-color: #000000;
    text-decoration: none;
} 


/* alapelemek */

#canavas {
    margin: 0;
    background-color: #000000;
}

#head {
    position: absolute;
    top: 0; 
    left: 0;
    width: 1063px;
    height: 330px;
    background-color: transparent;
    font-family: "Comic Sans MS", sans-serif;
    margin: 0;
}

/* alapelemek vége */


/* HEAD elemek */ 

#head-content
{
    width: 1063px;
    height: 291px;
    margin: 0;
    background: url("../images/head-bg.jpg") top left no-repeat ;
}

#page-title
{
    background-color: transparent;
    color: #C0C0C0;

    position: absolute;
    top: 119px; 
    left: 320px;
    width: 260px;
    height: 35px;

    font-size: 22px;
    font-weight: normal;

    font-family: "Comic Sans MS", sans-serif;
    text-align: center;
    letter-spacing: .04em;
    white-space: pre;

/* csak ideiglenesen tesztelésre 
border: solid #FF0CF0 1px; */
}

#inspiral-logo a 
{
    background-color: transparent;
    color: #FF0000;

    position: absolute;
    top: 14px; 
    left: 330px;

    width: 320px;
    height: 50px;

    font-size: 80px;
    font-weight: normal;

    font-family: "Comic Sans MS", sans-serif;
    text-align: left;
    text-decoration: none;
    white-space: pre;

/*
    letter-spacing: .04em;
*/
/* csak ideiglenesen tesztelésre 
border: solid #FF0CF0 1px; */
}

#img-title
{
    background-color: transparent;
    color: #C0C0C0;

    position: absolute;
    top: 72px; 
    left: 656px;

    width: 400px;
    height: 35px;

    font-size: 20px;
    font-weight: normal;

    font-family: "Comic Sans MS", sans-serif;
    text-align: right;
    white-space: pre;

/* keret csak ideiglenesen tesztelésre 
border: solid #0000FF 1px; */
}

/* img-title helyett az artworx-nél*/
#over-head-img
{
    background-color: transparent;
    color: #C0C0C0;

    position: absolute;
    top: 43px; 
    left: 725px;

    width: 330px;
    height: 67px;
    float: right;

/* csak ideiglenesen tesztelésre 
border: solid #0000FF 1px; */
}

#head-img
{
    background-color: transparent;

    position: absolute;
    top: 116px;
    left: 657px;

    width: 396px;
    height: 156px;
    text-align: right;

    padding: 2px 2px 2px 2px;

/* csak ideiglenesen tesztelésre 
border: solid #00F0F0 1px; */
}

#head-space /* tartalékhely */
{
    background-color: transparent;

    color: #FA0000;

    position: absolute;
    top: 160px; 
    left: 330px;

    width: 320px;
    height: 120px;

    text-align: center; 
    font-size: 20px;
    font-weight: normal;
    font-variant: small-caps;

/* csak ideiglenesen tesztelésre
border: solid #F0F0F0 1px;  */
}


#head-line
{
    background-color: #FA0000;
    color: #FFFFFF;

    position: absolute;
    top: 291px; 
    left: 55px;

    width: 920px;
    height: 33px;

    margin: 0;
    padding: 3px 40px 3px 40px;

    font-size: 20px;
    font-weight: bold;

    font-family: "Comic Sans MS", sans-serif;
    text-align: left;
    letter-spacing: .04em;

    border-left: 4px solid #C0C0C0;
    border-right: 4px solid #C0C0C0;
}

/* HEAD elemek vége */ 


/* CONTENT elemek */

#tartalom
{

    background-color: #FAFAFA;
    color: #2E2E2E;

    position: absolute;
    top: 330px; 
    left: 55px;

    width: 950px;	/* 1000 -mínusz a szélső paddingek */
    height: 420px;

    margin: 0 0 0 0;
    border: solid #C0C0C0 4px;
    padding: 25px 25px 15px 25px;

    font-family: Verdana, Arial, sans-serif;
    font-size: .85em;
    font-weight: normal;
}

#tartalom p 
{
    background-color: transparent;
    color: #2E2E2E;

    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
    line-height: 120%;
}


#tartalom a
{
    background-color: transparent;
    color: #606060;

    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
    line-height: 120%;
}
#tartalom a:hover
{ 
    color: #A00000;  
    font-style: italic;
}

#tartalom-bal
{
    float: left;
    width: 540px;
    margin: 0 0 0 0;
    background-color: transparent;

    font-size: 1em;

/* teszteléshez
border: 5px solid #0000F0;
*/
}

div#tartalom p 
{
    background-color: transparent;
}


#tartalom-bal a
{
    background-color: transparent;
    font-size: .95em;
}


#tartalom-jobb
{
    float: right;
    width: 370px;

    background-color: transparent;

/* teszteléshez 
border: 5px solid #FF0000;
*/
}

.img-left
{
    float: left;
    margin: 0 5px 5px 0;

/* próba 
border-right: 5px solid #FAFAFA;
border-top: 5px solid #FAFAFA;
*/
}

.img-right
{
    float: right;
    margin: 0 0 5px 5px;

}

.more-about
{
    font-size: 22px;
    font-weight: normal;
    font-family: "Comic Sans MS", sans-serif;
    text-align: right;
    letter-spacing: .04em;
    white-space: pre;
}

.more-about p
{
    font-style: italic;

}
.more-about a
{
    font-family: "Comic Sans MS", sans-serif;
    font-size: 22px;

    text-align: right;
    letter-spacing: .04em;
    white-space: pre;
}

.lista 
{
   font-weight: normal;
    text-align: left;
    background-color: #FAFAFA;
    list-style: decimal;

}

.lista ul
{
    list-style: decimal;

}

.lista li
{ 
    float: left;
    margin: 0;
    padding: 6px 10px 6px 20px;
    display: block;
    background-color: #FAFAFA;

    font-size: 100%;
    font-weight: normal;
    text-align: left;
}
/* CONTENT elemek vége */

/* FOOTER elemek */
#footer
{
    background-color: transparent;
    color: #C0C0C0;

    position: absolute;
    top: 798px; 
    left: 55px;

    width: 1008px;
    height: 40px;

    margin: 0 0 0 0;
}

.nav-in-line 
{
    background-color: #000000;
    margin: 4px 0 0 0;

    width: 100%;

    list-style: none;
    text-align: center;

}

.nav-in-line ul
{
    list-style: none;
    text-align: center;
}
    
.nav-in-line li
{ 
    float: left;
    margin: 0;
    padding: 2px 10px 6px 20px;
		
    display: block;

    font-size: 100%;
    font-family: "Comic Sans MS", sans-serif;
    font-weight: normal;
    text-align: center;
}

.nav-in-line a 
{
    float: left;
    display: block;
    text-decoration: none;

    font-weight: normal;

    font-size: 100%;

    color: #FFFFFF;
    font-family: "Comic Sans MS", sans-serif;
    text-align: center;
}

.nav-in-line a:hover
{
  color: #FA0000;
}

.foot-text
{
    clear: both;
    padding: 4px 0 0 0;
    text-align: center;
    color: #C0C0C0;

    font-family: "Comic Sans MS", sans-serif;
    font-weight: normal;

    font-size: .85em;
    line-height: 110%;
		
    border-top: 2px solid #C0C0C0;
}
.foot-text a
{
    color: #C0C0C0;
    text-decoration: none;
}

.foot-text a:hover
{
    color: #FF0000;
    text-decoration: none;
}
/* FOOTER elemek vége */

/* formázás */
.e-design /* telt-kurziv-piros */
{
    font-weight: bold;
    font-style: italic;
    color: #FA0000;
    background-color: transparent;
}

b, i
{
    background-color: transparent;
}

.piros 
{
    color: #FA0000;
}
.ritka-sor
{
    line-height: 160%;
    background-color: transparent;
}

.kurziv
{
    font-style: italic;
    background-color: transparent;
}
.kurziv-jobb
{
    font-style: italic;
    text-align: right;
    background-color: transparent;
}

.jobbra
{
    background-color: transparent;
    text-align: right;
}

.pre
{
    white-space: pre;
    background-color: transparent;
}

cite, sup, span
{
    background-color: transparent;
}
/* vége */