/* ------------ Sub-Navigation (oben) ------------ */

#main_navigation_box {
	margin: 50px 0 0 0;
}

#main_navigation {
	background-image: url(../../img/hg_verlauf_navi.gif);
	background-repeat: repeat-y;
	width: 540px;
	float: left;
	padding-left: 15px;
	text-transform: uppercase;
	overflow: hidden;
}


#main_navigation ul {
	margin: 0px;
	padding: 0px;
}

#main_navigation ul li {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	float: left;
	list-style-type: none;
	padding: 7px 0 7px 10px;
}

#main_navigation ul li a {
	letter-spacing: 0.1em;
	color: #666666;
	text-decoration: none;
}

#main_navigation ul li a:hover, #left_navigation a:hover, #portfolio_navigation a:hover, #agentur_navigation a:hover, #meta_navigation a:hover {
	text-decoration: none;
	color:#FF6600;
}

#main_navigation a.selected, #portfolio_navigation a.selected, #left_navigation a.selected, #agentur_navigation a.selected, #meta_navigation a.selected {
	color: #FF6600 !important;
}

#main_navigation a.sel {
	color: #FF6600 !important; 
}



/* ------------ Sub-Navigation (oben) ------------ */

#sub_navigation_box {
	margin-bottom: 20px;
}

#sub_navigation {
	background-image: url(../../img/hg_verlauf_navi.gif);
	background-repeat: repeat-y;
	width: 540px;
	float: left;
	padding-left: 15px;
	text-transform: uppercase;
	overflow: hidden;
}


#sub_navigation ul {
	margin: 0px;
	padding: 0px;
}

#sub_navigation ul li {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	float: left;
	list-style-type: none;
	padding: 7px 0 7px 10px;
}

#sub_navigation ul li a {
	letter-spacing: 0.16em;
	color: #666666;
	text-decoration: none;
}

#sub_navigation ul li a:hover, #left_navigation a:hover, #portfolio_navigation a:hover, #agentur_navigation a:hover, #meta_navigation a:hover {
	text-decoration: none;
	color:#FF6600;
}

#sub_navigation a.selected, #portfolio_navigation a.selected, #left_navigation a.selected, #agentur_navigation a.selected, #meta_navigation a.selected {
	color: #FF6600 !important;
}

#sub_navigation a.sel {
	color: #FF6600 !important; 
}



/* ------------ Linke-Navigation (z.B. Projektbeispiele) ------------ */

#left_navigation {
	width: 250px;
	padding-right: 20px;
	float:left;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#left_navigation a {
	letter-spacing: 0.1em;
	color: #666666;
	text-decoration: none;
}


.left_navigation_menue {
	padding: 5px 0 7px 0;
	line-height: 16px;
}

.left_navigation_menue .text a.sel {
	color: #FF6600 !important; 
}

.left_navigation_menue .text {
	width: 150px;
	float:right;
	padding-bottom: 5px;
}

.left_navigation_menue .icon {
	float:right;
	padding-left: 15px;
	width:40px;
}

.left_navigation_menue .icon img {
	float:right;
}

/* ------------ Portfolio-Navigation (rechte Seite) ------------ */

.portfolio_navigation_row {
	background-image: url(../../img/hg_balkennavi.gif);
	background-repeat: repeat-x;
	background-position: 0 2px;
}

.portfolio_navigation_row {
	padding-top: 3px;
	text-decoration: none;
	padding-bottom: 7px;
}

#portfolio_navigation {
	width: 200px;
	padding-left: 20px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#portfolio_navigation a {
	letter-spacing: 0.16em;
	color: #666666;
	text-decoration: none;
	background-color: #E5E5E2;
	padding-right: 10px;
}

#portfolio_navigation a.sel {
	color: #FF6600;
}




/* ------------ Agentur-Navigation (unten links) ------------ */

#agentur_navigation {
	width:  310px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0.1em;
	padding-right: 8px;
}

#agentur_navigation ul {
	padding: 0;
	margin: 0;
}

#agentur_navigation ul li {
	float: right;
	padding-right: 10px;
	list-style-type: none;
}

#agentur_navigation img {
	padding-right: 6px;
	padding-left: 10px;
	padding-top: 0px;
}

#agentur_navigation a {
	color: #666666;
	text-decoration: none;
	padding:0 3px 0 0;
	margin:0;
}


/* ------------ Meta-Navigation (unten rechts) ------------ */

#meta_navigation {
	width:  390px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0.1em;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666666;
	margin-bottom: 20px;
}

#meta_navigation ul {
	padding: 0;
	margin: 0;
}

#meta_navigation ul li {
	float: left;
	padding-left: 10px;
	list-style-type: none;
}

#meta_navigation ul li a {
	color: #666666;
	text-decoration: none;
}