@charset "utf-8";

/* ============================================
   hochzeitsfotograf-hamburg.de Stylesheet
   14.09.2009
   (c) www.sbihl.de
   ============================================ */

/* Navigationen
-----------------------------------------------*/
#menu ul {
	height: 31px;
	margin: 51px 0 0 232px;
	padding: 0;
}
#menu li {
	display: inline;
	float: left;
	height: 31px;
	line-height: 31px;
	list-style: none;
	text-indent: -9999px;
	margin: 0;
}
#menu li a,
#menu li a:visited {
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	color: #fff;
	display: block;
	height: 31px;
}
#menu li a.selected,
#menu li a:visited.selected  {
	background-position: 0 -140px;
	color: #f20ca1;
}
#menu li a:hover {
	background-position: 0 -70px;
	color: #f20ca1;
}
li#de1 a {
	background-image: url(nav/portfolio.png);
	width: 61px;
}
li#de2 a {
	background-image: url(nav/vita.png);
	width: 35px;
}
li#de3 a {
	background-image: url(nav/leistungen.png);
	width: 66px;
}
li#de4 a {
	background-image: url(nav/kundengalerie.png);
	width: 83px;
}
li#de5 a {
	background-image: url(nav/neues.png);
	width: 43px;
}
li#de6 a {
	background-image: url(nav/kontakt.png);
	width: 54px;
}



/* Portfolio
-----------------------------------------------*/
ul#portfolio2nd {
	height: 31px;
	margin: 0 0 0 248px;
	padding: 0;
}
ul#portfolio2nd li {
	display: inline;
	float: left;
	height: 31px;
	line-height: 31px;
	list-style: none;
	text-indent: -9999px;
	margin: 0;
}
ul#portfolio2nd li a,
ul#portfolio2nd li a:visited {
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	color: #fff;
	display: block;
	height: 31px;
	padding: 0 1px;
}
ul#portfolio2nd li a.selected,
ul#portfolio2nd li a:visited.selected  {
	background-position: 0 -124px;
	color: #f20ca1;
}
ul#portfolio2nd li a:hover {
	background-position: 0 -62px;
	color: #f20ca1;
}
li#port_de1 a {
	background-image: url(nav/portrait.png);
	width: 56px;
}
li#port_de2 a {
	background-image: url(nav/reportage.png);
	width: 63px;
}
li#port_de3 a {
	background-image: url(nav/details.png);
	width: 48px;
}
li#port_de4 a {
	background-image: url(nav/photobooth.png);
	width: 72px;
}
li#port_de5 a {
	background-image: url(nav/engagement.png);
	width: 72px;
}

/* Leistungen
-----------------------------------------------*/
ul#leistungen2nd {
	height: 31px;
	margin: 0 0 0 222px;
	padding: 0;
}
ul#leistungen2nd li {
	display: inline;
	float: left;
	height: 31px;
	line-height: 31px;
	list-style: none;
	text-indent: -9999px;
	margin: 0;
}
ul#leistungen2nd li a,
ul#leistungen2nd li a:visited {
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	color: #fff;
	display: block;
	height: 31px;
	padding: 0 0px;
}
ul#leistungen2nd li a.selected,
ul#leistungen2nd li a:visited.selected  {
	background-position: 0 -124px;
	color: #f20ca1;
}
ul#leistungen2nd li a:hover {
	background-position: 0 -62px;
	color: #f20ca1;
}
li#leis_de1 a {
	background-image: url(nav/reportage.png);
	width: 63px;
}
li#leis_de2 a {
	background-image: url(nav/portrait.png);
	width: 56px;
}
li#leis_de3 a {
	background-image: url(nav/engagement.png);
	width: 72px;
}
li#leis_de4 a {
	background-image: url(nav/photobooth.png);
	width: 72px;
}
li#leis_de5 a {
	background-image: url(nav/alben.png);
	width: 44px;
}
li#leis_de6 a {
	background-image: url(nav/karten.png);
	width: 48px;
}


/* Vita
-----------------------------------------------*/
ul#vita2nd {
	height: 31px;
	margin: 0 0 0 318px;
	padding: 0;
}
ul#vita2nd li {
	display: inline;
	float: left;
	height: 31px;
	line-height: 31px;
	list-style: none;
	text-indent: -9999px;
	margin: 0;
}
ul#vita2nd li a,
ul#vita2nd li a:visited {
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	color: #fff;
	display: block;
	height: 31px;
	padding: 0 8px;
}
ul#vita2nd li a.selected,
ul#vita2nd li a:visited.selected  {
	background-position: 0 -124px;
	color: #f20ca1;
}
ul#vita2nd li a:hover {
	background-position: 0 -62px;
	color: #f20ca1;
}
li#vita_de1 a {
	background-image: url(nav/arbeitsweise.png);
	width: 76px;
}
li#vita_de2 a {
	background-image: url(nav/referenzen.png);
	width: 67px;
}


/* Kundengalerie
-----------------------------------------------*/
ul#kundengalerie2nd {
	height: 31px;
	/*margin: 0 0 0 315px;*/
	margin: 0 0 0 360px;
	padding: 0;
}
ul#kundengalerie2nd li {
	display: inline;
	float: left;
	height: 31px;
	line-height: 31px;
	list-style: none;
	text-indent: -9999px;
	margin: 0;
}
ul#kundengalerie2nd li a,
ul#kundengalerie2nd li a:visited {
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	color: #fff;
	display: block;
	height: 31px;
	padding: 0 8px;
}
ul#kundengalerie2nd li a.selected,
ul#kundengalerie2nd li a:visited.selected  {
	background-position: 0 -124px;
	color: #f20ca1;
}
ul#kundengalerie2nd li a:hover {
	background-position: 0 -62px;
	color: #f20ca1;
}
li#kgal_de1 a {
	background-image: url(nav/slideshow.png);
	width: 65px;
}
li#kgal_de2 a {
	background-image: url(nav/fotos-ordern.png);
	width: 79px;
}


/* Kontakt
-----------------------------------------------*/
ul#kontakt2nd {
	height: 31px;
	margin: 0 0 0 350px;
	padding: 0;
}
ul#kontakt2nd li {
	display: inline;
	float: left;
	height: 31px;
	line-height: 31px;
	list-style: none;
	text-indent: -9999px;
	margin: 0;
}
ul#kontakt2nd li a,
ul#kontakt2nd li a:visited {
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	color: #fff;
	display: block;
	height: 31px;
	padding: 0;
}
ul#kontakt2nd li a.selected,
ul#kontakt2nd li a:visited.selected  {
	background-position: 0 -124px;
	color: #f20ca1;
}
ul#kontakt2nd li a:hover {
	background-position: 0 -62px;
	color: #f20ca1;
}
li#kont_de1 a {
	background-image: url(nav/kontaktformular.png);
	width: 100px;
}