/**************************************************
	RESET
**************************************************/

html, body, div, span, applet, object, iframe,d
	clear: both;
	border: none;
	width: 100%;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

input {
	background-color: #111;
	border: none;
	padding: 6px;
	color: #fff;
}

::selection {
        background: #aaa; /* Safari */
        }
        
::-moz-selection {
        background: #aaa; /* Firefox */
}

::-webkit-selection {
        background: #aaa; /* Webkit */
}

.postcontent_project p::selection, .postcontent_project p::-moz-selection, .postcontent_project p::-webkit-selection {
        background: #aaa;
}

.postcontent_project span::selection, .postcontent_project span::-moz-selection, .postcontent_project span::-webkit-selection {
        background: #aaa;
}

.postcontent_project strong::selection, .postcontent_project strong::-moz-selection, .postcontent_project strong::-webkit-selection {
        background: #aaa;
}

.postcontent_project a::selection, .postcontent_project a::-moz-selection, .postcontent_project a::-webkit-selection {
        background: #aaa;
}

.postcontent_600 p::selection, .postcontent_600 p::-moz-selection, .postcontent_600 p::-webkit-selection {
        background: #aaa;
}

.postcontent_600 span::selection, .postcontent_600 span::-moz-selection, .postcontent_600 span::-webkit-selection {
        background: #aaa;
}

.postcontent_600 strong::selection, .postcontent_600 strong::-moz-selection, .postcontent_600 strong::-webkit-selection {
        background: #aaa;
}

.postcontent_600 a::selection, .postcontent_600 a::-moz-selection, .postcontent_600 a::-webkit-selection {
        background: #aaa;
}

#postcontent_300 p::selection, #postcontent_300 p::-moz-selection, #postcontent_300 p::-webkit-selection {
        background: #aaa;
}

/**************************************************
	GLOBAL
**************************************************/

#wpadminbar {
	display: none;
}

@font-face {
    font-family: 'UniversLTStd55Oblique';
    src: url('universltstd-obl-univers.eot');
    src: url('universltstd-obl-univers.eot?#iefix') format('embedded-opentype'),
         url('universltstd-obl-univers.woff') format('woff'),
         url('universltstd-obl-univers.ttf') format('truetype'),
         url('universltstd-obl-univers.svg#UniversLTStd55Oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UniversLTStd65Bold';
    src: url('universltstd-bold-univers.eot');
    src: url('universltstd-bold-univers.eot?#iefix') format('embedded-opentype'),
         url('universltstd-bold-univers.woff') format('woff'),
         url('universltstd-bold-univers.ttf') format('truetype'),
         url('universltstd-bold-univers.svg#UniversLTStd65Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UniversLTStd55Roman';
    src: url('universltstd-univers.eot');
    src: url('universltstd-univers.eot?#iefix') format('embedded-opentype'),
         url('universltstd-univers.woff') format('woff'),
         url('universltstd-univers.ttf') format('truetype'),
         url('universltstd-univers.svg#UniversLTStd55Roman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UniversLTStdLight';
    src: url('UniversLTStdLight.eot');
    src: url('UniversLTStdLight.eot') format('embedded-opentype'),
         url('UniversLTStdLight.woff2') format('woff2'),
         url('UniversLTStdLight.woff') format('woff'),
         url('UniversLTStdLight.ttf') format('truetype'),
         url('UniversLTStdLight.svg#UniversLTStdLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniversLTStdLightObl';
    src: url('UniversLTStdLightObl.eot');
    src: url('UniversLTStdLightObl.eot') format('embedded-opentype'),
         url('UniversLTStdLightObl.woff2') format('woff2'),
         url('UniversLTStdLightObl.woff') format('woff'),
         url('UniversLTStdLightObl.ttf') format('truetype'),
         url('UniversLTStdLightObl.svg#UniversLTStdLightObl') format('svg');
}


b, strong {
	font-weight: normal;
	font-family: 'UniversLTStd65Bold', 'Lucida Grande', 'Arial', sans-serif;
}

i {
	font-family: 'UniversLTStd55Oblique';
	font-style: normal;
	font-weight: normal;
}

html,
body,
h1,
.content li.paging a,
.page_header .search,
.content p,
.morelink span,
.content h4,
th.header.headerSortDown,
#thumbwall-canvas .thumb-title,
.content,
.content_600,
.content_300,
#menu .current-menu-item.menu-item-259 > a,
.single_php .post_body .backlink.next,
.postcontent_project.marker h1,
.postcontent_project.marker h2,
.postcontent_project.marker h3,
.postcontent_project.marker h4,
.postcontent_project.marker h5,
.postcontent_project.marker h6,
.postcontent_project.marker .project_header table,
.marker table .table_label,
.home .home_project_link,
.home .address h4 {
	font-family: 'UniversLTStd55Roman', 'Lucida Grande', 'Arial', sans-serif;
}

html,
body {
	background-color: #fff;
	color: #111;
}

a {
	/*font-style: italic;*/
	color: #111;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #111;
}

.separator {
	background: transparent;
	
}

h1 a, h2 a, h3 a {
	font-style: normal;
}

/**************************************************
	LOGO
**************************************************/

#logo_box {
	float: left;
	overflow: hidden;
	clear: none;
}

#logo_box a {
	font-family: 'UniversLTStd65Bold', 'Lucida Grande', 'Arial', sans-serif;
	font-style: normal;
	text-decoration: none;
}

#logo_box a:hover {
	text-decoration: none;
}

.logo {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0 0 0 20px;
	z-index: 333;
}

	 .logo h1 a {
		color: transparent;
		width: 160px;
		height: 190px;
		display: block;
		margin: 15px 10px 0 0;
	}
	
	 .logo h1 a.logosmall {
		background: url('../images/001/logo2.png') no-repeat;
	}
	
	 .logo h1 a.logobig {
		background: url('../images/001/logo.png') no-repeat;
	}
	
	 .logo h1 a.logotiny {
		background: url('../images/001/logo3.png') no-repeat;
	}
	




/***********************************************************
	extra buttons
***********************************************************/

#close_menu {
	background: #000 url('../img/close.png') no-repeat left top;
	width: 22px;
	height: 22px;
	clear: none;
	position: absolute;
	margin: 0px auto 0 -23px;
	display: none;	
}

#close_menu:hover {
	cursor: pointer;
	background-color: #555;
}




/**************************************************
	MENU
**************************************************/


#menu {
  z-index: 2;
  width: 100%;
  z-index: 999999;
  background-color: white;
}

#menu a {
	text-decoration: none;
}

#menu h3{
	color: #000;
	padding: 1px 40px 1px 7px;
	display:block;
	white-space:nowrap;
	margin:0;
	padding:0 4px;
}

#menu ul li ul a{
	padding: 1px 7px;
	color: #111;
}

#menu ul li ul a:hover{
	color: #111;
	background-color: #fff;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	float: right;
	overflow: hidden;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
	  display: inline;
	  clear: none;
	  float: left;
}

div#menu li ul{
	position:absolute;
	top:0px;
	left:-1000px;
	margin-left: 1px;
}

div#menu li.menu-item-2555 ul{
	position:absolute;
	left:-1000px;
	margin-left: 1px;
}

div#menu li ul li {
	display:none;
}

div#menu li ul li.current-menu-item {
	display:block;
}

#menu a.x:hover{
	color:#3F607F;
	background:#ddd;
}

#menu a.x:active{
	color:#3F607F;
	background:#ccc;
}


/***********************************************************
	menu states
***********************************************************/

#menu a {
	line-height: 23px;
	white-space:nowrap;
	display:block;
	margin:0 0 0 0;
	color: #111;
	background-color: #fff;
	font-style: normal;
	/*border-bottom: 1px solid gray;*/
	font-weight: normal;
}

#menu a.qtrans_flag_and_text {
	border-bottom: none;
}

#menu a:hover, #menu .current-menu-item.menu-item-259 > a:hover{
color: #111;
background-color: #fff;
font-style: normal;
/*font-family: 'UniversLTStd65Bold', 'Lucida Grande', 'Arial', sans-serif;*/
}

#menu a:active{
color: #111;
background-color: #fff;
/*font-family: 'UniversLTStd65Bold', 'Lucida Grande', 'Arial', sans-serif;*/
}

#menu .current-menu-item > a {
color: #111;
background-color: #fff;
font-family: 'UniversLTStd65Bold', 'Lucida Grande', 'Arial', sans-serif;
/*cursor: default;*/
}

#menu .current-menu-item.menu-item-259 > a {
color: #111;
background-color: #fff;
/*cursor: default;*/
}

/**************************************************
	CONTENT
**************************************************/


/**** wrapper ****/

.content {
	z-index: 99;
	overflow: hidden;
	visibility: hidden;
	float: left;
}

.content_600, .content_300 {
	z-index: 0;
	overflow: visible;
	visibility: visible;
}

.content_600.slider_closed {
	visibility: hidden;
}

.content_600.slider_closed.static {
	visibility: hidden;
}

/**** block ****/

#postcontent, .postcontent_600 {
	float: left;
	padding: 0px 0px 15px 0px;
	text-align: left;
	overflow: visible;	
	color: #111;
	clear: both;
	background: #fff;
	margin-bottom: 50px;
}

.postcontent_project {
	float: left;
	padding: 0px;
	text-align: left;
	overflow: visible;	
	color: #111;
	clear: both;
	/* background: #fff; */
	margin-bottom: 50px;
}

.postcontent_project  .postcontent_text p:first-of-type {
	padding-top: 15px;
}

.archive .postcontent_project {
	padding: 0px 0px 15px 0px;
	margin-bottom: 20px;
}

.archive.content_600 {
	visibility: visible;
}

#postcontent_300 {
	width: 300px;
	float: left;
	padding: 0px;
	text-align: left;
	overflow: visible;	
	color: #111;
	clear: both;
}

.content_300 {
	width: 300px;
	float: left;
	padding: 0px;
	text-align: left;
	overflow: visible;	
	color: #111;
	clear: both;
	background: transparent;
}

div.content_300.page_300.hidden {
	visibility: hidden;
}

div.content_300.page_300.marker {
	visibility: visible;
	bottom: inherit !important;
	left: 0px;
	top: 0px;
	width: 300px;
	padding-left: 13px;
	background: transparent url(http://www.whist.ch/wordpress/wp-content/themes/contrast/img/marker_bg.png) no-repeat top left;
}


/**** post body ****/

.postcontent_project .postcontent_text {
	background: white;
	margin-top: 1px;
	display: block;
	width: 100%;
	float: left;
	clear: both;
}

.content .post_body {
	height: auto;
	float: left;
	clear: both;
	width: 100%;
}

.single_php .post_body {
	height: auto;
	float: left;
	clear: both;
	width: 100%;
	background-color: white;
	padding-bottom: 22px;
}

.single_php .postcontent_600 {
	background-color: transparent;
}

.content_300 .post_body {
	height: auto;
	float: left;
	clear: both;
	width: 100%;
	background: white;
}

/**** post footer ****/

.content .post_footer {
	height: auto;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 1px;
	background-color: white;
}

/**** featured image ****/

.content .featured_image {
	float: left;
	clear: both;
	margin-bottom: 1px;
	padding: 0px 0px 0px 0px;
	line-height: 0px;
}

.content .featured_image img {
	cursor: default;
	height: auto;
	margin: 0;
	padding-bottom: 0px;
}

.archive.content .featured_image img {
	cursor: pointer;
}

/**** paragraphs ****/

.postcontent_project p, .postcontent_project ol, .postcontent_project ul {
	margin-bottom: 0px;
	text-align: left;
	display: inline-block;
	clear: both;
	float: left;
	/*position: relative;*/
	line-height: 1.7em;
	width: 100%;
	padding: 0px 15px 15px 0px;
	margin-bottom: 10px;
}

.postcontent_600 p, .postcontent_600 ol, .postcontent_600 ul {
	margin-bottom: 0px;
	text-align: left;
	display: inline-block;
	clear: both;
	float: left;
	position: relative;
	line-height: 1.7em;
	width: 100%;
	padding: 15px 15px 0px 0px;
}

.content_300 p {
	margin-bottom: 0px;
	text-align: left;
	display: inline-block;
	padding: 15px;
	clear: both;
	float: left;
	position: relative;
	line-height: 1.7em;
	width: 100%;
	background: #fff;
}

.content_600.page_600, .content.page_300 {
	visibility: visible;
}

.page_600 .post_body p:first-of-type, .category-news .postcontent_600 .post_body p:first-of-type {
	float: left;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: -3px;
}

.content.archive .post_body p {
	text-align: justify;
}

.page_team .post_body p {
	width: 100%;
	clear: none;
	float: right;
	padding-left: 0px;
	padding-top: 2px;
}

.page_team.subpage .post_body p {
	width: 100%;
	clear: none;
	float: right;
	padding-left: 0px;
	padding-top: 15px;
}

.page_team .post_body p:first-of-type {
	float: left;
	padding-left: 0px;
	padding-top: 10px;
}

.page_team.subpage .post_body p:first-of-type img {
	width: 100%;
}

.page_team .post_body table tr td {
	vertical-align: top;
}

.page_team .post_body table tr td:first-of-type {
	width: 71px;
}


/**** headings ****/

.content h1,.content h2, .content h3, .content h4, .content h5, .content h6{
	font-family: 'UniversLTStd65Bold', 'Lucida Grande', 'Arial', sans-serif;
	letter-spacing: 1px;
	text-align: left;
	padding: 15px 0px;
	margin-bottom: 1px;
	float: left;
	clear: both;
	display: block;
	letter-spacing: 0em;
	
}

.content .post_body h1, .content .post_body h2, .content .post_body h3, .content .post_body h4, .content .post_body ol {
	background-color: #fff;
	clear: both;
	width: 100%;
	margin-bottom: 1px;
}

.content.content_300 .post_body h1, .content.content_300 .post_body h2, .content.content_300 .post_body h3, .content.content_300 .post_body h4, .content.content_300 .post_body ol {
	clear: both;
	width: 100%;
	padding: 15px 0px;
	float: left;
	position: relative;
}

.content form h3 {
	float: left;
	clear: both;
	width: 100%;

}

.content h3 a {
	float: left;
	clear: both;
	width: 100%;

}

.content h4 {
	margin-bottom: 5px;
	text-transform: none;
}

/**** lists ****/

.content ul {
	list-style-type: square;
	list-style-position: inside;
	line-height: 2em;
}

.postcontent_600 table {
	margin: 15px;
}

.postcontent_600 table td {
	padding: 3px 7px 3px 0;
}


/**** details ****/	

.content .details {
	/*font-style: italic;*/
	/*width: 100%;
	clear: both;*/
	padding: 0px 2px 9px 0;
    margin: -7px 1px -2px 0;
    /*float: right;
    text-align: right;*/
}


.content_300 hr, hr.short  {
	width: 270px;
	height: 0px;
	color: #ccc;
	background-color: #ccc;
	float: left;
	display: block;
	margin: 15px;
	clear: both;
}

.content_600 hr, hr.long  {
	width: 520px;
	height: 0px;
	color: #ccc;
	background-color: #ccc;
	float: left;
	display: block;
	margin: 15px;
	clear: both;
}
	
	.content p a.more-link {
		float: right;
	}
	
	div.morelink {
		position: relative;
		float: right;
		width: 335px;
		padding: 0px 5px;
		margin-top: -15px;
		text-align: left;
		background: #000;
		clear: both;
	}
	
		.content span.cats {
			letter-spacing: 0px;
			vertical-align: middle;
			text-align:right;
			float: right;
			clear: none;
			background: #000000;
			padding: 7px 10px;

		}
		
		.content span.more {
			letter-spacing: 0px;
			vertical-align: middle;
			text-align:left;
			float: left;
			clear: none;
			background: #000 url(../images/001/arrow_small_down.png) no-repeat 5px 12px;
			padding: 7px 13px;
}
		
		.content h3.details span.printlink {
			letter-spacing: 0px;
			vertical-align: middle;
			text-align: left;
			float: left;
			clear: none;
			background: #000000;
			padding: 7px 10px;
			margin: 0 1px;
		}
			
		.content h3.details span.morelink {
			letter-spacing: 0px;
			vertical-align: middle;
			text-align: left;
			float: left;
			clear: none;
			background: #000000;
			padding: 7px 10px;
			cursor: pointer;
			margin: 0 1px;
		}
		
		
		.content h3.details span.cats a {
			color: #FFFFFF;
			padding: 0px;
			background: none;
		}
		
		.content h3.details span.date {
			margin-left: 30px;
			margin-top: -10px;
		}
		

	
	.content .portfolio p {
		background: none;
		padding: 0;
		margin-right: 0;
		text-align: left;
		float: left;
	}
	
	.content .portfolio p.details, .content .portfolio p.more {
		padding:0;
		text-align: left;
		width: auto;
		max-width: 150px;
		line-height: 1.5em;
	}

	.content p a {
		color: #000000;
	}
	
	.content p a:hover {
		color: #000;
	}

	.content ul,
	.content ol {
		padding-left: 0px;
		margin-bottom: 10px;
	}

		.content .sliderMask ul li {
			padding-left: 15px;
			background: url('../images/001/list_item_BG.gif') 0px 7px no-repeat;
		}
		
.content .backlink {
	display: inline-block;
	/*position: relative;*/
	width: auto;
	float: right;
	text-align: right;
	padding: 0 15px;
	background: transparent url('../img/icons_sprite.png') no-repeat -6px -278px;
	line-height: 26px;
	/*font-style: italic;*/
	clear: none;
}

.content .backlink.previous {
	float: left;
	text-align: right;
	padding: 0 15px;
	background: transparent url('../img/icons_sprite.png') no-repeat -6px -278px;
	line-height: 26px;
	margin: 3px 0 0 12px;
}

.content .backlink.next {
	float: right;
	text-align: right;
	padding: 0 22px;
	background: transparent url('../img/icons_sprite.png') no-repeat right -253px;
	line-height: 25px;
	font-style: normal;
	margin-top: 11px;
	margin-right: -8px;
}

.single_php .backlink.next a {
	font-style: normal;
	font-weight: normal;
}

.content .backlink_next_before {
	float: right;
	text-align: right;
	padding: 0 22px;
	line-height: 26px;
	margin: 3px 0px 0 0;
}

.single_php .post_body .backlink.next {
	margin: 5px 0px 0px 0;
}

.single_php .post_body .backlink.next a {
	font-style: normal;
}
		
/**** images ****/


	.content_600 img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	
	.content img.alignleft {
		float: left;
		margin: 10px 0 15px 0;
	}
	
	.content img.alignright {
		float: right;
		margin: 7px 0 8px 0;
		
	}

	img.alignright.size-thumbnail {
		float: right;
		margin: 0px 0px 15px 15px;
	}
	
	img.alignleft.size-thumbnail {
		float: left;
		margin: 0px 15px 15px 0px;
	}
	
	img.size-thumbnail {
		float: left;
		clear: none;
		margin: 0px 7px 15px 7px;
	}
	
	img.alignright.size-medium, img.alignleft.size-medium, img.size-medium {
		margin: 7px 0 8px 0;
		width: 300px;
		height: auto;
		clear: both;
	}
	
	.content_600 img.alignright.size-medium, .content_600 img.alignleft.size-medium, .content_600 img.size-medium {
		margin: -15px 0px 0 -15px;
		width: 550px;
		height: auto;
		clear: both;
	}
	
/**************************************************
	SLIDER
**************************************************/

.sliderMask {
	height: 100%;
	right: 0;
	overflow: visible;
	width: 100%;
	margin-top: 0px;
}

.project_archive, .project_archive .sliderMask {
	width: 550px;
}



.sliderContent{
	float: left;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
}

.jScrollPaneTrack {
	height: 100%;
	background: #000000;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
	float: left;
}

.jScrollPaneTrack .jScrollPaneDrag {
	background: #555;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}


/**************************************************
	FOOTER
**************************************************/


#footer {
	overflow: hidden;
	width: 100%;
	/*border-top: 1px solid black;*/	
	opacity: 0.5;
	float: left;
}

.footer-inner {
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}

.footer {
	width: 100%;
	height: 30px;
	background: url(../images/001/footer_BG.png) repeat-x;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.footer .icons {
	padding: 7px 0px 0px 10px;
	float: left;
}

	.footer .icons ul.list li {
		float: left;
		margin-right: 5px;
	}
	
		.footer .icons ul.list li a {
			width: 16px;
			height: 16px;
			display: block;
			background: #FFFFFF;
		}
		
			.footer .icons ul.list li a span {
				display: none;
			}
		
		.footer .icons ul.list li.FEED a {
			background: url('../images/001/icon_FEED.gif') no-repeat;
		}
			.footer .icons ul.list li.FEED a:hover {
				background: url('../images/001/icon_FEED.gif') 0px -16px no-repeat;
			}
			
		.footer .icons ul.list li.FLICKR a {
			background: url('../images/001/icon_FLICKR.gif') no-repeat;
		}
			.footer .icons ul.list li.FLICKR a:hover {
				background: url('../images/001/icon_FLICKR.gif') 0px -16px no-repeat;
			}
			
		.footer .icons ul.list li.TWITTER a {
			background: url('../images/001/icon_TWITTER.gif') no-repeat;
		}
			.footer .icons ul.list li.TWITTER a:hover {
				background: url('../images/001/icon_TWITTER.gif') 0px -16px no-repeat;
			}
			
		.footer .icons ul.list li.FACEBOOK a {
			background: url('../images/001/icon_FACEBOOK.gif') no-repeat;
		}
			.footer .icons ul.list li.FACEBOOK a:hover {
				background: url('../images/001/icon_FACEBOOK.gif') 0px -16px no-repeat;
			}

.footer .copyright {
	color: #111;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
}

	.footer .copyright a {
		color: #111;
	}

/***********************************************************
	LOADING
***********************************************************/

.loading {
	width: 248px;
	height: 36px;
	padding-top: 17px;
	margin: -48px 0px 0px -124px;
	text-align: center;
	background: url('../images/001/loading_BG.png') no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	display: none;
}

/***********************************************************
	BACKGROUND
***********************************************************/

#background {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	text-align: center;
}

	#background img {
		position: absolute;

		left: 0px;
		display: none;
		height: 100%;
		width: 100%;
	}
	

	#background div.gradient .right,
	#background div.gradient .left {
		width: 600px;
		height: 100%;
		position: absolute;
		top: 0px;
	}
	
	#background div.gradient .right {
		background: url('../images/001/gradient_right_BG.png') repeat-y;
		right: -300px;
	}
	
	#background div.gradient .left {
		background: url('../images/001/gradient_left_BG.png') repeat-y;
		left: -300px;
	}
	
/***********************************************************
	LIGHTBOX
***********************************************************/

a.lightbox {
	padding: 0px;
	background: none;
}

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

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

#lightbox-container-image-box {
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background: #FFFFFF;
	position: relative;
}

#lightbox-container-image {
	padding: 10px;
}

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

#lightbox-nav {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	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%;
	display: block;
}

#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}

#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}

#lightbox-container-image-data-box {
	width: 100%;
	padding: 0 10px 0;
	margin: 0 auto;
	line-height: 16px;
	background: #FFFFFF;
	overflow: auto;
}

#lightbox-container-image-data {
	color: #303030;
}

#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	text-align: left; 
	float: left; 
}

#lightbox-image-details-caption {
	font-weight: bold;
}

#lightbox-image-details-currentNumber {
	padding: 5px 0px 10px 0px;
	display: block; 
	clear: left; 
}
	
#lightbox-secNav-btnClose {
	width: 17px; 
	padding-bottom: 0.7em;	
	float: right;
}

div#background object {
	width: 100%;
	height: 100%;
}

div#cincopa_widget {
	height: 100%;
	width: 100%;
}

embed#autoviewer {
	height: 100%;
	width: 100%;
}

div#inner2b7f165 {
	height: 100%;
	width: 100%;
	margin: 0;
}

#_cincopa_widget_b2242c2f-8f0d-4444-9ef9-2b6ade01fd98 embed {
	height: 100%;
	width: 100%;
}


div#jdGalleryDiv.jdGallery {
	height: 100%;
	width: 100%;
}

div.jScrollPaneContainer {
	width: auto;
	max-width: 350px;
	right: 0;
	float: right;

}

#issuu {
	width: 100%;
	height: 100%;
}

#issuu div, #issuu embed {
	width: 100%;
	height: 100%;
}

#issuu object {
	width: 100%;
	height: 100%;
}

* { 
    margin: 0; 
    padding: 0; 
}

#bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg { 
    position: fixed; 
    z-index: 1;
}

#bg div {
    height:200%;
    left:-50%; 
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

.box { 
    margin: 0 auto; 
    width: 400px;
    padding: 50px;
    background: white; 
    padding-bottom:100px;
}

#focus-stealer { position: absolute; left: -9999px; } 


/***********************************************************
	Project Header
***********************************************************/

table#projectheader {
	display: none;
}

.postcontent_project .project_header, .postcontent_600 .project_header {
	float: left;
	clear: both;
	display: block;
	width: 100%;
	background: white;
	padding-top: 14px;
	margin-top: 0px;
	margin-bottom: 17px;
	line-height: 1.7em;
}

.postcontent_project h1,.postcontent_project h2, .postcontent_project h3, .postcontent_project h4, .postcontent_project h5, .postcontent_project h6{
	font-family: 'UniversLTStd65Bold', 'Lucida Grande', 'Arial', sans-serif;
	letter-spacing: 1px;
	text-align: left;
	padding: 0px;
	margin-bottom: 1px;
	float: left;
	clear: both;
	display: block;
	letter-spacing: 0em;
}

#project_thumb {
	width: 170px;
	height: 130px;
	float: right;
	clear: none;
	display: block;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	margin: 15px 15px 0px 0px;
}

#project_thumb img.project_thumbnail {
	min-width: 170px;
	min-height: 130px;
	max-width: 200px;
	max-height: 160px;
}

.project_link {
	display: inline-block;
	position: absolute;
	width: auto;
	bottom: 14px;
	right: -177px;
	text-align: right;
	padding-right: 24px;
	background: transparent url('../img/icons_sprite.png') no-repeat right -253px;	
}

.map_link {
	display: inline-block;
	/*position: relative;*/
	width: auto;
	float: right;
	text-align: right;
	padding-right: 24px;
	background: transparent url('../img/icons_sprite.png') no-repeat right -251px;
	line-height: 26px;
}

.project_header table td.no_pad {
	padding: 0 0 0 0;
}

/***********************************************************
	Projectheader Marker
***********************************************************/

.postcontent_project.marker.marker_closed {
	visibility: visible;
	bottom: inherit !important;
	left: 0px;
	top: 0px;
	width: auto;
	background: transparent url(http://www.whist.ch/wordpress/wp-content/themes/contrast/img/marker_bg.png) no-repeat top left;
	padding: 0px 0px 0px 13px;
	margin-bottom: 0px;
	z-index: inherit;
	opacity: 0.8;
}

.postcontent_project.marker.marker_open {
	visibility: visible;
	bottom: inherit !important;
	left: 0px;
	top: 0px;
	width: 370px;
	background: transparent url(http://www.whist.ch/wordpress/wp-content/themes/contrast/img/marker_bg.png) no-repeat top left;
	padding: 0px 0px 0px 13px;
	margin-bottom: 0px;
	z-index: 999999;
}

.postcontent_project.marker .project_header {
	float: left;
	clear: both;
	display: block;
	width: 100%;
	background: #fff; 
	padding-bottom: 10px;
	margin-top: 0px;
}

.postcontent_project.marker.marker_closed .project_header {
	display: none;
}

.postcontent_project.marker.marker_open .project_header {
	display: block;
}

.postcontent_project.marker h1,.postcontent_project.marker h2, .postcontent_project.marker h3, .postcontent_project.marker h4, .postcontent_project.marker h5, .postcontent_project.marker h6 {
	letter-spacing: 1px;
	text-align: left;
	padding: 0px;
	margin-bottom: 1px;
	float: left;
	clear: both;
	display: block;
	letter-spacing: 0em;
}

.postcontent_project.marker .titlebar {
	line-height: 23px;
	background: #111;
	color: #fff;
	height: 26px;
	padding: 0 25px 0px 9px;
	cursor: pointer;
	overflow: hidden;
	width: auto;
}

.postcontent_project.marker.marker_closed .titlebar {
	background: #111 url('../img/icons_sprite.png') no-repeat right -125px;
}

.postcontent_project.marker.marker_open .titlebar {
	background: #111 url('../img/icons_sprite.png') no-repeat right -150px;
}

.postcontent_project.marker .titlebar h2 {
	font-size: 12px;
	line-height: 23px;
	padding: 2px 0 0 0;
	margin-bottom: 1px;
}

.postcontent_project.marker .titlebar a {
	color: 	#fff;
}

.postcontent_project.marker .project_header table {
	margin: 11px 0px 0px 15px;
	font-size: 11px;
	float: left;
	clear: none;
	width: 220px;
	line-height: 22px;
}

.postcontent_project.marker .project_header table td {
	padding: 0px 22px 0px 0px;
	vertical-align: top;
}

.postcontent_project.marker .project_header table td.set_width {
	width: 60px;
}

.marker #project_thumb {
	width: 100px;
	height: 100px;
	float: right;
	clear: none;
	display: block;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	margin: 15px 15px 0px 0px;
}

.marker #project_thumb img.project_thumbnail {
	min-width: 100px;
	min-height: 100px;
	max-width: 160px;
	max-height: 160px;
}



/***********************************************************
	Edit Link
***********************************************************/

.edit_link {
	position: fixed;
	width: 22px;
	height: 15px;
	background: #111;
	left: 10px;
	bottom: 0px;
	padding: 5px 15px;	
}

.edit_link_gallery {
	position: fixed;
	width: 70px;
	height: 15px;
	background: #111;
	left: 72px;
	bottom: 0px;
	padding: 5px 15px;	
}

.edit_link a, .edit_link_gallery a {
	color: white;	
}

/***********************************************************
	Google Maps API)
***********************************************************/

#map_canvas { height: 100%; }


/* PROJECT THUMBNAIL WALL */


#thumbwall-canvas {
	background: #fff;
	position: relative;
	z-index: 5;
	top: 0;
	left: 0;
	/*width: 100%;
	height: 100%;*/
	visibility: visible;
	float: left;
	/*padding: 80px 30px 0px 175px;*/
	margin-bottom: 150px;
}

#thumbwall-canvas .thumbs-wrapper, #thumbwall-canvas .thumbs-wrapper-static {
	background-color: #fff;
	float: left;
	clear: none;
	overflow: visible;
	border-bottom: 42px solid white;
	border-right: 22px solid white;
	text-decoration: none;
}

#thumbwall-canvas .thumbs-inner-wrapper {
	background-color: #fff;
	float: left;
	clear: none;
	overflow: hidden !important;
	border: none !important;
	text-decoration: none;
	opacity: 0.9; /* bisschen durchsichtig, damit die schwarz weiss bilder heller werden */
}

#thumbwall-canvas .thumbs-inner-wrapper:hover {
	opacity: 1; /* bisschen durchsichtig, damit die schwarz weiss bilder heller werden */
}

#thumbwall-canvas a.thumbs-wrapper  {
	text-decoration: none;
}

.desktop #thumbwall-canvas a.thumbs-wrapper  {
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    -webkit-transition: all .4s ease;  /* Transition for Webkit browsers */
}

.mobile #thumbwall-canvas a.thumbs-wrapper  {
	-webkit-filter: grayscale(30%);
	filter: grayscale(30%);
}

#thumbwall-canvas a.thumbs-wrapper.featured  {
	text-decoration: none;
}

#thumbwall-canvas a.thumbs-wrapper:hover {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
	text-decoration: none;
	opacity: 1;
}

#thumbwall-canvas .thumb-title {
	  font-style: normal;
	  font-weight: normal;
	  height: 23px;
/*	  position: absolute;*/
	  margin-top: -6px;
	  margin-left: -6px;
	  display: block;
	  padding: 0 6px;
	  background: white;
	  text-decoration: none;
	  overflow: hidden;
	  max-width: 234px;
	  clear: both;
}

#thumbwall-canvas .featured .thumb-title {
	display: inline-block;
}

#thumbwall-canvas .thumb-title a, #thumbwall-canvas .thumb-title a:hover, #thumbwall-canvas .thumb-title:hover a {
	text-decoration: none;
}

#thumbwall-canvas .thumbs-wrapper.thumbs-wrapper-blank {
	background-color: white;
}

#thumbwall-canvas .thumbs-wrapper.thumbs-wrapper-blank:hover {
	background-color: white;
}



/*****************************************************
	Fullscreen better
*****************************************************/

#bg2 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	z-index: -999;
}

#bg2.fullscreen_image,#bg2.fullscreen_image * {-moz-user-select:-moz-none;-webkit-user-select:none}	
											
#bg2.fullscreen_image {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	/*background: url(../img/progress.gif) 50% 50% no-repeat;*/
}
							
#bg2.fullscreen_image img {
	display: block; 
	margin: 0; 
	-ms-interpolation-mode: bicubic;
	visibility: hidden;
}


/*****************************************************
	Redesign 2015 NEW
*****************************************************/


p.projectcategory_title {
	width: 100%;
	clear: both;
	padding: 10px 0px 10px 0px;
}

#thumbwall-canvas p.projectcategory_title {
	padding: 0px 15px 15px 0px;
}

.white_gradient {
	background: url(../img/white_gradient.png) top left repeat-x;
	height: 35px;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 99999;
}

.home_supersized {
	opacity: 0;
}

.home_supersized img {
	visibility: hidden;
}

.home.content_600 img {
	margin: 0;
}

.home.content_600 li {
	list-style: none;
}

.home.content .sliderMask ul li {
	padding-left: 0;
}

.home .home_project_link {
	margin: 0 0 0 1px;
	text-align: right;
	clear: none;
	width: auto;
}

.home .home_project_link a{
	font-style: normal;
}

.home .address {
	padding: 20px 0px;
}

.home .address h4 {
	margin-bottom: 22px;
}


.post_body h4 a {
	font-style: normal;
}

li.widget {
	list-style: none;
	text-align: left;
	width: 100%;
	clear: both;
}