/*  ===========================================================
	Stylesheet für mediaworx
	Funktion: Style
	Datei: style.css
	Datum: 26. November 2008
	Autor: Géza Schulthess
	Kapitel: Allgemeine Einstellungen; Navigation; Inhalt
	===========================================================
*/

/*	===========================================================
	Allgemeine Einstellungen
	===========================================================	
*/

* { margin: 0; padding: 0 }

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

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

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

#Layer2 {
	position:absolute;
	width:99%;
	height:70px;
	top: 90%;
	line-height: 1.2;
	letter-spacing: 0.3em;
	font-size: 10px;
	color: #c10100;
	overflow: visible;
	left: 11px;
}

/*	===========================================================
	Navigation
	===========================================================
*/

#mainnavi {
	/*overflow: hidden; */
	position: absolute;
	top: 480px;
	left: 51px;
	list-style-type: none;
	width: 713px;
}

* html #mainnavi { height: 1% !important; } 

#mainnavi li {
	float: left;
	list-style-type: none;
	width: 100px;
}

#mainnavi a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	outline: none;
}

#mainnavi a:hover, 
#mainnavi a:focus, 
mainnavi a:active {
	color: #D20000;
	text-decoration: none;
}

#mainnavi span {
	color: #D20000;
	text-align: center;
	text-decoration: none;
}

#subnavi { 
	/*overflow: hidden; */
	position: absolute;
	top: 100px;
	left: 50px;
	list-style-type: none;	
	border-bottom: #999999 1px solid;
}

* html #subnavi { height: 1% !important; }

#subnavi li {
	float: left;
	width: auto;
	margin-right: 17px;
}

#subnavi a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	outline: none;
}

#subnavi a:hover, 
#subnavi a:focus, 
#subnavi a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

#subnavi span {
	text-decoration: underline;
	color: #ffffff;
}	

/*	===========================================================
	Inhalt
	===========================================================
*/

#content {
	position: absolute;
	top: 165px;
	left: 50px;
	color: #ffffff;
	width: 715px;
	height: 280px;
}

#content2 {
	position: middle;
	top: 10px;
	left: 150px;
	color: #ffffff;
}

#content a:link, #content a:visited {
	color: #D20000;
	text-decoration: none;
}

#content a:hover, #content a:focus{ 
	outline: none;
	text-decoration: underline; 
}

#content a:active { outline: none; }	

#hddemos #content,
#privat #content,
#greenbox #content{ 
	top: 150px; 
	width: 740px;
}

#werbung #content{
	top: 120px;
	width: 740px;
}

#contact #media { padding: 15px; }

#contact #content { top: 130px; }

#media {
	float: left;
	border: #CCCCCC 1px solid;
}

#media img, #media object { display: block; }

#text { color: #999999; }

#webtv #text, #teleprompter #text { margin-left: 380px; }

#video #text, #audio #text { margin-left: 470px; }

#video #text2 { margin-left: 120px; }

#contact #text { 
	margin-left: 525px; 
	letter-spacing: 0.2em
}

#hddemos #text { margin-left: 554px; }

#greenbox #text { margin-left: 575px; }

#text h2 {
	font-size: 110%;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 8px;
}

#text p { margin-bottom: 8px; }

#mask #text {
	position: absolute;
	top: 160px;
	left: 300px;
	width: 470px;
	color: #999999;
	font-style: italic;
}