/*
Theme Name: Station AG
Theme URI: http://www.station.ch
Version: 1.0
Author: Lukas von Blarer

*/

/* @group OLD CSS FOR SWITCH */



/* @end */

/* @group RESET */

*{
	padding: 0;
	margin: 0;
}


/* @end */

/* @group UTILITY */

.spacer-20{
	height: 20px;
}

.spacer-50{
	height: 50px;
}

.highlight{
	color: #36618c;
}

.highlight-grey{
	color: #666;
}

.clear{
	clear: both;
}

.float-left{
	float: left;
}

.float-right{
	float: right;
}

.float-none{
	float: none;
}

h1.smaller{
	width: 380px;
}

h1.bigger{
	font-size:60px;
	line-height: 60px;
	font-weight:100;
}

.normal-font-weight{
	font-family: 'StationTextRegular', Calibri, "Trebuchet MS", "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.normal-font-size{
	font-size: 15px;
	line-height: 20px;
}

/* @end */

/* @group =BASE */

	/* @group =Tags */
	
		/* @group -Headings */
		
		h2.bigger{
			line-height: 40px;
			font-size: 36px;
		}
		
		h1{
			font-size: 36px;
			line-height: 44px;
			margin-bottom: 10px;
		}
		
		h3{
			font-size: 16px;
		}
		
		h1 a:link, h1 a:visited, h1 a:active{
			text-decoration: none;
		}
		
		/* @end */
	
		p{
			padding-top: 8px;
			padding-bottom: 8px;
		}
	
		html, input{
			font-size: 15px;
			line-height: 20px;
			font-family: 'StationTextRegular', Calibri, "Trebuchet MS", "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
		}
		
		strong, b, h2, h1, h3, .bold{
			font-family: 'StationTextBold', Calibri, "Trebuchet MS", "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
		}
	
		img{
			background-color: #fff;
			color: #fff;
		}
	
		/* @group -Links */
		
		a:link, a:active, a:visited{
			color: #36618c;
			outline: none;
			text-decoration: underline;
		}
		
		a:hover{
			color: #000;
		}
		
		a img{
			border: none;
		}
		
		input{
			line-height: 16px;
		}
		
		/* @end */
	
	/* @end */

	/* @group -Wrappers */
	
	#wrapper{
		width: 980px;
		margin: 0px auto;
	}
	
	
	
	/* @end */

	/* @group -Header */
	
	#header{
		margin-top: 25px;
		position: relative;
	}
	
	#logo{
		width: 113px;
		height: 31px;
		float: right;
		position: absolute;
		top: 0px;
		right: 0px;
		background: url(../img/logo.jpg) no-repeat;
	}
	
	#flash-link{
		width: 50px;
		height: 45px;
		float: right;
		position: absolute;
		top: 0px;
		right: 0px;
		background: transparent url(../img/flash-link.png) no-repeat;
	}
	
	#flash-link:hover{
		background-position: 0 -45px;
	}
	
	/* @end */

	/* @group -Footer */
	
	#footer{
		height: 20px;
		clear: both;
	}
	
	/* @end */

	/* @group =Navigation */
	
		/* @group -Navigationitems */
		
		.nav a, .nav a:link, .nav a:visited{
			text-decoration: none;
		}
		
		.nav li{
			list-style: none;
			list-style-position: outside;
			list-style-type: none;
		}
		
		.nav .active a, .nav .active a:visited, .nav a.active{
			color: #000;
			text-decoration: none;
		}
		
		
		/* @end */
	
		/* @group -Subnavigation */
		
		#sub-nav{
			clear: both;
			width: 980px;
			height: 40px;
			border-bottom: 1px solid #ccc;
		}
		
		#sub-nav ul{
			height: 30px;
			padding-top: 10px;
		}
		
		#sub-nav ul li{
			margin-right: 15px;
			float: left;
		}
		
		#sub-nav ul.float-right li{
			margin-right: 0;
			margin-left: 15px;
			float: left;
		}
		
		/* @end */
	
		/* @group -Mainnavigation */
		
		#main-nav{
			font-size: 32px;
			line-height: 32px;
			width: 980px;
			height: 32px;
			padding-bottom: 18px;
			border-bottom: 1px solid #ccc;
		}
		
		#main-nav ul li{
			margin-right: 30px;
			float: left;
		}
		
		
		
		/* @end */
	
		/* @group -Pagination */
		
		#pagination a{
			text-decoration: none;
		}
		
		
		
		/* @end */
	
	
	
	/* @end */

	/* @group -Content */
	
	#content{
		clear: both;
		margin-top: 20px;
		position: relative;
	}
	
	#left_col{
		width: 380px;
		float: left;
		position: relative;
	}
	
	#left_col h1{
		margin-top: 120px;
	}
	
	#right_col{
		width: 580px;
		float: right;
		position: relative;
	}
	
	#pagination{
		padding-top: 15px;
	}
	
	/* @end */

/* @end */

/* @group =PAGES */

/* @group -No Flash */

	#content #noflash img{
		border: none;
	}

/* @end */

/* @group -Kontakt */

#kontakt-map{
	border: 1px solid #ccc;
}

/* @end */

/* @group -Jobs */

	.job-link{
		color: #36618c;
		cursor: pointer;
		text-decoration: underline;
	}
	
	.job-link.active{
		color: #000;
	}
	
	.job-link:hover{
		color: #000;
	}

	.job-link:hover{
		color: #000;
	}
	
	.job-item{
		margin-top: 10px;
		padding-top: 7px;
		border-top: 1px solid #ccc;
	}

/* @end */

/* @group -Awards */

	.award-item{
		border-top: 1px solid #ccc;
	}
	.award-item.award-item-first{
		border-top: none;
	}
	
	.award-item .award-project-link{
		float: right;
	}

/* @end */

/* @group -Live */

	#live-image-rotator{
		position: relative;
	}
	
	.live-image-rotator-item{
	display: none;
		position: absolute;
	}
	
	.live-image-rotator-item.active-image{
	display: block;
	}

/* @end */

/* @group -Work Detail */

#work-gallery-wrapper{
		width: 601px;
	}
	
	#work-gallery-thumb{
		position: absolute;
		top: 0px;
		padding: 20px;
		width: 601px;
		display: none;
	}
	
	#work-gallery-overlay{
		position: absolute;
		top: 0px;
		width: 601px;
		height: 352px;
		background-color: #fff;
	}
	
	#content #work-gallery-thumb .work-gallery-item-thumb img{
		border: 1px solid #000;
	}
	
	#work-gallery-thumb .work-gallery-item-thumb {
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	
	#gallery-gallery-full{
		position: relative;
		width: 580px;
	}
	
	.work-gallery-item-full.work-gallery-active-image{
	}
	
	#gallery-detail-nav ul li{
		color: #36618C;
		cursor: pointer;
	}
	
	#gallery-detail-nav ul li:hover{
		color: #000;
	}
	
	#gallery-detail-nav .active{
		color: #000;
		cursor: default;
	}
	
	#gallery-detail-nav a:link, #gallery-detail-nav a:visited, #gallery-detail-nav a:active{
		text-decoration: none;
	}



/* @end */

	/* @group -Blog */
	
	.post{
		border-top: 1px solid #ccc;
		margin-top: 20px;
		padding-top: 20px;
	}
	
	.post:first-child{
		border-top: none;
		margin-top: 0;
		padding-top: 0;
	}
	
	.post .post-meta{
		margin-top: 20px;
	}
	
	.comments-link{
		float: right;
	}
	
	
	
	/* @end */

	/* @group -Work */
	
	#work-navigation{
		text-align: center;
		border-top: 1px solid #9d9d9d;
		clear: both;
		padding-top: 10px;
	}
	
	#work-filter{
		color: #36618c;
		text-decoration: none;
		float: left;
	}
	
	#work-pagination{
	text-align: center;
	}
	
	#work-pagination-controls{
		float: right;
	}
	
	#work-pagination-controls a{
		margin-left: 10px;
	}
	
	#work-livesearch{
		border:1px solid #9d9d9d;
	}
	
	#gallery-detail .gallery-detail-tab a:link, #gallery-detail .gallery-detail-tab a:visited{
		text-decoration: none;
	}
	
	#gallery-detail .gallery-detail-tab a:hover{
		text-decoration: underline;
	}
	
	#items-gallery-wrapper.work{
		height: 600px;
	}
	
	#facebook-work-plugin{
		border-top: 1px solid #ccc;
		margin-top: 3px;
		padding-top: 11px;
		overflow:hidden;
		width:580px;
	}
	
	.twitter-share-button{
		bottom:130px;
		position: absolute;
		right: 0;
	}
	
	
	
	/* @end */

	/* @group -Team */
	
	.team-function{
		float: left;
		margin-top: 17px;
		margin-left: 10px;
	}	
	
	/* @end */

	/* @group =ELEMENTS */
	
		/* @group -Items Gallery View */
			
			#items-gallery-wrapper{
				width: 1001px;
			}
			
			#items-gallery-wrapper .gallery-item, #items-gallery-wrapper .gallery-item{
				margin-right: 20px;
				margin-bottom: 20px;
				float: left;
				position: relative;
			}
			
			#items-gallery-wrapper .gallery-item{
				border: 1px solid #9d9d9d;
				width: 178px;
				height: 178px;
			}
			
			#items-gallery-wrapper .gallery-item .gallery-item-thumb{
				background-color: #fff;
				cursor: pointer;
				border: none;
			}
			
			#items-gallery-wrapper .gallery-item .gallery-item-overlay-wrapper{
				padding: 5px;
				width: 170px;
				height: 170px;
				display: none;
				color: #000;
				cursor: pointer;
				position: absolute;
				left: -1px;
				top: -1px;
			}
			#items-gallery-wrapper .gallery-item .gallery-item-overlay{
				padding: 5px;
				width: 170px;
				height: 170px;
				display: block;
				color: #000;
				cursor: pointer;
				position: absolute;
				left: -1px;
				top: -1px;
			}
			
			.gallery-item-overlay-wrapper .gallery-item-descrtiption.kunde{
				position: absolute;
				bottom: 6px;
				right: 6px;
			}
			
			#items-gallery-wrapper .gallery-item .gallery-item-title{
				display: block;
				font-family: 'StationTextBold', Calibri, "Trebuchet MS", "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
				font-weight: bold;
			}
	
			#items-gallery-wrapper .gallery-item img{
				border: none;
			}
			
			.gallery-item a {
				color: #000;
				text-decoration: none;
			}
			
			#gallery-detail-nav{
				clear: both;
				height: 40px;
				border-bottom: 1px solid #ccc;
			}
			
			#gallery-detail-nav ul{
				float: left;
				height: 30px;
				padding-top: 10px;
			}
			
			#gallery-detail.team #gallery-detail-nav ul{
				float: right;
				height: 30px;
				padding-top: 10px;
			}
			
			#gallery-detail.team #gallery-detail-nav ul li{
				margin-left: 15px;
				margin-right: 0;
				float: left;
			}
			
			#gallery-detail-nav ul.float-right{
				float: right;
			}
			
			#gallery-detail-nav ul li{
				margin-right: 15px;
				float: left;
			}
			
			.gallery-detail-title{
				float: left;
				height: 30px;
				margin-top: 10px;
				margin-bottom: 0;
			}
			
			.gallery-detail-title-small{
				float: left;
				height: 30px;
				margin-top: 10px;
				margin-left: 15px;
			}
		
		/* @end */
	
		/* @group -Others */
		
		#content img{
				border: 1px solid #9d9d9d;
			}
		
		.three-columns{
			width: 285px;
		}
		
		.resize-image-full{
			position: absolute;
			top: 0;
			right: 0;
			display: none;
			margin-bottom: 20px;
		}
		
		.resize-image{
			position: relative;
			display: block;
		}
		
		/* @end */
		
		
		
	/* @end */

/* @group -News */
	
	.news-item{
		margin-top: 15px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	
	#news-items-wrapper > div:first-child{
		margin-top: 0;
	}
	
	.news-item-header{
		position: relative;
	}
	
	.news-item-header h1{
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 0;
		display: inline;
	}
	
	.news-item p{
		padding-top: 0px;
	}
	
	#pagination .active{
		color: #000;
	}
	
	#news-items-pager{
		background: url(../img/loader.gif) no-repeat center;
		width: 580px;
		height: 178px;
	}
	
	/* @end */



/* @end */