/*  joern-fester.de - Main CSS Data   ---------------------------------------------- */
/*  (C) 2008 joern-fester.de  ------------------------------------------------------ */



/*  B A S I C   L A Y O U T   G R I D   -------------------------------------------- */

* { border: 0; margin: 0; padding: 0; }
html { height: 100%; font-size: 100.01%; }
body { height: 100%; background: #F3EFE5; font: normal 0.8em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #797979; text-align: center; }
html, body { overflow: hidden; }

.content { width: 771px; text-align: left; margin: 0 auto; }


/*  H E A D I N G S ,   P A R A G R A P H S   A N D   L I N K S   ------------------ */

h1#headline { display: block; width: 771px; height: 269px; background: transparent url("../images/header.jpg") no-repeat 0% 0%; margin: 0; }
h1#headline span, p.subline { display: none; }

.inv { display: none; }

a:link, a:visited { color: #797979; text-decoration: none; }
a:hover, a:active, a:focus { color: #957141; text-decoration: underline; }


/*  C O L O R S   ------------------------------------------------------------------ */

.grey { color: #797979; }
.gold { color: #957141; }
.background { color: #F3EFE5; }


/* H E A D E R */

#header { background: #F3EFE5 url("../images/header_bg.gif") repeat-x 0% 0%; padding: 44px 0 0 0; }
#header .content { background: transparent url("../images/load.gif") no-repeat center center; }


/* M A I N */

#main blockquote, #main p.subline { display: none; }
div#banner { background: transparent url("../images/banner.png") no-repeat 0% 0%; display: block; right: 0px; top: 0px; height: 140px; width: 94px; position: absolute; margin: 0; padding: 0; z-index: 100; }
div#banner span { display: none; }


/* F O O T E R */

#footer .content { position: relative; }
p#lkfester { float: left; }
p#lkfester a, p#lkfester a:visited { background: transparent url("../images/crest.gif") no-repeat 0% 0%; margin: 0; display: block; width: 65px; height: 65px; border: 0; }
p#lkfester a:hover, p#lkfester a:active, p#lkfester a:focus { background-position: 0 -65px; }
p#lkfester span { display: none; }
p#google { position: absolute; top: 60px; left: 0; text-align: center; width: 771px; line-height: 1.8em; }
#google a:link, #google a:visited { text-decoration: underline; }
p#validate { float: right; font-size: 0.8em; padding: 0.7em 9px 0 0; }

#player { clear: right; float: right; padding: 0.5em 5px 0 0; }

#footer #copyright { display: none; }


/*  M I S C E L L A N E O U S   ---------------------------------------------------- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix { display: inline-block; } 
/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* End hide from IE-mac */ 


/*  E N D   S T Y L E S   ---------------------------------------------------------- */
