body, html  {
margin:0;
padding:0;
height:100%;
width:100%;
overflow:hidden;
}
body  {
background:#344559 url('grafik/bg.gif');
}
div, td, textarea, input {
color:#000000;
font-family: Trebuchet MS,verdana,arial,Tahoma,helvetica;
font-size: 11px;
}
.wait { margin-top:15px; font-size:14px; font-weight:800;
font-family: System, Trebuchet MS,verdana,arial,Tahoma,helvetica; }
em {color:#FF6600; font-weight:800; }
table, td { margin:0; padding:0; border:0; }
#logo {
height:94px;
background:#344559 url('grafik/bg_ice.gif');
text-align:center;
vertical-align:top;
}
#musicplayer {
width:165px;
height:50px;
}
.border, .table { border:1px solid #C2C0C1; padding:1px; background-color:#fff; }

a:link	 	{ color: #324455; text-decoration : underline; }
a:visited	{ color: #324455;  }
a:active 	{ color: #324455;  }
a:hover		{ color: #533E00;  }
a:focus { outline: red solid 0px; }

div#links p { margin:0; padding:0; margin-bottom:5px; }

.leftbgskew {
background-image: url('grafik/bg_skewed.gif');
background-repeat: repeat-x;
background-position: right 0px; 
}
.rightbgskew {
background-image: url('grafik/bg_skewed.gif');
background-repeat: repeat-x;
background-position: 14px 0px;
}
.leftbg { 
background-image: url('grafik/bg_bottom.jpg');
background-repeat: repeat-x;
background-position: right center;
}
.rightbg { 
background-image: url('grafik/bg_bottom.jpg');
background-repeat: repeat-x;
background-position: left;
}
.wrapper { 
position:absolute; 
right:0; 
top:0; 
padding:0;
width:100%; 
height:100%;
border:0;
}
div#content, div#loadingPage {
overflow:auto;
padding:14px;
padding-top:20px;
padding-right:0px;
width:332px;
height:365px;
text-align:left;
position:absolute;
left:136px;
background-color:#FFF;
}
div#loadingPage {
width:332px;
z-index:20;
font-family:Fixedsys;
font-size:26px;
/* background-image: url('grafik/c64-tape-load.gif'); */
}
div#loadingPhoto{
position:absolute;
top:145px;
width:332px;
vertical-align:bottom;
text-align:center;
}
#preload {
z-index:30;
overflow:hidden;
width:100%;
height:100%;
position:absolute;
left:0px;top:0px;
background-color:#FFF;
cursor:pointer;
}
#kickstart {
position:absolute;
left:50%;
top:50%;
margin-left:-80px;
margin-top:-80px;
width:151px;
height:148px;
}
.photo {
background-color:#000000;
padding:1px; 
color:#FFFFFF;
text-align:center; 
margin-bottom:3px;
}
.bg_main {
background-image: url('grafik/bg_main.jpg');
background-repeat: no-repeat;
background-position:top;
height:312px;
width:850px;
}
.bg_main_bottom {
background-image: url('grafik/bg_main.jpg');
background-repeat: no-repeat;
background-position: 0px -312px;
height:93px;
width:850px;
}
.textcontainer {
background-color:#F5F5F5;
padding:5px;
margin-top:2px;
margin-bottom:19px;
width:297px;
}
.openclose {
background-color:#F5F5F5;
padding:5px;
padding-top:2px;
padding-bottom:2px;
border:1px dashed #533E00;
border-top:0px;
cursor:pointer;

margin-top:0px;
margin-right:10px;
margin-bottom:17px;
float:right;
}
#fadertop {
position:absolute;
top:0px;
left:136px;
width:346px;
height:7px;
z-index:21;
background-image: url('grafik/pngfadertop.png');
background-repeat:repeat-x;
}
#faderbottom {
position:absolute;
top:372px;
left:136px;
width:329px;
height:27px;
z-index:22;
}
.width346px {
width:346px;
}
h1 			{ margin:0; padding:0; font-size:13px; font-weight:bold; line-height:14px; color:#533E00; padding-left:5px; border-bottom:1px dashed #533E00; padding-bottom:5px; } 
.headline 		{ font-size:13px; font-weight:bold; line-height:13px; color:#533E00; padding-left:5px; float:left; } 
.headline_date 	{ font-size:10px; color:#666666; padding-right:15px; text-align:right; float:right; }
.headline2 		{ font-size:13px; font-weight:bold;line-height:13px;color: #533E00;}
.headline_date2, .footerMusic { font-size: 10px;color: #666666;}
.footerMusic { margin-top:6px;}
.padding5px { padding: 5px;}

#menu { 
position:absolute;
left:528px;
width:125px;
height:300px; }

#menu ul 	{ list-style:none; margin:0px; padding:0px; }
#menu li 	{ margin:0px; padding:0px; }
#menu span 	{ position:absolute;left:-9000px;display:block; }

#menu a:focus { outline: red solid 0px; }
li#news a, li#news.current {background:url('grafik/menu.gif') 0px -280px; background-repeat:no-repeat; display:block;width:auto; height:57px; text-decoration:none; }
li#news a:hover, li#news a:active, li#news.current {background-position: 0px 0px; }

li#music a, li#music.current {background:url('grafik/menu.gif') 0px -280px; background-repeat:no-repeat; display:block;width:auto; height:35px; text-decoration:none; }
li#music a:hover, li#music a:active, li#music.current {background-position: 0px -57px;}

li#misc a, li#misc.current {background:url('grafik/menu.gif') 0px -280px; background-repeat:no-repeat; display:block; width:auto;height:39px; text-decoration:none; }
li#misc a:hover, li#misc a:active, li#misc.current {background-position: 0px -92px;}

li#links a, li#links.current {background:url('grafik/menu.gif') 0px -280px; background-repeat:no-repeat; display:block; width:auto;height:37px;text-decoration:none; }
li#links a:hover, li#links a:active, li#links.current {background-position: 0px -131px;}

li#about a, li#about.current {background:url('grafik/menu.gif') 0px -400px; background-repeat:no-repeat; display:block; width:auto;height:37px;text-decoration:none; }
li#about a:hover, li#about a:active, li#about.current {background-position: 0px -168px;}

li#mail a, li#mail.current {background:url('grafik/menu.gif') 0px -400px; background-repeat:no-repeat; display:block; width:auto;height:37px;text-decoration:none; }
li#mail a:hover, li#mail a:active, li#mail.current {background-position: 0px -205px;}

li#dos a, li#dos.current {background:url('grafik/menu.gif') 0px -400px; background-repeat:no-repeat; display:block; width:auto;height:37px;text-decoration:none; }
li#dos a:hover, li#dos a:active, li#dos.current {background-position: 0px -242px;}
.topofpage { float:right; margin-bottom:22px; }
.preload { display:none; }
.clear { clear:both; }