/** Alte Browser ignorieren diese Angaben **/

body {
	background: url(/design/alulux2007/img/bg-slice09.jpg) repeat-x top;
	background-color: #e4e3de;
	color: black; 
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border : 0; 
	margin : 0; 
	padding : 0; 
	text-align: center;  
	vertical-align: top;	
}	

form, div {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

/** Versteckte Elemente zwecks Barrierefreiheit **/

.design-hidden {
	display: none;
}

/** ANKER absolut linke obere Ecke **/

.design-top { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 1px;
	height: 1px;
	z-index: 110;
} 

.design-top-navixxx{
	height: 22px;
	width: 960px;
	position: absolute;
	top: -22px;
	left: -60px;
	background-image: url(/design/alulux2007/img/place-holder-top-left.gif);
	background-repeat:repeat-x;
}
.design-top-navi .link-container{
	position: absolute;
	top:-23px;
	right:0px;
	z-index:120;
}
.design-main-navi{
	margin-bottom: 2px;
	height: 23px;
}
* html .design-main-navi{
	margin-bottom: 0;	
}
/** GESAMTE SEITE
	dieses Element umgibt die gesamte Seite um z.B.
	eine Zentrierung zu ermöglichen
	margin-left: auto;
	margin-right: auto;	
**/
.design-center {
	width: 1270px;
	background-image: url(/design/alulux2007/img/alulux_background.jpg);
	background-repeat:no-repeat;
	padding-top: 39px;
	margin-left:-635px;
	left:50%;
	position:absolute;
}
.design-center2 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background:#fff;
}	

.design-all	{
	text-align: left;
	margin: 0px 0px 0px 60px;
	padding: 0px;	
	position: relative;
}

.design-main {
	margin: 0px;
	padding: 0px;
	min-height:600px;
}

* html .design-main {
	margin: 0px;
	padding: 0px;
	min-height:600px;
	height: auto !important;
	height:600px;
}

/** KOPFZEILE z.B. für Logo **/

.design-head {
	margin: 0px;
	padding: 0px;
}

.design-title {
	background-image: url(/design/alulux2007/img/title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	color: #002C5D;
	height:57px;
}


.design-title h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-style:italic;
	font-weight: normal;
  	font-size: 18px;
	margin-left: 196px;
	margin-top:15px;
}
.sIFR-hasFlash .design-title h1 {
    visibility: hidden;
    /* other CSS properties go here */
	/*height: 20px;
    margin-top:15px;*/
    font-size: 18px;
}
#text h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.sIFR-hasFlash #text h1 {
    visibility: hidden;
    /* other CSS properties go here */
    font-size: 7px;
}

.design-rollnavi {
	position: relative;
	left: 508px;
	top: 19px;
	width: 352px;
	height: 33px;	
}

/** Produkte Seite **/

/** Produkte Seite **/
.design-menuleft { 
	float: left; 
	width: 140px;
	padding: 0em;
	margin-top: 0px;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0px;
}


.design-textleft {
	float: left; 
	margin: 6px 0em 0em 10px;
	padding: 0em;	
	width: 270px;
}

.design-menuright { 
	float: left; 
	width: 140px;
	padding: 0em;
	margin-top: 0px;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0px;
}


.design-textright {
	float: left; 
	margin: 25px 0px 0em 35px;
	padding: 0em;	
	width: 250px;
}

/** LINKE SPALTE **/

.design-left { 
	float: left; 
	width: 170px;
	padding: 0em;
	margin-top: 0px;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0px;
}

/** MITTLERE SPALTE **/

.design-middle {
	margin: 0px 0em 0em 170px;
	padding: 0em;	
	width: 670px;
}



/** VOLLE BREITE SPALTE **/

.design-full {
	margin: 0px;
	padding: 0em;	
	width: 840px;
}

/** RECHTE SPALTE **/

.design-right {
	float: right;
	width: 200px;
	padding: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3em;
	margin-left: 0px;
}

/** FUSSZEILE **/

.design-footer {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

.design-footer-buttons {
	padding-left: 260px;
	padding-bottom: 30px;
}

/** MENU **/

.menu {
	padding: 0em;
	margin: 28px 0em 0em;
}
.menu ul, .menu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.menu ol {
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	list-style-type: none;
}
.menu li li {
	padding-left: 12px;
}
.menu a {
	color: #E30028;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding-left: 26px;
	padding-top: 0px;
    padding-bottom: 6px;
	min-height: 20px;
}
.menu a:hover { 
	color: black;
	text-decoration: none;
	background-image: url(/design/alulux2007/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.navi-active-1 {
	background-image: url(/design/alulux2007/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: black;
	font-weight: bold;	
}

/** Infotext rechte Spalte **/

.info {
	color: #333333;
}

/** Brotkrümelpfad **/

.crumb {
	font-size: 10px;
	line-height: 12px;
	color: #333333;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.crumb a {
	color: #333333;
	text-decoration: underline;
}

/** Loginbereich **/
#login {
	margin-top: 20px;
}
#login .pair {
	width: 140px;
}



/** Druckansicht für moderne Browser **/

@media print {

	.design-head, .design-top, .design-bottom, .design-left { 
		display: none;
	}
	 
	body, html, .design-all	{
		text-align: left;   
		margin: auto;     
		width: auto;
		padding: 0px;
		border: none;
		background-color: white;
		background-image: none;
	}
	
	.design-middle {
		padding: 0px;
		margin: auto;
		width: auto;
		background-color: white;
		background-image: none;
	} 
	 
}

