/* CSS Document */

/* Author: James Rauscher
 * Last modification: 2012-06-27
 * © 2012 - present
 */

/* RESET
 */
html,body { margin: 0; height: 100%; }
h1, h2, h3, h4, h5, h6 { }
li, ul { }


/* GLOBAL DEFINITIONS
 */
html { 
	background: url(../images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body { font-size: 1.0em; font-family: Verdana, Geneva, sans-serif; color: #ffffff; }

h1 { font-size: 1.4em; color: #f9a025; }
h2 { font-size: 1.0em; font-weight: bold; color: #f9a025; }

a { color: #f9a025;  }
a:hover { color: #b2721a; }


/* WRAPPER
 */
#wrapper { min-height: 100%; height: auto !important; height: 100%; overflow: hidden !important; max-width: 720px; background-color:#231f20; border-right: 10px solid #f9a025; }
#wrapperInlet { height: 100%; max-width: 700px; background-color:#231f20; }


/* HEADER
 */
#header { position: fixed; left: 0px; top: 0px; z-index: 100; width: 720px; height: 95px; background-color: #231F20; }


/* CONTENT
 */
#content { width: 90%; padding-left:1.5em; line-height: 1.5em; top: 95px; position: relative; z-index: 10; }
#content a img.center { display: block; margin: 0px auto; }

#content table,td { width: 100%; vertical-align: top; }

#circle { position: fixed; top: 20%; left: 720px; width: 265px; height: 530px; background: url(../images/circle.png) no-repeat; }

#twitter { position: absolute; left: 650px; top: 0px; }
a img.imgOpacity:hover { opacity:1.0; filter:alpha(opacity=100); z-index: 5; border: 0px; }
a img.imgOpacity { opacity:0.6; filter:alpha(opacity=60); z-index: 5; border: 0px; }

ul#Navigation { position: absolute; width: 10em; top: 85px; left: -30px; font-size: 1.1em; }
ul#Navigation li { list-style: none;x margin: 0.4em; padding: 0; }
ul#Navigation a { display:block; padding: 0.4em; text-decoration: none; font-weight: bold; color: #f9a025; }
ul#Navigation a:hover { color: white; background-color: #b2721a; }


/* KORREKTUREN
 */
* html ul#Navigation {  /* Korrekturen fuer IE 5.x */ width: 11.6em; w\idth: 10em; padding-left: 0; padd\ing-left: 0.8em; }
* html ul#Navigation a {  /* Breitenangaben nur fuer IE */ width: 100%; w\idth: 8.8em; }