body {
background-color: #000000;
margin-left: 100px;
margin-right: 100px;
margin-bottom: 0px;
margin-top: 0px;
overflow: hidden;
}

#container {
width: 800px;
height: 650px;
background: url(tausta.jpg);
float: left;
}

#content {
position:absolute;
left:255px;
top:210px;
width:490px;
height:250px;
z-index:1;
overflow: auto;
}

#links1 {
position:absolute;
left:275px;
top:500px;
width:500px;
height:20px;
z-index:1;
overflow: auto;
}

#links2 {
position:absolute;
left:255px;
top:520px;
width:500px;
height:60px;
z-index:1;
overflow: auto;
}

#credits {
position:absolute;
left:220px;
top:560px;
width:600px;
height:25px;
z-index:1;
overflow: auto;
}

#teksti {
width: 100%;
height: 100%;
background: #ffffff;
}

a:link {
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #3300FF; 
text-decoration: none;        
}


a:visited {
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #3366FF; 
text-decoration: none;
}

a:hover {
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #111111; 
text-decoration: none;
}

.alt a:link {
font-family: Verdana, sans-serif;
font-size: 9px;
font-weight: bold;
color: #3300FF; 
text-decoration: none;        
}


.alt a:visited {
font-family: Verdana, sans-serif;
font-size: 9px;
font-weight: bold;
color: #3366FF; 
text-decoration: none;
}

.alt a:hover {
font-family: Verdana, sans-serif;
font-size: 9px;
font-weight: bold;
color: #CCCCCC; 
text-decoration: none;
}

.teksti {
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: normal;
color: #000000;
line-height: 13px;
}

.kred {
font-family: Verdana, sans-serif;
font-size: 9px;
font-weight: normal;
color: #ffffff;
}