@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
}
html, body {
height:100%;
scrollbar-base-color:#000; /*Basisfarbe der Scroll-Leiste*/
scrollbar-3dlight-color:#000; /*Farbe für 3D-Effekte*/
scrollbar-arrow-color:#FA7C00; /*Farbe für Verschiebepfeile*/
scrollbar-darkshadow-color:#000; /*Farbe für Schatten*/
scrollbar-face-color:#444; /*Farbe für Oberfläche*/
scrollbar-highlight-color:#000; /*Farbe für oberen und linken Rand*/
scrollbar-shadow-color:#000; /*Farbe für unteren und rechten Rand*/
scrollbar-track-color:#000; /*Farbe für freibleibenden Verschiebeweg*/
}
body {
background-color:#000;
font-family: Arial, Helvetica, sans-serif;
color: #F7F7F7;
font-size: 14px;
font-weight: normal;
}
a:focus, a:hover, a:active, input:focus { 
	outline:none 
}

/*p{
margin:14px 0;
}*/
#distance { 
width:1px;
height:50%;
background-color:#000;
margin-bottom:-255px; /* half of container's height */
float:left;
}
#page {
margin:0 auto;
position:relative; /* puts container in front of distance */
height:435px;
clear:left;
}
#container {
margin:0 auto;
width:750px;
height:435px;
}
#centerBox {
margin:0;
padding:0;
float:left;
width:375px;
height:435px;
}
a:link, a:visited {
color: #FFFFFF;
text-decoration: underline;
}
a:hover, a:active {
text-decoration: none;
color: #F8DF11;
}
#menuContent h2 a:link, #menuContent h2 a:visited {
color: #FFFFFF;
text-decoration: none;
}
#menuContent h2 a:hover, #menuContent h2 a:active {
color: #F8DF11;
text-decoration: underline;
}
/* ///// Navigation ///// */
#navcontainer {
margin:5px 0 8px 27px;
padding:7px 0 6px 0;
width:700px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
border-bottom: 1px solid #333;
border-top: 1px solid #333;
background-color:#000;
font-weight:bold;
/*color:#4C4946;*/
}
#navlist ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align:center;
}
#navlist li {
margin:0 2px;
padding: 0;
display: inline;
text-align:center;
}
#navlist li a, #navlist li a:link {
background-color:#444;
background-image:url(../img/bgNavOff.gif);
background-repeat:repeat-x;
background-position:top;
color: #ddd;
text-decoration: none;
padding: 4px 15px 3px 15px;
height:20px;
}
#navlist li a:hover {
color: #fff;
border-top: 2px solid #222;
border-bottom: 2px solid #FA7C00;
background-color:#333;
background-image:url(../img/bgNavOn.gif);
background-repeat:repeat-x;
background-position:top;
padding:6px 15px 4px 15px;
}
#navlist li a#current, #navlist li a#current:link {
color: #fff;
font-weight: bold;
border-top: 1px solid #F8DF11;
border-bottom: 2px solid #FA7C00;
background-color:#333;
background-image:url(../img/bgNavOn.gif);
background-repeat:repeat-x;
background-position:top;
padding:6px 15px 4px 15px;
}
#sound{
width:33px;
float:right;
margin:-3px 0 0 0;
padding:0;
height:20px;
}
#gallery{
width:700px;
height:426px;
margin-left:27px;
background-color:#000;
}
#gallery a:link, #gallery a:visited {
	color:#999;
	text-decoration:none;
}
#gallery a:hover, #gallery a:active {
	color:#CCC;
	text-decoration:underline;
}
/* ///// Menu ///// */
#menu{
width:700px;
height:340px;
padding-top:10px;
margin:5px 0 5px 27px;
background-color:#ddd;
background-image:url(../img/bgFeuer.jpg);
background-repeat:repeat-x;
}
#menu h1{
text-align:center;
font-size:14px;
color:#000;
padding-bottom:2px;
border-bottom:1px solid #FF6600;
margin:0px 50px 0px 50px;
}
#menuContent{
height:265px;
overflow:auto;
margin:5px 50px 38px 60px;
text-align:center;
color:#000;
font-size:12px;
line-height:16px;
}
#menuContent h2{
font-size:12px;
color:#fff;
padding:2px 0 1px 0;
border-bottom:1px solid #FF6600;
margin:10px 130px;
background-color:#1A1716;
background-image:url(../img/bgNavOff.gif);
background-repeat:repeat-x;
background-position:top;
}
#menuContent a:link, #menuContent a:visited {
color: #000;
text-decoration: underline;
}
#menuContent a:hover, #menuContent a:active {
text-decoration: none;
color: #FF3300;
}
/* ///// footer ///// */
#footer{
width:700px;
margin:0 0 0 27px;
padding:3px 0;
font-size:11px;
font-weight:bold;
color:#ccc;
text-align:center;
background-color:#1B1818;
background-image:url(../img/bgNavOn.gif);
background-repeat:repeat-x;
background-position:left -5px;
border-top: 1px solid #555;
border-bottom: 1px solid #333;
}
#footer a{
font-size:11px;
font-weight:bold;
color:#ccc;
text-decoration:none;
}
#footer a:hover{
color:#fff;
}