body{
/*******************************************************************************/
/* Hintergrund *****************************************************************/

	background: 			url(http://noir-art.de/fileadmin/homepage/template/bg.jpg);
	background-attachment:	fixed;
	background-repeat:		repeat-x;
	background-color:#000000;
	
/*******************************************************************************/
/* Schrift *********************************************************************/

	font-weight: 			normal;		/* Schriftschnitt */
	font-size:				10 px;		/* Schriftgröße */
	line-height:			15 px;		/* Zeilenhöhe */
	font-family : 			Arial, Helvetica, sans-serif;	/* Schriftart */
	color:					#FFFFFF;	/* Schriftfarbe */
	text-decoration:		none;	
	
	
	margin-top:				0px;
	margin-bottom:			0px;
}

/* Überschriften */

/* 1. Kategorie */
h1 {
	color:					#696969;	/* Schriftfarbe */	
	font-size:				15px;		/* Schriftgröße */
	text-transform: 		uppercase;
	padding:				10px;
	margin:					0;
}

/* 2. Kategorie */
h2 {
	color:					#669999;	/* Schriftfarbe */
	font-size:				11px;		/* Schriftgröße */
	font-weight:			bold;	
	text-transform: 		uppercase;
	padding:				10px 17px 0 17px;
	margin:					0;
}

/* 3. Kategorie */
h3 {
	color:					#FFFFFF;	/* Schriftfarbe */
	font-size:				16 px;		/* Schriftgröße */
	font-weight:			bold;
	padding:				0;
	margin:					0;
	padding-bottom:			10px;
	padding-right:			0px;
	padding-top:			15px;
}

/*******************************************************************************/
/* Links ***********************************************************************/

/* Normaler Link */
a{
	COLOR: 					#696969;	/* Schriftfarbe */
	TEXT-DECORATION: 		none;
}

/* Link wenn man mit der Maus drüber geht */
a:hover{
	COLOR: 					#669999; 	/* Schriftfarbe */
	TEXT-DECORATION: 		none; 
}

/* Link wenn er gedrückt wurde */
a:active{
	COLOR: 					#FFFFFF;	/* Schriftfarbe */
	TEXT-DECORATION:		none;
}

/*****************************************************************************************/
/* Navigation ****************************************************************************/

.menu {
	float:right;
	width:  			490px;					/* Menübreite */
	height: 			32px;					/* Menühöhe */
	position:			relative;				/*  */
	z-index: 			100;					/*  */
	border-right: 		1px solid #000000;		/*  */
	font-family: 		arial, sans-serif;		/*  */
}

/* Hack zum korregieren des Kastenmodell im Internet Explorer 5.5 */
 html .menu {
	width:				490px;					/*  */
	w\idth:				491px;					/*  */
}

/* Entfernt alle Abstände und Stile einer normalen Liste */
.menu ul {
	
	padding:			0;						/* Innerer Abstand */
	margin:				0;						/* Äußere Abstand */
	list-style-type:	none;					/* Typ der Lista */
}

.menu ul ul {
	width:				75px;					/*  */
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float: 				left;					/*  */
	width:				75px;					/*  */
	position:			relative;				/*  */
}

/* Links der 1. Ebene */
.menu a, .menu a:visited {
	display:			block;					/*  */
	font-size:			12px;					/*  */
	text-decoration:	none;					/*  */
	color:				#333333;				/* Schriftfarbe */
	width:				100px; 					/*  */
	height:				30px; 					/* Feldhöhe */
	border:				1px solid #000000;		/*  */
	border-width:		1px 0px 1px 1px; 		/* Ränderstärke O R U L*/
	background:			#000000; 				/* Hintergrundfarbe */
	padding-left:		10px; 					/* Schriftposition von links */
	line-height:		29px; 					/* Schriftposition von oben */
	font-weight:		bold;					/*  */
	text-align:			left;					/*  */
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:				129px;					/*  */
	w\idth:				128px;					/*  */
}

/* Hintergrund der 2. Ebene (normal) */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:			#000000 url(http://www.noir-art.de/fileadmin/homepage/template/arrow_grey.gif) no-repeat 110px center;
	color:				#333333;				/*  */
}

/* Hintergrund der 2. Ebene (hover) */
.menu ul ul a.drop:hover{
	background:			#000000 url(http://www.noir-art.de/fileadmin/homepage/template/arrow_orange.gif) no-repeat 110px center;
	color:				#FFFFFF;				/*  */
}

.menu ul ul :hover > a.drop {
	background:			#000000 url(http://www.noir-art.de/fileadmin/homepage/template/arrow_orange.gif) no-repeat 110px center;
	color:				#FFFFFF;				/*  */
}

/* Hintergrund der 3. Ebene (normal)*/
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:			#000000;				/*  */
	color:				#333333;				/*  */
}

/* Hintergrund der 3. Ebene (hover) */
.menu ul ul ul a:hover {
	background:			#000000;				/*  */
	color:				#FFFFFF;				/*  */
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:			hidden;					/*  */
	position:			absolute;				/*  */
	height:				0;						/*  */
	top:				31px;					/*  */
	left:				0; 						/*  */
	width:				128px;					/*  */
	border-top-width:	1px;					/* obere Randstärke */
	border-top-style:	solid;					/* oberer Randstil */
	border-top-color:	#000000;				/* obere Randfarbe */
}

/* Hack für den Internet Explorer 5.5 */
* html .menu ul ul {
	top:				30px;					/*  */
	t\op:				31px;					/*  */
}

/* Menüposition der 3. Ebene */
.menu ul ul ul{
	left:				129px;					/*  */
	top:				-1px;					/*  */
	width:				128px;					/*  */
}

/* Menüposition der 3. Ebene nach links */
.menu ul ul ul.left {
	left:				-128px;					/*  */
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:			absolute;				/*  */
	top:				0;						/*  */
	left:				0;						/*  */
	border-collapse:	collapse;				/*  */
}

/* Links der 2. Ebene */
.menu ul ul a, .menu ul ul a:visited {
	background:			#000000;				/*  */
	color:				#FFFFFF;				/*  */
	height:				auto;					/*  */
	line-height:		1em;					/*  */
	padding:			5px 10px;				/*  */
	width:				108px;					/*  */
	border-width:		0 1px 1px 1px;			/*  */
}

/* Hack für den Internet Explorer 5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:				129px;					/*  */
	w\idth:				128px;					/*  */
}

/* ahover 1. Ebene */
.menu a:hover, .menu ul ul a:hover{
	background:			#000000;				/*  */
	color:				#FFFFFF;				/*  */
}

.menu :hover > a, .menu ul ul :hover > a { 
	background:			#000000;				/*  */
	color:				#FFFFFF;				/*  */
}

/* Macht die 2. Ebene sichtbar wenn man mit der Maus über die 1. Ebene geht */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:			visible;
}

/* Lässt die 3. Ebene unsichtbar wenn man mit der Maus über die 1. Ebene geht */
.menu ul :hover ul ul{
	visibility:			hidden;
}

/* Macht die 3. Ebene sichtbar wenn man mit der Maus über die 2. Ebene geht */
.menu ul :hover ul :hover ul{ 
	visibility:			visible;
}