/*Fonts*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 29, 2013 */
@font-face {
    font-family: "meta";
    src: url('/styles/fonts/meta_normal.eot');
    src: url('/styles/fonts/meta_normal.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/meta_normal.woff') format('woff'),
		 url('/styles/fonts/meta_normal.ttf') format('truetype'),
         url('/styles/fonts/meta_normal.svg#meta_normal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "meta bold";
    src: url('/styles/fonts/meta_bold.eot');
    src: url('/styles/fonts/meta_bold.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/meta_bold.ttf') format('truetype'),
         url('/styles/fonts/meta_bold.woff') format('woff'),
         url('/styles/fonts/meta_bold.svg#meta_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "meta italic";
    src: url('/styles/fonts/meta_italic.eot');
    src: url('/styles/fonts/meta_italic.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/meta_italic.ttf') format('truetype'),
         url('/styles/fonts/meta_italic.woff') format('woff'),
         url('/styles/fonts/meta_italic.svg#meta_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*BEGIN///////////////////////////////////////////////general stuff////////////////////////////////////////*/

	html {
		height:100%;
	}
	body {
		background: #ECECEC repeat-x url('/images/header/background.png');
		font-family: "meta", Tahoma, Geneva, Arial, sans-serif;
		font-weight: normal;
	}
		
	fieldset, div, table, td, img, label, th , ul, li, body, p, address {
		border-style: none;
		margin: 0;
		padding: 0;
	}
	input:focus, textarea:focus, select:focus { 
		outline: none; 
	}
	input[type=submit], input[type=text], input[type=password], input[type=button],
	textarea{
		-webkit-appearance:none;
	}
	li {
		list-style-type: none;
	}
	
		
	table {
		border-spacing: 0;
		border-collapse: collapse;
	}
	th, td {
		text-align: left;
		font-weight: normal;
		vertical-align: top;
	}
	
	div, p, td, th, span, a, li, label, address {
		font-size: 15px;
		color: #333333;
		line-height: 22px;
	}
	h1 {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 10px;
		font-size: 30pt;
		vertical-align: bottom;
		font-weight: normal;
		width: 100%;
		clear: both;
		line-height: 30pt;
	}

	h2 {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 20px;
		padding-bottom: 10px;
		font-size: 18pt;
		font-family: "meta bold";
		font-weight: normal;
		width: 100%;
		clear: both;
	}
	
	h3 {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 15pt;
		font-family: "meta bold";
		font-weight: normal;
		width: 100%;
		clear: both;
	}
	h4 {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 12pt;
		font-family: "meta bold";
		font-weight: normal;
		width: 100%;
		clear: both;
	}
	
	span.subheading {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0px;
		padding-bottom: 10px;
		font-size: 12pt;
		font-family: "meta bold";
		font-weight: normal;
		width: 100%;
		clear: both;
	}
	
	p {
		padding-bottom: 5px;
	}
	a {
		text-decoration: none;
		font-family: "meta bold";
		font-weight: normal;
		-webkit-transition: background-color 0.2s, color 0.2s;
		-moz-transition: background-color 0.2s, color 0.2s;
		transition: background-color 0.2s, color 0.2s;
		color: #33977A; /*33977A oder 00625A*/
	}	
	ul > li > a {
		font-weight: normal;
	}
		
	b, strong {
		font-family: "meta bold";
		font-weight: normal;
	}
	i {
		font-family: "meta italic";
	}
	
	a[href$=".pdf"]:before {
		content: url("/images/downloads/pdf.gif");
		padding-right: 5px;
	}
	a[href$=".doc"]:before {
		content: url("/images/downloads/doc.gif");
		padding-right: 5px;
	}
		
	a[href$=".docx"]:before {
		content: url("/images/downloads/doc.gif");
		padding-right: 5px;
	}	
		
	.clearfix:before, .clearfix:after {
		content:"";
		display:table;
	}
	.clearfix:after {
		clear:both;
	}
	.clearfix {
		*zoom:1;
	}
	span.unicorn {
		color: inherit;
		font-size: inherit;
		font-weight: inherit;
		line-height: inherit;
	}
/*---------------*/		
	
	div[hidden] {
		display: none;
	}
	
	.lang_select {
		position: relative;
	}
	.lang_select > nav {
		position: absolute;
		top: 0;
		right: 0;
	}
	.lang_select > nav > a {
		font-family: meta;
		font-size: 120%;
		cursor: pointer;
	}
	
	.border {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 2px solid #AAAAAA;
	}
	
	.next {
		display: block;
		margin-top: 10px;
	}
	
	.hidden {
		display: none;
	}
	
	a.active {
		font-family: "meta bold" !important;
		font-weight: normal;
	}
	
	div.halblinks {
		width: 50%;
		float: left;
		text-align: left;
	}
	
	div.halbrechts {
		width: 50%;
		float: left;
		text-align: right;
	}
	
	ul.disc > li{
		line-height: 20px;
		list-style-type: disc;
		list-style-position: inside;
		margin-left: 10px;
	}
	

	
/*END///////////////////////////////////////////////general stuff////////////////////////////////////////*/

	div#box{
		height: auto !important;
		margin: 0 auto;
		min-height: 100%;
		background-color: #F6F6F6;
		box-shadow: 0px 0px 54px 54px rgba(0,0,0,0.24);
		position: relative;
		width: 1000px;
		z-index: 1;
	}

	div#color-banner{
		z-index: 0;
		position: absolute;
		height: 210px;
		width: 100%;
		left: 0;
		top: 105px;
		background: no-repeat top center url('/images/header/color-banner.png');
	}
	
	
	
/*BEGIN///////////////////////////////////////////////header////////////////////////////////////////*/

	header {
		background: white;
		height: 315px;
		position: relative;
		z-index: 1;
	}
	
	header > div:first-child {
		background: #F6F6F6 repeat-x url('/images/header/verlauf-header-weiss.png');
		height: 105px;
		position: relative;
	}
	
	header > div:first-child > div {
		float: left;
		height: 105px;
		width: 215px;
		background: #33977A repeat-x url('/images/header/verlauf-header-turkis.png');
	}
	
	header > div > a > img {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	header > div > a#beni {
		position: absolute;
		bottom: 0;
		right: 10px;
		font-size: 75px;
		line-height: 75px;
		font-family: "meta bold";
		font-weight: bold;
		color: black;
	}
	
	header > address {
		float: left;
		height: 170px;
		width: 175px;
		background: #00625A;
		padding: 20px;
	}
	header > address > ul > li,
	header > address > ul > li > a,
	header > address > ul > li > a > span {
		font-family: "meta";
		font-style: normal;
		color: white;
		font-size: 18px;
	}
	
	header > address > ul > li:first-child > a {
		font-family: "meta bold";
		font-weight: normal;
		font-size: 20px;
	}

	header > div#header-image {
		float: left;
		width: 785px;
		height: 210px;
		position: relative;
		padding-bottom: 50px;
		margin-bottom: -50px;
		background-repeat: no-repeat;
	}
	header > div#header-image > div {
		width: 157px;
		height: 260px;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	header > div#header-image > div > img {
		position: absolute;
		top: 0;
		left: 0;
	}
	header > div#header-image.animated > div,
	header > div#header-image.animated > div > img {
		-webkit-transition: left 0.3s;
		-moz-transition: left 0.3s;
		transition: left 0.3s;
	}
	header > div#header-image > div.multiply1 {
		left: 0;
	}
	header > div#header-image > div.multiply1 > img {
		left: 0;
	}
	header > div#header-image > div.multiply2 {
		left: 157px;
	}
	header > div#header-image > div.multiply2 > img {
		left: -157px;
	}
	header > div#header-image > div.multiply3 {
		left: 314px;
	}
	header > div#header-image > div.multiply3 > img {
		left: -314px;
	}
	header > div#header-image > div.multiply4 {
		left: 471px;
	}
	header > div#header-image > div.multiply4 > img {
		left: -471px;
	}
	header > div#header-image > div.multiply5 {
		left: 628px;
	}
	header > div#header-image > div.multiply5 > img {
		left: -628px;
	}
	
	header > div#header-image > nav {
		width: 785px;
		height: 260px;
		position: relative;
		z-index: 3;
	}
	header > div#header-image > nav > a {
		float: left;
		width: 20%;
		display: inline-block;
		text-align: center;
		height: 50px;
		line-height: 50px;
		vertical-align: middle;
		font-size: 25px;
		font-family: "meta";
		font-weight: "normal";
		color: black;
		padding-top: 210px;
		background-image: url('/images/header/blank.png'); /* because of crappy IE */
	}
/*----------------------------------------------*/	
	aside {
		float: left;
		height: 630px;
		width: 175px;
		padding: 50px 20px 20px 20px;
		background: url('/images/header/aside.png'); /*#33977A;*/
	}
	
	aside a {
		font-size: 16pt;
		color: black;
		font-family: "meta";
		font-weight: normal;
	}
	
	aside li {
		margin-bottom: 10px;
	}
	aside > ul > li > ul {
		padding-top: 10px;
	}
	aside > ul > li > ul > li > a{
		padding-left: 20px;
		font-size: 12pt;
	}
	
	
/*-------------------------------------------------------------*/


	
	article {
		width: 700px;
		float: left;
		padding: 70px 40px 40px 45px;
	}

	article img {
		box-shadow: 0px 0px 5px #AAAAAA;
		-webkit-transition: box-shadow 0.3s;
		-moz-transition: box-shadow 0.3s;
		transition: box-shadow 0.3s;
	}
	article a.fancybox:hover img {
		box-shadow: 0px 0px 10px #333333;
	}
	article img.noshadow {
		box-shadow: none;
	}

/*--------------------------------------------------------------*/

	footer {
		line-height: 40px;
		vertical-align: middle;
		height: 40px;
		text-align: right;
		padding: 0px 20px;
		display: block;
	}
	
	footer a {
		font-weight: normal;
	}
	footer span {
	   display: inline-block;
	   padding: 0 10px;
	}
	
	
	
	
	
	
/*BEGIN///////////////////////////////////////Seiten-Bezogene-Styles////////////////////////////////////////////////////////////*/


/*HOME*/
	div.home > div{
		float: left;
		display: block;
		width: 700px;
	}
	div.home > img{
		position: relative;
		display: block;
		margin: 0 auto !important;
		margin-right: 40px;
	}
	
	
	
/*Studio*/
	
	div.studio > div {
		float: right;
		margin-left: 30px;
	}
	
	div.studio {
		margin-bottom: 20px;
	}
	
	div.studio td {
		width: 380px;
	}
	
	div.studio th {
		width: 100px;
		float: left;
		text-align: right;
		display: block;
	}
	
	div.studio > table {
		margin-bottom: 10px;
		clear: both;
		width: 100%;
	}
	td.price {
		width: 80px !important;
	}
	


	
/*Olivenöl*/
	
	div.olivenoel {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	
	div.olivenoel > img{
		float: left;
		width: 180px;
	}
	
	div.olivenoel > div{
		float: left;
		width: 500px;
		padding: 20px 0px 0px 20px;
	}
	
	div.olivenoel > div > h2{
		margin-top: -15px;
	}
	
	div.olivenoel > div > table{
		width: 100%;
	}
	
	div.olivenoel > div > table td{
		text-align: right;
		width: 180px;
	}
	
	div.olivenoel > div > table td:first-line,
	div.olivenoel > div > table th:first-line{
		font-family: "meta bold";
	}
	
	div.olivenoel > div > table span.footnote{
		font-size: 12px;
		line-height: 0px;
	}
	
	div.olivenoel > div > table td, div.olivenoel > div > table th {
		padding-bottom: 5px;
		padding-top: 5px;
		border-bottom: 1px solid #AAAAAA;
	}
	
	div.olivenoel table#portotabelle {
		background-color: #F9F9F9;
		box-shadow: 0px 0px 5px #AAAAAA;
		float: right;
		width: 300px;
		margin: 0px 0 10px 10px;
	}
	
	div.olivenoel table#portotabelle th,
	div.olivenoel table#portotabelle td {
		width: 175px;
		line-height: 20px;
		padding: 5px;
		text-align: center;
	}
	
	div.olivenoel table#portotabelle th {
		font-family: "meta bold";
		font-weight: normal;
	}
	
/*olivenoel-bestellen*/
	
	div.olivenoel-bestellen fieldset {
		padding-top: 5px;
	}
	
	div.olivenoel-bestellen  label {
		width: 180px;
		float: left;
	}
	
	div.olivenoel-bestellen  input,
	div.olivenoel-bestellen  textarea,
	div.olivenoel-bestellen  select {
		font-family: "meta";
		width: 168px;
		font-size: 13px;
		border-width: 1px;
		border-style: solid;
		border-color: #ABADB3 #E2E3EA #E3E9EF;
		background-color: white;
		-webkit-transition: box-shadow 0.5s;
		-moz-transition: box-shadow 0.5s;
		transition: box-shadow 0.5s;
	}
	div.olivenoel-bestellen  select#gross,
	div.olivenoel-bestellen  select#klein {
		width: auto;
	}
	div.olivenoel-bestellen  input:hover,
	div.olivenoel-bestellen  input:focus,
	div.olivenoel-bestellen  textarea:hover,
	div.olivenoel-bestellen  textarea:focus{
		border-color: #5794BF #C5DAED #C7E2F1;
	}
	div.olivenoel-bestellen  textarea {
		height: 100px;
		resize: none;
	}
	
	div.olivenoel-bestellen  input.incorrect,
	div.olivenoel-bestellen  textarea.incorrect {
		box-shadow: 0 0 3px red;
	}
	
	div.olivenoel-bestellen  input#send{
		margin-top: 30px;
		margin-left: 180px;
		width: 168px;
		height: 50px;
		font-size: 14pt;
		font-family: "meta";
		font-weight: normal;
		border-top: 1px solid #E3E9EF;
		border-bottom: 1px solid #ABADB3;
		border-left: 1px solid #E2E3EA;
		border-right: 1px solid #E2E3EA;
		background-color: #71B4A0;
		cursor: pointer;
	}
	div.olivenoel-bestellen  input#send:hover{
		border-top-color: #ABADB3;
		border-bottom-color: #E3E9EF;
		background-color: #4EA38A;
	}
	
	
	div.olivenoel-bestellen > form{
		float: left;
		display: block;
		/*border-right: 2px solid #AAAAAA;*/
		padding-right: 37px;
	}
	
	div.olivenoel-bestellen > img{
		float: left;
		/*Grösse
		width: 266px;
		height: 355px;*/
		margin-left: 32px;
		margin-right: 5px;
		margin-top: 50px;
	}
	
	div.olivenoel-gesendet > img {
		margin-top: 20px;
		background-color: white;
		padding: 10px;
	}
		
/*TBZ*/
	
	div.downloads {
		padding: 10px;
	}
	
	
	
/*MORE*/

	div.mitarbeiter {
		margin: 20px 0;
	}
	
	div.mitarbeiter > h3 {
		clear: none;
	}
	
/*-----------------*/
	
	div.lebenslauf > div table > tbody > tr > th {
		width: 350px;
		font-family: "meta bold";
		font-weight: normal;
		padding-right: 20px;
		padding-bottom: 3px;
	}
	
	div.lebenslauf > div table > tbody > tr > td {
		padding-bottom: 3px;
	}

	
	div.lebenslauf li {
		line-height: 25px;
		list-style-type: disc;
		list-style-position: inside;
	}
	
	div.lebenslauf > div {
		padding-left: 20px;
	}
	
	div.lebenslauf > div.clearfix {
		padding-left: 0;
	}
	div.lebenslauf > div.clearfix > a > img {
		float: right;
	}
	div.lebenslauf > div.clearfix > span[itemprop="name"] {
		font-family: "meta bold";
	}
	
	div.lebenslauf > div.expandable > h3 {
		cursor: pointer;
	}
	div.lebenslauf > div.expandable > h3:after {
		content: url("/images/ausklappen.png");
		padding-left: 5px;
	}
	div.lebenslauf > div.expandable > h3.expanded:after {
		content: url("/images/einklappen.png");
	}
	div.lebenslauf > div.expandable > h3 + * {
		display: none;
	}
	
	
/*-----------------------*/

	div.filme > table > tbody > tr > th ,
	div.filme > div > table > tbody > tr > th{
		width: 150px;
		font-family: "meta bold";
		font-weight: normal;
		padding-right: 20px;
		padding-bottom: 3px;
	}
	
	div.filme > table > tbody > tr > td,
	div.filme > div > table > tbody > tr > td {
		padding-bottom: 3px;
	}
	
	div.filme > div#text {
		width: 450px;
		float: left;
		padding-right: 50px;
	}
	
	div.download > div#download {
		width: 200px;
		float: left;
	}

/* PROJEKTE */	
	
	div.imgright img  {
		float: right;
		margin-left: 30px;
	}

	div.imgleft img {
		float: left;
		margin-right: 30px;
	}
	
	div.imgright a.fancybox {
		float: right;
		margin-left: 30px;
	}
	
	div.imgleft a.fancybox {
		float: left;
		margin-right: 30px;
	}
	
/*-----------*/	
	div.lichtschema img {
		width: 327px;
		margin: 10px;
	}
	
	div.lichtschema h3 {
		clear: none;
		float: left;
		width: 50%;
	}
	
	
/*------------*/

	
	
/*IMPRESSUM*/

	
/* Kontakt */

	div.kontakt .next {
		margin-top: 3px;
	}
	
	ul.first > li:first-child {
		font-family: "meta bold";
		font-weight: normal;
		font-size: 13pt;
	}
	
	div.kontakt > div:first-child{
		width: 700px;
		
	}
		
	div.kontakt img {
		margin-top: 10px;
	}
	
/* Galerie */
	div.galerie-bilder > div {
		height: 70px;
		width: 100px;
		float: left;
		margin: 20px;
		text-align: center;
	}
	
	div.galerie > a {
		display: block;
		height: 200px;
		width: 250px;
		float: left;
		margin: 20px 35px;
		padding: 15px 10px 10px;
		background-color: #33977A;
		text-align: center;
		box-shadow: 0px 0px 5px #AAAAAA;
		border-radius: 5px;
		-webkit-transition: box-shadow 0.3s;
		-moz-transition: box-shadow 0.3s;
		transition: box-shadow 0.3s;
		
	}
	div.galerie > a:hover {
		box-shadow: 0px 0px 10px #333333;
	}
	
	div.galerie > a > span {
		color: black;
	}
	
	div.galerie > a > img{
		max-height: 180px;
		max-width: 250px;
		margin: 0 auto 4px;
		display: block;
		box-shadow: 0px 0px 5px black;
	}