@charset "iso-8859-1";

html{
	min-width: 600px;
}

body{
	background: url(images/backgrnd.jpg) center center fixed;
	font-family: "Times New Roman", "Times","Serif";
	color: #f0f0f0;
	min-width: 600px;
}

#kopf {
	position: fixed; top: 0px; left:0px;
	width: 100%; height: 60px;
	padding: 0; 
	background: url(images/backgrnd.jpg) fixed;
	background-position: 0px 0px;
  text-align: center;
	color: #f0f0f0;
	z-index: 100;
}

#zaehler {
  position: absolute;
  top: 5px; right: 5px;
}

/* Für alle Browser ausser dem IE */
html>body .blende {position: fixed; left:0px;	width: 100%; height: 2px;	background: url(images/backgrnd.jpg);}
html>body .oben0 {top: 60px; background-position: 0px -60px; opacity: 0.9; filter:alpha(opacity=90); z-index: 10;}
html>body .oben1 {top: 62px; background-position: 0px -62px; opacity: 0.8; filter:alpha(opacity=80); z-index: 11;}
html>body .oben2 {top: 64px; background-position: 0px -64px; opacity: 0.7; filter:alpha(opacity=70); z-index: 12;}
html>body .oben3 {top: 66px; background-position: 0px -66px; opacity: 0.6; filter:alpha(opacity=60); z-index: 13;}
html>body .oben4 {top: 68px; background-position: 0px -68px; opacity: 0.5; filter:alpha(opacity=50); z-index: 14;}
html>body .oben5 {top: 70px; background-position: 0px -70px; opacity: 0.4; filter:alpha(opacity=40); z-index: 15;}
html>body .oben6 {top: 72px; background-position: 0px -72px; opacity: 0.3; filter:alpha(opacity=30); z-index: 16;}
html>body .oben7 {top: 74px; background-position: 0px -74px; opacity: 0.2; filter:alpha(opacity=20); z-index: 17;}
html>body .oben8 {top: 76px; background-position: 0px -76px; opacity: 0.1; filter:alpha(opacity=10); z-index: 18;}
html>body .unten8 {bottom: 26px; background-position: 0px 26px; opacity: 0.1; filter:alpha(opacity=10); z-index: 20;}
html>body .unten7 {bottom: 24px; background-position: 0px 24px; opacity: 0.2; filter:alpha(opacity=20); z-index: 21;}
html>body .unten6 {bottom: 22px; background-position: 0px 22px; opacity: 0.3; filter:alpha(opacity=30); z-index: 22;}
html>body .unten5 {bottom: 20px; background-position: 0px 20px; opacity: 0.4; filter:alpha(opacity=40); z-index: 23;}
html>body .unten4 {bottom: 18px; background-position: 0px 18px; opacity: 0.5; filter:alpha(opacity=50); z-index: 24;}
html>body .unten3 {bottom: 16px; background-position: 0px 16px; opacity: 0.6; filter:alpha(opacity=60); z-index: 25;}
html>body .unten2 {bottom: 14px; background-position: 0px 14px; opacity: 0.7; filter:alpha(opacity=70); z-index: 26;}
html>body .unten1 {bottom: 12px; background-position: 0px 12px; opacity: 0.8; filter:alpha(opacity=80); z-index: 27;}
html>body .unten0 {bottom: 10px; background-position: 0px 10px; opacity: 0.9; filter:alpha(opacity=90); z-index: 28;}
html>body .ganzunten {bottom: 0px; height: 10px; background-position: 0px 0px; z-index: 29;}
              
#sidenavi {
	position: fixed;
	top: 60px;
	left:0px;
	width: 200px;
	background: transparent;
  z-index: 31;
}

#sidenavi ul {
	padding: 0;	margin: 0;
}

#sidenavi li {
	padding: 0;	margin: 0;
	list-style: none;
}

#sidenavi a {
	display: block;
	width: 200px;
	height:61px;
	background: url(images/buttons.gif) left top no-repeat;
}

#sidenavi a:hover, #sidenavi a:active {
	background: url(images/buttons_h.gif) left top no-repeat;
} 

#sidenavi a.akt, #sidenavi a.akt:hover, #sidenavi a.akt:active {
	background: url(images/buttons_a.gif) left top no-repeat;
} 

#sidenavi a.home, #sidenavi a.home:hover {
	background-position: 0px 0px;
}

#sidenavi a.projects, #sidenavi a.projects:hover {
	background-position: 0px -67px; 
}

#sidenavi a.links, #sidenavi a.links:hover {
	background-position: 0px -132px; 
}

#sidenavi a.forum, #sidenavi a.forum:hover {
	background-position: 0px -194px; 
}

#sidebottom {
	padding: 0;	
	margin: 0;
	color: #f8a406;
	font-size: 125%;
	text-align: center;
	background: transparent;
	position: fixed;
	left: 0px;
	bottom: 20px;
	width: 200px;
}

#main {
	position: absolute;
	top: 0px;
	left:210px;
	right: 130px;
	padding: 70px 0px 30px 0px;
	min-width: 300px;
	background: transparent;
	z-index: 1;
/*	opacity: 0.5;
	filter:alpha(opacity=50);*/
}

#rechts {
	position: absolute;
	top: 60px;
	bottom: 0px;
	right: 0px;
	width: 120px;
	background: transparent;
  z-index: 30; 
}

html>body #rechts {
  position: fixed; /* Für alle Browser ausser dem IE */
}

	
h1 {
	margin: 20px 0 2px 0; 
	background: transparent;
	color : #f8a406;
	font-size: 150%;
	text-decoration: underline;
	text-align: center;
}

h2 {
	margin: 10px 0 2px 15px;
	font-size: 125%; 
	font-weight: bolder;
	text-decoration: underline;
}

h3 { 
	margin: 5px 0 2px 30px; 
	font-size: 110%; 
	font-weight: normal;
	text-decoration: underline;
}

h4 { 
	font-size: 105%; 
	font-weight: bolder;
	text-decoration: none;
	display: inline;
}

p {
	text-align: justify;
	margin: 0px 0 0px 45px;
	padding: 5px 0 5px 0px;
	clear: both;
}

p:first-letter{
	color: #f8a406;
	background: transparent;
	font-size: 125%;
	font-weight: bolder;
}

p.nofirstletter:first-letter {
	color: #f0f0f0;
	background: transparent;
	font-size: 100%;
}

p.mittig {
	text-align: center;
	padding: 0.5em 30px 0.5em 30px;
}

a:link, a:visited {
	text-decoration: none;
	color : #f8a406;
	background: transparent;
}

a:active {
	text-decoration: none;
	color : #ffffff;
	background: transparent;
}

a:hover	{
	text-decoration: underline;
	color : #ffffff;
	background: transparent;
}

ul, ol {
	margin: 5px 0 5px 45px; 
	padding: 5px 0 5px 45px; 
	text-align: justify;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

ul ul {
	margin: 0 0 5px 10px; 
	padding: 0 0 5px 10px; 
	list-style: circle;
}

ul ul ul {
	margin: 0 0 5px 15px;
	padding: 0 0 5px 15px;
	list-style: square;
}

#inhalt {
	padding: 5px 0 5px 45px;
}

#inhalt ul, #inhalt li {
	padding: 0;	margin: 0;
	list-style: none;
}

img {
	border: 0;
}

.bild {
	border: 1px solid white;
	margin: 5px auto;
	padding: 5px; 
	text-align: center;
}

html>body table.liste {
  width: 90%; /* Für alle Browser ausser dem IE */ 
}

table.standard {
  margin: 0 5%;
  margin-left: 45px;
  border:1px solid gray;
  border-collapse: collapse;
  empty-cells: show;
}

table.standard td {
  border:1px solid gray;
  border-collapse: collapse;
  padding: 1px 3px 1px 3px;
	text-align: center;
}

table.liste {
  margin: 0 5%;
  margin-left: 5%;
  margin-right: 5%;
  border:1px solid gray; 
  border-collapse: collapse;
}

table.liste td {
  border:1px solid gray;
}

div.quellcode {
	margin: 0px 0px 0px 45px;
	padding: 0px 5px 0px 5px;
	background: #202020;
	border: 1px solid white;
}
.werbung {
  margin: 5px auto; 
  padding: 2px; 
  text-align: center;
}