/* Danke, Herr Bruenjes! */
@font-face {
font-family: 'Gunny Handwriting';
src: url(scrgunny.eot);
src: local('Gunny Handwriting'), local('Gunny Handwriting'), 
url(scrgunny.TTF) format('truetype');
}

body {
background: #fff; 
font: 12px Arial, sans-serif; 
color: #5D707A; 
padding: 0;
margin: 0;
}


* html body {
background: #fff url(http://www.elfengleich.de/img/sessel.jpg) no-repeat right bottom; 
}

.container {
width: 960px;
margin: 0 auto;
}

#top {
font-style: italic;
color: #999;
margin: 2em 0;
}


#content {
position: relative;
z-index: 30;
}

#contentbox {
position: relative;
}


.grossespalte {
width: 480px;
}


.kleinespalte {
width: 200px;
margin-left: 130px;
}



#footer {
margin: 40px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 10px 0;
height: 13px;
font-style: italic;
}

#footer a {
color: #999; 
}




.links {
float: left;
}

.rechts {
float: right;
}

.clear {
display: block;
clear: both;
}



/* Fehlermeldungen */

.fehler,
.hinweis {
background: #f6f6f6;
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 20px;
}

.fehler {
color: #CF4046;
}



/* Sessel */
.uebersessel {
position: absolute;
z-index: 30;
top: 0;
left: 0;
}

.untersessel {
position: absolute;
z-index: 10;
top: 0;
right: 0;
}


/* Fixer Sessel */
#sessel {
position: fixed; 
bottom: 0; 
right: 0;
z-index: 20;
}

* html #sessel {
display: none;
}



/* Diverses */
a#claim {
display: block;
color: #999;
}

#elfengleich {
font: italic 6.5em "Gunny Handwriting", Georgia, serif;
letter-spacing: -0.05em;
color: #cfb681;
}

a#twitter {
font: italic 3em "Gunny Handwriting", Georgia, serif;
color: #CFA958;
display: block;
}

a#twitter:hover,
a#elfengleich:hover {
color: #42AEC2;
}