@CHARSET "UTF-8";

#rahmen {
  background:url("/images/bg_co2.png") no-repeat scroll 235px 210px #FFFFFF;
}

#content{
  width:680px;
}

#animation {
	visibility: hidden;
	height: 600px;
	width: 800px;
	position: relative;
	display: block;
	left: 0px;
}

#pyramid {
	top: 125px;
	height: 475px;
	width: 550px;
	position: relative;
	display: block;
	float: left;
	z-index: 4;
}

#leftImg{
	position: relative;
	left: 0px;
}

#rightImg{
	position: relative;
	left: 148px;
}
#tops {
	top:0px;
	height: 700px;
	width: 200px;
	position: relative;
	display: inline-block;
	left: -277px;
}

#top1{
	height: 515px;
	width: 343px;
	position: absolute;
	display: block;
	top:85px;
	z-index: 3;
}

#top2{
	height: 515px;
	width: 343px;
	position: absolute;
	display: block;
	top: 47px;
	left: 65px;
	z-index: 2;
}

#top3{
	height: 515px;
	width: 343px;
	position: absolute;
	display: block;
	top: 9px;
	left:130px;
	z-index: 1;
}


#arrow{
      height: 475px;
      width: 25px;      
      position: relative;
      display: block;
    float:left;

}

#pyramid div{
	padding: 0px;
}

#top{
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 131px;
	width: 550px;	
	/*background-image: url("images/top.gif");*/
	
}

#middle{
	display: inline-block;
	position: absolute;
	top: 131px;
	left: 0px;	
	height: 106px;
	width: 550px;	
	/*background-image: url("images/middle.gif");*/
	
}

#left{
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 236px;
	width: 274px;
	height: 148px;
	/*background-image: url("images/left.gif");*/
	
}

#right {
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 236px;
	width: 274px;
	height: 148px;
	/*background-image: url("images/right.gif");*/
}

#bottom {
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 384px;
	width: 550px;
	height: 91px;
	/*background-image: url("images/bottom.gif");*/
}
#circle{
	display: inline-block;
	position: absolute;
	left: 157px;
	top: 193px;
	height: 230px;
	width: 229px;
	z-index: 50;
	
}

#upperhalf{
display:inline-block;
height:67px;
left:200px;
position:absolute;
top:245px;
width:145px;
z-index:70;
	
}
#lowerhalf{
display:inline-block;
height:72px;
left:200px;
position:absolute;
top:312px;
width:145px;
z-index:70;
	
}

#pyramidTrigger img{
  border: none;
}

#pyramidTrigger{
	display: inline-block;
	position: absolute;
	bottom: 1px;
	left: 1px;
}

.tipLayer{
z-index: 100;
}

.tip{ 
z-index: 100;
width:295px; 
font-family:tahoma,arial; 
background:white; 
border: 1px solid black;
text-align:left;
}

.tip-top{ 
z-index: 100;
}

.tip-title{
z-index: 100; 
color:white; 
font-weight:bold; 
margin:0 0 0 0; 
background:#0e65cc;
border-bottom: 1px solid black;
padding-left: 10px;
text-align:left;

}
.tip-text ul li{
text-align: left;
}

.tip-text{ 
z-index: 100;
color:black; 
padding:10px 10px 10px 10px; 
text-align:left;
}

.tip-bottom{ 
z-index: 100;
}

.tip-text ul {