@font-face { font-family: rockwell; src: url(rocc.TTF); } 
body{
	margin: 0;
	height: 100%;
	font-family: rockwell;
	background-color:grey;
	font-size: 11px;
	color:white;
}

h1{
  font-size:20px;
  font-family: rockwell;
}

#container{
  width:1024px;
	margin-top: -10px;
	margin-left:auto;
	margin-right: auto;
}
#main_titel{
	font-family:rockwell;
	width:735px;
	font-style: bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,1);
	text-align: center;
	color: #f9f9f9;
	font-size: 56px;
}

		#main_titel span{
			font-family: rockwell;
			margin-bottom: 20px;
			padding-top: 7px;
			text-shadow: 0 1px 0 rgba(255,255,255,.2);
			float:left;
			width:735px;
			text-align: center;
			color: #0c0c0c;
			font-size: 45px;
		}

/* -------------- BEGIN COUNTER ---------------------*/
#boxl{
  float:left;
  padding:10px;  
}

#boxr{
  text-align:right;
  padding:10px;  
}

.clear{
  clear:both;
}

#box{
  width: 1024px;
	/* background-color:#1a171b;     */
	background-color:black;   
	text-align:center;
  color:white;
}

#box a{
  font-size:50px;
  color:white;  
}
#box a.link,a.active,a.visited{
	text-align:right;
	color:white;
	font-family:rockwell;
	text-decoration:none;
}

#boxin {
  font-size:35px;
  font-family: rockwell;
  margin-right:20%;

}

#balken{
  height:40px;
  background-color:#3d3d3d;
}

#countbox{
	padding-top: 125px;
	color: white;
	font-family: rockwell;
	font-size: 85px;
	width: 808px;
	height: 300px;
	margin:auto;
}

#days{
	float: left;
	text-align: center;	
	background-image:url('flip.png');
	background-repeat:no-repeat;
	margin: 0 7px 0 7px;
	height: 178px;
	width: 188px;
	z-index:1;
}

		#days_text{
			background-image:url('days_text.jpg');
			background-position: center;
			background-repeat:no-repeat;
			position: absolute;
			margin-top: 0px;
			height: 52px;
			width: 188px;
		}
	
#hours{	
	float: left;
	text-align: center;
	background-image:url('flip.png');
	background-repeat:no-repeat;
	margin: 0 7px 0 7px;
	height: 178px;
	width: 188px;
	z-index:1;
}

		#hours_text{
			background-image:url('hours_text.jpg');
			background-position: center;
			background-repeat:no-repeat;
			position: absolute;
			margin-top: 0px;
			height: 52px;
			width: 188px;
		}

#mins{
	float: left;
	text-align: center;
	background-image:url('flip.png');
	background-repeat:no-repeat;
	margin: 0 7px 0 7px;
	height: 178px;
	width: 188px;
    z-index:1;
}

		#mins_text{
			background-image:url('mins_text.jpg');
			background-position: center;
			background-repeat:no-repeat;
			position: absolute;
			margin-top: 0px;
			height: 52px;
			width: 188px;
		}

#secs{
	float: left;
	text-align: center;
	background-image:url('flip.png');
	background-repeat:no-repeat;
	margin: 0 7px 0 7px;
	height: 178px;
	width: 188px;
    z-index:1;
}

		#secs_text{
			background-image:url('secs_text.jpg');
			background-position: center;
			background-repeat:no-repeat;
			position: absolute;
			margin-top: 0px;
			height: 52px;
			width: 188px;
		}

#days, #hours, #mins, #secs {
line-height: 175px;
}

#days span, #hours span, #mins span , #secs span {
	background: url(flip_gradient.png);
	background-repeat:no-repeat;
	position: absolute;
	display: block;
	height: 114px;
	width: 188px;
}

/* -------------- END COUNTER ---------------------*/
.logo{
  width:1024px;
	margin-left:auto;
	margin-right:auto;
	height: 280px;
	margin-bottom: 0px;
	margin-top: 15px;
	background-image:url('../images/head.png');
	background-repeat:no-repeat;
	background-position: bottom;
}