header {
  
    margin-left: 50px;
    margin-right: 50px;
    width: auto;
    height: 500px;
    text-align: center;
}



		
/* Beginn Boxen */

.bdesign {
    position:absolute;
    border: 4px solid #000;
    color: #fff;
    text-align: center;
    line-height: 140px;
    font-family: sans-serif;
    font-size:65pt;
    height: 140px;
    width: 100px;
    top:50px;
    border-radius:20px;
    box-shadow: 20px 10px 30px #999999;
}

.bdesign2 {
    position:absolute;
    border: 4px solid #000;
    color: #fff;
    text-align: center;
    line-height: 140px;
    font-family: sans-serif;
    font-size:65pt;
    height: 140px;
    width: 100px;
    top:250px; 
    border-radius:20px;
    box-shadow: 20px 10px 30px #999999;
}

    #box1 {
    background-color: #ff7f00;
    left:50px;
    webkit-transform: rotate(15deg);
    transform: rotate(15deg);   
    }

    #box2 {
    background-color: #ffaad4;
    left:200px;
    webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    }

    #box3 {
    background-color: #44ff00;
    left:350px;
    webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    }

    #box4 {
    background-color: #001eff;
    left:500px;
    webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    }

    #box5 {
    background-color: #ff00ff;
    left:650px;
    webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    }

    #box6 {
    background-color: #ffd4aa;
    left:800px;
    webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    }

    #box7 {
    background-color: #ffaa2a;
    left:950px;
    webkit-transform: rotate(38deg);
    transform: rotate(38deg);
    }



    #box8 {
    background-color: #ffff00;
    left:50px;
    webkit-transform: rotate(75deg);
    transform: rotate(75deg);
    }
    
    
    #box9 {
    background-color: #ff00aa;
    left:200px;
    webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    }
    
    #box10 {
    background-color: #5555ff;
    left:350px;
    webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    }
    
    #box11 {
    background-color: #ff0000;
    left:500px;
    webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    }
    
    #box12 {
    background-color: #ff5500;
    left:650px;
    webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    }
    
    #box13 {
    background-color: #00ff00;
    left:800px;
    webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    }
    
    #box14 {
    background-color: #7fffff;
    left:950px;
    webkit-transform: rotate(67deg);
    transform: rotate(67deg);
    }
    
/* Ende Boxen */

	
li   {
    list-style-type: none;
    display: inline;
    font-size: 18px;
   
}

a {
    cursor: pointer;
}
a:hover		{
		COLOR: black;
		BACKGROUND: lightsteelblue;
		}

a:visited	{
		CURSOR:url(visited.cur);
		}

#divlinks	{
		POSITION: absolute;
		LEFT: 20px;
		TOP: 20px;
		WIDTH:95px;
		}
		
h1      {Font size:20px;
           font-weight:bold:
           font-color:blue;
          }