
#navigationsbereich{
	width: 100%; 
	background: #e1e1e1; 
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 88;
	}



/*********** NAVIGATION 1. EBENE **********************************************************************/

#navigation1{
	float: left; 
	width: 9em; 
	display: block; 
	text-align: right;
	padding: .5em 0 0 0;
	background: #2674C1;
	
	}
	
#navigation1 ul{
        background: #2674C1 url(../design/nav_top.gif) repeat-x left top; 
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 14.5em;
	}
	
#navigation1 li{
	}

#navigation1 a{
	border: none; 
	background: #2674C1 url(../design/nav1no.gif) no-repeat right bottom;
	text-decoration: none; 
	font-size: .75em; 
	font-weight: bold; 
	color: white; 
	display: block; 
	padding: .2em 1.4em .2em 0;
	}
	
#navigation1 a:hover{
	background: #4C94DC url(../design/nav1ho.gif) no-repeat right bottom; 
	text-decoration: none; 
	color: #fff; 
	display: block;
	}

#navigation1 li.cur p{
	background: #4C94DC url(../design/nav1ho.gif) no-repeat right bottom;
	font-size: .75em; 
	font-weight: bold; 
	color: #000; 
	display: block; 
	padding: .2em 1.4em .2em 0;
	}
	
#navigation1 li.act a{
	background: #4C94DC url(../design/nav1no.gif) no-repeat right bottom;
	text-decoration: none; 
	font-size: .75em; 
	font-weight: bold; 
	color: black; 
	display: block; 
	padding: .2em 1.4em .2em 0;
	}
	
#navigation1 li.act a:hover{
	background:  #4C94DC url(../design/nav1ho.gif) no-repeat right bottom; 
	text-decoration: none; 
	color: black; 
	display: block; 
	}


/*********** NAVIGATION 2. EBENE und Bild **************************************************************/
#kopfinnen {
	position: relative;
	float: right;
	height: 15em;
	z-index: 1;
	width: 49em;
}

#navigation2{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
        background: url(../design/nav2.png); 
	float: left; 
	width: 9em; 
	display: block; 
	text-align: left;
	height: 15em;
	}
	
#navigation2 ul{
	padding: .5em 0 0 0; 
	list-style-type: none; 
	}
	
#navigation2 li{}

#navigation2 a{
	line-height: 1.2em; 
	background: none; 
	text-decoration: none; 
	font-size: .65em; 
	font-weight: bold; 
	color: #fff; 
	display: block; 
	padding: .5em .3em .4em .7em; 
	border-bottom: 1px solid #454545;
	}
	
#navigation2 a:hover{
	background: url(../design/nav5.png);
	color: #000; 
	display: block; 
	border-bottom: 1px solid #fff
	}
	
#navigation2 li.cur p{
	line-height: 1.2em; 
	background: url(../design/nav4.png);
	font-size: .65em; 
	font-weight: bold; 
	color: #000; 
	display: block; 
	padding:  .5em .3em .4em .7em; 
	border-bottom: 1px solid #fff;
	}


#navigation3{
	height: 15em; 
	display: block;
	 position: relative; 
	 top: 0; 
	 left: 0; 
	 float: left; 
	 z-index: 0;
	 }
	 
.bild{
	display: block;
	height: 15em; 
	width: 49em; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 2;
	}
	
.kapitel{
	position: absolute; 
	bottom: 0; 
	left: 9em; 
	z-index: 3; 
	width: 40em;
	height: 3em;
	background: url(../design/nav3.png);
	}
	
.kapitel p{
	letter-spacing: 0.05em; 
	color: white; 
	font-size: 1.2em; 
	margin: .5em 0 0 .8em; 
	font-family: Trebuchet, sans-serif;
	}
	

