
/* - - - - - reset and body - - - - - */

	@import url(reset.css);

	body {
		background: #d5e1ed;
		color: #5b5a55;
		border: 0;
		font: 62.5%/1 georgia,serif;
		text-align: center;
	}

/* - - - - - typography - - - - - */

	h1 { /* = logo */ }

	h2, h3, h4, h5 {
		color: #5b5a55;
	}

	h2 {
		color: #5b5a55;
		float: left;
		font-family: georgia, serif;
		font-size: 28px;
		line-height: 1.5;
		margin: 0 0 10px 5px;
		position: relative;
	}

	h3 {
		font-size: 24px;
		line-height: 1.3;
		margin: 0;
		padding: 0;
	}

	h4 {
		font-size: 18px;
		line-height: 1.2;
		margin: 20px 0 10px 0;
	}

	h5 {
		font-size: 10px;
		font-weight: bold;
		line-height: 1.1;
		text-transform: uppercase;
		letter-spacing: 1px
	}

	p {
		font: normal 13px/1.5 georgia,sans-serif;
		margin-bottom: 10px;
		color: #5b5a55;
	}
	
	p.intro {
		font-weight: bold;
	}
	
	blockquote {
		font: normal 13px/1.5 georgia,sans-serif;
		margin-bottom: 10px;
		color: #5b5a55;
		padding: 0 20px 0 50px;
		font-style: italic;
		background: url(../img/bg-blockquote.png) no-repeat 0 0;
	}
	
	#txt_col p:last-child {
		margin-bottom: 10px;
	}
	
	a {
		color: #5b5a55;
	}
	
	a:hover {
		text-decoration: none;
		background: #5fcc2b;
		color: #fff;
	}

	em {
		font-style: italic;
	}

	strong {
		font-weight: bold;
	}

	span.prettyAmp {
		font-family: "Hoefler Text",serif;
		font-style: italic;
	}
	
	ul {
		font: normal 13px/1.5 georgia,sans-serif;
		margin: 0 0 20px 0;
	}
	
	ul li {
		padding-left: 20px;
		display: block;
		margin: 0 0 20px 0;
		background: url(../img/bg-ulBullet.gif) no-repeat 0 5px;
	}

/* - - - - - basic layout - - - - - */

	#wrapper {
		padding-top: 90px;
		margin: 0 auto;
		position: relative;
		text-align: left;
		width: 810px;
		z-index: 2;
	}
	
	#logo  {
		background: transparent url(../img/bg-logo.png) no-repeat 0 0;
		height: 75px;
		position: absolute;
		right: -15px;
		top: 52px;
		width: 140px;
	}
	
	#logo a:hover {
		background: transparent;
	}
	
	#main_content {
		margin: 0;
		padding: 0;
		width: 810px;
	}
	
	#home #main_content {
		background-position: 0 77px;
	}
	
	#content_header {
		width: 100%;
		position: relative;
		float: left;
	}
	
	#content_body {
		width: 100%;
		position: relative;
		float: left;
		background: url(../img/bg-gradient.png) repeat-x 0 0;
		padding-top: 10px;
	}

	#sub_content {
		background: url(../img/bg-gradient.png) repeat-x 0 0;
		overflow: hidden;
		width: 780px;
		margin: 20px 15px 0 15px;
	}

	#txt_col {
		display: inline;
		float: right;
		width: 430px;
		margin-right: 10px;
	}

	#media {
		display: inline;
		float: left;
		width: 330px;
		margin-left: 10px;
	}
	
	.loading #media {
		background: url(../img/bg-jsPreloader.gif) no-repeat 0 0;
		height: 30px;
	}
	
	.loading #media * {
		display: none !important;
	}
	
	#footer {
		margin: 80px 0 0 0;
		overflow: hidden;
		padding: 50px 0;
		width: 100%;
		z-index: 2;
		position: relative;
	}

/* - - - - - navigation - - - - - */

	/* logo home link */
	
	#logo a {
		display: block;
		width: 100%;
		height: 100%;
	}

	/* main menue */

	ul.mainMenue {
		margin: 0 0 20px -10px;
		padding-bottom: 60px;
	}

	#footer ul.mainMenue {
		clear: both;
		float: left;
		margin: 10px 0 0 0;
		padding: 0 0 20px 0;
	}

	.mainMenue li {
		display: block;
		float: left;
		position: relative;
		/* margin: 0 5px; */
		margin: 0 0;
		padding: 0;
		background: none;
	}
	
	.mainMenue li span.fadeBg {
		display: block;
		position: absolute;
		background: #fff;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
	}

	.mainMenue a,
	.mainMenue .current a {
		color: #5b5a55;
		display: block;
		font-size: 13px;
		line-height: 25px;
		padding: 5px 10px;
		text-decoration: none;
		position: relative;
	}
	
	.mainMenue a:hover {
		background-color: transparent;
	}
	
	.mainMenue .current a {
		background: #5fcc2b;
		color: #fff;
	}

	/* project menue and filter */

	#projectClient {
		padding: 0;
		margin: 0 0 0 5px;
		line-height: 1;
		color: #5b5a55;
	}
	
	#projects_list {
		float: right;
		width: 645px;
		margin-right: 10px;
	}

	ul#project_sorter,
	ul#project_submenue,
	ul#aboutgosub_submenue {
		position: absolute;
		right: 10px;
		bottom: 0;
		margin: 0;
	}

	#project_sorter li,
	#project_submenue li,
	#aboutgosub_submenue li {
		float: left;
		margin: 0 0 0 10px;
		padding: 0;
		background: url(../img/bg-tabInactive.png) repeat 0 0;
		font-size: 11px;
	}

	#project_sorter li.current,
	#project_submenue li.current,
	#aboutgosub_submenue li.current {
		background: url(../img/bg-tabActive.png) repeat 0 0;
	}
	
	#project_sorter li.current span,
	#project_submenue li.current span,
	#aboutgosub_submenue li.current span {
		margin: 5px 5px 0 5px;
		padding: 10px;
		color: #fff;
		background: #5fcc2b;
	}
	
	#project_sorter a,
	#project_submenue a,
	#aboutgosub_submenue a,
	#project_sorter span,
	#project_submenue span,
	#aboutgosub_submenue span {
		color: #5b5a55;
		display: block;
		font-size: 11px;
		padding: 15px 15px 10px 15px;
		text-decoration: none;
	}
	
	#project_sorter a:hover,
	#project_submenue a:hover,
	#aboutgosub_submenue a:hover {
		background: #fff;
	}

	#project_menue {
		float: left;
		margin: 0;
		padding: 10px 0;
		width: 145px;
	}

	#project_menue h5 {
		margin: 0 20px 15px 20px;
	}

	#project_menue ul {
		margin: 0 5px 40px 20px;
		font-style: italic;
	}

	#project_menue li {
		display: block;
		margin: 0 0 5px 0;
		padding: 0;
		background: none;
	}

	#project_menue a,
	#project_menue span {
		margin: 0;
		padding: 5px;
		font-size: 12px;
		line-height: 1.5;
		position: relative;
		left: -5px;
		display: block;
		text-decoration: none;
		color: #5b5a55;
	}
	
	#project_menue a:hover {
		background: #fff;
	}
	
	#project_menue .current span {
		background: #5fcc2b;
		color: #fff;
	}
	
	#wrapper #project_skimmer a,
	#wrapper #project_skimmer span {
		color: #5b5a55;
		display: block;
		height: 40px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		text-decoration: none;
		text-indent: -9999px;
		width: 40px;
	}
	
	#wrapper #project_skimmer #btnBackToList a,
	#wrapper #project_skimmer #btnBackToList span { 
		text-indent: 0;
		position: relative;
		left: 10px;
		top: 5px;
		width: 100%;
		font-size: 11px;
		line-height: 1.3;
	}
	
	#wrapper #project_skimmer #btnBackToList a:hover {
		background-color: transparent;
	}
	
/*	#btnBackToList a,
	#btnBackToList  span {
		background: url(../img/bg-btnBackToProjectList.gif) no-repeat center center;
	}*/
	
	#btnPrevProject a,
	#btnPrevProject span {
		background: url(../img/bg-btnPrevProject.gif) no-repeat center center;
	}
	
	#btnNextProject a,
	#btnNextProject span {
		background: url(../img/bg-btnNextProject.gif) no-repeat center center;
	}
	
	.inactive {
		opacity: .3;
	}
	
	#project_skimmer li {
		padding: 0;
		position: absolute;
		background: url(../img/bg-tabActive.png) repeat 0 0;
	}
	
	#project_skimmer li:hover {
		background: #fff;
	}
	
	#project_skimmer li.inactive:hover {
		background: url(../img/bg-tabActive.png) repeat 0 0;
	}
	
	#wrapper #project_skimmer #btnBackToList {
		top: 55px;
		right: -90px;
		width: 85px;
	}
	
	#btnPrevProject {
		top: 10px;
		right: -45px;
	}
	
	#btnNextProject {
		top: 10px;
		right: -90px;
	}

	ul.project_pagination {
		float: right;
		margin: 0 0 6px 0;
	}

	.project_pagination li {
		padding: 0;
		float: left;
		background: none;
	}

	.project_pagination a,
	.project_pagination span {
		color: #5b5a55;
		display: block;
		font-size: 11px;
		font-family: verdana,sans-serif;
		line-height: 1;
		padding: 5px;
		text-decoration: none;
	}
	
	.project_pagination a:hover {
		background-color: #fff;
	}

	.project_pagination span {
		background-color: #5fcc2b;
		color: #fff;
	}

	.prev_page, .next_page,
	.first_page, .last_page {
		height: 35px;
		width: 35px;
	}

	.prev_page a { background: url(../img/bg-btnPrev.gif) no-repeat center center; }
	.prev_page span { background: url(../img/bg-btnPrevInactive.gif) no-repeat center center; }
	.next_page a { background: url(../img/bg-btnNext.gif) no-repeat center center; }
	.next_page span { background: url(../img/bg-btnNextInactive.gif) no-repeat center center; }

	.first_page a { background: url(../img/bg-btnFirst.gif) no-repeat center center; }
	.first_page span { background: url(../img/bg-btnFirstInactive.gif) no-repeat center center; }
	.last_page a { background: url(../img/bg-btnLast.gif) no-repeat center center; }
	.last_page span { background: url(../img/bg-btnLastInactive.gif) no-repeat center center; }

/* - - - - - elements - - - - - */

	/* intro */

	p#intro {
		position: relative;
		color: #5b5a55;
		font: normal 22px/1.4 georgia,serif;
		margin: 10px 0 25px 0;
	}

	#projects p#intro {
		overflow: hidden;
		width: 100%;
	}

	#jobs p#intro,
	#contact p#intro {
		display: inline;
		float: right;
		margin: 5px 10px 10px 0;
		width: 510px;
	}

	/* project teaser */

	#project_teasers {
		overflow: hidden;
		width: 100%;
	}
	
	#home #project_teasers {
		left: 15px;
		top: 5px;
		position: relative;
	}

	.project_teaser {
		background: url(../img/bg-teaser.gif) no-repeat bottom right;
		margin: 0 10px 10px 0;
		position: relative;
	}

	.project_teaser.l {
		float: left;
		width: 480px;
	}

	.project_teaser.s {
		float: left;
		width: 290px;
	}

	.project_teaser img {
		border: 0;
		margin: 5px;
	}
	
	.project_teaser.l img { width: 470px; }
	.project_teaser.s img { width: 280px; }

	.project_teaser h4 {
		font-family: georgia, serif;
		line-height: 1.3;
		margin: 5px 10px 10px 10px;
		color: #5b5a55;
	}

	.project_teaser p {
		color: #5b5a55;
		margin: 5px 10px 40px 10px;
	}
	
	.project_teaser a:hover {
		background-color: transparent;
	}

	.project_teaser a.read_on {
		background: url(../img/bg-lnkReadOn.gif) no-repeat right 0;
		bottom: 0;
		color: #96bbdb;
		display: block;
		font-size: 13px;
		height: 20px;
		line-height: 13px;
		position: absolute;
		right: 0;
		text-align: right;
		text-decoration: none;
		width: 100%;
	}
	
	.project_teaser a.read_on:hover {
		background-image: url(../img/bg-lnkReadOn-hover.gif);
		color: #5b5a55;
	}
	
	.project_teaser a.read_on span {
		margin-right: 30px;
	}

	#home .project_teaser {
		height: 340px;
		height: auto !important; /* hack */
		min-height: 380px;
	}

	#projects #project_teasers {
		float: right;
		width: 645px;
	}

	#projects .project_teaser {
		margin: 0 0 10px 0;
		position: relative;
		width: 645px;
		height: 165px;
		height: auto !important; /* hack */
		min-height: 165px;
	}

	#projects .project_teaser img {
		position: absolute;
		left: 0;
		top: 0;
	}

	#projects .project_teaser h4 {
		margin: 10px 15px;
		padding-left: 285px;
	}

	#projects .project_teaser p {
		margin-bottom: 20px;
		width: 335px;
		padding-left: 290px;
	}

	#projects .project_teaser a.read_on {
		bottom: 0;
		position: absolute;
		right: 0;
	}

	/* news and newsletter signup */

	#news, #newsletter_signup {
		float: left;
		margin: 20px;
		display: inline;
	}

	#news {
		width: 460px;
		margin-right: 0;
	}

	 #facebook {
		float: right;
		width: 250px;
		height: 330px;
		margin: 30px 20px 0 20px;
	}
	
	#facebook iframe {
		width: 250px !important;
		height: 330px !important;
	}
	
	#newsletter_signup {
		margin-left: 0;
		width: 250px;
		float: right;
		position: relative;
	}

	#news h5, #newsletter_signup h5 {
		margin-bottom: 20px;
		margin-top: 10px;
		padding-bottom: 10px;
	}
	
	#newsletter_signup h5 {
		margin-bottom: 14px;
	}

	#newsletter_signup form {
		margin: 20px 0 15px 0;
		position: relative;
		width: 250px;
	}
	
	#newsletter_signup form input {
		width: 250px;
	}
	
	#newsletterOptions {
		margin: 10px 0 0 0;
		width: 100%;
		overflow: hidden;
	}
	
	#newsletterOptions span {
		display: block;
		width: 80px;
		padding-left: 20px;
		position: relative;
		height: 20px;
	}
	
	#wrapper #newsletter_signup #subscribe,
	#wrapper #newsletter_signup #unsubscribe {
		position: absolute;
		left: 0;
		margin: 0;
		padding: 0;
		top: 0;
		width: 20px;
		background: none;
	}
	
	#wrapper #newsletter_signup #btn_submit_registrant {
		position: absolute;
		right: 0;
		top: 50px;
		width: 50px;
	}
	
	#news dl {
		position: relative;
		top: -3px;
	}

	#wrapper #news h4 {
		color: #5b5a55;
		font: bold 13px/1 georgia,serif;
		margin: 0 0 5px 0;
	}

	#news dt {
		color: #5b5a55;
		font: 12px/1.5 georgia,serif;
		position: absolute;
		margin-top: -3px;
	}

	#news dd {
		margin-bottom: 25px;
		padding-left: 90px;
	}

	/* jobs info and contact info */

	#jobs_info,
	#contact_info,
	#staffer_info {
		background: url(../img/bg-infoBox.gif) no-repeat right top;
		float: left;
		width: 260px;
		margin: 0 0 10px 15px;
		display: inline;
	}
	
	#jobs_info,
	#contact_info {
		margin-top: 5px;
	}

	#jobs_info h5,
	#contact_info h5 {
		margin: 20px 20px -15px 20px;
		padding-bottom: 10px;
	}

	#jobs_info p {
		margin: 20px;
	}
	
	#jobs_info a:link, #jobs_info a:visited,
	#contact_info a:link, #contact_info a:visited,
	#staffer_info a:link, #staffer_info a:visited {
		color: #5b5a55;
	}
	
	#jobs_info a:hover, #jobs_info a:active,
	#contact_info a:hover, #contact_info a:active,
	#staffer_info a:hover, #staffer_info a:active {
		color: #5b5a55;
		text-decoration: none;
	}

	#contact_info #company_address,
	#contact_info dl {
		font: normal 13px/1.6 georgia,sans-serif;
		margin: 20px;
	}

	#contact_info span {
		display: block;
	}

	#contact_info span.postal-code,
	#contact_info span.locality,
	#contact_info span.email {
		display: inline;
	}
	
	.email a {
		text-decoration: none;
		color: #5b5a55;
	}

	#contact_info dd {
		margin: 0 0 10px 0;
	}

	/* jobs list */

	#jobs #sub_content h3 {
		margin-bottom: 15px;
	}
		
	#jobs #sub_content h5 {
		margin: 30px 20px;
		padding-bottom: 10px;
		margin-left: 150px;
	}

	#jobs #sub_content dl {
		margin: 10px;
	}

	#jobs #sub_content dt {
		padding-left: 140px;
	}

	#jobs #sub_content dt .date,
	#jobs #sub_content dt .type {
		color: #5b5a55;
		font: 11px/1.7 georgia,serif;
		margin-left: -120px;
		position: absolute;
		text-align: right;
		width: 100px;
	}
	
	#jobs #sub_content dt .type {
		margin-top: 15px;
	}

	#jobs #sub_content dd {
		margin: 0 0 10px 0;
		padding: 5px 20px 20px 140px;
		background: url(../img/bg-contentItem.gif) no-repeat right bottom;
	}

	#main_content #jobs_list ul {
		color: #5b5a55;
		margin: 10px 0 20px 10px;
		width: 80%;
	}

	#main_content #jobs_list li {
		background: url(../img/bg-ulBullet.gif) no-repeat 0 4px;
		font: normal 13px/1.5 georgia,sans-serif;
		margin: 0 0 5px 0;
		padding: 0 0 0 15px;
	}

	/* project */
	
	#projects #main_content {
		background-position: 0 41px;
	}
	
	#project #main_content {
		background-position: 0 0;
	}
	
	#project h2 {
		line-height: 1.2;
		width: 440px;
	}

	#project #txt_col,
	#makingof #txt_col {
		width: 330px;
		margin-right: 10px;
	}
	
	#project #media,
	#makingof #media {
		width: 450px;
	}
	
	/* images and flash */
	
	#media img,
	#media object,
	#media embed {
		background: #ebf3f9;
		border: 0;
		float: left;
		margin: 0 10px 10px 0;
		padding: 5px;
	}
	
	#media object,
	#media embed {
		padding: 0;
	}

	/* slide show */

	.slideShowContainer {
		background: #ebf3f9;
		float: left;
		margin: 0 10px 10px 0;
		position: relative;
		text-align: center;
	}

	#project #wrapper #media .slideShowContainer img {
		margin: 0;
		float: none;
	}
	
	a.btnPrevSlide, a.btnNextSlide {
		cursor: pointer;
		display: block;
		height: 20px;
		position: relative;
		width: 30px;
		z-index: 1;
	}

	a.btnPrevSlide {
		background: url(../img/bg-btnPrevSlide.gif) no-repeat center left;
		float: left;
	}
	
	a.btnPrevSlide:hover {
		background-image: url(../img/bg-btnPrevSlide-hover.gif);
	}

	a.btnNextSlide {
		background: url(../img/bg-btnNextSlide.gif) no-repeat center right;
		float: right;
	}
	
	a.btnNextSlide:hover {
		background-image: url(../img/bg-btnNextSlide-hover.gif);
	}

	.slideIndicator {
		bottom: 9px;
		display: block;
		height: 5px;
		left: 0;
		position: absolute;
		width: 100%;
	}

	.slideIndicator span {
		background: url(../img/bg-slideIndicator.gif);
		display: block;
		height: 5px;
	}

	#projects #media img.l { width: 440px; }
	#projects #media img.m { width: 280px; }
	#projects #media img.s { width: 130px; }

	.imgWrapper {
		float: left;
		position: relative;
	}

	#projects #media .imgWrapper img {
		float: left;
		margin-bottom: 0;
	}

	#media .imgCaption {
		color: #5b5a55;
		float: left;
		clear: both;
		font: 13px/1.5 georgia,serif;
		margin: 0 0 15px 0;
		position: relative;
		top: -5px;
		display: block;
		width: 100%;
		
		xdisplay: none;
		
	}
	
	/* making of */
	
	div.making_of_footer {
		margin: 20px 0 60px 0;
		width: 100%;
		overflow: hidden;
	}

	/* project footer */

	#project_footer {
		margin: 24px 0 0 0;
		padding: 13px 0 0 0;
	}

	#project_footer a.ext {
		z-index: 2; /* should be above #bg-bottom */
		margin-bottom: 50px; /* bugfix for z-index not working */
		float: right;
		line-height: 1.3;
		padding: 5px 30px 5px 5px;
		text-align: right;
		width: auto;
	}
	
	#project_footer a.ext:hover {
		background: #fff url(../img/bg-extLnk.gif) no-repeat right center;
		color: #5b5a55;
	}

	#project_footer a.pdf {
		float: left;
		line-height: 1.3;
		padding-left: 30px;
		width: auto;
	}

	/* staff */

	#staff_list {
		float: left;
		width: 340px;
		margin-left: 10px;
	}
	
	#staff_list a,
	.making_of_footer a {
		color: #5b5a55;
		display: block;
		float: left;
		line-height: 1;
		margin: 0 0 5px 0;
		text-decoration: none;
		width: 100%;
		padding: 5px 0;
	}
	
	.making_of_footer a {
		background-image: none;
	}
	
	#about #staff_list a:hover,
	.making_of_footer a:hover {
		background: #fff url(../img/bg-staffLnk.gif) no-repeat right center;
		color: #5b5a55;
	}
	
	#staff_list a.current,
	#about #staff_list a.current:hover {
		color: #fff;
		background: #5fcc2b url(../img/bg-staffLnk.gif) no-repeat right center;
		cursor: default;
	}
	
	#staff_list a.current span {
		background: transparent;
		border: 0;
		color: #fff;
	}
	
	#about #staff_list a.current:hover span {
		color: #fff;
	}

	#staff_list a img,
	.making_of_footer a img {
		border-width: 2px;
		float: left;
		margin: 0 5px;
	}

	#staff_list a .staffer_info,
	.making_of_footer a .staffer_info {
		font-family: georgia,serif;
		margin: 5px 0 0 0;
		float: left;
		display: block;
	}

	#staff_list a strong,
	.making_of_footer a strong {
		font-family: georgia,serif;
		display: block;
		font-weight: normal;
	}

	#staffer_info {
		margin: 0 0 25px 0;
		padding-bottom: 5px;
		min-height: 100px;
		height: auto !important; /* hack */
		height: 100px;
		width: 100%;
	}

	#staffer_info h3 {
		margin: 10px;
	}

	#staffer_info img {
		width: 410px;
		margin: 0 10px;
		border: 0;
	}

	#staffer_info p {
		color: #5b5a55;
		margin: 10px;
	}

	#staffer_info span {
		display: block;
		padding-left: 20px;
	}
	
	span.title {
		margin: 0 0 10px 0;
	}

	/* mailto gosub and newsletter signup form */

	#mailto_gosub {
		display: inline;
		float: right;
		margin: 0 10px 10px 0;
		width: 510px;
	}

	#mailto_gosub h5 {
		margin: 30px 0 0 0;
		padding-bottom: 10px;
	}

	#mailto_gosub label, #newsletter_signup label {
		color: #5b5a55;
		display: block;
		font-size: 11px;
		margin: 10px 0 5px 0;
	}

	#mailto_gosub .main_col {
		float: left;
		width: 320px;
	}

	#mailto_gosub .sub_col {
		float: right;
		width: 180px;
	}

	#mailto_gosub .sub_col input,
	#newsletter_signup input,
	#mailto_gosub textarea {
		background: #ebf3f9;
		border: 0;
		color: #5b5a55;
		font: normal 12px/1 verdana,sans-serif;
		padding: 5px 0;
	}

	#mailto_gosub textarea {
		line-height: 1.5;
		height: 200px;
		width: 310px;
	}
	
	#mailto_gosub .sub_col input {
		width: 175px;
	}

	#mailto_gosub .sub_col #btn_submit_email,
	#newsletter_signup #btn_submit_registrant {
		background: #5fcc2b url(../img/bg-btnSubmit.gif) no-repeat right center;
		border: none;
		color: #fff;
		cursor: pointer;
		font-size: 11px;
		line-height: ;
		margin: 10px 0 0 0;
		padding: 8px 20px 8px 10px;
		width: auto;
	}
	
	#wrapper input:focus, #wrapper textarea:focus {
		background-color: #fff;
	}

	#wrapper #main_content input.actionSubmit:hover {
		background-color: #fff;
		color: #5b5a55	}

	/* finding gosub */

	#finding_gosub {
		margin: 10px;
	}

	#finding_gosub h5 {
		margin: 20px 10px 5px 10px;
	}

	#finding_gosub p {
		float: left;
		margin: 10px;
		width: 590px;
	}
	
	#finding_gosub img {
		margin: 10px;
	}
	
	#finding_gosub #mapOverview {
		float: left;
	}
	
	#finding_gosub #mapDetail {
		float: right;
	}

	#finding_gosub .extLnk {
		float: right;
	}

	#finding_gosub #mapOverview {
		float: left;
	}

	#finding_gosub #mapDetail {
		float: right;
	}
	
	#lnkGmaps {
		width: 120px;
		float: right;
		padding-right: 20px;
		position: relative;
		top: -5px;
	}
	
	/* imprint */
	
	#imprint #txt_col {
		background: url(../img/bg-contentItem.gif) no-repeat right bottom;
		width: 515px;
	}
	
	#imprint #txt_col p,
	#imprint #txt_col h4 {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	/* footer */

	#footer #company_address {
		top: 17px;
		position: relative;
		float: right;
		padding-left: 0px;
		width: 360px;
	}

	#footer #company_address span.contact {
		float: left;
		font: normal 13px/1.5 georgia,sans-serif;
		width: 150px;
	}
	
	#footer #company_address span.address {
		float: left;
		font: normal 13px/1.5 georgia,sans-serif;
		width: 210px;
	}

	#footer #company_address .org,
	#footer #company_address .street-address,
	#footer #company_address .tel {
		display: block;
	}

	#company_address a.org {
		color: #5b5a55;
		text-decoration: none;
	}
	
	#company_address a.org:hover {
		background-color: transparent;
	}

	#company_address .address {
		margin: 0 0 10px 0;
	}

	#company_address abbr {
		display: block;
		float: left;
		height: 15px;
		margin-right: 5px;
		width: 15px;
		position: relative;
		top: 2px;
	}
	
	/* sys messages */
	
	.sysMsg {
		margin: 10px 0;
		padding: 20px;
		color: #5b5a55;
	}
	
	.error {
		background: transparent url(../img/bg-sysMsg-error.gif) no-repeat 0 0;
	}
	
	.success {
		background: transparent url(../img/bg-sysMsg-success.gif) no-repeat 0 0;
	}

	/* global stuff */
	
	.hidden {
		display: none;
		opacity: 0;
	}

	.imgrp {
		overflow: hidden;
		text-decoration: none;
		text-indent: -9999px;
	}
	
	.fade {
		position: relative;
		z-index: 10;
	}
	
	.fade span {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 1;
	}
	
	hr {
		display: none;
	}

	img {
		border: #fff 5px solid;
	}

	.ext, .pdf {
		color: #5b5a55;
		display: block;
		font-size: 11px;
		padding: 5px 0;
		text-decoration: none;
		width: 100px;
	}

	.ext {
		background: url(../img/bg-extLnk.gif) no-repeat right center;
	}

	.pdf {
		background: url(../img/bg-pdfLnk.gif) no-repeat left center;
	}

	.icnTel {
		background: url(../img/icon-phone.gif) no-repeat left center;
	}

	.icnFax {
		background: url(../img/icon-fax.gif) no-repeat left center;
	}

	.icnEmail {
		background: url(../img/icon-mail.gif) no-repeat left center;
	}

	.label {
		color: #5b5a55;
		font: bold 9px/1.5 georgia,serif;
		letter-spacing: .15em;
		margin-bottom: 2px;
		margin-top: -2px;
		margin-right: 5px;
		text-transform: uppercase;
	}
	
/* - - - - - helper and hacks - - - - - */

.clearFix {
	position: absolute;
	clear: both;
}
	
/* - - - - - decoration - - - - - */

#bg-top {
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	height: 100%;
	background: url(../img/bg-main-top.jpg) no-repeat center top;
	position: absolute;
	top: 0;
	z-index: 0;
}

#bg-bottom {
	width: 1000px;
	left: 50%;
	height: 300px;
	background: url(../img/bg-main-bottom.png) no-repeat center top;
	position: absolute;
	bottom: -100px;
	margin-left: -500px;
	z-index: 1;
}
