@charset "UTF-8";
/* CSS Document */

body {
	overflow: auto !important;
	-webkit-overflow-scrolling: touch !important;
	background-color: #989991;
	margin-top: 0px;
	margin-left: 0px;
	font-family: 'EBGaramond', 'Times New Roman', Times, serif;
	font-size: 19px;
	font-style: normal;
	line-height: 1.2;
	color: #ffffff;
	}
	
#sprachschalter {
	text-align: right;
	float: right;
	/*position: fixed;*/
	margin-right: 2%;
	margin-top: 16px;
	padding-right: 0px;
}


#container { 
	width: 1160px;
/* Hier die Höhe ändern, wenn die Galerie grösser wird und alles nach unten rutscht */
/* ----------------*/
	height: 9400px;
/* ----------------*/
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 45px;
	padding-bottom: 100px;
	padding-left: 30px; 
	padding-right: 30px; 
	overflow: hidden;
	/*Hack von Marco:*/
	position: absolute;
        margin-top: -150px;
	}
	
#muriel_title {
	/*background-color: #000;*/
	/*font-size: 28px;*/
	padding-top: -1px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 0;
	float: left;
	/*Hack von Marco:*/
	margin-top: 150px;
	}
	 
#newsblock_1 {
	clear: both;
	width: 1160px;
	padding-top: 50px;
	position: relative;
	}
	
#kabinett_beschrieb {
	clear: both;
	width: 1040px;
	padding-top: 70px;
	position: relative;
	}
	
#kabinett {
	clear: both;
	width: 1160px;
	/*border: 2px solid red;*/
	}
	

/* Projektpositionierung Start */
/* ----------------*/

#projekt_tyfyc { 
	position: absolute;
	left: 30px;
	top: 460px;
	 }
	 
#projekt_lager { 
	position: absolute;
	left: 503px;
	top: 694px;
	 }
	 
#projekt_aufbruch { 
	position: absolute;
	left: 448px;
	top: 5421px;
	 }
	 
#projekt_verdichtung { 
	position: absolute;
	left: 941px;
	top: 5490px;
	 }
	 
#projekt_aufgrund { 
	position: absolute;
	left: 70px;
	top: 1595px;
	 }
	 
#projekt_permafrost { 
	position: absolute;
	left: 866px;
	top: 2242px;
	 }
	 
#projekt_kopfueber { 
	position: absolute;
	left: 30px;
	top: 2824px;
	 }
	 
#projekt_spiegelgleichung { 
	position: absolute;
	left: 30px;
	top: 3154px;
	 }
	 
#projekt_lot { 
	position: absolute;
	left: 225px;
	top: 3490px;
	 }
	 
#projekt_abzug { 
	position: absolute;
	left: 544px;
	top: 2893px;
	 }
	 
#projekt_gazebo { 
	position: absolute;
	left: 30px;
	top: 1997px;
	 }
	 
#projekt_entaeusserung { 
	position: absolute;
	left: 805px;
	top: 627px;
	 }
	 
#projekt_luecken { 
	position: absolute;
	left: 106px;
	top: 2505px;
	 }
	 
#projekt_ohnetitel { 
	position: absolute;
	left: 976px;
	top: 1985px;
	 }
	 
#projekt_entaeusserung2 { 
	position: absolute;
	left: 1030px;
	top: 1030px;
	 }
	 
#projekt_invasion { 
	position: absolute;
	left: 282px;
	top: 1355px;
	 }
	 
#projekt_faccia { 
	position: absolute;
	left: 485px;
	top: 1355px;
	 }
	  
#projekt_innendurch { 
	position: absolute;
	left: 688px;
	top: 1355px;
	 }
	   
#projekt_entortung { 
	position: absolute;
	left: 891px;
	top: 1355px;
	 }
	 
#projekt_flensen { 
	position: absolute;
	left: 842px;
	top: 2580px;
	 }

#projekt_innerung { 
	position: absolute;
	left: 105px;
	top: 952px;
	 }
	 
#projekt_carapace { 
	position: absolute;
	left: 370px;
	top: 1740px;
	 }
	 
#projekt_welcome { 
	position: absolute;
	left: 550px;
	top: 2468px;
	 }
	 
#projekt_fluke { 
	position: absolute;
	left: 350px;
	top: 2160px;
	 }
	 
#projekt_125cm3 { 
	position: absolute;
	left: 485px;
	top: 2160px;
	 }
	 
#projekt_schirm { 
	position: absolute;
	left: 748px;
	top: 3295px;
	 }	 
	 
#projekt_falter { 
	position: absolute;
	left: 900px;
	top: 3770px;
	 }
	 
#projekt_raben { 
	position: absolute;
	left: 680px;
	top: 3770px;
	 }
	
#projekt_beduerfnisse { 
	position: absolute;
	left: 147px;
	top: 4160px;
	 }	 
	  
#projekt_zustand3-3 { 
	position: absolute;
	left: 1052px;
	top: 4777px;
	 }
	 
#projekt_zustand3-2 { 
	position: absolute;
	left: 730px;
	top: 4450px;
	 }
	 
#projekt_chez_soi { 
	position: absolute;
	left: 1020px;
	top: 3478px;
	 }
	 
#projekt_sonderausschuss { 
	position: absolute;
	left: 711px;
	top: 4868px;
	 }
	 	
#projekt_haut_bas { 
	position: absolute;
	left: 870px;
	top: 6842px;
	 }
	 
#projekt_nothuetten { 
	position: absolute;
	left: 30px;
	top: 4434px;
	 }
	 
#projekt_svendita { 
	position: absolute;
	left: 405px;
	top: 5037px;
	 }
	 
#projekt_exceed { 
	position: absolute;
	left: 40px;
	top: 6731px;
	 }
	 
#projekt_arbeitsplatz { 
	position: absolute;
	left: 205px;
	top: 6800px;
	 }
	 
#projekt_companies { 
	position: absolute;
	left: 30px;
	top: 6168px;
	 }
	 
#projekt_aktualisierung { 
	position: absolute;
	left: 107px;
	top: 5744px;
	 }
	 
#projekt_constr { 
	position: absolute;
	left: 220px;
	top: 4577px;
	 }
	 
#projekt_value { 
	position: absolute;
	left: 392px;
	top: 6324px;
	 }
	 
#projekt_value2 { 
	position: absolute;
	left: 602px;
	top: 6324px;
	 }
	 
#projekt_garten_der_gueter { 
	position: absolute;
	left: 130px;
	top: 5080px;
	 }
	 
#projekt_ableger { 
	position: absolute;
	left: 415px;
	top: 5815px;
	 }
	 
#projekt_waste { 
	position: absolute;
	left: 30px;
	top: 5315px;
	 }
	 
#projekt_seifenflaechen { 
	position: absolute;
	left: 838px;
	top: 6610px;
	 }
	 
#projekt_zustand1 { 
	position: absolute;
	left: 345px;
	top: 4048px;
	 }
	 
#projekt_zustand2 { 
	position: absolute;
	left: 618px;
	top: 4048px;
	 }
	 
#projekt_zustand3 { 
	position: absolute;
	left: 872px;
	top: 4048px;
	 }
	 	 
#projekt_facticius { 
	position: absolute;
	left: 737px;
	top: 7457px;
	 }
	 
#projekt_besen { 
	position: absolute;
	left: 465px;
	top: 7175px;
	 }
	 
#projekt_ungeboren { 
	position: absolute;
	left: 600px;
	top: 6950px;
	 }
	 
#projekt_couverture { 
	position: absolute;
	left: 785px;
	top: 7085px;
	 }
	 
#projekt_puma { 
	position: absolute;
	left: 300px;
	top: 7505px;
	 }
	 
#projekt_pressblumen { 
	position: absolute;
	left: 1030px;
	top: 7423px;
	 }
	 
#projekt_gobelin { 
	position: absolute;
	left: 109px;
	top: 7758px;
	 }
		 
#projekt_grind { 
	position: absolute;
	left: 274px;
	top: 7759px;
	 }
	  
#projekt_menschen { 
	position: absolute;
	left: 467px;
	top: 7848px;
	 }
	 
#projekt_andi { 
	position: absolute;
	left: 30px;
	top: 8070px;
	 }
	 
#projekt_marco { 
	position: absolute;
	left: 374px;
	top: 8245px;
	 }

#projekt_auslauf { 
	position: absolute;
	left: 925px;
	top: 7820px;
	 }

#projekt_bild2 { 
	position: absolute;
	left: 940px;
	top: 8165px;
	 }
	 
#projekt_bild1 { 
	position: absolute;
	left: 940px;
	top: 8435px;
	 }
	 
#projekt_morgen { 
	position: absolute;
	left: 510px;
	top: 8738px;
	 }
	 
	 
#projekt_8-1998 { 
	position: absolute;
	left: 30px;
	top: 9170px;
	 }
	 
#projekt_8-2008 { 
	position: absolute;
	left: 460px;
	top: 9170px;
	 }
	 
#projekt_8-2018 { 
	position: absolute;
	left: 794px;
	top: 9170px;
	 }

/* ----------------*/	 
/* Projektpositionierung Ende */
	 

#info_muriel { 
	width: 800px; 
	padding-top: 20px;
	padding-bottom: 20px;
	 }

#hidden {
	position: absolute;
	top: 200;
	left: -9999px;
	width: 900px;
	height:2000px;
	overflow: hidden;
	}
	
.info { 
	width: 800px; 
	padding-top: 20px;
	padding-bottom: 20px;
	 }
	 
.vid-container { 
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	margin: 0 auto; 
	padding-bottom: 39.375%; 
	height: 0; 
	overflow: hidden; 
	max-width: 70%; 
	} 
	
.vid-container iframe, .vid-container object, .vid-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	}
	
.vid-container4-3 { 
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	margin: 0 auto; 
	padding-bottom: 39.375%; 
	height: 0; 
	overflow: hidden; 
	max-width: 52.5%; 
	} 
	
.vid-container4-3 iframe, .vid-container4-3 object, .vid-container4-3 embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	}
	
.spalte_links, .spalte_mitte, .spalte_rechts { 
	width: 365px; 
	float: left;
	}
	
.spalte_mitte, .spalte_rechts { 
	margin-left: 30px; 
	}
	 
.textkicker {
	text-indent: -9999px;
	}

.thumb {
	border: 0;
	}
	
.uppercase {
	text-transform: uppercase;
	}
	
.smalltext {
	font-family: 'Lora', 'Times New Roman', Times, serif;
	font-size: 14px;
	line-height: 1.5;
	}
	
.smalltext_black {
	font-family: 'Lora', 'Times New Roman', Times, serif;
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	}


a:link {
	color: #fdff6c;
	text-decoration: none;
	outline: 0;
	border: 0;
	}
	
a:visited {
	color: #fdff6c !important;
	text-decoration: none;
	outline: 0;
	border: 0;
	}

a:hover {
	color: #003d24 !important;
	text-decoration: none;
	outline: 0;
	border: 0;
	}

a:active {
	color: #003d24;
	text-decoration: none;
	}

p { margin-top: 1em; }