/* last update 2010.09.05.  */
/* last update 2009.02.10. - padding és tisztogatás - by VargAtom@ART-WORX */
/* last update 2007.12.17. - w3c validation és tisztogatás - by VargAtom@ART-WORX */
/* Inspiral style css - 2007.11.05-től - VargAtom@ART-WORX */

/* ===========================================================================================
 * 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 ill. gondolatjel --> 
 *     (forrás wiki)
 *     &sect;  <!-- paragrafus jele --> 
 *  
 * <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 */
@charset "utf-8";
@import url('reset.css');

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


h1 {
	background-color: transparent;
	font-size: 16px;
	font-weight: bold;
}
h2 {
	background-color: transparent;
	font-size: 14px;
	font-weight: bold;
}

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

#head {
  position: absolute;
  top: 0; 
  left: 0;
  width: 1000px;
  height: 230px;
  background-color: transparent;
  font-family: "Comic Sans MS", sans-serif;
  margin: 0;
}
/* alapelemek vége */


/* HEAD elemek */ 
#head-content
{
  width: 1000px;
  height: 230px;
  margin: 0;
  background: url("../images/head-bg-small.jpg") top left no-repeat ;
}

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

  position: absolute;
  top: 90px; 
  left: 230px;
  width: 260px;
  height: 35px;

  font-size: 20px;
  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 
{
  background-color: transparent;
  color: #FA0000;

  position: absolute;
  top: 21px; 
  left: 261px;

  width: 320px;
  height: 90px;

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

  letter-spacing: .01em;

  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; */
}
#inspiral-logo a
{
  background-color: transparent;
  color: #FA0000;
}

#inspiral-star 
{
  background-color: transparent;
  color: #FA0000;

  position: absolute;
  top: -8px; 
  left: 398px;

  width: 50px;
  height: 60px;

  font-size: 76px;
  font-weight: normal;
  font-family: "Comic Sans MS", sans-serif;
  text-align: center;
  text-decoration: none;
  white-space: pre;

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

#inspiral-point 
{
  background-color: transparent;
  color: #FA0000;

  position: absolute;
  top: 50px; 
  left: 341px;

  width: 50px;
  height: 60px;

  font-size: 60px;
  font-weight: normal;
  font-family: "Comic Sans MS", sans-serif;
  text-align: center;
  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: 60px; 
  left: 580px;

  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: 88px;
  left: 598px;

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

  padding: 2px 2px 2px 2px;

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

#head-space
{
  background-color: transparent;
  color: #FA0000;

  position: absolute;
  top: 135px; 
  left: 250px;

  width: 350px;
  height: 90px;

  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;
  width: 867px; /* - padding */
  height: 30px;

  margin: 0px 0 0 109px;
  padding: 6px 0px 0px 20px;

  font-size: 18px;
  font-family: "Comic Sans MS", sans-serif;
  text-align: left;
  letter-spacing: .04em;
}
/* HEAD elemek vége */ 


/* CONTENT elemek */
#tartalom
{
  background: url("../images/content-bg-small.jpg") top left repeat-y ;
  color: #2E2E2E;
  width: 1000px;	/* 1000 -mínusz a szélső paddingek */
	/*
	min-height: 500px;
		*/
  height: 500px;
	
	
  margin: 230px 0 0px 0px;
  /*  padding: 25px 25px 15px 25px; */

  font-family: Verdana, Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
	line-height: 125%;
}

#tartalom p 
{
  background-color: transparent;
  color: #2E2E2E;
	/*
	line-height: 125%;
  font-size: .85em;
	*/
}

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

#tartalom a:hover
{ 
  color: #A00000;  
  font-style: italic;
}

#tartalom-bal
{
  float: left;
  width: 460px;
  padding: 20px 10px 0 128px;
  background-color: transparent;
	/*
  line-height: 125%;
  font-size: .85em;
*/
}

#tartalom-jobb
{
  float: right;
  width: 390px;
  padding: 20px 10px 0 0px;
  background-color: transparent;
	/*
	line-height: 125%;
  font-size: .85em;
*/
/* teszteléshez 
border: 5px solid #FF0000;
*/
}

#tartalom-small-jobb /* átnevezni */
{
  float: right;
  width: 750px;
  background-color: transparent;
	padding: 25px 65px 25px 25px;

/* teszteléshez 
border: 5px solid #FF0000;
*/
}
#tartalom-small-bal  /* átnevezni */
{
  position: absolute;
  top: 230px;  
  left: 0px;
  width: 200px;
  color: #2E2E2E;
  background-color: transparent;

/* csak teszt 		
    border: 2px 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;
}

.img-center
{
  text-align: center;
  margin: 5px 5px 5px 5px;
  background-color: transparent;
}

.more-about
{
  font-size: 1,1em; /* 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: 1,1em; /* 22px; */
  text-align: right;
  letter-spacing: .04em;
  white-space: pre;
}

.lista 
{
	font-weight: normal;
  text-align: left;
  background-color: transparent;
}

.lista ul
{
	list-style: none;
	background-color: transparent;
}

.lista li
{ 
  margin: 0;
  padding: 3px 10px 3px 10px;
  display: block;
  background-color: transparent;

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

/* FOOTER elemek */
#footer
{
  background-color: transparent;
  color: #C0C0C0;
/*
  position: relative;
  top: 8px; 
  left: 55px;
*/
  width: 900px;
  height: 40px;
  margin: 0 0 0 100px;
}

.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: 12px;
  line-height: 110%;
  border-top: 0px 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;
}



/* Navigation */
#nav-in-blokk 
{
  background-color: #000000;
  margin: 25px 0 0 4px;
  width: 130px;
  height: 200px;
  list-style: none;
  text-align: left;
  font-family: "Comic Sans MS", sans-serif;
	color: #FFFFFF;
  font-size: 16px;
	padding: 10px 0px 10px 10px;
	border: 2px solid #FA0000;

	line-height: 125%;

/* teszteléshez 
	position: fixed;
	*/
}

#nav-in-blokk ul
{
  list-style: none;
}

#nav-in-blokk li
{ 
  margin: 0;
  padding: 2px 0px 6px 0px;
  font-size: 100%;
  font-weight: normal;
  text-align: left;
}

#nav-in-blokk a 
{
  display: block;
  text-decoration: none;
	color: #FFFFFF;
}

#nav-in-blokk a:hover, #nav-in-blokk .active a
{
  color: #FA0000;
}
/* vége */