* {
margin:		0;
padding:	0;
}


html {
color: 		#000;
font: 		70%/1.2 verdana, arial, helvetica, sans-serif;
}

a {
outline: none;
color: #9a9a9a;
font-weight:normal;
text-decoration:none;
}

a:hover, a:focus {
color: #000;
text-decoration:none;
}


body {
text-align:		center;
}


div#haupt {
position:	absolute;
top:		70px;
left:		70px;
width:		800px;
text-align:		left;
}

div#logo  {
height:			19px;
width:			283px;
}

div#nav {
position:	relative;
top:		55px;
}

div#nav ul {
list-style:		none;
position:		absolute;
}

div#nav li {
display:		block;
height:		8px;
width:		119px;
margin-bottom:	15px;
border: 0px solid red;
font-size:	5px;
}

div#nav li a, div#nav-1 li, div#nav-1 li a  {
display:		block;
height:			8px;
text-decoration:	none;
text-indent:		-999em;
font-size:	5px;
}


div#nav-1 {
position:	absolute;
top:		0px;
width:		119px;
height:		8px;
}

	div#subnav_portrait {
	position:	relative;
	top:		0px;
	left:	 100px;
	font-size: 5px;	
	}
	
	
	div#subnav_werbung {
	position:	relative;
	top:		22px;
	left:	100px;
	font-size:5px;	
	}
	
	div#subnav_reportage {
	position:	relative;
	top:		46px;
	left:	100px;
	font-size:5px;	
	}
	
	div#subnav_projekte {
	position:	relative;
	top:		70px;
	left:	100px;
	font-size:5px;	
	}

	div#subnav_portrait li, div#subnav_werbung li, div#subnav_reportage li, div#subnav_werbung li, div#subnav_projekte li {
	height:		8px;
	width:		17px;
	margin-bottom:	0px;
	float:	left;
	}


div#nav-2 {
position:	absolute;
top:		117px;
width:		119px;
}

div#nav-3 {
position:	absolute;
top:		188px;
width:		119px;
}

/*  NAVIGATION */
div#nav-1 li#portrait a {
background:	url(images/nav_portrait.gif);
}
div#nav-1 li#portrait a:focus, div#nav-1 li#portrait a:hover, div#nav-1 li#portrait a:active {
background:	url(images/nav_portrait_over.gif);
}
div#nav-1 li#portrait  {
background:	url(images/nav_portrait_over.gif);
}

	/*  SUB-NAVIGATION Portrait*/
	div#subnav_portrait li#portrait_1 a {
	background:	url(images/nav_1.gif);
	}
	div#subnav_portrait li#portrait_1 a:focus, div#subnav_portrait li#portrait_1 a:hover, div#subnav_portrait li#portrait_1 a:active {
	background:	url(images/nav_1_over.gif);
	}
	div#subnav_portrait li#portrait_1  {
	background:	url(images/nav_1_over.gif);
	text-decoration:	none;
	text-indent:		-999em;
	}
	
	div#subnav_portrait li#portrait_2 a {
	background:	url(images/nav_2.gif);
	}
	div#subnav_portrait li#portrait_2 a:focus, div#subnav_portrait li#portrait_2 a:hover, div#subnav_portrait li#portrait_2 a:active {
	background:	url(images/nav_2_over.gif);
	}
	div#subnav_portrait li#portrait_2  {
	background:	url(images/nav_2_over.gif);
	text-decoration:	none;
	text-indent:		-999em;	
	}
	
	div#subnav_portrait li#portrait_3 a {
	background:	url(images/nav_3.gif);
	}
	div#subnav_portrait li#portrait_3 a:focus, div#subnav_portrait li#portrait_3 a:hover, div#subnav_portrait li#portrait_3 a:active {
	background:	url(images/nav_3_over.gif);
	}
	div#subnav_portrait li#portrait_3  {
	background:	url(images/nav_3_over.gif);
	text-decoration:	none;
	text-indent:		-999em;	
	}		
	/*  ENDE - SUB-NAVIGATION Portrait*/


div#nav-1 li#werbung a {
background:	url(images/nav_werbung.gif);
}
div#nav-1 li#werbung a:focus, div#nav-1 li#werbung a:hover, div#nav-1 li#werbung a:active {
background:	url(images/nav_werbung_over.gif);
}
div#nav-1 li#werbung  {
background:	url(images/nav_werbung_over.gif);
}

	/*  SUB-NAVIGATION Werbung*/
	div#subnav_werbung li#werbung_1 a {
	background:	url(images/nav_1.gif);
	}
	div#subnav_werbung li#werbung_1 a:focus, div#subnav_werbung li#werbung_1 a:hover, div#subnav_werbung li#werbung_1 a:active {
	background:	url(images/nav_1_over.gif);
	}
	div#subnav_werbung li#werbung_1  {
	background:	url(images/nav_1_over.gif);
	text-decoration:	none;
	text-indent:		-999em;
	}
	
	div#subnav_werbung li#werbung_2 a {
	background:	url(images/nav_2.gif);
	}
	div#subnav_werbung li#werbung_2 a:focus, div#subnav_werbung li#werbung_2 a:hover, div#subnav_werbung li#werbung_2 a:active {
	background:	url(images/nav_2_over.gif);
	}
	div#subnav_werbung li#werbung_2  {
	background:	url(images/nav_2_over.gif);
	text-decoration:	none;
	text-indent:		-999em;	
	}
	
	div#subnav_werbung li#werbung_3 a {
	background:	url(images/nav_3.gif);
	}
	div#subnav_werbung li#werbung_3 a:focus, div#subnav_werbung li#werbung_3 a:hover, div#subnav_werbung li#werbung_3 a:active {
	background:	url(images/nav_3_over.gif);
	}
	div#subnav_werbung li#werbung_3  {
	background:	url(images/nav_3_over.gif);
	text-decoration:	none;
	text-indent:		-999em;	
	}		
	/*  ENDE - SUB-NAVIGATION Werbung*/


div#nav-1 li#reportage a {
background:	url(images/nav_reportage.gif);
}
div#nav-1 li#reportage a:focus, div#nav-1 li#reportage a:hover, div#nav-1 li#reportage a:active {
background:	url(images/nav_reportage_over.gif);
}
div#nav-1 li#reportage  {
background:	url(images/nav_reportage_over.gif);
}

	/*  SUB-NAVIGATION reportage*/
	div#subnav_reportage li#reportage_1 a {
	background:	url(images/nav_1.gif);
	}
	div#subnav_reportage li#reportage_1 a:focus, div#subnav_reportage li#reportage_1 a:hover, div#subnav_reportage li#reportage_1 a:active {
	background:	url(images/nav_1_over.gif);
	}
	div#subnav_reportage li#reportage_1  {
	background:	url(images/nav_1_over.gif);
	text-decoration:	none;
	text-indent:		-999em;
	}
	
	div#subnav_reportage li#reportage_2 a {
	background:	url(images/nav_2.gif);
	}
	div#subnav_reportage li#reportage_2 a:focus, div#subnav_reportage li#reportage_2 a:hover, div#subnav_reportage li#reportage_2 a:active {
	background:	url(images/nav_2_over.gif);
	}
	div#subnav_reportage li#reportage_2  {
	background:	url(images/nav_2_over.gif);
	text-decoration:	none;
	text-indent:		-999em;	
	}
	
	div#subnav_reportage li#reportage_3 a {
	background:	url(images/nav_3.gif);
	}
	div#subnav_reportage li#reportage_3 a:focus, div#subnav_reportage li#reportage_3 a:hover, div#subnav_reportage li#reportage_3 a:active {
	background:	url(images/nav_3_over.gif);
	}
	div#subnav_reportage li#reportage_3  {
	background:	url(images/nav_3_over.gif);
	text-decoration:	none;
	text-indent:		-999em;	
	}		
	/*  ENDE - SUB-NAVIGATION reportage*/
	
	
div#nav-1 li#projekte a {
background:	url(images/nav_projekte.gif);
}
div#nav-1 li#projekte a:focus, div#nav-1 li#projekte a:hover, div#nav-1 li#projekte a:active {
background:	url(images/nav_projekte_over.gif);
}
div#nav-1 li#projekte  {
background:	url(images/nav_projekte_over.gif);
}

	/*  SUB-NAVIGATION projekte*/
	div#subnav_projekte li#projekte_1 a {
	background:	url(images/nav_1.gif);
	}
	div#subnav_projekte li#projekte_1 a:focus, div#subnav_projekte li#projekte_1 a:hover, div#subnav_projekte li#projekte_1 a:active {
	background:	url(images/nav_1_over.gif);
	}
	div#subnav_projekte li#projekte_1  {
	background:	url(images/nav_1_over.gif);
	text-decoration:	none;
	text-indent:		-999em;
	}
	
	div#subnav_projekte li#projekte_2 a {
	background:	url(images/nav_2.gif);
	}
	div#subnav_projekte li#projekte_2 a:focus, div#subnav_projekte li#projekte_2 a:hover, div#subnav_projekte li#projekte_2 a:active {
	background:	url(images/nav_2_over.gif);
	}
	div#subnav_projekte li#projekte_2  {
	background:	url(images/nav_2_over.gif);
	text-decoration:	none;
	text-indent:		-999em;	
	}
	
	div#subnav_projekte li#projekte_3 a {
	background:	url(images/nav_3.gif);
	}
	div#subnav_projekte li#projekte_3 a:focus, div#subnav_projekte li#projekte_3 a:hover, div#subnav_projekte li#projekte_3 a:active {
	background:	url(images/nav_3_over.gif);
	}
	div#subnav_projekte li#projekte_3  {
	background:	url(images/nav_3_over.gif);
	text-decoration:	none;
	text-indent:		-999em;	
	}		
	/*  ENDE - SUB-NAVIGATION projekte*/


div#nav-2 li#lightbox a {
background:	url(images/nav_lightbox.gif);
}
div#nav-2 li#lightbox a:focus, div#nav-2 li#lightbox a:hover, div#nav-2 li#lightbox a:active {
background:	url(images/nav_lightbox_over.gif);
}
div#nav-2 li#lightbox  {
background:	url(images/nav_lightbox_over.gif);
text-decoration:	none;
text-indent:		-999em;	
}


div#nav-2 li#download a {
background:	url(images/nav_download.gif);
}
div#nav-2 li#download a:focus, div#nav-2 li#download a:hover, div#nav-2 li#download a:active {
background:	url(images/nav_download_over.gif);
}
div#nav-2 li#download  {
background:	url(images/nav_download_over.gif);
text-decoration:	none;
text-indent:		-999em;	
}



	/*   LIGHTBOX ZÄHLER */
div#lightbox_counter {
position:	relative;
width: 30px;
height: 14px;

top:116px !important; 

top:114px; /* nur für den IE */


left:	80px;
font-weight: normal;
font-size:10px;
vertical-align:text-top;
line-height: 8px;
}


div#nav-3 li#kunden a {
background:	url(images/nav_kunden.gif);
}
div#nav-3 li#kunden a:focus, div#nav-3 li#kunden a:hover, div#nav-3 li#kunden a:active {
background:	url(images/nav_kunden_over.gif);
}
div#nav-3 li#kunden  {
background:	url(images/nav_kunden_over.gif);
text-decoration:	none;
text-indent:		-999em;	
}


div#nav-3 li#selbstportrait a {
background:	url(images/nav_selbstportrait.gif);
}
div#nav-3 li#selbstportrait a:focus, div#nav-3 li#selbstportrait a:hover, div#nav-3 li#selbstportrait a:active {
background:	url(images/nav_selbstportrait_over.gif);
}
div#nav-3 li#selbstportrait  {
background:	url(images/nav_selbstportrait_over.gif);
text-decoration:	none;
text-indent:		-999em;	
}


div#nav-3 li#kontakt_impressum a {
background:	url(images/nav_kontakt_impressum.gif);
height:		22px;
}
div#nav-3 li#kontakt_impressum a:focus, div#nav-3 li#kontakt_impressum a:hover, div#nav-3 li#kontakt_impressum a:active {
background:	url(images/nav_kontakt_impressum_over.gif);
height:		22px;
}
div#nav-3 li#kontakt_impressum  {
background:	url(images/nav_kontakt_impressum_over.gif);
text-decoration:	none;
text-indent:		-999em;	
height:		22px;
}

/* ENDE NAVIGATION */


div#allebilder {
position:	absolute;
top:		75px;
width: 700px;
left:		180px;
float: left;
border: 0px solid blue;
}

div#bildergross { 
clear: left;
display: block;
position:	relative;
border: 0px solid red;
top: 20px;
margin-bottom:	45px;
}


div#lightboxlinks { 
clear: left;
display: block;
position:	relative;
top: 20px;
margin-bottom:	45px;
}

div#lightboxlinks  a { 
line-height: 20px;
}

div#lightboxleer { 
position:	absolute;
top:		72px;
left:		180px;
font-size:11px;
line-height: 13px;
}

div#downloads {
position:	absolute;
top:		72px;
left:		180px;
float: left;
font-size:12px;
line-height: 14px;
}

div#downloads p {
font-size:10px;
color:#9c9c9c;
}

div#kundencontent1 {
position:	absolute;
top:		72px;
left:		180px;
float: left;
font-size:11px;
line-height: 13px;
}

div#kundencontent2 {
position:	absolute;
top:		72px;
left:		450px;
float: left;
font-size:11px;
line-height: 13px;
}

div#selbstportraitcontent {
position:	absolute;
top:		72px;
left:		180px;
float: left;
font-size:11px;
line-height: 13px;
}

div#kontaktcontent {
position:	absolute;
top:		68px;
left:		180px;
float: left;
}

div#kontaktcontent p {
font-size:11px;
line-height: 14px;
font-weight:normal;
}

div#kontaktcontent h1 {
font-size:11px;
line-height: 22px;
font-weight:bold;
}