html, * {
   padding:0;
   margin:0;
 }

body {
background-color: #000000;
font-size: 12px;
line-height: 140%;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#ffffff;
padding:0;
margin:0;

scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #000000;
scrollbar-track-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #000000;

}

#navi a:active, #navi a:visited, #navi a:link {
font-weight: bold;
font-size: 13px;
color:#ffffff;
text-decoration:none;
}

#navi a:hover {
font-weight: bold;
font-size: 13px;
color:#000000;
background-color: #D6D6D6;
}

#navi ul {
margin: 0;
padding:0;
list-style-type: none;
text-align: center;
}

#navi li{
display: inline;
}

a:active, a:visited, a:link {
font-weight: bold;
font-size: 12px;
color:#8bafbb;
text-decoration: none;
}

a:hover {
font-weight: bold;
font-size: 12px;
color:#000000;
background-color: #D6D6D6;
}

#container {
    background-color: #000000;
    width: 985px;
	height: 595px;
	margin: 20px auto;
	padding: 0;
}

#left {
float: left;
}

#leftside {
background: url(layout/left.jpg) no-repeat;
width: 270px;
height: 585px;
}

#middle {
float: left;
}

#header {
background: url(layout/header.jpg) no-repeat;
height: 80px;
width: 714px;
}

#navi {
background-color: #000000;
padding-top: 5px;
height: 20px;
width: 712px;
}

#content {
background-color: #000000;
padding-left: 5px;
padding-top: 5px;
height: 472px;
width: 705px;
border: 1px solid #ffffff;
overflow: auto;
}

#footer {
background-color: #000000;
width: 712px;
height: 10px;
text-align: right;
}

.left {
float: left;
margin-right: 10px;
}

.right {
float: right;
margin-left: 10px;
}

.aleft {
text-align: left;
}

.aright {
text-align: right;
}

.clear {
clear: both;
}

p {
margin-top:10px;
}

.bild {
margin-top: 25px;
}

b {
    font-weight: bold;
    text-decoration:none;
    color: #ffffff;
	}

a {
    font-weight: bold;
    text-decoration:none;
     color: #8bafbb;
     font-size: 12px;
	}

.tdclass1 {
text-align: center;
background-color: #000000;
border: 1px solid #ffffff;
font-family: Arial;
font-size: 11px;
}

.tdclass2 {
text-align: center;
background-color: #000000;
border: 1px solid #ffffff;
font-family: Arial;
font-size: 11px;
}

.box
{
width: 650px;
border: 1px solid #ffffff;
background: #000000;
margin-left: 20px;
margin-top: 20px;
}

h4
{
padding: 3px 0 3px 8px;
background: #d6d6d6;
color: #000000;
font-size: 1.1em;
margin: 0;
}

.newsbox
{
width: 620px;
border: 1px solid #ffffff;
font-size: 1.1em;
margin-left: 20px;
margin-top: 20px;
}

h3
{
padding-top: 10px;
background: #000000;
color: #8bafbb;
font-weight: bold;
font-size: 1.1em;
margin: 0;
}

.startbox
{
background: no-repeat;
width: 275px;
height: 275px;
font-size: 1.1em;
margin-left: 350px;
}

.soundbox
{
width: 350px;
border: 1px solid #ffffff;
background: #000000;
margin-left: 200px;
margin-top: 20px;
}