html, body {
background-color : #0000ff;
/*background : #000090 url('../pics/unicolor.gif') fixed 0 0;*/
/*background : #000090 url('../pics/j114.jpg') fixed 0 0;*/
font-family : Verdana, Verdana, sans-serif;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
color:#FF0000;
margin : 0;
padding : 0;
border : 0px none;
overflow :hidden;
}

h4 {
font-family : verdana, arial, sans-serife ;
font-size : 16px;
color:#00FFFF; 
text-decoration:underline;
}

h5 {
font-family : verdana, arial, sans-serife ;
font-size : 14px;
color:#ddcc00; 
text-decoration:none;
}

h6 {
font-family : verdana, arial, sans-serife ;
font-size : 14px;
color:#cccccc; 
text-decoration:none;
}

a:link     {color:#FF0000; text-decoration:none;}
a:visited  {color:#FF0000; text-decoration:none;}
a:hover    {color:#FFFF00; text-decoration:none;}
a:active   {color:#0000FF; text-decoration:none;}



div.Zu1  a {
display : block;
float : left;
background-image : url('../pics/1-start.gif');
width : 50px; height : 44px;

}
div#Zu1  a:hover {
background-image : url('../pics/2-start.gif');
width : 50px; height : 44px;
}


div.Auf1  a {
display : block;
float:left;
background-image : url('../pics/1-end.gif');
width : 50px; height : 44px;
}
div#Auf1  a:hover {
background-image : url('../pics/2-end.gif');
width : 50px; height : 44px;
}


div.Zu2  a {
display : block;
float : left;
background-image : url('../pics/2-start.gif');
width : 50px; height : 44px;
}
div#Zu2  a:hover {
background-image : url('../pics/3-start.gif');
width : 50px; height : 44px;
}


div.Auf2  a {
display : block;
float:left;
background-image : url('../pics/2-end.gif');
width : 50px; height : 44px;
}
div#Auf2  a:hover {
background-image : url('../pics/3-end.gif');
width : 50px; height : 44px;
}       
#main{
position:absolute;
right:100px;
top:0px;
width:420px;
height:500px;
border: 3px ridge #ff0000;
background-color:#000090;
text-align:center;
overflow:visible;
padding:0;
}




.decono{
text-align: center;
font-family : Verdana;
color:#FFFF00;
text-decoration:none;
}