/*	===========================================================
	Stylesheet für mediaworx
	Funktion: Index
	Datei: index.css
	Datum: 26. November 2008
	Autor: Géza Schulthess
	===========================================================
*/

* { margin: 0; padding: 0; }

body {
	background: #333333 url(../img/bodybackground.jpg) repeat-x left top; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	letter-spacing: 0.2em;
	font-size: 13px;
}

p { 
	color: #666666; 
	font-size: 12px;	
	letter-spacing: 0.1em;
	
}

a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 1.5;
}

a span { 
	display: block;
	position: relative;
	bottom: 30px;
	font-size: 12px;
	text-align: center; 
	color: #999999;
	z-index: 100;
}

a:hover span { color: #FFFFFF; }

a:hover {
	border: 0;
	border-style: none;
	text-decoration: none;
	text-align: center; 
}

a:active, a:focus {
	width: 0; 
	height: 0;
  	outline: none;
}

#Layer1 {
	position:absolute;
	width: 770px;
	height:55px;
	left: 20px;
	top: 465px;
	font-size: 10px;
	color: #999999;
	line-height: 1.2;
	letter-spacing: 0.1em;
}

#Layer2 {
	position:absolute;
	width:770px;
	height:55px;
	left: 20px;
	top: 465px;
	font-size: 10px;
	color: #999999;
	line-height: 1.2;
	letter-spacing: 0.1em;
}

#wrapper {
	position: absolute;
	top: 50%;
	left: 626px;
	background: transparent url(../img/wrapperbackgroundindex.gif) no-repeat left top;
	width: 830px;
	height: 540px;
	margin-top: -265px;
	margin-left: -410px;
}

#content {
	position: absolute;
	top: 130px;
	left: 73px;
	color: #999999;
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: 0.3em;
	width: 684px;
}

#content span { display: none;}

#content p {
	margin-bottom: 10px;
}

#webtv {
	position: absolute;
	top: 305px;
	left: 73px;
	width: 124px;
}

	#webtv a {
		display: block;
		background: url(../img/webTV.jpg) no-repeat left top;
		width: 124px;
		height: 124px;
	}
	
	#webtv a:hover {
		background: url(../img/webTVhover.jpg) no-repeat left top;
	}
	
#video {
	position: absolute;
	top: 305px;
	left: 258px;
	width: 124px;
}

	#video a {
		display: block;
		background: url(../img/video.jpg) no-repeat left top;
		width: 124px;
		height: 124px;
	}
	
	#video a:hover {
		background: url(../img/videohover.jpg) no-repeat left top;
	}
	
#audio {
	position: absolute;
	top: 304px;
	left: 444px;
	width: 124px;
}

	#audio a {
		display: block;
		background: url(../img/audio.jpg) no-repeat left top;
		width: 124px;
		height: 124px;
	}
	
	#audio a:hover {
		background: url(../img/audiohover.jpg) no-repeat left top;
	}
	
#mask {
	position: absolute;
	top: 305px;
	left: 628px;
	width: 124px;
}

	#mask a {
		display: block;
		background: url(../img/mask.jpg) no-repeat left top;
		width: 124px;
		height: 124px;
	}
	
	#mask a:hover {
		background: url(../img/maskhover.jpg) no-repeat left top;
	}
	
.preload {
	width: 0px;
	height: 0px;
	display: none;
}