@media all {



body {margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif;
    font-size: 75.00%; background: url('http://tiefparterre.net/img/bg.jpg'); color: #b7c5df;}
    
    a {color: #b7c5df; text-decoration: underline;}

#header_wrap {
	height: 240px;
	width: 200px; 
	position: fixed; 
	top:320px;
	right:50%;
	margin-right: -500px;
	z-index: 2;
}

#header {
	width:200px
	
}

#container {
	width: 960px;
	margin: 0 auto;
	height: 100%;
}

#one {
	width: 960px;
	height: 952px;
	background: url('img/one.jpg') no-repeat;
}

#two {
	width: 960px;
	height: 635px;
	background: url('img/two.jpg') no-repeat;
}

#three {
	width: 960px;
	height: 658px;
	background: url('img/three.jpg') no-repeat;
}

#four {
	width: 960px;
	height: 670px;
	background: url('img/four.jpg') no-repeat;
}

#five {
	width: 960px;
	height: 955px;
	background: url('img/five.jpg') no-repeat;
	}
	
.spacer { 
	width:960px;
	height: 414px;
	background: url('img/bg.jpg') repeat-y;
	}

#footer {
	color: #b7c5df;
	text-align: center;
	height: 207px;
	background: url('img/footer.jpg') no-repeat;
	}

#footer a {color: #b7c5df; text-decoration: none;}



img {border:0px;}
#navigation  {margin: 0px; padding: 0px; display: block; width: 235px; float: right;}
#navigation li {margin: 0px; padding: 0px; list-style-type: none;}
#navigation a {margin: 0px; padding: 0px; display: block}
#ep {height: 84px;}
#pics {height: 61px;}
#videos {height: 50px;}
#secret {height: 48px;}
#home {height:47px;}

.content_part_ep {
	background: transparent url('img/the_ep.png') top left no-repeat;
	width: 500px;
	margin-left: 200px;
	float: left;


}

.content_ep {
	background: url('img/the_ep.png') -90px -90px #282b3e no-repeat;
	margin: 90px 0 0 90px;
	padding: 45px 45px 45px 55px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.content_part_pics {
	background: transparent url('img/the_pics.png') top left no-repeat;
	width: 500px;
	margin-left: 200px;
	float: left;
	

}

.content_pics {
	background: url('img/the_pics.png') -90px -90px #282b3e no-repeat;
	margin: 90px 0 0 90px;
	padding: 45px 0 45px 55px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.content_part_videos {
	background: transparent url('img/the_videos.png') top left no-repeat;
	width: 500px;
	margin-left: 200px;
	float: left;
	

}

.content_videos {
	background: url('img/the_videos.png') -90px -90px #282b3e no-repeat;
	margin: 90px 0 0 90px;
	padding: 45px 0 45px 55px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	height: 250px;
}

.content_part_secret {
	background: transparent url('img/the_secret.png') top left no-repeat;
	width: 500px;
	margin-left: 200px;
	float: left;
	

}

.content_secret {
	background: url('img/the_secret.png') -90px -90px #282b3e no-repeat;
	margin: 90px 0 0 90px;
	padding: 45px 0 45px 55px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

input { float: left;}

#input_field {margin-top: 6px; margin-right: 10px; }

.realy_secret {margin-top: 430px;}

#player1 { display: block; height:30px; width: 313px; margin-bottom: 30px}


/* play button */ 
#player img { 
    margin-top:70px; 
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover { 
    border:1px solid #000; 
}

/* original size of the player */ 
#player, #player embed, #player object { 
    height:360px; 
    width:640px;
    display: block;
	position: absolute;
	top:15px;
	left:15px;
	
    
}

#player_2, #player_2 embed, #player_2 object { 
    height:480px; 
    width:640px;
    display: block;
	position: absolute;
	top:15px;
	left:15px;
	
    
} 
 
/* absolute positioning of the player */ 
#player embed, #player object, #player_2 embed, #player_2 object { 
    position:absolute; 
 
    /* layer as the topmost element */ 
    z-index:10000; 
}

/* overlay size and background image */ 
div.overlay { 
 
    /* 
        THIS ARE YOUR FULLSCREEN DIMENSIONS 
    */ 
    width:700px; 
    height:380px; 
    background: transparent;
     
    display:none; 
    padding: 0 !important; 
} 
 
/* close button for overlay */ 
div.overlay div.close { 
    background:url(http://static.flowplayer.org/img/overlay/close.png) no-repeat; 
    position:absolute; 
    top:2px; 
    right:5px; 
    width:35px; 
    height:35px; 
    cursor:pointer; 
} 

.splash {width:320px; height:240px; border: 0px; background: transparent; margin: 0px; padding: 0px; cursor: pointer}
}