body {
    background: #000;
    color: #163875;
    font-family: Arial,Verdana;
    font-size: 12px;
}
#page {
    margin: 10px auto;
    background: url(/media_data/images/chrome/hintergrund.jpg) no-repeat top left;
    position: relative;
    width: 1000px;
    height: 750px;
}
/*
#vordergrund {
    background: url(/media_data/images/chrome/vordergrund.gif) no-repeat top left;
    position: absolute;
    width: 1000px;
    height: 750px;
    bottom: 0;
    z-index: 10 !important;
}
*/
* html #vordergrund {
    width: 1002px;
}
#augen {
    background: url(/media_data/images/chrome/augen.gif) no-repeat top left;
    display: block;
    width: 109px;
    height: 54px;
    position: absolute;
    top: 117px;
    left: 312px;
    z-index: 11;
}
a#deckel {
    background: transparent url(/media_data/images/chrome/leer.gif) repeat top left;
    display: block;
    width: 191px;
    height: 212px;
    position: absolute;
    bottom: 7px;
    left: 182px;
    z-index: 11;    
}

a#deckel:hover {
    background: url(/media_data/images/chrome/schatz.jpg) no-repeat top left;
}
* html a#deckel:hover {
    bottom: 21px;
}
a.cd_player_off {
    display: block;
    width: 126px;
    height: 81px;
    position: absolute;
    bottom: 368px;
    right: 257px;
    z-index: 12;
    background: transparent url(/media_data/images/chrome/leer.gif) repeat top left;
    background: url(/media_data/images/chrome/cdplayer.jpg) no-repeat top left;        

}
* html a.cd_player_off {
    bottom: 382px;
}
a.cd_player_off:hover {
    background: none;
}

a.cd_player_on {
    display: block;
    width: 126px;
    height: 81px;
    position: absolute;
    bottom: 368px;
    right: 257px;
    z-index: 12;    
    background: transparent url(/media_data/images/chrome/leer.gif) repeat top left;
}
a.cd_player_on:hover {
    background: url(/media_data/images/chrome/cdplayer.jpg) no-repeat top left;
}


#cdplayer_on {
    background: url(/media_data/images/chrome/cdplayer_on.jpg) no-repeat top left;
    display: block;
    width: 73px;
    height: 27px;
    position: absolute;
    bottom:329px;
    right:314px;
    z-index: 12;    
}
* html #cdplayer_on {
    bottom:343px;
}
#feriendetektive {
    height: 200px;
    width: 200px;
    position: absolute;
    top: 0px;
    right: 200px;
    z-index: 12;
    display: block;
    background: transparent url(/media_data/images/chrome/leer.gif) repeat top left;
}
#fotos {
    background: transparent url(/media_data/images/chrome/leer.gif) repeat top left;     
    height: 160px;
    width: 220px;
    position: absolute;
    bottom: 240px;
    left: 160px;
    z-index: 12;
    display: block;
}
#buecher {
    background: transparent url(/media_data/images/chrome/leer.gif) repeat top left;        
    height: 230px;
    width: 150px;
    position: absolute;
    bottom: 90px;
    left: 0px;
    z-index: 12;
    display: block;
}
#sonnenbrille {
    height: 30px;
    width: 100px;
    position: absolute;
    top: 10px;
    left: 400px;
    z-index: 12;
    display: block;
    background: transparent url(/media_data/images/chrome/leer.gif) repeat top left;
}
#taschenlampe {
    background: transparent url(/media_data/images/chrome/leer.gif) repeat top left;    
    height: 45px;
    width: 200px;
    position: absolute;
    bottom: 210px;
    right: 250px;
    z-index: 12;
    display: block; 
}
#fernglass {
    height: 70px;
    width: 135px;
    position: absolute;
    bottom: 210px;
    left: 398px;
    z-index: 12;
    display: block;
    background: transparent url(/media_data/images/chrome/leer.gif) repeat top left;
}
a#fernseher{
    background: url("/media_data/images/chrome/tv_on.jpg") no-repeat top left;
    height: 122px;
    width: 158px;
    position: absolute;
    bottom: 33px;
    left: 416px;
    z-index: 12;
    display: block;
}
a#fernseher:hover {
    background: url("/media_data/images/chrome/tv_off.jpg") no-repeat top left;    
}
* html a#fernseher{
    bottom: 33px;
}
#ente {
    height: 65px;
    width: 70px;
    position: absolute;
    bottom: 280px;
    right: 448px;
    z-index: 12;
    display: block;
    background: transparent url(/media_data/images/chrome/leer.gif) repeat top left;
}
.cursor {
    cursor: pointer;
}
#baden {
    display: block;
    width: 254px;
    height: 120px;
    position: absolute;
    top: 70px;
    right: 0px;    
}
.vordergrund_01 img, .vordergrund_02 img, .vordergrund_03 img, .vordergrund_04 img, .vordergrund_05 img, .vordergrund_06 img {
    z-index: 10 !important;    
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
/*
#baden object{
    position: absolute;
    top: 0;
    right: 0px;        
    z-index: 1 !important;
    display: block;
}
*/
#schiffe {
    display: block;
    width: 300px;
    height: 135px;
    position: absolute;
    top: 0;
    left: 0;    
}
/*
#schiffe object{
    position: absolute;
    top: 0;
    right: 0px;        
    z-index: 1 !important;
    display: block;    
}
*/
#umrundung {
    bottom:263px;
    height:300px;
    position:absolute;
    right:-82px;
    width:330px;
    z-index:11;
}
#umrundung object {
    position: absolute;
    top: 0;
    right: 0;        
    z-index: 2 !important;
    display: block;       
}
.span_vordergrund {
    display: block;
    z-index: 10 !important;
    float: left;
}

.vordergrund_01 {
    width: 1000px;
    height: 54px;
    position: relative;
}
.vordergrund_02 {
    width: 234px;
    height: 282px;
    position: relative;        
}
.vordergrund_03 {
    width: 520px;
    height: 282px;
    position: relative;   
}
.vordergrund_04 {
    width: 246px;
    height: 282px;
    position: relative;
}
.vordergrund_05 {
    width: 531px;
    height: 414px;
    position: relative;      
}
.vordergrund_06 {
    width: 468px;
    height: 414px;
    position: relative;    
}
#edit_container {
    position: absolute;
    width: 1000px;
    width: 100%;
    z-index:100;
}
#changewebcontainer {
	width: 700px;
	margin: 0 auto;
	background: #FFF;
	padding: 35px;
	position: relative;
	text-align: center;
	border: 2px solid #000;
	color: #000;
}
#overlay_white{
	position: absolute;
	left: 0;
	z-index: 90;
	top: 0; 
	width: 1px;
	height: 1px;
	background-color: #FFF;
}
#overlay{
	position: absolute;
	left: 0;
	z-index: 90;
	top: 0; 
	width: 1px;
	height: 1px;
	background-color: #000;
}
#abbinder {
	width: 1000px;
	margin: 10px auto; 
}
#abbinder a {
	color: #FFF;
        float: left;
        margin-right: 10px;
        padding-bottom: 30px;
}


