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

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

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



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

#nav { float: left; width: 576px; display: block }

/* ### Menue ############################################################# */

ul#menue{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	width:100%;
	height:28px;
	font-size:1.2em;
	font-weight:bold;
}

ul#menue li{
	display:block;
	float:left;
	margin:0;
	pading:0;
	background:transparent url("menue.gif") repeat-x top left;
}

ul#menue li a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:7px 20px 0 20px;
	width:104px;
	height:21px;
	background:transparent url("divider.gif") no-repeat top right;
	}

ul#menue li a:hover{
	background:transparent url("hover.gif") no-repeat top right;	
	}

ul#menue li a.rex-active, 
ul#menue li a.rex-current  {
	color:#fff;
	background:transparent url("current.gif") no-repeat top right;	
	}



/* ### Nach oben ######################################################## */

.top { float: right; width: 576px }
.top_1  { font-size: 1em; text-align: right; float: left; padding-top: 4px; width: 566px; height: 16px }
.top_2  { text-align: right; float: right; width: 10px }
#main-block div.top_1 a   { color: #b4181e; text-decoration: none; vertical-align: bottom }
#main-block div.top_1 a:hover   { color: #00457d; text-decoration: none; vertical-align: bottom }

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

#breadcrumb         { color: #b4181e; font-size: 1em; text-align: right; float: right; margin-bottom: 6px; width: 568px }
#main-block div#breadcrumb a   { color: #b4181e; text-decoration: none; vertical-align: bottom }
#main-block div#breadcrumb a:hover   { color: #00457d; text-decoration: none; vertical-align: bottom }