@CHARSET "UTF-8";

* {
	border: 0px none;
}

#banner {
	height:100%; 
	margin: 0 auto; 
	text-align: center; 
	position:relative;
}

#banner a {
	height: 100%; 
	display:block; 
	overflow: hidden;
}

#countdown{
	position: absolute; 
	height: 100px; 
	width: 272px; 
	margin-left:-136px; 
	bottom: 15px; 
	left: 48%; 
	background-color: transparent;
}


@media screen and (orientation:portrait) {
	html,body {
		height: 100%;
		margin: 0;
		padding: 0; 
	}
			
	body {
		font-size: 100.01%;
		font-family: Verdana;
		font-style: italic;
				
		background: url(../img/bg_welcome_small.jpg) no-repeat center center fixed; 
		background-size: contain; 
		background-color:silver;
	}
}
	
		
@media screen and (orientation:landscape) {
	html,body {
		height: 100%;
		margin: 0;
		padding: 0; 
	}

	body {
		font-size: 100.01%;
		font-family: Verdana;
		font-style: italic;

		background: url(../img/bg_welcome_big.jpg) no-repeat center center fixed; 
		background-size: contain; 
		background-color:silver;
	}	

	/*
	************************
	**Layout für COUNTDOWN**
	************************
	*/
	#countdown span {
		display: block;
		float: left; 
		width: 34px;
		height: 50px;
		background: url(../img/countdownGlowing.gif) no-repeat 0px 0px;
	}

	#countdown span.image0 {
		background-position: -0px 0px;
	}

	#countdown span.image1 {
		background-position: -34px 0px;
	}

	#countdown span.image2 {
		background-position: -68px 0px;
	}

	#countdown span.image3 {
		background-position: -102px 0px;
	}

	#countdown span.image4 {
		background-position: -136px 0px;
	}

	#countdown span.image5 {
		background-position: -170px 0px;
	}

	#countdown span.image6 {
		background-position: -204px 0px;
	}

	#countdown span.image7 {
		background-position: -238px 0px;
	}

	#countdown span.image8 {
		background-position: -272px 0px;
	}

	#countdown span.image9 {
		background-position: -306px 0px;
	}

	#countdown span.imageDay {
		background-position: -340px 0px;
	}

	#countdown span.imageSep {
		background-position: -374px 0px;
	}

	#countdown span.imageSpace {
		background-position: -408px 0px;
	}


	/*
	***********************************
	**jQuery Countdown styles 1.6.3. **
	***********************************
	*/
	.hasCountdown {
		background-color: #eee;
	}
	.countdown_rtl {
		direction: rtl;
	}
	.countdown_holding span {
		color: #888;
	}
	.countdown_row {
		clear: both;
		width: 100%;
		padding: 0px 2px;
		text-align: center;
	}
	.countdown_show1 .countdown_section {
		width: 98%;
	}
	.countdown_show2 .countdown_section {
		width: 48%;
	}
	.countdown_show3 .countdown_section {
		width: 32.5%;
	}
	.countdown_show4 .countdown_section {
		width: 24.5%;
	}
	.countdown_show5 .countdown_section {
		width: 19.5%;
	}
	.countdown_show6 .countdown_section {
		width: 16.25%;
	}
	.countdown_show7 .countdown_section {
		width: 14%;
	}
	.countdown_section {
		display: block;
		float: left;
		font-size: 75%;
		text-align: center;
	}
	.countdown_amount {
		font-size: 200%;
	}
	.countdown_descr {
		display: block;
		width: 100%;
	}
}