/************************************************************************
*****		CSSheet for www.vivified-photography.com				*****
*****		Created by: magnus panter (magnuspanter@gmail.com)		*****
*****		Last updated: 22.03.2009, magnus panter 				*****
*************************************************************************/

body { 
	background-color: #220033;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0; 
	margin: 0;
	z-index: 0;
	position: relative;
}

img {border: none;}

ul{list-style: none;}

a{
	text-decoration: none;
	color: #FFF;
}

/* GERMAN HEAD */
#head {
	display:block; 
	width:899; 
	height:146px; 
	background:url(../img/head.jpg); 
	background-repeat:no-repeat;
	position:relative; 
	margin:0 auto 2em auto;
	margin-bottom: 0;
}

a#lang_en {
	display:block; 
	width:62px; 
	height:0; 
	padding-top:29px; 
	overflow:hidden; 
	position:absolute;
	background-color: #220033;
}

* html a#lang_en {height:80px; he\ight:0;}

a#lang_en {
	left:787px; top:122px;
	background:transparent;
}

a#lang_en:hover {
	background:#fff url(../img/en.jpg) no-repeat 0 0;
	z-index: 2;
}

a#lang_en_ex {
	display:block; 
	width:62px; 
	height:0; 
	padding-top:29px; 
	overflow:hidden; 
	position:absolute;
	background-color: #220033;
}

* html a#lang_en_ex {height:80px; he\ight:0;}

a#lang_en_ex {
	left:787px; top:122px;
	background:transparent;
}

a#lang_en_ex:hover {
	background:#fff url(../img/en_ex.jpg) no-repeat 0 0; 
	z-index: 2;
}

a#lang_en_am {
	display:block; 
	width:62px; 
	height:0; 
	padding-top:29px; 
	overflow:hidden; 
	position:absolute;
}

* html a#lang_en_am {height:80px; he\ight:0;}

a#lang_en_am {
	left:787px; top:122px;
	background:transparent;
}

a#lang_en_am:hover {
	background:#fff url(../img/en_am.jpg) no-repeat 0 0; 
	z-index:2;
}

a#lang_en_in {
	display:block; 
	width:62px; 
	height:0; 
	padding-top:29px; 
	overflow:hidden; 
	position:absolute;
}

* html a#lang_en_in {height:80px; he\ight:0;}

a#lang_en_in {
	left:787px; top:122px;
	background:transparent;
}

a#lang_en_in:hover {
	background:#fff url(../img/en_in.jpg) no-repeat 0 0; 
	z-index:2;
}

a#index {
	display:block; 
	width:297px; 
	height:0; 
	padding-top:33px; 
	overflow:hidden; 
	position:absolute;
}

a#index {
	left:423px; top:51px;
	background:transparent;
}

/* ENGLISH HEAD */
#head_en{
	display:block; 
	width:899; 
	height:146px; 
	background:url(../img/head_en.jpg); 
	background-repeat:no-repeat; 
	position:relative; 
	margin:0 auto 2em auto;
	margin-bottom: 0;
}

a#lang_de {
	display:block; 
	width:74px; 
	height:0; 
	padding-top:19px; 
	overflow:hidden; 
	position:absolute;
}

* html a#lang_de {height:80px; he\ight:0;}

a#lang_de {
	left:786px; top:127px;
	background:transparent;
}

a#lang_de:hover {background:#fff url(../img/de.jpg) no-repeat 0 0;}

a#lang_de_in {
	display:block; 
	width:74px; 
	height:0; 
	padding-top:19px; 
	overflow:hidden; 
	position:absolute;
}

* html a#lang_de_in {height:80px; he\ight:0;}

a#lang_de_in {
	left:786px; top:127px;
	background:transparent;
}

a#lang_de_in:hover {background:#fff url(../img/de.jpg) no-repeat 0 0;}

div#left_side_main{
	width: 63px;
	height: 464px;
	display: inline;
}

/* BORDER */
div#left_side_main{
	width: 63px;
	height: 464px;
	display: inline;
}

div#inner_right{ 
	position: absolute; 
	margin-top: -464px; 
	margin-left:238px;
	background-image:url(../img/bg_inner_right.jpg);
	background-repeat: no-repeat;
	height: 464px;
/*	width: 638px;
	z-index: -1;*/
}

div#inner_right_link{ 
	position: absolute; 
	margin-top: -464px; 
	margin-left:238px;
	background-image:url(../img/bg_inner_right_1.jpg);
	background-repeat: no-repeat;
	height: 464px;
	width: 20px;
}

div#inner_right_en{ 
	position: absolute; 
	margin-top: -464px; 
	margin-left:238px;
	background-image:url(../img/bg_inner_right_en.jpg);
	background-repeat: no-repeat;
	height: 464px;
}

div#inner_right_en_gals{ 
	position: absolute; 
	margin-top: -464px; 
	margin-left:238px;
	background-image:url(../img/bg_inner_right_en.jpg);
	background-repeat: no-repeat;
	height: 464px;
}

div#inner_right_start{ 
	position: absolute; 
	margin-top: -464px; 
	margin-left:238px;
	background-image:url(../img/start.jpg);
	background-repeat: no-repeat;
	height: 464px;
	width: 638px;
}

div#inner_right_start_en{ 
	position: absolute; 
	margin-top: -464px; 
	margin-left:238px;
	background-image:url(../img/start_en.jpg);
	background-repeat: no-repeat;
	height: 464px;
	width: 638px;
}


div#inner_right_exhibit{ 
	position: absolute; 
	margin-top: -464px; 
	margin-left:238px;
	background-image:url(../img/exhibition.jpg);
	background-repeat: no-repeat;
	height: 464px;
	width: 638px;
}

div#inner_right_exhibit_en{ 
	position: absolute; 
	margin-top: -464px; 
	margin-left:238px;
	background-image:url(../img/exhibition_en.jpg);
	background-repeat: no-repeat;
	height: 464px;
	width: 638px;
}

div#inner_right_ambition{ 
	position: absolute; 
	margin-top: -464px; 
	margin-left:238px;
	background-image:url(../img/ambitions.jpg);
	background-repeat: no-repeat;
	height: 464px;
	width: 638px;
}

div#inner_right_ambition_en{ 
	position: absolute; 
	margin-top: -464px; 
	margin-left:238px;
	background-image:url(../img/ambitions_en.jpg);
	background-repeat: no-repeat;
	height: 464px;
	width: 638px;
}

div#rightborder{
	position: absolute;
	margin-top: -464px;
	margin-left: 876px;
	background-image:url(../img/bg_border_right.jpg);
	background-repeat: no-repeat;
	height: 465px;
	width: 25px;
}

div#rightborder_ie{
	position: absolute;
	margin-top: -464px;
	margin-left: 876px;
	background-image:url(../img/bg_border_right.jpg);
	background-repeat: no-repeat;
	height: 465px;
	width: 25px;
}

div#footer{
	background-image: url(../img/footer.jpg);
	background-repeat:no-repeat;
	width: 899px;
	height: 177px;
}

/* NAVIGATION GERMAN */
div#navigation{
	background-color: #6c467f;
	width: 243px;
	padding-top: 30px;
	height: 434px;
}

div#navigation ul{ background-color: #6c467f; }

div#navigation li{ margin-bottom: 30px; }

div#navigation li a.gallery{
	background-image: url(../img/navigation/gallery_de.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 175px;
	height: 38px;
	width: 175px;
}

div#navigation li a.gallery.selected, div#navigation li a:hover.gallery{background-position: 0px -38px;}

div#navigation li a.gallery.selected:hover{cursor: default;}

div#navigation li a.offer{
	background-image: url(../img/navigation/offer_de.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 175px;
	height: 38px;
	width: 175px;
}

div#navigation li a.offer.selected, div#navigation li a.offer:hover{background-position: 0px -38px;}

div#navigation li a.offer.selected:hover{cursor: default;}

div#navigation li a.exhibitions{
	background-image: url(../img/navigation/exhibitions_de.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 175px;
	height: 38px;
	width: 175px;
}

div#navigation li a.exhibitions.selected, div#navigation li a.exhibitions:hover{background-position: 0px -38px;}

div#navigation li a.exhibitions.selected:hover{cursor: default;}

div#navigation li a.references{
	background-image: url(../img/navigation/references_de.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 175px;
	height: 38px;
	width: 175px;
}

div#navigation li a.references.selected, div#navigation li a.references:hover{background-position: 0px -38px;}

div#navigation li a.references.selected:hover{cursor: default;}

div#navigation li a.ambitions{
	background-image: url(../img/navigation/ambitions_de.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 175px;
	height: 38px;
	width: 175px;
}

div#navigation li a.ambitions.selected, div#navigation li a.ambitions:hover{background-position: 0px -38px;}

div#navigation li a.ambitions.selected:hover{cursor: default;}

div#navigation li a.contact{
	background-image: url(../img/navigation/contact_de.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 175px;
	height: 38px;
	width: 175px;
}

div#navigation li a.contact.selected, div#navigation li a.contact:hover{background-position: 0px -38px;}

div#navigation li a.contact.selected:hover{cursor: default;}

div#navigation li a.impress{
	background-image: url(../img/navigation/impress_de.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 175px;
	height: 38px;
	width: 175px;
}

div#navigation li a.impress.selected, div#navigation li a.impress:hover{background-position: 0px -38px;}

div#navigation li a.impress.selected:hover{cursor: default;}

/* NAVIGATION ENGLISH */
div#navigation li a.gallery_en{
	background-image: url(../img/navigation/gallery_en.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 175px;
	height: 38px;
	width: 175px;
}

div#navigation li a.gallery_en.selected, div#navigation li a.gallery_en:hover{background-position: 0px -38px;}

div#navigation li a.gallery_en.selected:hover{cursor: default;}

div#navigation li a.offer_en{
	background-image: url(../img/navigation/offer_en.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 175px;
	height: 38px;
	width: 175px;
}

div#navigation li a.offer_en.selected, div#navigation li a.offer_en:hover{background-position: 0px -38px;}

div#navigation li a.offer_en.selected:hover{cursor: default;}

div#navigation li a.exhibitions_en{
	background-image: url(../img/navigation/exhibitions_en.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 175px;
	height: 38px;
	width: 175px;
}

div#navigation li a.exhibitions_en.selected, div#navigation li a.exhibitions_en:hover{background-position: 0px -38px;}

div#navigation li a.exhibitions_en.selected:hover{cursor: default;}

div#navigation li a.references_en{
	background-image: url(../img/navigation/references_en.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 175px;
	height: 38px;
	width: 175px;
}

div#navigation li a.references_en.selected, div#navigation li a.references_en:hover{background-position: 0px -38px;}

div#navigation li a.references_en.selected:hover{cursor: default;}

div#navigation li a.ambitions_en{
	background-image: url(../img/navigation/ambitions_en.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 175px;
	height: 38px;
	width: 175px;
}

div#navigation li a.ambitions_en.selected, div#navigation li a.ambitions_en:hover{background-position: 0px -38px;}

div#navigation li a.ambitions_en.selected:hover{cursor: default;}

div#navigation li a.contact_en{
	background-image: url(../img/navigation/contact_en.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 175px;
	height: 38px;
	width: 175px;
}

div#navigation li a.contact_en.selected, div#navigation li a.contact_en:hover{background-position: 0px -38px;}

div#navigation li a.contact_en.selected:hover{cursor: default;}

div#navigation li a.impress_en{
	background-image: url(../img/navigation/impress_en.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 175px;
	height: 38px;
	width: 175px;
}

div#navigation li a.impress_en.selected, div#navigation li a.impress_en:hover{background-position: 0px -38px;}

div#navigation li a.impress_en.selected:hover{cursor: default;}

/*CONTENT*/
div#content{
	float: left;
	padding-top: 110px;
	margin-left: 57px;
	width: 621px;
	height: 5px;
}

div#content_gals{
	float: left;
	margin-top: -338px; 
	margin-left: 295px; 
	width: 550px;
}

div#content_offer{
	float: left; 
	margin-top: -438px; 
	margin-left: 295px; 
	width: 550px;
}

div#contenttext{
	float: left;
	padding-top: 10px;
	margin-left: 57px;
	width: 550px;
}

div#contenttext ul{ list-style: disc;}

div#contenttext ul li{ vertical-align:middle;
	line-height: 20px;}

/* GALLERY GERMAN */
a.abstract{
	background-image:url(../img/gallery/abstract_de.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
}

a.abstract:hover{background-position: 0px -103px;}

a.arch{
	background-image:url(../img/gallery/architecture_de.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
	margin-left: 52px;
}

a.arch:hover{background-position: 0px -103px;}

a.city{
	background-image:url(../img/gallery/city_de.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
	margin-left: 52px;
}

a.city:hover{background-position: 0px -103px;}

a.macro{
	background-image:url(../img/gallery/macro_de.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
}

a.macro:hover{background-position: 0px -103px;}

a.land{
	background-image:url(../img/gallery/land_de.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
	margin-left: 52px;
}

a.land:hover{background-position: 0px -103px;}

a.else{
	background-image:url(../img/gallery/else_de.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
	margin-left: 52px;
}

a.else:hover{background-position: 0px -103px;}

a.people{
	background-image:url(../img/gallery/people_de.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
	margin-left: 0;
}

a.people:hover{background-position: 0px -103px;}

/* GALLERY ENGLISH */
div#content a.abstract_en{
	background-image:url(../img/gallery/abstract_en.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
}

div#content a.abstract_en:hover{background-position: 0px -103px;}

div#content a.arch_en{
	background-image:url(../img/gallery/architecture_en.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
	margin-left: 52px;
}

div#content a.arch_en:hover{background-position: 0px -103px;}

a.city_en{
	background-image:url(../img/gallery/city_en.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
	margin-left: 52px;
}

a.city_en:hover{background-position: 0px -103px;}

div#content a.macro_en{
	background-image:url(../img/gallery/macro_en.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
}

div#content a.macro_en:hover{background-position: 0px -103px;}

div#content a.land_en{
	background-image:url(../img/gallery/land_en.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
	margin-left: 52px;
}

div#content a.land_en:hover{background-position: 0px -103px;}

div#content a.else_en{
	background-image:url(../img/gallery/else_en.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
	margin-left: 52px;
}

div#content a.else_en:hover{background-position: 0px -103px;}

a.people_en{
	background-image:url(../img/gallery/people_en.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
	margin-left: 0;
}

a.people_en:hover{background-position: 0px -103px;}

div.middle{margin: 135px 0 55px;}

div.bottom{margin: 135px 0 0;}

/* OFFER */
a.wedding{
	background-image:url(../img/offer/wedding_de.jpg);
	background-repeat: no-repeat;
	padding-top: 87px;
	padding-right: 136px;
	width: 141px;
	height: 105px;
}

a.wedding:hover{background-position: 0px -103px;}

div#contenttext a.wedding_en{
	background-image:url(../img/offer/wedding_en.jpg);
	background-repeat: no-repeat;
	padding-top: 87px;
	padding-right: 136px;
	width: 141px;
	height: 105px;
}

div#contenttext a.wedding_en:hover{background-position: 0px -103px;}

a.concert{
	background-image:url(../img/offer/concert_de.jpg);
	background-repeat: no-repeat;
	padding-top: 87px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
	margin-left: 52px;
}

a.concert:hover{background-position: 0px -103px;}

a.portrait{
	background-image:url(../img/offer/portrait_de.jpg);
	background-repeat: no-repeat;
	padding-top: 87px;
	padding-right: 136px;
	width: 141px;
	height: 206px;
	margin-left: 52px;
}

a.portrait:hover{background-position: 0px -103px;}

/* REFERENCES GERMAN */
a.cross{
	background-image:url(../img/references/de/cross.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 103px;
}

a.cross:hover{background-position: 0px -103px;}

a.uni{
	background-image:url(../img/references/de/uni.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 103px;
	margin-left: 52px;
}
a.uni:hover{background-position: 0px -103px;}

a.ngn{
	background-image:url(../img/references/de/ngn.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 103px;
	margin-left: 52px;
}

a.ngn:hover{background-position: 0px -103px;}

a.curt{
	background-image:url(../img/references/de/curt.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 103px;
}

a.curt:hover{background-position: 0px -103px;}
a.tatva{
	background-image:url(../img/references/de/tatva.jpg);
	background-repeat: no-repeat;
	padding-top: 86px;
	padding-right: 136px;
	width: 141px;
	height: 103px;
	margin-left: 52px;
}
a.tatva:hover{background-position: 0px -103px;}

/* ELSE */
p.signet{ padding-top: 15px;}

a.mail:hover{ text-decoration: underline; }

/* LIGHTBOX */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox img{
	width: auto;
	height: auto;
}

#lightbox a img{ border: none; }

#outerImageContainer{ 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto;
}

#imageContainer{ padding: 10px; }

#loading{ 
	position: absolute; 
	top: 40%; left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0;
}

#hoverNav{ 
	position: absolute; 
	top: 0; left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{ 
	width: 49%; 
	height: 100%; 
	background-image: url(data:img/gif;base64,AAAA); /* Trick IE into showing hover */ 
	display: block; 
}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%;
}

#imageData{	
	padding:0 10px; 
	color: #666; 
}

#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}

#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
}	 	

#overlay{ 
	position: absolute; 
	top: 0; left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; 
}

div#head_en a img{
	margin-left: 787px;
	margin-top: 127px;
}

div#head a img{
	margin-left: 787px;
	margin-top: 127px;
}