body {
	background-color: #2d2d2d;
	font-size: 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#cccccc;
	padding:0;
	margin:0;
	
}


/* ----------container zentriert das layout-------------- */
#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background-color: #191919;
	border-color:#666666;
	border-width:1px;
	border-style:solid;
}

/* ----------banner for logo-------------- */
#banner {
	margin: 0;
	padding: 0;
	background-color: #191919;
}
#banner p{
	margin-left: 15em;
	padding: 10px;
}
#mainnavi {
	margin: 0;
	padding: 0;
	background-color: #191919;
	border-color:#666666;
	border-width:1px;
	border-style:solid;
    text-decoration:none;
}

#mainnavi p{
	margin-left: 15em;
	padding: 0 10px;
}

/* -----------------Inhalt--------------------- */
#content {
	
	/*height:800px;  */
	background-color: #313031;
	padding: 0;
    margin: 0 15em; 
	border-color:#666666;
	border-width:1px;
	border-style:solid;
	padding:2px;
	z-index:1;
	
}

p, pre {
	padding: 10px;
	margin:0;
}

/* --------------left navigavtion------------- */
#left {
	float: left;
	width: 15em;
	margin: 0;
	padding:15px 0 0 0;
	color:#cccccc;
	background-color: #191919;
}
#right {
	float: right;
	width: 15em;
	margin: 0;
	padding: 0;
	color:#cccccc;
	border-color:#666666;
	border-width:1px;
	border-style:solid;
}



/* -----------footer--------------------------- */
#footer {
	clear: both;
	background-color: #191919;
	padding: 0;
	margin: 0;
	margin: 0 15em;
}

 a.button       { display:block;
             background-image:url(knopf.gif);
             width:150px; height:50px }
   a.button:hover { background-image:url(knopf2.gif);  }

   


a.menu { 
display:inline; 
margin-bottom:0px; 
text-align:center; 
width:16ex;
border-style:none; 
border-width:3px; 
padding:0px; 
text-decoration:none;
position:relative; 
top:0px; 
left:675px; 
 }

a.menu:link    { color:#cccccc; background-color:transparent; }
a.menu:visited { color:#cccccc; background-color:transparent; }
a.menu:hover   { color:#ffffff; background-color:transparent; } 
a.menu:active  { color:#ff0; background-color:#a03; }




	#menu2 ul {
		margin: 0;
		padding: 0;
		list-style: none;
		border-color:#666666;
	    border-width:1px;
	    border-style:solid;


	}
		
		#menu2 ul li {
			position: relative;
			border: 0px solid #191919;
			border-width: 0 4px 4px 0;
			width:150px;
		
		}
		#menu2 ul li a {
			display: block; 
			color: #cccccc;
			background: #191919;
			padding: 0 10px;
			text-decoration: none;
		
		}
		#menu2 ul li a:hover{
		
		color:#ffffff;
		}
		
		
		
		
		#menu2 ul li ul {
			display: none;
	
			}
			
		#menu2 ul li:hover ul {
			display: block;
			position: absolute;
			color:#f64c0e;
			left: 105px;
			top: -4px; 		
			z-index:2;

			}
						
			#menu2 ul li:hover ul li {
				width: 120px;
				border-width: 0 4px 4px;
				color:#f64c0e;
				z-index:100;

			}