/* ----------------- NAVIGATION FRANCAISE ----------------- */

/* ------------ Nav principale ------------ */
ul#nav {
	clear: both;
	position: relative;
	height: 61px;
	margin: 10px 0 0 260px;
	list-style: none;
}

ul#nav li {
	float: left;
	height: 61px;
}

ul#nav li a {
	display: block;
	height: 61px;
}

ul#nav li a span {
	display: none;
}

ul#nav li#home a {
	width: 111px;
	background: url(../images/nav/home.png) no-repeat center top;
}

ul#nav li#home a:hover,
ul#nav li#home a.on {
	background: url(../images/nav/home.png) no-repeat center bottom;
}

ul#nav li#portfolio a {
	width: 150px;
	background: url(../images/nav/portfolio.png) no-repeat center top;
}

ul#nav li#portfolio a:hover,
ul#nav li#portfolio a.on {
	background: url(../images/nav/portfolio.png) no-repeat center bottom;
}

ul#nav li#kontakt a {
	width: 135px;
	background: url(../images/nav/kontakt.png) no-repeat center top;
}

ul#nav li#kontakt a:hover,
ul#nav li#kontakt a.on {
	background: url(../images/nav/kontakt.png) no-repeat center bottom;
}

ul#nav li#links a {
	width: 97px;
	background: url(../images/nav/links.png) no-repeat center top;
}

ul#nav li#links a:hover,
ul#nav li#links a.on {
	background: url(../images/nav/links.png) no-repeat center bottom;
}

ul#nav li#lebenslauf a {
	width: 161px;
	background: url(../images/nav/lebenslauf.png) no-repeat center top;
}

ul#nav li#lebenslauf a:hover,
ul#nav li#lebenslauf a.on {
	background: url(../images/nav/lebenslauf.png) no-repeat center bottom;
}



/* ------------ Sous-menus ------------ */
ul#sousmenu {
	position: absolute;
	width: 705px;
	height: 26px;
	top: 120px;
	left: -123px;
	list-style: none;
}

ul#sousmenu li {
	float: left;
	height: 26px;
	padding: 0 15px 0 15px;
}

ul#sousmenu li a {
	display: block;
	height: 26px;
}

ul#sousmenu li a span {
	display: none;
}

/* Portfolio */
ul#sousmenu li#webdesign a {
	width: 88px;
	background: url(../images/sousmenus/webdesign.png) no-repeat center top;
}

ul#sousmenu li#webdesign a:hover,
ul#sousmenu li#webdesign a.on {
	background: url(../images/sousmenus/webdesign.png) no-repeat center bottom;
}

ul#sousmenu li#emailings a {
	width: 83px;
	background: url(../images/sousmenus/emailings.png) no-repeat center top;
}

ul#sousmenu li#emailings a:hover,
ul#sousmenu li#emailings a.on {
	background: url(../images/sousmenus/emailings.png) no-repeat center bottom;	
}

ul#sousmenu li#buchbinderei a {
	width: 107px;
	background: url(../images/sousmenus/buchbinderei.png) no-repeat center top;
}

ul#sousmenu li#buchbinderei a:hover,
ul#sousmenu li#buchbinderei a.on {
	background: url(../images/sousmenus/buchbinderei.png) no-repeat center bottom;
}

ul#sousmenu li#fotografie a {
	width: 84px;
	background: url(../images/sousmenus/fotografie.png) no-repeat center top;
}

ul#sousmenu li#fotografie a:hover,
ul#sousmenu li#fotografie a.on {
	background: url(../images/sousmenus/fotografie.png) no-repeat center bottom;
}

ul#sousmenu li#grafik a {
	width: 58px;
	background: url(../images/sousmenus/grafik.png) no-repeat center top;
}

ul#sousmenu li#grafik a:hover,
ul#sousmenu li#grafik a.on {
	background: url(../images/sousmenus/grafik.png) no-repeat center bottom;
}

ul#sousmenu li#zeichnungen a {
	width: 104px;
	background: url(../images/sousmenus/zeichnungen.png) no-repeat center top;
}

ul#sousmenu li#zeichnungen a:hover,
ul#sousmenu li#zeichnungen a.on {
	background: url(../images/sousmenus/zeichnungen.png) no-repeat center bottom;
}

/*ul#sousmenu li#video a {
	width: 61px;
	background: url(../images/sousmenus/video.png) no-repeat center top;
}

ul#sousmenu li#video a:hover,
ul#sousmenu li#video a.on {
	background: url(../images/sousmenus/video.png) no-repeat center bottom;	
}*/

/* CV */
ul#sousmenu li#kompetenzen a {
	width: 111px;
	background: url(../images/sousmenus/kompetenzen.png) no-repeat center top;
}

ul#sousmenu li#kompetenzen a:hover,
ul#sousmenu li#kompetenzen a.on {
	background: url(../images/sousmenus/kompetenzen.png) no-repeat center bottom;
}

ul#sousmenu li#informatik a {
	width: 92px;
	background: url(../images/sousmenus/informatik.png) no-repeat center top;
}

ul#sousmenu li#informatik a:hover,
ul#sousmenu li#informatik a.on {
	background: url(../images/sousmenus/informatik.png) no-repeat center bottom;
}

ul#sousmenu li#werdegang a {
	width: 93px;
	background: url(../images/sousmenus/werdegang.png) no-repeat center top;
}

ul#sousmenu li#werdegang a:hover,
ul#sousmenu li#werdegang a.on {
	background: url(../images/sousmenus/werdegang.png) no-repeat center bottom;
}

ul#sousmenu li#ausbildung a {
	width: 91px;
	background: url(../images/sousmenus/ausbildung.png) no-repeat center top;
}

ul#sousmenu li#ausbildung a:hover,
ul#sousmenu li#ausbildung a.on {
	background: url(../images/sousmenus/ausbildung.png) no-repeat center bottom;
}

ul#sousmenu li#pdf a {
	width: 111px;
	background: url(../images/sousmenus/lebenslauf-pdf.png) no-repeat center top;
}

ul#sousmenu li#pdf a:hover,
ul#sousmenu li#pdf a.on {
	background: url(../images/sousmenus/lebenslauf-pdf.png) no-repeat center bottom;
}