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

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

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


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

#nav   { float: left; padding-top: 10px; padding-bottom: 10px; width: 200px; display: block }

#nav p.copy,
#nav p  { color: #fefefe; text-align: right; padding-right: 20px }


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

#nav p.copy a:hover {
	text-decoration: underline;
}

#nav ul.rex-navi1   { padding: 0 20px }


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

ul.rex-navi1        { font-size: 1.2em; line-height: 1.3em; text-transform: uppercase; padding: 0px 20px }

ul.rex-navi1 li   { color: #fefefe; font-weight: bold; text-align: right; padding: 0; display: block }

ul.rex-navi1 a  { color: #fefefe; padding: 1px 0; display: block }

ul.rex-navi1 a:hover, 
ul.rex-navi1 li a.rex-active, 
ul.rex-navi1 li a.rex-current  { color: #a0a0a5; padding: 1px 0 }


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

ul.rex-navi2       { font-size: 1em; line-height: 1.3em; text-transform: none; margin: 0 0 10px }

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

ul.rex-navi2 a, 
ul.rex-navi2 a:hover, 
ul.rex-navi2 li a.rex-active, 
ul.rex-navi2 li a.rex-current     { background: url(button.gif) no-repeat 150px 6px; padding: 3px 15px 3px 0; display: block }


ul.rex-navi2 a:hover, 
ul.rex-navi2 li a.rex-active, 
ul.rex-navi2 li a.rex-current     { color: #a0a0a5; background: url(button_ro.gif) no-repeat 150px 6px }

ul.rex-navi2 li a.rex-active, 
ul.rex-navi2 li a.rex-current  { background: url(button_ro.gif) no-repeat 150px 6px }


#breadcrumb       { font-size: 0.8em; margin-bottom: 2px }
#main-block #breadcrumb p, 
#main-block #breadcrumb ul, 
#main-block #breadcrumb li  { color: #a0a0a5; display: inline }
#main-block ul.rex-breadcrumb li {
  margin-left: 0px;
  padding: 0 6px 0 13px;
  background-image: url(raquo.gif);
  background-position: 0px 3px;
  background-repeat: no-repeat;
  list-style: none;
}
#main-block ul.rex-breadcrumb li.rex-lvl1 {
  margin: 0;
  padding-left: 5px;
  background: none;
}