@charset "UTF-8";

/****************************************************************  all  */

html, body, span, a, table, td, th, form, textarea, input, h1, h2, h3, h4, p, ul, ol, li, label, select {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	color: #708785;
}

body {
	background: #FFFFFF url(img/bg-body.gif) repeat-x left top;
	text-align: center;
	margin: 12px 0 0 0;
}

img {
	border: 0;
}

a, img, input {
	outline: none;
}

/****************************************************************  structure  */

#main {
	text-align: left;
	background: #FFFFFF url(img/bg-main.gif) repeat-x left bottom;
	/* background-color: #FFC; */
}

/********************* header */

#header {
	margin: 0 auto;
	width: 960px;
	background: #FFFFFF url(img/bg-header.gif) no-repeat left bottom;
	/* background-color: #F7F7F7; */
	height: 179px;
	position: relative;
}

#header img {
	position: absolute;
	left: 729px;
	top: 39px;
}

/************************** content */

#content {
	color: #708785;
	margin: 0 auto 0 auto;
	width: 960px;
	min-height: 400px;
}

#spalte-1-2 {
	border-bottom: #abdcd5 1px solid;
	font-size: 10px;
	float: left;
	margin: 0 0 24px 0;
	width: 714px;
	
}

#spalte-1-2 div.teaser {
	border-top: #abdcd5 1px solid;
	height: 125px;
	padding: 24px 0 25px 0;
	position: relative;
}

#spalte-1-2 div.teaser img {
	position: absolute;
	top: 24px;
	left: 244px;
}

#spalte-1-2 div.teaser div {
	position: absolute;
	top: 23px;
	left: 486px;
	width: 228px;
}

#spalte-1-2 div.teaser div a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 29px;
	background: url(img/bg-teaserlinks.gif) no-repeat 0px 3px;
}

#spalte-1-2 div.anfahrt {
	border-top: #abdcd5 1px solid;
	padding: 8px 0 25px 0;
}


#spalte-1 {
	float: left;
	width: 228px;
	margin: 0 15px 0 0;
}

#spalte-2 {
	margin: 17px 0 0 0;
	float: left;
	width: 471px;
}

#spalte-2 img {
	margin: 0 0 14px 0;
}

#spalte-2.team div {
	border-bottom: #ABDCD5 1px solid;
	margin-bottom: 24px;
	padding-bottom: 21px;
	position: relative;
	background-color: white; /* for the love of ie6 */
}

#spalte-2.team div.last {
	border-bottom: none;
	margin-bottom: 0;
}

#spalte-2 div.kontakt {
	border-bottom: #ABDCD5 1px solid;
	margin-bottom: 14px;
}

#spalte-2 div.projekt {
	border-bottom: #ABDCD5 1px solid;
	margin-bottom: 15px;
}

#spalte-2 div.projekt.last {
	border-bottom: none;
	margin-bottom: 0;
}

#spalte-2 div.projekt .bilder  {
	margin: 0 0 7px 0;
}

#spalte-2 div.projekt .bilder img {
	margin: 0 18px 18px 0;
	float: left;
}

#spalte-3 {
	font-size: 11px;
	float: left;
	margin: 17px 0 0 15px;
	width: 231px;
}

#spalte-3 div.kontakt {
	border-bottom: #a6dad3 1px solid;
	padding: 0 0 4px 0;
	margin: 0 0 17px 0;
}

#spalte-3 div.projekte div.projekt {
	border-bottom: #a6dad3 1px solid;
}

#spalte-3 div.projekte div.projekt div.details {
	background-color: #cceae6;
	margin-bottom: 1px;
	
}

#spalte-3 div.projekte div.projekt div.details img {
	margin: 0 0 9px 0;
}

#spalte-3 div.projekte div.projekt div.details p {
	padding: 0 5px 9px 5px;
}

#spalte-3 div.projekte div.projekt div.details a {
	text-decoration: none;
}

/************************** footer */

#footer {
	margin: 0 auto;
	width: 960px;
	height: 164px;
	position: relative;
	font-size: 10px;
	color: #009680;
	
}

#footer #kammer {
	position: relative;
	top: 26px;
	width: 243px;
}


#footer #kammer p {
	position: absolute;
	line-height: 15px;
	top: -3px;
	left: 53px;
}

#footer #kammer strong {
	color: #FFF;
}



/****************************************************************  classes  */

.hidden {
	display: none;
}

.float {
    float: left;
}

.clearit {
	clear: both;
}

.uppercase {
	text-transform: uppercase;
}

.anschrift {
	padding-bottom: 6px;
}

.anschrift span {
		text-transform: uppercase;
}

.link-ansprechpartner {
	font-size: 12px;
	font-weight: bold;
}

.link-extern {
	color: #708785;
}

.link-extern:hover {
	color: #708785;
}

/****************************************************************  typo  */

#spalte-3 p {
	line-height: 15px;
}

h1, h2, h3, h4, h5 {
    font-weight: bold;
}

#header h1 a {
	position: absolute;
	left: 24px;
	top: 37px;
	width: 192px;
	height: 79px;
	text-indent: -10000px;
	display: block;
	text-decoration: none;
	background: url(img/logo.gif) no-repeat left top;
}

h2 {
	font-size: 18px;
	line-height: 22px;
	padding: 0 0 7px 0;
}

#header h2 {
	position: absolute;
	left: 245px;
	top: 119px;
	width: 407px;
	height: 46px;
	text-indent: -10000px;
	display: block;
	text-decoration: none;
	background: url(img/headline-startseite.gif) no-repeat left top;
}

#header h2.team { width: 403px; height: 48px; background: url(img/headline-team.gif) no-repeat left top; }
#header h2.beratung { width: 424px; height: 46px; background: url(img/headline-beratung.gif) no-repeat 0 5px; }
#header h2.projektsteuerung { width: 446px; height: 49px; background: url(img/headline-projektsteuerung.gif) no-repeat 0 5px; }
#header h2.planungsleistungen { width: 376px; height: 49px; background: url(img/headline-planungsleistungen.gif) no-repeat 0 5px; }
#header h2.sige-koordination { width: 399px; height: 49px; background: url(img/headline-sige_koordination.gif) no-repeat 0 5px; }
#header h2.kontakt { width: 457px; height: 49px; background: url(img/headline-kontakt.gif) no-repeat 0 5px; }
#header h2.impressum { width: 457px; height: 49px; background: url(img/headline-impressum.gif) no-repeat 0 5px; }
#header h2.projekte { width: 447px; height: 49px; background: url(img/headline-projekte.gif) no-repeat 0 5px; }

h3 {
	font-size: 16px;
	line-height: 20px;
	padding: 0 0 7px 0;
}


#spalte-1-2 div.teaser h3 {
	position: absolute;
	top: 25px;
	height: 12px;
	text-indent: -10000px;
	display: block;
	text-decoration: none;
	margin: 0;
}

h3.industriebau { left: 113px; width: 116px; background: url(img/headline-industriebau.gif) no-repeat left top; }
h3.logistikbau { left: 126px; width: 116px; background: url(img/headline-logistikbau.gif) no-repeat left top; }
h3.gewerbebau { left: 121px; width: 116px; background: url(img/headline-gewerbebau.gif) no-repeat left top; }

#spalte-2 h3,
#spalte-1-2 h3 {
	height: 12px;
	text-indent: -10000px;
	margin: 8px 0 6px 0;
}

#spalte-2 h3.team { width: 43px; background: url(img/headline-team-klein.gif) no-repeat left top; }
#spalte-2 h3.beratung { width: 83px; background: url(img/headline-beratung-klein.gif) no-repeat left top; }
#spalte-2 h3.planungsleistungen { width: 186px; background: url(img/headline-planungsleistungen-klein.gif) no-repeat left top; }
#spalte-2 h3.projektsteuerung { width: 165px; background: url(img/headline-projektsteuerung-klein.gif) no-repeat left top; }
#spalte-2 h3.sige-koordination { width: 161px; background: url(img/headline-sige_koordination-klein.gif) no-repeat left top; }
#spalte-2 h3.planungsphase { width: 196px; background: url(img/headline-planungsphase.gif) no-repeat left top; }
#spalte-2 h3.ausfuehrungsplanung { height: 14px; width: 254px; background: url(img/headline-ausfuehrungsplanung.gif) no-repeat left top; }
#spalte-2 h3.leistungsspektrum-logistikbau { width: 398px; background: url(img/headline-leistungsspektrum-logistikbau.gif) no-repeat left top; }
#spalte-2 h3.kontakt { width: 71px; background: url(img/headline-kontakt-klein.gif) no-repeat left top; }
#spalte-1-2 h3.anfahrt { width: 72px; background: url(img/headline-anfahrt.gif) no-repeat left top; }
#spalte-1-2 h3.impressum { width: 94px; background: url(img/headline-impressum-klein.gif) no-repeat left top; }
#spalte-2 h3.industriebau { width: 116px; background: url(img/headline-industriebau.gif) no-repeat left top; }
#spalte-2 h3.logistikbau { width: 102px; background: url(img/headline-logistikbau.gif) no-repeat left top; }
#spalte-2 h3.gewerbebau { width: 108px; background: url(img/headline-gewerbebau.gif) no-repeat left top; }
#spalte-2 h3.wohnungsbau { width: 127px; background: url(img/headline-wohnungsbau.gif) no-repeat left top; }
#spalte-2 h3.bauen-im-bestand { width: 154px; background: url(img/headline-bauen_im_bestand.gif) no-repeat left top; }
#spalte-2 h3.gesundheitsbau { width: 144px; background: url(img/headline-gesundheitsbau.gif) no-repeat left top; }


#spalte-3 h3 {
	height: 12px;
	text-indent: -10000px;
	display: block;
	text-decoration: none;
}
#spalte-3 .kontakt h3 { width: 71px; background: url(img/headline-kontakt-klein.gif) no-repeat left top; margin-bottom: 2px; }
#spalte-3 .projekte h3 { width: 164px; background: url(img/headline-aktuelle_projekte.gif) no-repeat left top; margin-bottom: 0px; }

#spalte-2.team div h3 {
	height: 29px;
	text-indent: -10000px;
	text-decoration: none;
	background-position: 0px 6px;
	margin: 0;
	padding: 0;
}

h3.thimm-clever { width: 86px; background: url(img/team-thimm_clever.gif) no-repeat; }
h3.karl-gerhard-clever { width: 127px; background: url(img/team-karl_gerhard_clever.gif) no-repeat; }
h3.jens-munzert { width: 84px; background: url(img/team-jens_munzert.gif) no-repeat; }
h3.erika-warkentin { width: 94px; background: url(img/team-erika_warketin.gif) no-repeat; }
h3.julia-clever { width: 72px; background: url(img/team-julia_clever.gif) no-repeat; }
h3.jennyfer-tripke { width: 91px; background: url(img/team-jennyfer_tripke.gif) no-repeat; }

h4 {
	color: #009680;
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 4px 0;
}



#spalte-2.team div h4 {
	height: 13px;
	text-indent: -10000px;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

h4.dipl-wirtschaftsingenieur-architekt { width: 213px; background: url(img/team-dipl_wirtschaftsingenieur_architekt.gif) no-repeat left top; }
h4.diplom-bauingenieur { width: 130px; background: url(img/team-diplom_bauingenieur.gif) no-repeat left top; }
h4.diplom-ingenieur-architektin { width: 174px; background: url(img/team-diplom_ingenieur_architektin.gif) no-repeat left top; }
h4.bueroorganisation { width: 105px; background: url(img/team-bueroorganisation.gif) no-repeat left top; }
h4.bauzeichnerin { width: 84px; background: url(img/team-bauzeichnerin.gif) no-repeat left top; }

#spalte-2 .klappliste {
	
}

.leistungsphasen {
	text-decoration: underline;
	color: #009680;
}

#spalte-2 .klappliste h4 {
	background: #C4E4DD;
	font-size: 12px;
	font-weight: bold;
	padding: 16px 0 16px 10px;
	text-transform: uppercase;
}

#spalte-2 .klappliste h4 a{
	text-decoration: none;
}

#spalte-2 .klappliste h4 span {
	margin: 0 0 0 7px;
	height: 7px;
	width: 7px;
	background: url(img/arrow-teaser-0.gif) no-repeat 0px 4px; 
}

#spalte-2 .klappliste h4.act span {
	background: url(img/arrow-teaser-1.gif) no-repeat 0px 4px; 
}

#spalte-3 .projekte h4 {
	color: #009680; 
	font-size: 12px;
	padding: 3px 0;
	margin: 0;
	padding-left: 6px;
	margin-top: 1px;  
}

#spalte-3 .projekte h4.act {
	background: #cceae6;
	
	
}

#spalte-3 .projekte h4 a {
	text-decoration: none;
	
}

#spalte-3 .projekte h4 span {
	margin: 0 0 0 7px;
	height: 7px;
	width: 7px;
	background: url(img/arrow-teaser-0.gif) no-repeat 0px 4px; 
}

#spalte-3 .projekte h4.act span {
	background: url(img/arrow-teaser-1.gif) no-repeat 0px 4px; 
}

h5 {
	font-size: 12px;
	line-height: 16px;
	padding: 0 0 7px 0;
}

p {
	line-height: 18px;
	padding: 0 0 15px 0;
}

#spalte-1-2 div.teaser p {
	height: 99px;
	padding: 0;
}

#spalte-2.team div p {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 23px;
	left: 243px;
	line-height: 23px;
}

#spalte-2 div.projekt p {
	padding-bottom: 3px;
}

a {
    color: #009680;
}

a:hover {
    color: #009680;
	text-decoration: none;
}


/****************************************************************  lists  */

#spalte-2 ul {
	list-style: none;
	list-style-position: outside;
	padding: 0 0 26px 0;
}

#spalte-2 ul li {
	padding: 4px 0 3px 20px;
	background: url(img/bullet.gif) no-repeat 7px 10px;
	line-height: 18px;
	background-color: #c4e4dd;
}

#spalte-2 ul li.odd,
#spalte-2 ol li.odd
{
	background-color: #ecf6f4;
}

#spalte-2 .klappliste  {
	padding-bottom: 16px;
}

#spalte-2 .klappliste ol {
	padding-bottom: 0;
}

#spalte-2 .klappliste li {
	background-color: #ecf6f4;
}

#spalte-2 .klappliste li.odd {
	background-color: #c4e4dd;
}

#spalte-2 ol {
	padding: 0 0 26px 0;
	list-style-position: inside;
	font-weight: bold;
	margin: 0;
}

.alternative-liste {
	list-style-type: upper-latin;
}

#spalte-2 ol li {
	line-height: 18px;
	padding: 4px 0 3px 10px;
	background-color: #c4e4dd;
}

#spalte-2 ol li span {
	font-weight: normal;
	padding-left: 0px;
	margin-left: 0px;
}

#spalte-2 ol li span.zweite-zeile {
	display: block;
	margin-left: 20px;
}

#spalte-2 ul.blanke-liste {
	padding-bottom: 16px;
}

#spalte-2 ul.blanke-liste li {
	background: #FFF url(img/bullet.gif) no-repeat 0px 8px;
	padding: 2px 0 1px 13px;
}



/****************************************************************  forms  */

form {
    padding: 0 0 15px 0;
}


form div {
    margin: 0 0 10px 0;
}

label {
    width: 80px;
	display: block;
	float: left;
	font-weight: bold;
	padding: 0 10px 0 0;
}

label.secondary {
    float: none;
	width: auto;
	font-weight: normal;
	margin: 10px 0 0 80px;
	padding: 0 0 0 10px;
}

form div.actions {
	margin: 0 0 0 80px;
	padding: 0 0 0 10px;
}

form input.textinput {
	width: 200px;
}

form textarea {
	width: 200px;
}

form input.submitbutton {
	width: 150px;
}

form select {
	width: 150px;
}

form .submit-img {
    border: 0;
	width: auto;
}

/****************************************************************  tables  */

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 15px 0;
}

th, td {
	padding: 6px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #c3c3c3;
}

th {
	font-weight: bold;
}

td {
	font-size: 10px;
}

/****************************************************************  nav  */


#spalte-1 ul {
	padding: 0 0 0 0;
}

#spalte-1 ul li {
	padding: 0;
	background: none;
	border-bottom: #a6dad3 solid 1px;
	display: block;	
}

#spalte-1 ul li.last {
	border-bottom: none;
}

#spalte-1 ul li a {
	display: block;
	height: 53px;
	width: 228px;
	text-indent: -10000px;
}

#spalte-1 ul li.ueberuns a { background: url(img/nav-ueber-uns.gif) no-repeat 23px 17px; }
#spalte-1 ul li.leistungen a{ background: url(img/nav-leistungen.gif) no-repeat 23px 21px; }
#spalte-1 ul li.projekte a { background: url(img/nav-projekte.gif) no-repeat 23px 21px; }
#spalte-1 ul li.kontakt a { background: url(img/nav-kontakt.gif) no-repeat 23px 20px; }

#spalte-1 ul li.ueberuns a:hover, #spalte-1 ul li.ueberuns a.act { background: url(img/nav-ueber-uns.gif) no-repeat 23px -65px; }
#spalte-1 ul li.leistungen a:hover, #spalte-1 ul li.leistungen a.act { background: url(img/nav-leistungen.gif) no-repeat 22px -64px; }
#spalte-1 ul li.projekte a:hover, #spalte-1 ul li.projekte a.act { background: url(img/nav-projekte.gif) no-repeat 23px -64px; }
#spalte-1 ul li.kontakt a:hover, #spalte-1 ul li.kontakt a.act { background: url(img/nav-kontakt.gif) no-repeat 22px -65px; }

#spalte-1 ul ul {
	padding: 0;
}

#spalte-1 ul ul li {
	padding: 0;
	background: none;
	border-bottom: #e5f4f2 solid 1px;
	display: block;
}

#spalte-1 ul ul li.last {
	border-bottom: none;
}

#spalte-1 ul ul li a {
	display: block;
	height: 34px;
	width: 228px;
	text-indent: -10000px;
	background: none;
}

#spalte-1 ul ul li.first a {
	height: 22px;
}

#spalte-1 ul ul li.buero a { background: url(img/nav-buero-sub.gif) no-repeat 39px 0px; }
#spalte-1 ul ul li.team a { background: url(img/nav-team.gif) no-repeat 39px 0px; }

#spalte-1 ul ul li.buero a:hover, #spalte-1 ul ul li.ueberuns a.act { background: url(img/nav-buero-sub.gif) no-repeat 38px -89px; }
#spalte-1 ul ul li.team a:hover, #spalte-1 ul ul li.team a.act { background: url(img/nav-team.gif) no-repeat 39px -90px; }

#spalte-1 ul ul li.beratung a { background: url(img/nav-beratung.gif) no-repeat 39px 0px; }
#spalte-1 ul ul li.steuerung a { background: url(img/nav-projektsteuerung.gif) no-repeat 39px 12px; }
#spalte-1 ul ul li.leistungen a { background: url(img/nav-planungsleistungen.gif) no-repeat 39px 12px; }
#spalte-1 ul ul li.koordination a { background: url(img/nav-sige_koordination.gif) no-repeat 39px 12px; }

#spalte-1 ul ul li.beratung a:hover, #spalte-1 ul ul li.beratung a.act { background: url(img/nav-beratung.gif) no-repeat 38px -90px; }
#spalte-1 ul ul li.steuerung a:hover, #spalte-1 ul ul li.steuerung a.act { background: url(img/nav-projektsteuerung.gif) no-repeat 38px -78px; }
#spalte-1 ul ul li.leistungen a:hover, #spalte-1 ul ul li.leistungen a.act { background: url(img/nav-planungsleistungen.gif) no-repeat 38px -78px; }
#spalte-1 ul ul li.koordination a:hover, #spalte-1 ul ul li.koordination a.act { background: url(img/nav-sige_koordination.gif) no-repeat 39px -78px; }

#spalte-1 ul ul li.industriebau  a{ background: url(img/nav-industriebau.gif) no-repeat 39px 0px; }
#spalte-1 ul ul li.logistikbau a { background: url(img/nav-logistikbau.gif) no-repeat 39px 12px; }
#spalte-1 ul ul li.gewerbebau a { background: url(img/nav-gewerbebau.gif) no-repeat 39px 12px; }
#spalte-1 ul ul li.wohnungsbau a { background: url(img/nav-wohnungsbau.gif) no-repeat 39px 12px; }
#spalte-1 ul ul li.bauen-im-bestand a { background: url(img/nav-bauen_im_bestand.gif) no-repeat 39px 12px; }
#spalte-1 ul ul li.gesundheitsbau a { background: url(img/nav-gesundheitsbau.gif) no-repeat 39px 12px; }

#spalte-1 ul ul li.industriebau a:hover, #spalte-1 ul ul li.industriebau a.act { background: url(img/nav-industriebau.gif) no-repeat 38px -90px; }
#spalte-1 ul ul li.logistikbau a:hover, #spalte-1 ul ul li.logistikbau a.act { background: url(img/nav-logistikbau.gif) no-repeat 38px -78px; }
#spalte-1 ul ul li.gewerbebau a:hover, #spalte-1 ul ul li.gewerbebau a.act { background: url(img/nav-gewerbebau.gif) no-repeat 39px -78px; }
#spalte-1 ul ul li.wohnungsbau a:hover, #spalte-1 ul ul li.wohnungsbau a.act { background: url(img/nav-wohnungsbau.gif) no-repeat 39px -78px; }
#spalte-1 ul ul li.bauen-im-bestand a:hover, #spalte-1 ul ul li.bauen-im-bestand a.act { background: url(img/nav-bauen_im_bestand.gif) no-repeat 38px -78px; }
#spalte-1 ul ul li.gesundheitsbau a:hover, #spalte-1 ul ul li.gesundheitsbau a.act { background: url(img/nav-gesundheitsbau.gif) no-repeat 39px -78px; }

#spalte-1 ul ul li.kontakt  a{ background: url(img/nav-kontakt-sub.gif) no-repeat 39px 0px; }
#spalte-1 ul ul li.anfahrt a { background: url(img/nav-anfahrt.gif) no-repeat 39px 12px; }
#spalte-1 ul ul li.impressum a { background: url(img/nav-impressum.gif) no-repeat 39px 12px; }

#spalte-1 ul ul li.kontakt a:hover, #spalte-1 ul ul li.kontakt a.act { background: url(img/nav-kontakt-sub.gif) no-repeat 38px -90px; }
#spalte-1 ul ul li.anfahrt a:hover, #spalte-1 ul ul li.anfahrt a.act { background: url(img/nav-anfahrt.gif) no-repeat 39px -80px; }
#spalte-1 ul ul li.impressum a:hover, #spalte-1 ul ul li.impressum a.act { background: url(img/nav-impressum.gif) no-repeat 38px -79px; }


/****************************************************************  footernav  */

#footer #footer-nav {
	position: absolute;
	top: 23px;
	left: 243px;
	font-size: 9px;
}

#footer #footer-nav div { float: left; }
#footer #footer-nav div.eins { width: 153px; }
#footer #footer-nav div.zwei { width: 178px; }
#footer #footer-nav div.drei { width: 155px; }

#footer #footer-nav h5 {
		padding: 0;
		margin: 0 0 2px 0;
		font-size: 9px;
		font-weight: bold;
		color:#FFF;
		text-transform: uppercase;
}

#footer ul {
	list-style-type:none;
	list-style-position: outside;
}


#footer ul li {
	padding: 0 0 4px 11px;
	background: url(img/bullet-footernav.gif) no-repeat 1px 4px;
}

#footer ul li a {
}

/****************************************************************  lightbox  */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}