@charset "utf-8";

/* Global CSS-File */

/* for testing purpose only
	border:1px solid; border-color:#FFFFFF; weiss
	border:1px solid; border-color:#FF0000; rot 
	border:1px solid; border-color:#00FF00; gruen 
	border:1px solid; border-color:#0000FF; blau 
	border:1px solid; border-color:#FFFF00; gelb 
	border:1px solid; border-color:#00FFFF; hellblau 
	border:1px solid; border-color:#FF00FF; lila 
*/

* {margin:0; padding:0;}

body {background-color:#000000; font-family:Geneva,Arial,Helvetica,sans-serif; font-size:100.01%; color:#FFAA00; overflow:auto;}
#page {position:absolute; z-index:1;
	left:50%; width:920px; /*old=820*/ margin-left:-460px; /* negative Hlfte von width */
	top:50%; height:544px; /*old=520*/ margin-top:-272px; /* negative Hlfte von height */
	background-image:url(/design/img/Background.gif); background-repeat:no-repeat; background-attachment:fixed;
	background-position:center; overflow:auto;}

.ticker {position:absolute; width:405px; height:20px; left:130px; margin-top:6px; padding:0;}
.head {position:absolute; width:576px; height:25px; left:40px; margin-top:28px; padding:0; white-space:pre;}

#content, #content-p, #content-t, #submenu, .Carousel, .content, #content-links {position:absolute; float:left; overflow:auto; margin-top:70px; margin-left:40px; z-index:10;}
#content, .Carousel, .content {width:566px; height:434px; padding-right:10px;}

#content-links {width:518px; height:434px; margin-left:100px;}

#content-t {width:470px; height:402px; text-indent:-23px; padding-left:21px; padding-right:10px;}

#include, .include {position:absolute; width:274px; height:14px; left:160px; top:380px;}

.guestbook {border:none; margin-left:50px;}
.hidden {visibility:hidden;}

.title {margin-left:100px; line-height:25px; font-size:0.95em; outline:none;}
.title a, .title a:hover {font-style:normal; outline:none;}

#navi {width:199px; height:532px; margin-top:6px; margin-right:6px; float:right; text-align:left;
	background-image:url(/design/img/menu_cat.gif); background-position:left bottom; background-repeat:no-repeat; z-index:10;}
#navi a {display:block; font-style:normal; text-indent:30px; text-decoration:none;}

.menu {font-size:1.08em;}
.menu a {text-decoration:none;}
.menu a:hover {background-color:#333333; color:#FF0000;}
.menu a:focus{outline:none;}
.menu li {display:inline;	color:#999999;}
.menu ul {padding-top:25px; padding-right:0px; list-style-type:none; white-space:nowrap;}
.menu ul ul {padding-left:8px;}
.menu .nohover:hover {color:#FF6600; background-color:#000000;}
.menu .nohover {color:#FF6600;}
.arrow {margin-left:-15px; border:none; padding-right:4px;}

.help {position:absolute; text-align:right; left:305px; height:0.4em; font-size:0.7em; font-weight:bold; color:#FFAA00; background-color:#333333;}
html>body .help {top:330px;}

#footer {position:absolute; width:274px; height:14px; left:200px; top:522px; font-size:0.7em;}
#footer a {font-style:normal; text-decoration:none; color:#FFAA00;}
#footer a:hover {text-decoration:none; color:#FF0000; background-color:#666666;}
#footer .nohover:hover {color:#FF6600; background-color:#000000;}
#footer .nohover {color:#FF6600;}

.popup {position:absolute; width:486px; height:430px;}

.news {font-weight:bold; color:#FFAA00; vertical-align:top;}

p {font-size:0.96em; padding-bottom:10px; color:#FFCC99;}
.pcenter {text-align:center;}
.pcentersmall {text-align:center; font-size:0.75em;}
.byellow {color:FFAA00;}

.txt-s {font-size:0.7em; color:#FFCC99;}
.txt-b {font-weight:bold; color:#FFBB00;}

.h {font-size:1.0em; color:#FFAA00;}

td, th {font-size:0.95em; line-height:16px; color:#FFCC99;}

h1 {font-size:1.1em; color:#FFAA00;}
.h1cent {text-align:center; color:#FFAA00; font-weight:bold;}
h2 {font-size:1.0em; color:#FFAA00;}
h3 {font-size:0.9em; color:#FFAA00;}
h4 {font-size:0.85em; color:#FFAA00; padding-bottom:6px;}
h5 {font-size:0.75em; color:#FFAA00;}
h6 {font-size:0.7em; color:#FFAA00;}

a {font-weight:bold; font-style:italic; text-decoration:none; color:#FFAA00; border:none;}
a:active {outline:none;}
a:hover {font-weight:bold; font-style:italic; text-decoration:none; color:#FF0000; background-color:#666666;}
a:focus {-moz-outline-style:none; /* Firefox */ outline:none; /* CSS 3 */ ie-dummy:expression(this.hideFocus=true); /* IE >= 5.5 */}
a:link {outline:none;}

.nohover {text-decoration:none; color:#FF0000; background-color:#000000; border:none;}

.pfote {display:inline; border:hidden; width:14px; height:14px;}

.img {position:absolute; top:0px; border:none;}
.centerpic {position:relative; left:27%; border:none;}

/* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schlie&szlig;en eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
.clearfloat {clear:both; height:0; font-size:1px;	line-height:0px;}

/* Hiermit kann man ein Element auf der Seite nach links flieen lassen. */
.fltlft {float:left; margin-right:8px;}

/* Hiermit kann man ein Element auf der Seite nach rechts flieen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
.fltrt {float:right; margin-left:8px;}
.clear {clear:both;}

