/*******************************************************************************

	Project		:	Redaxo Demo
	Copynavigation	:	Design - hundertmorgen - www.hundertmorgen.de

*******************************************************************************/



/*	Navigation vertical - 
	Wenn nur die Navigation mit der ID 3 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
-------------------------------------------------------------------------------*/
/* ### Header Navigation ##################################################### */


	#navleiste {
	width: 1004px;
	height: 21px;
	background-color: #FFCC00;
	border-bottom: 0px solid #fff;
	}



#headernav {
float:left;
padding-left: 200px;
	
	border: 0px solid #FF0000;
}








#navheight_horiz_vert {
	
	margin: 0px 0;
}
* html body #navheight_horiz_vert { } /* IE 6 / 5.5 Hack */

#navheight_horiz_vert ul.nav1st { padding:0px 2px; }


#nav-header {
float:left;
	font-size: 1.2em;
	line-height: 180%;
}


#nav-header li {
	display:inline;
	border-left: 1px solid #aaa;
}

#nav-header a, 
#nav-header a:link {

	color: #000; 
	text-decoration: none;
	
	background-color: inherit;
	padding: 3px 8px;
}

#nav-header a:hover {
	color:#eee;
	background-color: #4B5761;
	padding:3px 8px;
}

#nav-header a.current, 
#nav-header a.current:link {
	color:#fff;
	background-color: #4B5761;
	padding: 3px 8px;
}

#nav-header a.current:hover {
	color:#eee;
	background-color: #4B5761;
	padding: 3px 8px;
}


/* ### Sub Navigation ######################################################### */

#nav {

	display:block;
	float:left;
	

}

#nav p.copy,
#nav p {
	padding-navigation:20px;
	color:#fff;
	background: inherit;
	text-align: left;
}


#nav p.copy a,
#nav p.copy a:link {
	color: #fff;
	background: inherit;
	text-decoration: none;
}

#nav p.copy a:hover {
	color: #fff;
	background: inherit;
	text-decoration: underline;
}

/*	Navigation horizontal and vertical - 
	Wenn nur die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
-------------------------------------------------------------------------------*/

#navheight_vert {
	min-height: 193px;
}
* html body #navheight_vert { height: 193px; } /* IE 6 / 5.5 Hack */

#navheight_vert ul.nav1st { padding:10px 10px;  }


/* ### nav1st - first level navigation ######################################## */

ul.nav1st {
	padding:0px 10px;
	font-size:1.2em;
	text-transform:uppercase;
}

ul.nav1st li {
	display: block;
	padding:3px 0;
	color:#37444f;
	background: inherit;
	font-weight:bold;
	text-align: left;
}

ul.nav1st a, 
ul.nav1st a:link {
	display: block;
	color:#37444f;
	background: inherit;
	padding: 1px 0;
}

ul.nav1st a:hover {
	color:#fff;
	background: inherit;
	padding: 1px 0;
}

ul.nav1st li a.current, 
ul.nav1st li a.current:link {
	color:#fff;
	background: inherit;
	padding: 1px 0;
	font-weight:bold;
	
}

ul.nav1st li a.current:hover {
	color:#fff;
	background: inherit;
	padding: 1px 0;
	font-weight:bold;
}


/* ### nav2nd - second level navigation ######################################### */

ul.nav2nd {
	margin: 0 0 0px 0;
	font-size:1em;
	font-weight:normal;
	text-transform:none;
}

ul.nav2nd li {
	padding:0;
	margin:0;
	font-weight:normal;
	border:none;
	text-align: left;
}

ul.nav2nd a, 
ul.nav2nd a:link {
	display:block;
	padding:4px 17px 4px 0px;
	background-image:url(button__.gif);
	background-position:158px 8px;
	background-repeat: no-repeat;
}


ul.nav2nd a:hover {
	padding:4px 17px 4px 5px;
	background-image:url(button__.gif);
	background-position:158px -12px;
	background-repeat: no-repeat;
	background-color:#E3E3E3;
	color:#37444f;
	font-weight:bold;
}

ul.nav2nd li.active a, 
ul.nav2nd li.active a:link {
	padding:4px 17px 4px 5px;
	background-image:url(button__.gif);
	background-position:158px -32px;
	background-repeat: no-repeat;
	background-color:#E3E3E3;
	color:#37444f;
	font-weight:bold;
	
}


/* ### Breadcrump Navigation #################################################### */

#breadcrumb {
float:left;
margin-left: 0px;
padding-left:0px;
	padding-top:15px;
	padding-bottom:20px;
	width: 100%;
	font-size: 10px;
	color:#000;
	
	
}
*html #breadcrumb {margin-left: 0px;}
#breadcrumb ul, #breadcrumb  li {display: inline; list-style-type: none; margin-left: 0px; padding-left: 0px; }

#breadcrumb a, #breadcrumb a:link {
padding-left: 2px;
padding-right: 3px;
	color:#000;
	background: inherit;
	text-transform:none;
	text-decoration:underline;
}

#breadcrumb ul li span{font-weight:bold;}






/*
Dummy CSS (without any design),
assuming there is a <div id="navigation">
 around the navigation
*/

#navigation {
}

#navigation ul {
}
#navigation ul li {

}
#navigation ul li a {
color: #414141;

}
#navigation ul li a:link,
#navigation ul li a:visited {
}
#navigation ul li a:hover,
#navigation ul li a:active,
#navigation ul li a:focus {
background-color: #CCCCCC;

}
/* highlighted current element */
#navigation ul li strong {

}
#navigation ul li strong a {
background-color: #CCCCCC;
}

/* zweite ebene */
#navigation ul ul {


}
#navigation ul ul li {
}
#navigation ul ul li a {

background-color:#E6E5E5;
color: #6F6F6F;
}




/* dritte ebene */

#navigation ul ul ul{


}
#navigation ul ul ul li a {

background-color:#FFF9E2;
}
#navigation ul ul ul li strong a {

background-color:#FFF4C8;
}



/* and so on ... */