/*	==================================

	Stylesheet fuer Website www.nachtfalter-essen.de

	Kunde: Nachtfalter Essen
	Datum: 20. Dezember 2007
	Autor: Alexander Metzler [a-fusion]

	==================================*/


/*  ====================================
	1. Kalibrierung und allgemeine Styles
	====================================*/


*		{
		margin: 0;
		padding: 0;

		}


body {

		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		color: #333;
		background: #eee url(../images/bg.gif);
		background-attachment:fixed;

		}

h1 {
		font-size: 16px;
		color: #666;
		margin: 25px 0 20px 0;
}

h2 {
		font-size: 14px;
		color: #666;
		margin: 25px 0 20px 0;
}

h3 {		

		font-size: 14px;
		color: #666;
		margin: 25px 0 20px 0;
}

p {
		font-size:100%;
		margin: 25px 0 0 25px;
		line-height: 1.6em;
}

a {
		color: #ED1C24;
}

a:hover {
		color: #000000;
		text-decoration: none;
}


a:visited {
		color: #666;
}

#wrapper {
		margin: 0px auto;
		width: 978px;

}

#logo {	
		float: left;
		width: 978px;
		background: #ed1c24;
		padding-bottom:20px;
	}

#logo img{
		float: right;
	}

#container {
		float: left;
		width: 978px;
		background-color: #fff;
		border: 1px #fff solid;
		margin: 11px 0 5px 0;
		background-color: #fff;

}



/******************** NAVIGATION ************************/

#nav {
	clear: both;
	float:left;
	width: 963px;
	padding: 0 0 0 15px;
	display: inline;
	background: #ED1C24;
	text-transform:uppercase;
	}


/******************** NAVIGATION  1. EBENE ************************/


#nav ul {
	clear: both;
	float:left;
	list-style:none;

	}


#nav ul li {
	float:left;
	position:relative;

	}


#nav ul li a {
	float:left;

	padding: 4px 8px;
	background-color: none;
	color:white;
	text-decoration:none;
	outline: none;

	font-size:105%;
	font-weight:bold;
	/*border-bottom:1px solid #fff;*/
	}

#nav ul li a:hover {
	 /* background:none; muss drin stehen bleiben, sonst klappen die Menus im IE6 nicht aus?!?!? - was ist das für ein BUG ?!?! */
	color:black;
	background: none; /*sonst haben wir eine rote Linie im hover...*/
	}



/******************** NAVIGATION  2. EBENE ************************/

/* hide the sub levels and give them a positon absolute so that they take up no room */

#nav ul li ul {
	visibility:hidden;
	float:left;
	position:absolute;
	top:23px;
	left:-1px;

	text-transform:none;
	/*border:1px solid #979797;*/
	border-top:0;
	width:180px;
	}


#nav ul li ul li {
	float:left;
	background:#ED1C24;
	border-top:1px solid #fff;
	}

#nav ul li ul li a {
	/*font-size:11px;*/
	font-weight:normal;
	/*color:#606060;*/
	width:150px;
	/*background:#e8e8e8;*/
	border:0;
	}

#nav ul li ul li a:hover{

	color:black;
	}


/******************** NAVIGATION  FUNKTIONALITÄTEN ************************/


/* style the table so that it takes no part in the layout - required for IE to work */

#nav table {
	position:absolute;
	top:0;
	left:0;
	}

/* make the second level visible when hover on first level list OR link */

#nav ul li:hover ul,
#nav ul a:hover ul{
	visibility:visible;
	}



/******************** Content ************************/


#contentbox {
		clear: both;
		float: left;
		display: inline;
		width: 978px;
		/*background-image: url(../images/falter3.gif);*/
		background: white;
		margin: 32px 0 50px 0;

}

#lang {	
		float:left;
		margin: 0 0 0 50px;
		display: inline;
		}
		
#lang img {	
		float:left;
		margin: 0 10px 0 0;
		border: 1px solid #000;
		}

#content {
		float: left;
		margin: 20px 0 0 50px;
		display: inline;
		width: 370px;

}

#content  table{
		float: left;
		width: 370px;
		margin: 10px 0 10px 25px;
}

#content ul {
		margin-top: 12px;
	}

#content li {
		margin: 0 0 12px 30px;
		list-style-image: url(../images/listdot.gif);
	}


#image {
		float: right;
		margin: 50px 30px 20px 0;
		display: inline;
		/*border-bottom: 5px #ED1C24 solid;
		border-top: 1px #ED1C24 solid;*/

}





#footer {
		float: left;
		width: 978px;
		background: #ED1C24;
		color: #fff;
		border-bottom: 5px #000 solid;
		font-size: 80%;
		height: 25px;
}



#footer p {
		float: left;
		margin: 5px 0 0 30px;
		display: inline;
}

#footer ul {
		float: right;
		list-style: none;
		margin: 5px 30px 0 0;
		display: inline;
}

#footer ul li {
		float: left;
}

#footer a {
		color: #fff;
		margin: 0 8px 0 0;
}