@font-face { font-family:"comic sans ms"; local("comic sans ms"), url(comic.ttf) format(TrueType); }

a.sun	{ display: block;
          background-image:url(sonne1.gif);
          background-position: center;
          background-repeat:no-repeat;
          width:120px; height:120px;
          vertical-align:middle;
          text-decoration:none;
	  text-align: center;
          line-height:12px;
	  color: #ff0c00;
          text-align:center;
          font-size:12px }

a.sun:hover {   display: block;
                background-image:url(sonne.gif);
                line-height:12px;
                font-size:12px }

a.sun:focus {   display: block;
                background-image:url(sonne.gif);
                line-height:12px;
                font-size:12px }

a.cloud { display: block;
          background-image:url(buttonkl.gif);
          background-position: center;
	  background-repeat:no-repeat;
          width:115px; height:75px; 
		text-align: center;
	  text-decoration:none;
	  font-size:12px }

a.cloud:hover { background-image:url(button.gif);
		line-height: 18px;
	  	font-size:15px }

a.cloud:focus { background-image:url(button.gif);
		line-height: 18px;
	  	font-size:15px }

span.cloud { position: relative; top: 27%; white-space: normal;}
span.sun { position: relative; top: 32%; white-space: normal;}

#boxrooms, #boxwork, #boxintro, #boxdrive, #boxteam, #boxsommer, #boxback, #boxgalleryrewi, #boxgalleryforw
{ 	position:absolute; 
	padding-bottom: 4px;
	height:120px; 
	width:120px; 
	font-family:"comic sans ms"; }

#boxrooms { left:25px; top:150px }
#boxwork  { left:125px; top:70px }
#boxintro { left:245px; top:30px  }
#boxsommer { left:385px; top:40px }
#boxteam  { left:275px; top:270px }
#boxdrive { left:505px; top:100px }
#boxback  { margin: auto; display: block; position: relative; }
#boxgalleryrewi  { margin: auto; display: block; left:0px; bottom:0px; }
#boxgalleryforw  { margin: auto; display: block; right:0px; bottom:0px; }