

	* {
		border:0;
		margin:0;
		padding:0;
		font-weight:normal;
	}
	
	html, body {
		width:100%;
		height:100%;
	}
	
	body {
		background:#333;
	}
	
	hr, .hidden {
		display:none;
	}
	
	a {
		outline:0;
	}
	
	
	
	
	
	div#container {
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-267px;
		margin-left:-390px;
		width:780px;
		height:533px;
		background:#000;
		z-index:2;
	}
	
	
	
	div#head {
		position:absolute;
		top:31px;
		left:23px;
		width:735px;
	}
	
	h1 {
		position:absolute;
		left:0;
		top:0;
		width:210px;
		height:12px;
		overflow:hidden;
	}
	
	h1 a {
		display: block;
		width: 210px;
		height: 12px;
		overflow: hidden;
		text-indent: -200000em;
		background: url(/imgs/nacht/b_h1.gif) no-repeat left top;
	}
	
	h1 a:hover {
		background-position: left bottom;
	}
	
	ul#nav {
		position:absolute;
		right:0;
		top:0;
		width:358px;
		height:12px;
		overflow:hidden;
		list-style:none;
	}
	
	ul#nav li {
		display:block;
		float:left;
		height:12px;
	}
	
	ul#nav li a {
		background-repeat:no-repeat;
		background-position:0 0;
		text-indent:-200000em;
		display:block;
		float:left;
		height:12px;
		opacity:0.3;
		-moz-opacity:0.3;
		filter:Alpha(opacity=30);
	}
	
	ul#nav li a.active {
		background-position:0 -12px;
		opacity:0.99999;
		-moz-opacity:0.99999;
		filter:Alpha(opacity=100);
	}
	
	ul#nav li a:hover {
		background-position:0 0 !important;
		opacity:0.99999;
		-moz-opacity:0.99999;
		filter:Alpha(opacity=100);
	}
	
	a#b_art {
		background-image:url(/imgs/nacht/b_art.gif);
		width:27px;
	}
	
	a#b_architecture {
		background-image:url(/imgs/nacht/b_architecture.gif);
		width:103px;
	}
	
	a#b_travel {
		background-image:url(/imgs/nacht/b_travel.gif);
		width:52px;
	}
	
	a#b_nature {
		background-image:url(/imgs/nacht/b_nature.gif);
		width:55px;
	}
	
	a#b_motion {
		background-image:url(/imgs/nacht/b_motion.gif);
		width:52px;
	}
	
	a#b_lifestyle {
		background-image:url(/imgs/nacht/b_lifestyle.gif);
		width:69px;
	}
	
	
	
	
	div#imgcontainer {
		position:absolute;
		top:75px;
		left:23px;
		width:735px;
		height:389px;
		overflow:hidden;
		z-index:1;
	}
	
	div#prevnext {
		position:absolute;
		top:75px;
		left:23px;
		width:735px;
		height:389px;
		overflow:hidden;
		z-index:2;
	}

	
	div#prevnext a#go_next {
		display:block;
		float:right;
		width:367px;
		height:389px;
		overflow:hidden;
		text-indent:-200000em;
		background:url(/imgs/nacht/bg_next.png) no-repeat top right;
	}
	
	div#prevnext a#go_prev {
		display:block;
		float:left;
		width:367px;
		height:389px;
		overflow:hidden;
		text-indent:-200000em;
		background:url(/imgs/nacht/bg_prev.png) no-repeat top left;
	}
	
	div#imgs {
		position:absolute;
		top:0;
		left:0;
	}
	
	div#imgs div {
		width:735px;
		height:389px;
		float:left;
		text-align:center;
		overflow:hidden;
	}
	
	
	
	
	
	
	
	div#thumbscontainer {
		position:absolute;
		top:486px;
		left:22px;
		width:735px;
		height:25px;
		overflow:hidden;
	}
	
	div#thumbscontainer a {
		line-height:23px;
		display:block;
		float:left;
		width:23px;
		height:23px;
		margin-right:10px;
		opacity:0.5;
		-moz-opacity:0.5;
		filter:Alpha(opacity=50);
		border:1px solid #fff;
	}
	
	div#thumbscontainer a:hover,
	div#thumbscontainer a.active {
		opacity:0.99999;
		-moz-opacity:0.99999;
		filter:Alpha(opacity=100);
	}
	
	div#thumbscontainer a img {
		width:23px;
		height:23px;
	}
	
	
	
	
	
	
	
	
	
	
	div#loading {
		position:absolute;
		top:75px;
		left:23px;
		width:735px;
		height:389px;
		overflow:hidden;
		z-index:1;
		background:#000 url(/imgs/nacht/bg_loading.gif) center center no-repeat;
	}
	
	span#loading-percentage {
		display:block;
		text-align:center;
		color:#5B5B5B;
		padding-top:215px;
		padding-left:349px;
		width:36px;
		font-family:arial,helvetica,sans-serif;
		font-size:9px;
	}
	
	
	
	
	
	
	div#imprintcontainer {
		position:absolute;
		bottom:0;
		left:50%;
		width:55px;
		margin-left:-28px;
		text-align:center;
		padding:8px 0;
		overflow:hidden;
		z-index:6;
	}
	
	div#imprintcontainer a {
		display: block;
		height: 10px;
		overflow: hidden;
		text-indent: -200000em;
		background: url(/imgs/nacht/b_contact.gif) no-repeat left top;
		width: 55px;
	}
	
	div#imprintcontainer a:hover {
		background-position: left bottom;
	}
	
	div#imprint, div#vita {
		position:absolute;
		top:75px;
		left:23px;
		width:735px;
		height:359px;
		overflow:hidden;
		z-index:5;
		padding-top:30px;
		line-height:18px;
	}
	
	div#imprint h2, div#vita h2 {
		display:none;
	}
	
	div#imprint div.first, div#vita div.first {
		width:49%;
		float:left;
	}
	
	div#imprint div.second, div#vita div.second {
		width:49%;
		float:right;
	}
	
	div#imprint h3, div#vita h3 {
		height:10px;
		width:250px;
		overflow:hidden;
		text-indent:-200000em;
		background-repeat:no-repeat;
		margin-bottom:8px;
	}
		
	h3#h_photographie {
		background-image:url(/imgs/nacht/bg_h_photographie.gif);
	}
	
	h3#h_webdesign {
		background-image:url(/imgs/nacht/bg_h_webdesign.gif);
	}
	
	h3#h_haftungsausschluss {
		background-image:url(/imgs/nacht/bg_h_haftungsausschluss.gif);
	}
	
	h3#h_kontakt {
		background-image:url(/imgs/nacht/bg_h_kontakt.gif);
	}
	
	h3#h_awards {
		background-image:url(/imgs/nacht/bg_h_awards.gif);
	}
	
	h3#h_exhibitions {
		background-image:url(/imgs/nacht/bg_h_exhibitions.gif);
	}
	
	h3#h_vita {
		background-image:url(/imgs/nacht/bg_h_vita.gif);
	}
	
	
	div#imprint *, div#vita * {
		color:#666;
		font-family:arial,helvetica,sans-serif;
		font-size:11px;
		font-style:normal;
		text-decoration:none;
	}
	
	div#vita table {
		margin-bottom: 15px;
		margin-top: 5px;
	}
	
	div#vita table * {
		line-height: 140%;
	}
	
	div#vita table th, div#vita table td {
		vertical-align: top;
	}
	
	div#vita table th {
		padding-right: 5px;
	}
	
	div#imprint div#container_photographie {
		position:absolute;
		top:30px;
		left:0;
		width:370px;
	}
	
	div#imprint div#container_webdesign {
		position:absolute;
		top:210px;
		width:370px;
	}
	
	div#imprint div#container_kontakt {
		position:absolute;
		top:210px;
		left:368px;
		width:370px;
	}
	
	div#imprint div#container_haftungsausschluss {
		position:absolute;
		top:30px;
		left:368px;
		width:370px;
	}
	
	div#imprint a:hover {
		color:#fff;
	}
	
	
	
	form#kontaktformular {
		margin-top:7px;
	}
	
	form#kontaktformular p {
		height:30px;
		clear:both;
	}
	
	form#kontaktformular p.msg {
		height:85px;
	}
	
	form#kontaktformular label {
		display:block;
		width:55px;
		float:left;
	}
	
	form#kontaktformular input,
	form#kontaktformular textarea {
		float:left;
		width:280px;
		background:#222;
		padding:2px;
		color:#666;
		font-size:9px;
	}
	
	form#kontaktformular textarea {
		height:70px;
	}
	
	form#kontaktformular input.submit {
		margin-left:55px;
		width:auto;
		padding:2px 6px;
	}
	
	form#kontaktformular input:focus,
	form#kontaktformular textarea:focus,
	form#kontaktformular input.submit:hover {
		background:#333;
		color:#fff;
	}
	
	
	
	
	div#switchcontainer {
		position:absolute;
		right:22px;
		top:500px;
		float:right:
		width:auto;
	}
	
	a#b_daynight {
		position:absolute;
		top:0;
		right:0;
		overflow:hidden;
		text-indent:-200000em;
		height:12px;
		width:25px;
		background:url(/imgs/nacht/b_daynight.gif) no-repeat;
		opacity:0.3;
		-moz-opacity:0.3;
		filter:Alpha(opacity=30);
	}
	
	a#b_daynight:hover {
		opacity:0.99999;
		-moz-opacity:0.99999;
		filter:Alpha(opacity=100);
	}

