/* ---------------------------------------------------------- 
	umpr.de - nav screen - styles  
	
	Mark Blasius webdesign° - markblasius.com
	
	
	
	client: UMPR Ute Middelmann Public Realations GmbH
	
	alle rechte vorbehalten — all rights reserved !
	
   ---------------------------------------------------------- */

/* main nav ------------------------------------------------- */

#menu_werbinich, #menu_wassucheich  {
	margin: 0 0 0 180px;
	height: 18px;
	width: 620px;
}

#menu_werbinich { margin-bottom: 7px; }
#menu_wassucheich { margin-bottom: 98px; }
#menu_wassucheich { clear: left; }
#menu_werbinich ul, #menu_wassucheich ul { list-style-type: none; }

ul#nav_werbinich li, ul#nav_wassucheich li { 
	margin: 0 8px 0 0;
	padding-right: 10px;
	float: left;
	background: url(/g/square.png) no-repeat right bottom;
}

ul#nav_wassucheich li#nav_kontakt, 
ul#nav_werbinich li#nav_journalist  {
	background-image: none;
}

ul#nav_werbinich li a, ul#nav_werbinich li a:link,
ul#nav_wassucheich li a, ul#nav_wassucheich li a:link { 
	margin: 0;
	padding: 0;
	display: block;
	height: 18px;
	color: #5f6064;
	text-decoration: none;
	text-indent: -9999px;
}	

/* portfolio */
body#portfolio #menu_werbinich { margin-top: 59px; }

body#portfolio #menu_werbinich, body#portfolio #menu_wassucheich  {
	margin-left: 0;
}

body#portfolio #menu_wassucheich { margin-bottom: 48px; }

/* img replace ---------------------------------------------- */
/* wer bin ich ----------------------------------------------- */

ul#nav_werbinich li#nav_neugieriger a {
	width: 67px;
	background: url(/g/neugieriger.png) no-repeat 0 0;
}

ul#nav_werbinich li#nav_neugieriger a:hover {
	background: url(/g/neugieriger.png) no-repeat 0 -18px;
}

ul#nav_werbinich li#nav_kunde a {
	width: 39px;
	background: url(/g/kunde.png) no-repeat 0 0;
}

ul#nav_werbinich li#nav_kunde a:hover {
	background: url(/g/kunde.png) no-repeat 0 -18px;
}

ul#nav_werbinich li#nav_konkurrent a { 
	width: 65px;
	background: url(/g/konkurrent.png) no-repeat 0 0;
}

ul#nav_werbinich li#nav_konkurrent a:hover { 
	background: url(/g/konkurrent.png) no-repeat 0 -18px;
}

ul#nav_werbinich li#nav_bewerber a {
	width: 56px;
	background: url(/g/bewerber.png) no-repeat 0 0;
}

ul#nav_werbinich li#nav_bewerber a:hover {
	background: url(/g/bewerber.png) no-repeat 0 -18px;
}

ul#nav_werbinich li#nav_journalist a {
	width: 58px;
	background: url(/g/journalist.png) no-repeat 0 0;
}

ul#nav_werbinich li#nav_journalist a:hover {
	background: url(/g/journalist.png) no-repeat 0 -18px;
}

/* was suche ich -------------------------------------------- */

ul#nav_wassucheich li#nav_mut a { 
	width: 22px;
	background: url(/g/mut.png) no-repeat 0 0;
}

ul#nav_wassucheich li#nav_mut a:hover {
	background: url(/g/mut.png) no-repeat 0 -18px;
}

ul#nav_wassucheich li#nav_koennen a { 
	width: 39px;
	background: url(/g/koennen.png) no-repeat 0 0;
}

ul#nav_wassucheich li#nav_koennen a:hover { 
	background: url(/g/koennen.png) no-repeat 0 -18px;
}

ul#nav_wassucheich li#nav_ideen a { 
	width: 30px;
	background: url(/g/ideen.png) no-repeat 0 0;
}

ul#nav_wassucheich li#nav_ideen a:hover { 
	background: url(/g/ideen.png) no-repeat 0 -18px;
}

ul#nav_wassucheich li#nav_frisches a { 
	width: 42px;
	background: url(/g/frisches.png) no-repeat 0 0;
}

ul#nav_wassucheich li#nav_frisches a:hover { 
	background: url(/g/frisches.png) no-repeat 0 -18px;
}

ul#nav_wassucheich li#nav_menschen a { 
	width: 52px;
	background: url(/g/menschen.png) no-repeat 0 0;
}

ul#nav_wassucheich li#nav_menschen a:hover { 
	background: url(/g/menschen.png) no-repeat 0 -18px;
}

ul#nav_wassucheich li#nav_referenzen a { 
	width: 57px;
	background: url(/g/referenzen.png) no-repeat 0 0;
}

ul#nav_wassucheich li#nav_referenzen a:hover { 
	background: url(/g/referenzen.png) no-repeat 0 -18px;
}

ul#nav_wassucheich li#nav_herausforderungen a { 
	width: 100px;
	background: url(/g/herausforderungen.png) no-repeat 0 0;
}

ul#nav_wassucheich li#nav_herausforderungen a:hover { 
	background: url(/g/herausforderungen.png) no-repeat 0 -18px;
}

ul#nav_wassucheich li#nav_kontakt a { 
	width: 49px;
	background: url(/g/kontakt.png) no-repeat 0 0;
}

ul#nav_wassucheich li#nav_kontakt a:hover { 
	background: url(/g/kontakt.png) no-repeat 0 -18px;
}

/* secondary nav --------------------------------------------- */

#secondarynav {
	margin: 0 0 30px 180px;
	width: 490px;
	line-height: 19px;
}

#secondarynav a, #secondarynav a:link {
	margin: 0 8px 0 0;
	padding: 0 10px 0 0;
	color: #bebdbd;
	background: url(/g/square.png) no-repeat right bottom;
}

#secondarynav a:hover {
	color: #6f6f6f;
}

#secondarynav a.secondarynav_active {
	color: #ff3f75;
}

/* footer nav ------------------------------------------------- */

#footer p#colorswitcher {
	margin: 0;
	float: left;
}

#footer p#essentials {
	float: right;
	color: #585858;
}

#footer p#colorswitcher a {
	margin: 0 3px 0 0;
	padding: 1px 2px;
	font-size: 6px;
	color: #585858;
	background-color: #585858;
	background-image: none;
}

#footer p#colorswitcher a:hover#foo_violett { color: #8465c0; background-color: #8465c0; }
#footer p#colorswitcher a:hover#foo_blau { color: #009ee0; background-color: #009ee0; }
#footer p#colorswitcher a:hover#foo_tuerkis { color: #008cab; background-color: #008cab; }
#footer p#colorswitcher a:hover#foo_gruen { color: #5fe94f; background-color: #5fe94f; }
#footer p#colorswitcher a:hover#foo_pink { color: #ff3f75; background-color: #ff3f75; }
#footer p#colorswitcher a:hover#foo_braun { color: #7d6d6a; background-color: #7d6d6a; }
#footer p#colorswitcher a:hover#foo_gelb { color: #ffff00; background-color: #ffff00; }

#footer p#essentials a {
	padding-left: 5px;
	color: #585858;
}

#footer p#essentials a:hover {
	color: #fff;
}