p { 
color:#fff;
width:500px;
text-align: center;
}
h2 { 
color:#fff;
text-align: center;
width:500px;
}
h3 { 
color:#fff;
text-align: center;
width:500px;
 font-family:Verdana;
   font-weight: bold;  
     font-style: italic;  
}
h1{ 
color:#c6b366;
text-align: center;
font-size: 18pt;
font-style: verdana;
width:500px;
}

a:link {color:#c6b366}
a:visited {color:#c6b366}
a:hover {color:#c6b366}
a:active {color:#c6b366}



body {background-color: #000000;}
#multi-level {height:55px; position:relative; z-index:100;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:55px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:114px; background:url(bilder/home1.jpg) no-repeat;;}
.menu li.p2 {width:112px; background:url(bilder/uberuns1.jpg) no-repeat;;}
.menu li.p3 {width:112px; background:url(bilder/partner1.jpg) no-repeat;;}
.menu li.p4 {width:112px; background:url(bilder/referenzen1.jpg) no-repeat;;}
.menu li.p5 {width:112px; background:url(bilder/fakten1.jpg) no-repeat;;}
.menu li.p6 {width:112px; background:url(bilder/textilien1.jpg) no-repeat;;}
.menu li.p7 {width:112px; background:url(bilder/news1.jpg) no-repeat;;}
.menu li.p8 {width:114px; background:url(bilder/kontakt1.jpg) no-repeat;;}


/* set up the normal unhovered images in the links */
.menu li a#home {width:114px; background:url(bilder/home.jpg) no-repeat;}
.menu li a#uberuns {width:112px; background:url(bilder/uberuns.jpg) no-repeat;}
.menu li a#partner {width:112px; background:url(bilder/partner.jpg) no-repeat;}
.menu li a#referenzen {width:112px; background:url(bilder/referenzen.jpg) no-repeat;}
.menu li a#fakten {width:112px; background:url(bilder/fakten.jpg) no-repeat;}
.menu li a#produkte {width:112px; background:url(bilder/textilien.jpg) no-repeat;}
.menu li a#news {width:112px; background:url(bilder/news.jpg) no-repeat;}
.menu li a#kontakt {width:114px; background:url(bilder/kontakt.jpg) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#uberuns:hover, .menu li:hover a#uberuns,
.menu li a#partner:hover, .menu li:hover a#partner,
.menu li a#referenzen:hover, .menu li:hover a#referenzen,
.menu li a#fakten:hover, .menu li:hover a#fakten,
.menu li a#produkte:hover, .menu li:hover a#produkte,
.menu li a#news:hover, .menu li:hover a#news,
.menu li a#kontakt:hover, .menu li:hover a#kontakt {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}


/* set up the first drop down sub level */
/* hintergundfarbe aufklappbares menu | solid ist umrandungsfarbe */
.menu :hover ul.sub {left:0; top:55px; background: #353535; padding:3px 0; border:1px solid #888; white-space:nowrap; width:110px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
/* styling schrift default  letzter:schrift hintergrund submenu | border solid linker rand farbe*/
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:105px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; border:3px solid #000; border-width:0 0 0 3px;}
/* styling menu hintergrund wenn pfeil da ist */
.menu :hover ul.sub li a.fly {background:#000 url(bilder/arrow.gif) 80px 7px no-repeat;}

/* diese backgrounds sind die hintergrundfarbe für das aufklappbare mennu */

/* styling hover massiv und dann schrift hover */
.menu :hover ul.sub li a:hover {background:#000; color:#d8ba00;}
.menu :hover ul.sub li a.fly:hover {background:#000 url(bilder/arrow_over.gif) 80px 7px no-repeat; color:#d8ba00;}
.menu :hover ul li:hover > a.fly {background:#000 url(bilder/arrow_over.gif) 80px 7px no-repeat; color:#d8ba00;} 

/* set up the flyout levels when hovering  - 888 farbe umrandung menu - widt 92 breite menu */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #000; padding:3px 0; border:1px solid #000; white-space:nowrap; width:110px; z-index:200; height:auto; z-index:300;}



* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px;
 height: 50px;
 margin: 10px 0px 0px 0px;
 background: #000;
}

#content { 
 float: left;
 color: #000;
  background-color: #000;
 background-image: url(bilder/lexx_hintergrund.jpg);
 background-repeat: no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 0px;
min-height:710px;
 width: 900px;

 display: inline;
}

#footer { 
 width: 900px;
 clear: both;
 color: #333;
 background: #000;
 margin: 0px 0px 10px 0px;
 padding: 0px;
  height: 50px;

}

#newsblock { 
 
 width: 700px;
 clear: both;
 color: #fff;
margin-left:auto;
margin-right:auto;
min-height: 150px;
 background-image: url(bilder/pfeil_linie.gif);
 background-repeat: no-repeat;
  background-position:175px 5px;
}

#titelmitlinie { 
 color: #baad5d;
 font-family:Verdana;
   font-weight: bold;  
 font-size:16pt;
  background-color: #000;
 background-image: url(bilder/linie.gif);
 background-repeat: no-repeat;
   background-position:0px 20px;
text-align: center;
margin-left:auto;
margin-right:auto;
height:50px;
 width: 705px;
}

#newsmeldung { 
position:relative; 
 top:15px;
 left:0px;
 width:500px ; 
text-align: left;
}
#newstitel{ 
position:relative; 
 top:4px;
 left:27px;
 font-size: 11pt;

text-align: left;
}




h3.ir {width:112px; height:45px; position:relative; padding:0; margin:0 auto 3em auto;}
h3.ir em {display:block; width:112px; height:45px; background:url(bilder/impressum.jpg); position:absolute; top:0; left:0;}
h3.ir a {cursor:pointer;}
#holder {margin-bottom:2em;}

h3.ir a:hover {background:#fff;}
h3.ir a:hover em {background:url(bilder/impressum1.jpg);}