/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont, #menu {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg {
	position: fixed;
	
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#menu {
	position:absolute;
	top:0px;
	left:0px;
	z-index:80;
	overflow:hidden;
	width: 100%;
	height: 30px;
	background: white;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}
#cont {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:70;
	overflow:auto;	
}
#movie2 {
	position:absolute;
	top:160px;
	left:330px;
	z-index:130;
	overflow:hidden;
	width: 450px;
	height: 279px;
}
.box { 
    margin: 0; 
    width: 100%;
	height: 30%;
	position: absolute; 
	z-index:72;
	bottom: 25px; 
	overflow:auto;
	background: white;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	
}
.logo { 
    margin: 0; 
    width: 270px;
	height: auto;
    padding: 20px ;
	position: absolute; top: 0px; left: 0px;
	z-index:87;
	overflow:auto;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;

}
.text { 
    margin: 0; 
    width: 550px;
    padding: 20px;
    font: 12px/2.2 Georgia, Serif;
	position: absolute; top: 0px; left: 310px;
	z-index:88;
	overflow:auto;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;

}
.text2 { 
    margin: 0; 
    width: 270px;
    padding: 20px;
    font: 12px/2.2 Georgia, Serif;
	position: absolute; top: 0px; left: 310px;
	z-index:88;
	overflow:auto;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
.text3 { 
    margin: 0; 
    width: 370px;
    padding: 20px;
    font: 12px/2.2 Georgia, Serif;
	position: absolute; top: 0px; left: 310px;
	z-index:88;
	overflow:auto;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
.textrechts { 
    margin: 0; 
    width: 280px;
    padding: 20px;
    font: 12px/2.2 Georgia, Serif;
	position: absolute; top: 0px; left: 900px;
	z-index:89;
	overflow:auto;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;

}
.textrechts a { 
    margin: 0; 
	padding: 0;
    font: 12px/1;
}
.textrechts2 { 
    margin: 0; 
    width: 560px;
    padding: 20px;
    font: 12px/2.2 Georgia, Serif;
	position: absolute; top: 0px; left: 600px;
	z-index:89;
	overflow:auto;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;

}
.textrechts3 { 
    margin: 0; 
    width: 370px;
    padding: 20px;
    font: 12px/2.2 Georgia, Serif;
	position: absolute; top: 0px; left: 740px;
	z-index:89;
	overflow:auto;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;

}
.footer { 
    margin: 0; 
	padding: 0;
    width: 100%;
	height: 25px;
	position: absolute; bottom: 0px; 
	z-index:90;
	overflow:hidden;
	font: 9px/2.2 Georgia, Serif;
	color: white;
	font-weight:bold;
	text-align:center;
	background: #622b30;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	
}
.footer a  { 
	color: #cccccc !important;
	text-decoration: none; 
	background-color: transparent; 
}
#menu ul {
	margin: 0;
	padding: 4px 20px;
	list-style: none;
	text-align: center;
	width: 98%;
	font: 12px/2.2 Georgia, Serif;
	position: absolute;
	top: 0px;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	letter-spacing: 0.1em;
	}
#menu li { 
	display: inline; 
	margin: 0;
	padding: 0;
}
#menu .aktiv a{ 
	color: #fff; 
	text-decoration: none; 
	background-color: #622b30 
}
#menu a  { 
	color: #622b30; 
	text-decoration: none; 
	background-color: transparent; 
	padding: 2px 7px; 
	border-left: 1px solid #622b30 
}
#menu a:hover,#menu a:active  { 
	color: #fff; 
	text-decoration: none; 
	background-color: #622b30;
	font-weight:normal;
}
#menu .first a { 
	border: none; 
}
#cont a:hover,#menu a:active  { 
	color: #e56570; 
	text-decoration: none; 
	background-color: transparent;
	font-weight:bold;
}
#cont a  { 
	color: #622b30; 
	text-decoration: none; 
	background-color: transparent; 
	font-weight:bold;
}
h1 {
	font: 40px/1.3 Georgia, Serif;
	font-style: italic;
	color: #622b30;
}
h3 {
	font: 20px/1.5 Georgia, Serif;
	color: #622b30;
}
h4 {
	font: 12px/1.5 Georgia, Serif;
	font-weight:bold;
	color: #622b30;
}
h5 {
	font: 12px/2.2 Georgia, Serif;
	font-weight:bold;
	color: #622b30;
}
.textrechts img, .text img, .logo img{ 
    margin: 0 8px 4px 0; 
    padding: 0;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;  

}

#focus-stealer      { position: absolute; left: -9999px; }

