/* Hauptelement */
#clock
{
    width: 150px;
    height: 150px;
    -webkit-border-top-left-radius: 150px;
    -moz-border-top-left-radius: 150px;
    -ms-border-top-left-radius: 150px;
    -o-border-top-left-radius: 150px;
    border-top-left-radius: 150px;
    -webkit-border-top-right-radius: 150px;
    -moz-border-top-right-radius: 150px;
    -ms-border-top-right-radius: 150px;
    -o-border-top-right-radius: 150px;
    border-top-right-radius: 150px;
    -webkit-border-bottom-left-radius: 150px;
    -ms-border-bottom-left-radius: 150px;
    -moz-border-bottom-left-radius: 150px;
    -o-border-bottom-left-radius: 150px;
    border-bottom-left-radius: 150px;
    -webkit-border-bottom-right-radius: 150px;
    -ms-border-bottom-right-radius: 150px;
    -moz-border-bottom-right-radius: 150px;
    -o-border-bottom-right-radius: 150px;
    border-bottom-right-radius: 150px;
    
    position: relative;
}


/* Zeiger */
#hour
{
    width: 4px;
    height: 30px;
    top: 47px;
    left: 74px;
	}

#minute
{
    width: 3px;
    height: 46px;
    top: 30px;
    left: 74px;
}

#second
{
    width: 2px;
    height: 55px;
    top: 21px;
    left: 76px;
}

#hour, #minute, #second
{
    position: absolute;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    background-color:	#999;
}


/* Verzierung */

#point
{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 120px;
    left: 123px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-top-left-radius: 15px;
    -ms-border-top-left-radius: 15px;
    -o-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-top-right-radius: 15px;
    -ms-border-top-right-radius: 15px;
    -o-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -ms-border-bottom-left-radius: 15px;
    -moz-border-bottom-left-radius: 15px;
    -o-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -ms-border-bottom-right-radius: 15px;
    -moz-border-bottom-right-radius: 15px;
    -o-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.number
{
    position: absolute;
    font-family:"Comic Sans MS", cursive;
    font-size: 10px;
    color: blue;
    width: 24px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
}