html body {
		margin: 0px;
		padding: 0px;
		background-color : #c9ecff;
		background-image: url(../img/bg.jpg);
		background-repeat: repeat-x;
		background-position: bottom;
		background-attachment: fixed;	
		overflow: hidden;
		width:100%;
}
/*fixes layout*/

#wolke, #titel, #utitel, #date, #ballon, #schnur, #maeggi ,#left ,#blumen{
        position: absolute;    
}
.sun{
	 	background-image: url(../img/sun.gif);
		background-position: 144px 82px;
		background-repeat: no-repeat;
		background-attachment: fixed;
}
#wolke{
		left: 175px;
		z-index: 2;
}
    /*wolken beschriftung*/
    #titel, #utitel, #date{            
    	   	z-index: 3;    	   	
    		font-family: Arial, Helvetica, sans-serif;
    } 
    #titel{
    		left: 270px;
    	   	top: 45px;
    		font-size: 26px;
    		font-weight: bold;
    		color: #a0a0a0;
    }
    #utitel{
    		left: 385px;
    		top: 115px; 		
    		font-size: 22px;
    		font-weight: bold;
    }
    #date{
    		left: 585px;
    		top: 69px; 
    		font-size: 16px;
    		font-weight: bold;
    		color: #0000aa;
    }
#ballon{
		left: 70px;
		top: 20px;
		z-index: 3;
}
#schnur{
		left: 120px;
		top: 175px;
		z-index: 3;
}
#maeggi{
		left: 580px;
		bottom: 20px;
		z-index: 3;
}
#blumen{
		left: 395px;
		bottom: 20px;
		z-index: 0;
}
#left{
		display: block;
		width: auto;
		height: auto;
		left: 0%;
		top: 205px;
		z-index: 2;
		padding: 12px;	
}
#left ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
}
#left a {		
      color: #666666;
      text-decoration: none;
      font-weight: bold;
}
#left a:hover {
      color: #000000;
}

/*inhalt*/
#scroll {
		display: block;
		height: 100%;
		width: 100%;
		overflow: auto;
}

#main{
      display: block;
		width: 370px;
		padding-top: 200px;
		padding-bottom: 140px;	
		margin-left: 220px;

		/*schrift*/
		font-size: 18px;
		color: #00a;
		font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
}
.png {
    behavior: url("css/pngbehavior.htc");
}