html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 180px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -180px; /* negative value of footer height */
	height: 180px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

body {
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 75%;
}



.image{
	position: relative;
	min-height: 200px;
}
.cp-container {
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 150px;
}
.hide {
	display: none;
}
/*div {
	display: block;
}*/


div.audiocontrol{
	height:60%;
    bottom: 0;
    position:absolute;
    width: 100%;
	margin-top: 30px; /* negative value of footer height */
	clear:both;
}
.Tip{
	font-size: 230%;
}

.inlinex {
	display: inline;
}

.zel{
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 130%; 
}