body {
    font-family: Tahoma, "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: gold;
    background-color: #333333;
/*  background-image: url(../images/km_background.png);
    background-repeat: repeat-x;    */
    margin: 0px;
    padding: 0px;
    width: 100%;
}

a {
    background-image : none;
    color : #DAA520;    
}

a:link {
}

a:visited {
}

a:hover {
    text-decoration : overline;
}

h1, h2 {
    color : #FFD700;
}

h3 {
    width : 100%;
    border : 1px solid #DAA520;
    text-indent : 3px;
}

pre {
  line-height: 1em;
}


td {
    font-size: 9pt;
}

img {
    border-top: 1px solid #FFD700;
    border-left: 1px solid #FFD700;
    border-right: 2px solid #FFD700;
    border-bottom: 2px solid #FFD700;
}

#head {
  clear: both;
  height: 139px;
}


#head1 {
    position: absolute;
    top: 0px;
    background-image: url(../images/bg1.jpg);
    background-repeat: no-repeat;
    height: 139px;
    width: 260px;
}

#head2 {
    top: 0px;
    background-image : url(../images/bg2.jpg);
    background-repeat : repeat-x;
    height: 139px;
    width: 100%;
}

#headlogo {
    position : absolute;
    top : 3px;
    left: 700px;
    width: 200px;
    height: 160px;
}

#titel {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 20pt;
    font-weight : bold;
    position : absolute;
    top : 15px;
    left : 40px;
}

#subtitel {
    position : relative;
    top : 12px;
    font-size : 16pt;
    font-variant : small-caps;
    font-stretch : wider;
}

#head3 {
    position : absolute;
    right : 0px;
    top: 0px;
    background-image : url(../images/bg3.jpg);
    width : 55px;
    height : 139px;
}

#suche {
    position : absolute;
    left : 910px;
    top : 8px;
    width : 150px;
    height: 30px;
}

#rechts {
  float: right;
  width: 160px;
}

#links {
  float: left;
  width: 160px;
}


#page {
/*    position : absolute; */
    left: 7px;
    top : 139px;
/*    width : 720px; */
}

#topnav {
    position : absolute;
    top : 112px;
    left : 40px;
    height : 25px;
}

#topnav a {
    padding : 4px;
    color : #FFD700;
    font-weight : bold;
    border : 1px solid #FFD700;
    text-decoration : none;
}

#topnav a:link, a:visited {
    background-image: url(../images/bg25.jpg);
    background-repeat : repeat-x;
}

#topnav a:hover {
    background-image: url(../images/bg25o.jpg);
    background-repeat : repeat-x;
}

#navigation {
/*    position : absolute; */
    top : 0px;
    width: 165px;
}

#nav {
    width:160px;
    height: 14px;
    font-size:8pt;
    margin-left : 2px;
}

#nav h1 {
    font-size:11pt;
    font-weight:bold;
    font-variant:small-caps;
    height: 25px;
    background-image: url(../images/bg25.jpg);
    background-repeat: repeat-x;
    padding-left: 5px;
    border-top: 1px solid #FFD700;
    border-left: 1px solid #FFD700;
    border-right: 2px solid #FFD700;
    border-bottom: 2px solid #FFD700;
}

#nav span {
    width: 150px;
}

#nav ul {
    margin-left: 0.5em;
    padding-left: 0.5em;
}

#nav li {
    list-style-type: square;
    list-style-position: outside;
    background-color: black;
}

#nav li a {
    line-height: 14px;
    padding: 2px;
    text-decoration: none;
    display: block;
    border: 1px solid gray;
    background-image : none;
}

#nav li a:link {
    color: gold;
}

#nav li a:visited {
    color: gold;
}

#nav h1, h2, h3 {
    color: #FFD700;
}

#nav li a:hover {
    background-color: darkgray;
    color: white;
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

#alphabet {
    font-family : "Courier New", Courier, monospace;
    font-size : 8pt;
}

#alphabet a {
    background-image : none;
    font-size : 8pt;
    color: #FFD700;
}

#content {
/*    position : absolute; */
    padding: 0px 195px 0px 170px;
    margin-left : 10px;
/*    top : 13px; */
/*    left: 170px; */
/*    width: 100%; */
/*    min-height : 400px; */
/*    height: 400px; */
/*    background-image : url(../images/verlauflinie.jpg); */
/*    background-position : 177px 139px; */
/*    background-repeat : no-repeat;*/
/*  border: 1px dotted white; */
}

#fehler {
    font-size : 8pt;
    color: red;
}

#news {
    background-image: url(../images/dreieck.gif);
    background-repeat: no-repeat;
/*    border : 1px solid #FFD700; */
    border-top: 1px solid #D8AE00;
    border-right: 2px solid #FFFFAB;
    border-bottom: 1px solid #FFFFAB;
    border-left: 2px solid #D8AE00;
    padding: 8px;
}
#newsouter {
  border: 1px solid #FFD700;
  width: 70%;
  margin-bottom: 4px;
  margin-left: 5px;
  background-color: #222222;
}


#sb {
    float : right;
    width: 165px;
    margin-right : 5px;
    color : #DAA520;
}

#sb h1,h2, h3 {
    color: #DAA520;
}

#sb a {
    background-image : none;
}

#tabelle {
    padding : 5px;
    margin: 2px;
}

#tabelle table {
    width : 600px;
    border : 1px solid #FFD700;
}

#tabelle td {
    font-size : 10pt;
    margin : 2px;
}

#tabelle td.normal {
    color: #FFD700;
    background-color : black;
}

#tabelle td.inverse {
    color: black;
    background-color : #E8AD12;
}

#tabcomp {
    padding : 5px;
    margin: 2px;
}

#tabcomp table {
    width : 700px;
    border : 1px solid #FFD700;
}

#tabcomp td {
    font-size : 10pt;
    margin : 2px;
}

#tabcomp td.normal {
    color: #FFD700;
    background-color : black;
}

#tabcomp td.inverse {
    color: black;
    background-color : #FFD700;
}

#bilder {
}

#text {
    padding : 8px;
    width: 100%;
    background-image : url(../images/verlauflinie.jpg);
/*    background-position : 177px 139px; */
    background-repeat : no-repeat;
/*    width : 750px; */
/*  border: 1px solid white; */
}

img.expando { /*sample CSS for expando images. Not required but recommended*/
    border: 1px solid #FFD700;
    vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

#footer {
    clear: both;
    font-size : 8pt;
    font-style : italic;
    border-top : 1px solid #FFD700;
    text-align : center;
    width : 100%;
}

#forum_button {
	position: absolute;
	top: 50px;
	left: 570px;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 26px;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #FFD700;
}

#forum_button a {
	color: #FFD700;
	text-decoration: none;
	display: block;
}

#forum_button a:link {
	background-image: url(../images/forum_button_a.png);
}

#forum_button a:visited {
	background-image: url(../images/forum_button_a.png);
}

#forum_button a:hover {
	background-image: url(../images/forum_button_o.png);
}

/* Hover Lightbox */
/* a.p1 {display:block; width:20px; height:75px; text-decoration:none; background:#fff; border:0; margin:20px 0 0 10px; float:left;} */
a.p1 {display:block; text-decoration:none; background:#333333; border:0; margin:5px 0 0 5px;}
a.p1 img {display:block; border:0;}
/* a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;} */
a.p1:hover {text-decoration:none; background-color:#333333; color:#000; position:relative; z-index:500;}
a.p1 b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;

-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);

-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

 -webkit-transition: opacity 0.6s ease-in-out;

}


a.p1:hover b {top:-65px; left:110px; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0;

}
a.p2 {display:block; text-decoration:none; background:#333333; border:0; margin:5px 0 0 5px;}
a.p2 img {display:block; border:0;}
/* a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;} */
a.p2:hover {text-decoration:none; background-color:#333333; color:#000; position:relative; z-index:500;}
a.p2 b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;

-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);

-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

 -webkit-transition: opacity 0.6s ease-in-out;

}


a.p2:hover b {top:-65px; left:-250px; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0;

}

#info {z-index:100; height:22em;}

#mensch {
	visibility: hidden;
	display: none;
}