@charset "UTF-8";
/* CSS Document */

/* letters NEW */
.letter_index { position:relative; width:500px; height:500px; left:50%; margin-left:-450px; margin-top:-200px; margin-bottom:-310px;}

.letter_a, .letter_b, .letter_c, .letter_d, .letter_e, .letter_f, .letter_g, .letter_h, .letter_i, .letter_j, .letter_k, .letter_l, .letter_m, .letter_n, .letter_o, .letter_p, .letter_q, .letter_r, .letter_s, .letter_t, .letter_u, .letter_v, .letter_w, .letter_x, .letter_y, .letter_z, .letter_ae, .letter_oe, .letter_ue { position:relative; width:500px; height:500px; left:50%; margin-left:-530px; margin-top:-100px; margin-bottom:-210px;}

.letter2_a, .letter2_b, .letter2_c, .letter2_d, .letter2_e, .letter2_f, .letter2_g, .letter2_h, .letter2_i, .letter2_j, .letter2_k, .letter2_l, .letter2_m, .letter2_n, .letter2_o, .letter2_p, .letter2_q, .letter2_r, .letter2_s, .letter2_t, .letter2_u, .letter2_v, .letter2_w, .letter2_x, .letter2_y, .letter2_z, .letter2_ae, .letter2_oe, .letter2_ue { position:relative; width:400px; height:400px; left:0; margin-left:-100px; margin-top:-190px; margin-bottom:-195px;}

.letterwhg_a, .letterwhg_b, .letterwhg_c, .letterwhg_d, .letterwhg_e, .letterwhg_f, .letterwhg_g, .letterwhg_h, .letterwhg_i, .letterwhg_j, .letterwhg_k, .letterwhg_l, .letterwhg_m, .letterwhg_n, .letterwhg_o, .letterwhg_p, .letterwhg_q, .letterwhg_r, .letterwhg_s, .letterwhg_t, .letterwhg_u, .letterwhg_v, .letterwhg_w, .letterwhg_x, .letterwhg_y, .letterwhg_z, .letterwhg_ae, .letterwhg_oe, .letterwhg_ue { position:relative; width:500px;; height:400px; left:0; margin-left:-90px; margin-top:-50px; margin-bottom:-335px;}

.letter_index{ background:url(../images/letters/s.png) left;}

.letter_a, .letter2_a, .letterwhg_a {background:url(../images/letters/a.png) left;}
.letter_ae, .letter2_ae, .letterwhg_ae {background:url(../images/letters/ae.png) left;}
.letter_b, .letter2_b, .letterwhg_b {background:url(../images/letters/b.png) left;}
.letter_c, .letter2_c, .letterwhg_c {background:url(../images/letters/c.png) left;}
.letter_d, .letter2_d, .letterwhg_d {background:url(../images/letters/d.png) left;}
.letter_e, .letter2_e, .letterwhg_e {background:url(../images/letters/e.png) left;}
.letter_f, .letter2_f, .letterwhg_f {background:url(../images/letters/f.png) left;}
.letter_g, .letter2_g, .letterwhg_g {background:url(../images/letters/g.png) left;}
.letter_h, .letter2_h, .letterwhg_h {background:url(../images/letters/h.png) left;}
.letter_i, .letter2_i, .letterwhg_i {background:url(../images/letters/i.png) left;}
.letter_j, .letter2_j, .letterwhg_j {background:url(../images/letters/j.png) left;}
.letter_k, .letter2_k, .letterwhg_k {background:url(../images/letters/k.png) left;}
.letter_l, .letter2_l, .letterwhg_l {background:url(../images/letters/l.png) left;}
.letter_m, .letter2_m, .letterwhg_m {background:url(../images/letters/m.png) left;}
.letter_n, .letter2_n, .letterwhg_n {background:url(../images/letters/n.png) left;}
.letter_o, .letter2_o, .letterwhg_o {background:url(../images/letters/o.png) left;}
.letter_oe, .letter2_oe, .letterwhg_oe {background:url(../images/letters/oe.png) left;}
.letter_p, .letter2_p, .letterwhg_p {background:url(../images/letters/p.png) left;}
.letter_q, .letter2_q, .letterwhg_q {background:url(../images/letters/q.png) left;}
.letter_r, .letter2_r, .letterwhg_r {background:url(../images/letters/r.png) left;}
.letter_s, .letter2_s, .letterwhg_s {background:url(../images/letters/s.png) left;}
.letter_t, .letter2_t, .letterwhg_t {background:url(../images/letters/t.png) left;}
.letter_u, .letter2_u, .letterwhg_u {background:url(../images/letters/u.png) left;}
.letter_ue, .letter2_ue, .letterwhg_ue {background:url(../images/letters/ue.png) left;}
.letter_v, .letter2_v, .letterwhg_v {background:url(../images/letters/v.png) left;}
.letter_w, .letter2_w, .letterwhg_w {background:url(../images/letters/w.png) left;}
.letter_x, .letter2_x, .letterwhg_x {background:url(../images/letters/x.png) left;}
.letter_y, .letter2_y, .letterwhg_y {background:url(../images/letters/y.png) left;}
.letter_z, .letter2_z, .letterwhg_z {background:url(../images/letters/z.png) left;}



@media all and (max-width: 885px) {
.letter_index { margin-left:-400px; margin-top:-200px; margin-bottom:-310px;}

.letter_a, .letter_b, .letter_c, .letter_d, .letter_e, .letter_f, .letter_g, .letter_h, .letter_i, .letter_j, .letter_k, .letter_l, .letter_m, .letter_n, .letter_o, .letter_p, .letter_q, .letter_r, .letter_s, .letter_t, .letter_u, .letter_v, .letter_w, .letter_x, .letter_y, .letter_z, .letter_ae, .letter_oe, .letter_ue { margin-left:-470px; margin-top:-300px; margin-bottom:-210px;}

.letter2_a, .letter2_b, .letter2_c, .letter2_d, .letter2_e, .letter2_f, .letter2_g, .letter2_h, .letter2_i, .letter2_j, .letter2_k, .letter2_l, .letter2_m, .letter2_n, .letter2_o, .letter2_p, .letter2_q, .letter2_r, .letter2_s, .letter2_t, .letter2_u, .letter2_v, .letter2_w, .letter2_x, .letter2_y, .letter2_z, .letter2_ae, .letter2_oe, .letter2_ue { margin-left:-70px; margin-top:-190px; margin-bottom:-195px;}
}

@media all and (max-width: 790px) {
.letter_index { margin-left:-300px; margin-top:-200px; margin-bottom:-310px;}

.letter_a, .letter_b, .letter_c, .letter_d, .letter_e, .letter_f, .letter_g, .letter_h, .letter_i, .letter_j, .letter_k, .letter_l, .letter_m, .letter_n, .letter_o, .letter_p, .letter_q, .letter_r, .letter_s, .letter_t, .letter_u, .letter_v, .letter_w, .letter_x, .letter_y, .letter_z, .letter_ae, .letter_oe, .letter_ue { margin-left:-440px; margin-top:-300px; margin-bottom:-210px;}
}

/* MOBILE-VERSION */
@media all and (max-width: 700px) {
.letter_index { width:400px; height:400px; left:0px; margin-left:-30px; margin-top:-350px; margin-bottom:-260px;}

.letter_a, .letter_b, .letter_c, .letter_d, .letter_e, .letter_f, .letter_g, .letter_h, .letter_i, .letter_j, .letter_k, .letter_l, .letter_m, .letter_n, .letter_o, .letter_p, .letter_q, .letter_r, .letter_s, .letter_t, .letter_u, .letter_v, .letter_w, .letter_x, .letter_y, .letter_z, .letter_ae, .letter_oe, .letter_ue { width:400px; height:400px; left:0px; margin-left:-30px; margin-top:-150px; margin-bottom:-260px;}

.letter2_a, .letter2_b, .letter2_c, .letter2_d, .letter2_e, .letter2_f, .letter2_g, .letter2_h, .letter2_i, .letter2_j, .letter2_k, .letter2_l, .letter2_m, .letter2_n, .letter2_o, .letter2_p, .letter2_q, .letter2_r, .letter2_s, .letter2_t, .letter2_u, .letter2_v, .letter2_w, .letter2_x, .letter2_y, .letter2_z, .letter2_ae, .letter2_oe, .letter2_ue { width:400px; height:400px; left:0; margin-left:-60px; margin-top:-190px; margin-bottom:-195px;}

.letterwhg_a, .letterwhg_b, .letterwhg_c, .letterwhg_d, .letterwhg_e, .letterwhg_f, .letterwhg_g, .letterwhg_h, .letterwhg_i, .letterwhg_j, .letterwhg_k, .letterwhg_l, .letterwhg_m, .letterwhg_n, .letterwhg_o, .letterwhg_p, .letterwhg_q, .letterwhg_r, .letterwhg_s, .letterwhg_t, .letterwhg_u, .letterwhg_v, .letterwhg_w, .letterwhg_x, .letterwhg_y, .letterwhg_z, .letterwhg_ae, .letterwhg_oe, .letterwhg_ue { position:relative; width:400px; height:400px; left:0; margin-left:-90px; margin-top:-50px; margin-bottom:-335px;}

.letter_index { background:url(../images/letters_s/s.png) left;}

.letter_a, .letter2_a, .letterwhg_a {background:url(../images/letters_s/a.png) left;}
.letter_ae, .letter2_ae, .letterwhg_ae {background:url(../images/letters_s/ae.png) left;}
.letter_b, .letter2_b, .letterwhg_b {background:url(../images/letters_s/b.png) left;}
.letter_c, .letter2_c, .letterwhg_c {background:url(../images/letters_s/c.png) left;}
.letter_d, .letter2_d, .letterwhg_d {background:url(../images/letters_s/d.png) left;}
.letter_e, .letter2_e, .letterwhg_e {background:url(../images/letters_s/e.png) left;}
.letter_f, .letter2_f, .letterwhg_f {background:url(../images/letters_s/f.png) left;}
.letter_g, .letter2_g, .letterwhg_g {background:url(../images/letters_s/g.png) left;}
.letter_h, .letter2_h, .letterwhg_h {background:url(../images/letters_s/h.png) left;}
.letter_i, .letter2_i, .letterwhg_i {background:url(../images/letters_s/i.png) left;}
.letter_j, .letter2_j, .letterwhg_j {background:url(../images/letters_s/j.png) left;}
.letter_k, .letter2_k, .letterwhg_k {background:url(../images/letters_s/k.png) left;}
.letter_l, .letter2_l, .letterwhg_l {background:url(../images/letters_s/l.png) left;}
.letter_m, .letter2_m, .letterwhg_m {background:url(../images/letters_s/m.png) left;}
.letter_n, .letter2_n, .letterwhg_n {background:url(../images/letters_s/n.png) left;}
.letter_o, .letter2_o, .letterwhg_o {background:url(../images/letters_s/o.png) left;}
.letter_oe, .letter2_oe, .letterwhg_oe {background:url(../images/letters_s/oe.png) left;}
.letter_p, .letter2_p, .letterwhg_p {background:url(../images/letters_s/p.png) left;}
.letter_q, .letter2_q, .letterwhg_q {background:url(../images/letters_s/q.png) left;}
.letter_r, .letter2_r, .letterwhg_r {background:url(../images/letters_s/r.png) left;}
.letter_s, .letter2_s, .letterwhg_s {background:url(../images/letters_s/s.png) left;}
.letter_t, .letter2_t, .letterwhg_t {background:url(../images/letters_s/t.png) left;}
.letter_u, .letter2_u, .letterwhg_u {background:url(../images/letters_s/u.png) left;}
.letter_ue, .letter2_ue, .letterwhg_ue {background:url(../images/letters_s/ue.png) left;}
.letter_v, .letter2_v, .letterwhg_v {background:url(../images/letters_s/v.png) left;}
.letter_w, .letter2_w, .letterwhg_w {background:url(../images/letters_s/w.png) left;}
.letter_x, .letter2_x, .letterwhg_x {background:url(../images/letters_s/x.png) left;}
.letter_y, .letter2_y, .letterwhg_y {background:url(../images/letters_s/y.png) left;}
.letter_z, .letter2_z, .letterwhg_z {background:url(../images/letters_s/z.png) left;}
}

@media all and (max-width: 600px) {
.letterwhg_a, .letterwhg_b, .letterwhg_c, .letterwhg_d, .letterwhg_e, .letterwhg_f, .letterwhg_g, .letterwhg_h, .letterwhg_i, .letterwhg_j, .letterwhg_k, .letterwhg_l, .letterwhg_m, .letterwhg_n, .letterwhg_o, .letterwhg_p, .letterwhg_q, .letterwhg_r, .letterwhg_s, .letterwhg_t, .letterwhg_u, .letterwhg_v, .letterwhg_w, .letterwhg_x, .letterwhg_y, .letterwhg_z, .letterwhg_ae, .letterwhg_oe, .letterwhg_ue { position:relative; width:350px; height:350px; left:0; margin-left:-60px; margin-top:-150px; margin-bottom:-205px;}
}

@media all and (max-width: 400px) {
.letter_index{ width:100%; height:400px; left:0; margin-left:0px; margin-top:-350px; margin-bottom:-260px;}

.letter_a, .letter_b, .letter_c, .letter_d, .letter_e, .letter_f, .letter_g, .letter_h, .letter_i, .letter_j, .letter_k, .letter_l, .letter_m, .letter_n, .letter_o, .letter_p, .letter_q, .letter_r, .letter_s, .letter_t, .letter_u, .letter_v, .letter_w, .letter_x, .letter_y, .letter_z, .letter_ae, .letter_oe, .letter_ue { width:100%; height:400px; left:0; margin-left:-30px; margin-top:-150px; margin-bottom:-260px;}

.letter2_a, .letter2_b, .letter2_c, .letter2_d, .letter2_e, .letter2_f, .letter2_g, .letter2_h, .letter2_i, .letter2_j, .letter2_k, .letter2_l, .letter2_m, .letter2_n, .letter2_o, .letter2_p, .letter2_q, .letter2_r, .letter2_s, .letter2_t, .letter2_u, .letter2_v, .letter2_w, .letter2_x, .letter2_y, .letter2_z, .letter2_ae, .letter2_oe, .letter2_ue { width:100%; height:400px; left:0; margin-left:-60px; margin-top:-190px; margin-bottom:-195px;}
}

@media all and (max-width: 350px) {
.letter_index { width:100%; height:350px; left:0; margin-left:0px; margin-top:-350px; margin-bottom:-260px;}

.letter_a, .letter_b, .letter_c, .letter_d, .letter_e, .letter_f, .letter_g, .letter_h, .letter_i, .letter_j, .letter_k, .letter_l, .letter_m, .letter_n, .letter_o, .letter_p, .letter_q, .letter_r, .letter_s, .letter_t, .letter_u, .letter_v, .letter_w, .letter_x, .letter_y, .letter_z, .letter_ae, .letter_oe, .letter_ue { width:100%; height:350px; left:0; margin-left:-30px; margin-top:-100px; margin-bottom:-260px;}

.letter2_a, .letter2_b, .letter2_c, .letter2_d, .letter2_e, .letter2_f, .letter2_g, .letter2_h, .letter2_i, .letter2_j, .letter2_k, .letter2_l, .letter2_m, .letter2_n, .letter2_o, .letter2_p, .letter2_q, .letter2_r, .letter2_s, .letter2_t, .letter2_u, .letter2_v, .letter2_w, .letter2_x, .letter2_y, .letter2_z, .letter2_ae, .letter2_oe, .letter2_ue { width:100%; height:350px; left:0; margin-left:-60px; margin-top:-140px; margin-bottom:-195px;}

.letterwhg_a, .letterwhg_b, .letterwhg_c, .letterwhg_d, .letterwhg_e, .letterwhg_f, .letterwhg_g, .letterwhg_h, .letterwhg_i, .letterwhg_j, .letterwhg_k, .letterwhg_l, .letterwhg_m, .letterwhg_n, .letterwhg_o, .letterwhg_p, .letterwhg_q, .letterwhg_r, .letterwhg_s, .letterwhg_t, .letterwhg_u, .letterwhg_v, .letterwhg_w, .letterwhg_x, .letterwhg_y, .letterwhg_z, .letterwhg_ae, .letterwhg_oe, .letterwhg_ue { position:relative; width:350px; height:350px; left:0; margin-left:-60px; margin-top:-150px; margin-bottom:-205px;}

.letter_index { background:url(../images/letters_xs/s.png) left;}

.letter_a, .letter2_a, .letterwhg_a {background:url(../images/letters_xs/a.png) left;}
.letter_ae, .letter2_ae, .letterwhg_ae {background:url(../images/letters_xs/ae.png) left;}
.letter_b, .letter2_b, .letterwhg_b {background:url(../images/letters_xs/b.png) left;}
.letter_c, .letter2_c, .letterwhg_c {background:url(../images/letters_xs/c.png) left;}
.letter_d, .letter2_d, .letterwhg_d {background:url(../images/letters_xs/d.png) left;}
.letter_e, .letter2_e, .letterwhg_e {background:url(../images/letters_xs/e.png) left;}
.letter_f, .letter2_f, .letterwhg_f {background:url(../images/letters_xs/f.png) left;}
.letter_g, .letter2_g, .letterwhg_g {background:url(../images/letters_xs/g.png) left;}
.letter_h, .letter2_h, .letterwhg_h {background:url(../images/letters_xs/h.png) left;}
.letter_i, .letter2_i, .letterwhg_i {background:url(../images/letters_xs/i.png) left;}
.letter_j, .letter2_j, .letterwhg_j {background:url(../images/letters_xs/j.png) left;}
.letter_k, .letter2_k, .letterwhg_k {background:url(../images/letters_xs/k.png) left;}
.letter_l, .letter2_l, .letterwhg_l {background:url(../images/letters_xs/l.png) left;}
.letter_m, .letter2_m, .letterwhg_m {background:url(../images/letters_xs/m.png) left;}
.letter_n, .letter2_n, .letterwhg_n {background:url(../images/letters_xs/n.png) left;}
.letter_o, .letter2_o, .letterwhg_o {background:url(../images/letters_xs/o.png) left;}
.letter_oe, .letter2_oe, .letterwhg_oe {background:url(../images/letters_xs/oe.png) left;}
.letter_p, .letter2_p, .letterwhg_p {background:url(../images/letters_xs/p.png) left;}
.letter_q, .letter2_q, .letterwhg_q {background:url(../images/letters_xs/q.png) left;}
.letter_r, .letter2_r, .letterwhg_r {background:url(../images/letters_xs/r.png) left;}
.letter_s, .letter2_s, .letterwhg_s {background:url(../images/letters_xs/r.png) left;}
.letter_t, .letter2_t, .letterwhg_t {background:url(../images/letters_xs/t.png) left;}
.letter_u, .letter2_u, .letterwhg_u {background:url(../images/letters_xs/u.png) left;}
.letter_ue, .letter2_ue, .letterwhg_ue {background:url(../images/letters_xs/ue.png) left;}
.letter_v, .letter2_v, .letterwhg_v {background:url(../images/letters_xs/v.png) left;}
.letter_w, .letter2_w, .letterwhg_w {background:url(../images/letters_xs/w.png) left;}
.letter_x, .letter2_x, .letterwhg_x {background:url(../images/letters_xs/x.png) left;}
.letter_y, .letter2_y, .letterwhg_y {background:url(../images/letters_xs/y.png) left;}
.letter_z, .letter2_z, .letterwhg_z {background:url(../images/letters_xs/z.png) left;}
}