/*****************************************************/
/*                  LAYOUT                           */
/*****************************************************/
/* KS TEST OK firefox 1 firefox 2 # opera 7 , opera 9 # IE 7, IE6 */
/* 2008-05-30 */
/*This document validates as CSS level 2.1 !*/

*{
	padding: 0;
	margin: 0;
	
}

 body {
 	margin: 0px 0 0 0px; /* abstand vom fensterrand */
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text left (links) zugewiesen. */
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
/*background: #000000 url(../images/pyrostyxx-background.png) no-repeat center -67px;
*/	
background: black;
}
#wrapper, #main, #footer{
		width: 864px;/* numerisch 994 */
}

#backwrapp{
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -380px; /* vertikale position in box */
	text-align: center;
	min-width: 864px; 
	border: 0px dotted orange;
background: #000000 url(../images/pyrostyxx-background.png) no-repeat center -67px;
}
	
/* ################## wrapper 1 ###################### */

#wrapper {
position: relative;
	margin: 0 auto; /* Durch automatische Raender (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element ueberschrieben. */

	/*margin-bottom: 0;*/
	
	/*  ab hier testing  */
	background-color: transparent;
	
	width: 864px;
	height: 630px;
	

}
* html #wrapper{
		/*width: 864px;*//* numerische korrektur fr IE6 statt 994 */

}

/* ################## main 2 ###################### */
#main {
	/*position: relative;*/
	/*display: inline;*/ /*Fix IE floating 3 pixel margin bug*/
	overflow: visible !important; /*Firefox*/
	overflow: visible; /*IE6*/
	margin:0px;
	height: 555px;
	background-color: transparent;
	border: 0.1px solid transparent;/*  Hack fuer Firefox 1.5 */
	/*background: url(../images/pyrostyxx-boxmiddle.png) no-repeat -2px 144px;*/

}
* html #main {
 	/*height:496px;*/ /* hohenkorrekur fuer IE 6 */
}

/* ###############################################################*/
/* ########################### header Bereich ################### */
/* ###############################################################*/

/* ################## headerbox 3 ###################### */
#headerbox{
	position: relative; /* hierauf beziehen sich die Angaben der im Header eingeschlssenen Elemente */
	background-color: transparent;
	height: 144px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	/*text-align: left;*/
	/*background: url(../images/pyrostyxx-boxtop.png) no-repeat 0px 125px;*/
	
}
/* ################## header-logo 4 ###################### */
#header-logo{
	/*float: left;*/
	position: absolute;
	margin-left: 20px;
	margin-top: 73px;

}
/* fuer IE 6 special */
* html #header-logo{
	/*float: left;*/
	position: absolute;
	margin-left: -420px;
	margin-top: 10px;

}
/* ################## header-textlogo 5 ###################### */
#header-textlogo{

	float: left;
	margin-left: 165px;
	margin-top: 70px;

}

/* ################## header-image 6 ###################### */
#header-image{
	display: inline; /*Fix IE floating margin bug*/
	float: left;
	height: 20px;	
	overflow: visible !important; /*Firefox*/
	overflow: hidden; /*IE6*/
	margin: 0px;
	padding: 0px;
	border: none;
}

/* ################## rootline 7 ###################### */
#rootline{
	position: absolute;
	right: 10px;
	bottom: 44px;
	margin: 0px;
	padding: 0px;
	height: 28px;
	/*border-bottom: 1px solid orange;*/
	text-align: right; /* fuer IE */
	width: 380px;
	
}
/* ################## rootline 8 ###################### */
#rootline2{
	 position: absolute; /* auf Elternelement bezogen - hier headerbox */
	 left: 170px;
	 bottom: 0px;
	font-size: 0.8em;
	border-bottom: 0px solid;
	background-color: transparent;

}

/* ###############################################################*/
/* ########################### content Bereich ################### */
/* ###############################################################*/

/* ################## contentleft 9 ###################### */

#contentleft {
	display:inline;/* double margin fix for ie*/
	float: left;
	margin: 80px 0px 0px 20px;
	width: 180px;
	overflow: hidden; /*IE6*/	
	height: 350px;
	background-color: transparent;
}
/* ################## content 10 ###################### */
#content, #contentright{
		height: 410px;
}
#content {
	display:inline;/* double margin fix for ie*/
	float: left;
	width: 465px;
	margin: 0 5px 0px 5px;
	padding: 0 5px 0 0;
	overflow: auto; /*IE6*/	
	background-color: transparent;
}
#contentright {
	display:inline;/* double margin fix for ie*/
	float: left;
	width: 165px;
	margin: 0 5px 0px 0px;
	padding: 0 5px 0 0;
	overflow: auto; /*IE6*/	
	background-color: transparent;
}
/* ################## clear 11 ###################### */

.clear-contentunit {clear:both;  border:none;}  /* achtung wichtig um im moz den hintergrund darzustellen */

/* ################## footer 12 ###################### */
#footer{
		/*background: url(../images/pyrostyxx-boxbottom.png) no-repeat 0px;*/
		/*height: 19px;*/
		margin-top: 35px;
		border: 0px solid orange;

		
}





/* ############################################################# */
/* ############################################################# */
/* ############################################################# */
/* ############################################################# */
/* ############################################################# */