Sprachwechsler - über dem Header - mit CSS formatieren

Hallo,

ich habe die Deutsch / Englisch Option als Modul im Footer platziert, wo es aber nicht besonders elegant wirkt.

Gebe es eine Möglichkeit die Sprachauswahl links neben dem Facebook-Icon zu erstellen?

Ich könnte es natürlich als HTML einfügen, in diesem Fall würde aber das Wechsel zwischen den Sprachen nicht so gut funktionieren.
Mein Problem ist, dass ich den Modul zu vorhandenem Layoutbereiche zuordnen muss. In all diesen Bereichen passt es aber nicht wirklich...

Hat jemand einen praktisch unmsetbaren Ansatz?

Meine Seite: http://wakeupcall.life

Gr. I.

Ich habe so versucht:

/* -Sprachwechsler */
#sprachwechsler {position: absolute; right: 0px; top: -55px;}

Hat leider nicht funktioniert.

Gr. i.

top: -85px;

dann sieht man den Link. Sowas kann man leicht mit der Browser Console raus finden (F12 oder rechts klick Element untersuchen)

Grüße
Dennis

Danke sehr.

Wenn ich aber untersuche sehe ich nicht welche CSS auf den Link wirkt.

Auf der rechten Seite in Firebug sehe ich nur dieses:
Das Wort "Englisch" ist natürlich markiert!

a {
color: #5a6372;
text-decoration: none;
}
* {
background-repeat: no-repeat;
border: 0 none;
box-sizing: border-box;
margin: 0;
outline: 0 none;
padding: 0;
}
ol, ul {
list-style: outside none none;
}
.inside {
text-align: left;
}
body {
color: #595151;
font-family: "Droid Sans",Arial,Verdana,sans-serif;
font-size: 12px;
line-height: 20px;
}
body {
font-size: 100.01%;
}

Ich hätte erwartet, dass "sprachwechsler" hier erscheint, zeigend, dass die Settings berücksichtigt wurden.

Versuche mal

Code:

---

#sprachwechsler{
  position: absolute;
  top: -55px;
  right: 100px;
  overflow: visible;
  }

---

Die inline-Anweisungen für den Abstand beim Modul solltest du auch anpassen/entfernen.