#headline
{
   background-color:#f1e8e0;
   margin: 2px;
}

.shrink
{
    margin:  10px;
}

 #controls 
{
        width:200px;
        float: left;
        padding: 10px;
        margin: 10px;
        border:1px solid  grey
}
.callout{
        width:200px;
        float: right;
        padding: 10px;
        margin: 10px;    
        border:1px solid  grey;
        background-color: #485563;
}

.box{  border:1px solid  grey ;
       padding: 10px;
}


.mymenu
{
   border:1px solid  grey ;  
   padding: 20px ;
   background-color: #485563;
}
.mymenuelement
{
    width: 150px;
    height: 20px;
    margin-left: 50px;
    background-color: #2b3e50;

transition-property:all;
transition-duration:1s;  
}
.mymenuelementH
{
    width: 100px;
    height: 20px;
    margin-left: 10px;
    background-color: #2b3e50;

transition-property:all;
transition-duration:1s;  
}

.mymenuelement:hover
{
    margin-left: 10px;
    transform: scale(1.2);
}
.mymenuelementH:hover
{
    transform: scale(1.2);
    font-weight: bold;
}

.mymenuspacer
{
    width: 100px;
    height: 3px;
    background-color: #485563;
}

.PlanetDetail
{
    display: none;  
}