/*
		Stylesheet CSS 04/2007
		em-porio.de homepage
		http://www.em-porio.de
		info@ideeos.de
		Copyright 2007 ideeos.de
		Author: Adam Lukasik						   
*/


/**-------------------STANDARTS----------------------**/
html {
	height: 100%;
}
body {
	font: 10px/1.4 Tachoma, Verdana;
	color:#FFFFFF;
	background:#000000;
	height:100%;
	overflow:visible;
	font-size:11px;
}
body, h1, h3, p {
	padding: 0px;
	margin: 0px;
}
a:link, a:visited {
	color: #FFADA4;
	font-weight: bold;
	outline:none;
	text-decoration:none; 
}
a:hover, a:active {
	color: #FFFFFF;
	text-decoration:underline;
}
strong {
	color: #FFFFFF;
	font-size:10px;
	line-height:21px;
	vertical-align: top;
}
h1{
	display:none;
}
h2{
	display:none;
}
h3 {
	font-size: 11px;
	color: #FFFFFF;
	font-weight:normal;
}
input, select, textarea {
	font: 10px/1.6 Tachoma, Verdana;
	color: #333333;
	border:#a5b2ba solid 1px;
	background-color:#FFFFFF alpha 50%;
	margin:4px;	
}
img {
	border:0px;
}

/**-------------------SPECIALS----------------------**/
.bg {
	background: url(../images/bg.gif) repeat;
	max-width:100%;
	border:12px solid #000000;
	height:96%;
}
.bg2 {
	width:100%; 
	height:129px; 
	top:250px; 
	z-index:2;
	position:absolute;
	overflow:hidden;
}
.container {
	z-index:3;
	position:absolute;
	width:811px;
	height:543px;
	top:30px;
	left:100px;
	background-color:#a5b2ba;
	float:left;
}
.quadrat1 {
	float:left;
	width:410px;
	height:216px;
	background:url(../images/index1.jpg) no-repeat;	
}
.quadrat2 {
	float:left;
	width:400px;
	height:216px;	
	background:url(../images/index2.jpg) no-repeat;	
}
.quadrat3 {
	float:left;
	width:410px;
	height:327px;
	background:url(../images/index3.jpg) no-repeat;	
}
.quadrat4 {
	float:left;
	width:400px;
	height:327px;
	background:url(../images/index4.jpg) no-repeat;		
}
.content {
	float:left;
	width:100%;
}
.copyright, copyright a {
	font-size:9px;
	color:#a6b2bb;
	padding:5px 0px 0px 0px;
	text-align:center;
	font-weight:bold;
}
a.copyright  {
	text-decoration:none;
	color:#a6b2bb;
}
a:hover.copyright  {
	text-decoration:underline;
	color:#a6b2bb;
}
.container_r {
	z-index:3;
	position:absolute;
	width:811px;
	height:543px;
	top:30px;
	left:100px;
	float:left;
	background:url(../images/container_r.png) no-repeat #970f00;
}
.quadrat1r {
	float:left;
	width:410px;
	height:216px;
	background:url(../images/rest1.png) no-repeat;	
}
.quadrat2r {
	float:left;
	width:400px;
	height:216px;
}
.quadrat3r {
	float:left;
	width:410px;
	height:327px;	
}
.quadrat4r {
	float:left;
	width:400px;
	height:327px;
	bottom:0px;	
}
.u1 {
	float:left;
	width:100%;
	height: 54px;
	padding-bottom:3px;
	margin-top:158px;
}
.u2 {
	float:left;
	width:100%;
	height: 54px;
	padding-bottom:3px;
	margin-top:158px;
}
.u3 {
	float:left;
	width:100%;
	height: 54px;
	padding-bottom:3px;
	margin-top:158px;
}
.u4 {
	float:left;
	width:100%;
	height: 54px;
	padding-bottom:3px;
	margin-top:158px;
}
.u5 {
	float:left;
	width:100%;
	height: 54px;
	padding-bottom:3px;
	margin-top:158px;
}
.u6 {
	float:left;
	width:100%;
	height: 54px;
	padding-bottom:3px;
	margin-top:158px;
}
.content_r {
	float:left;
	width:100%;
	height: 97%;
}