/* Farben_KHR */

.blau6 {fill: #62B5E1; background-color:#62B5E1;}
.blau5 {fill: #97B8D3; background-color:#97B8D3;}
.blau4 {fill: #7491B0; background-color:#7491B0;}
.blau3 {fill: #2D6FB5; background-color:#2D6FB5;}
.blau2 {fill: #7FCAFF; background-color:#7FCAFF;}
.blau1 {fill: #1CA2ED; background-color:#1CA2ED;}
.grau8 {fill: #F2F2F2; background-color:#F2F2F2;}
.grau7 {fill: #E8E8E8; background-color:#E8E8E8;}
.grau6 {fill: #D5D5D5; background-color:#D5D5D5;}
.grau5 {fill: #C5C5C5; background-color:#C5C5C5;}
.grau4 {fill: #999999; background-color:#999999;}
.grau3 {fill: #7F7F7F; background-color:#7F7F7F;}
.grau2 {fill: #666666; background-color:#666666;}
.grau1 {fill: #4D4D4F; background-color:#4D4D4F;}
.schwarz {fill: #000; background-color:#000;}
.weiss {fill: #fff; background-color:#fff;}
.gelb1 {fill: #FBC00B; background-color:#FBC00B;}
.braun3 {fill: #D9AE43; background-color:#D9AE43;}
.braun2 {fill: #D69F7B;background-color:#D69F7B;}
.braun1 {fill: #A04D1A;background-color:#A04D1A;}
.red1 {fill: #C0191B;background-color:#C0191B;}
.red2 {fill: #ED8B77;background-color:#ED8B77;}
.gruen2 {fill: #5CAD44;background-color:#5CAD44;}
.gruen1 {fill: #10702B; background-color:#10702B;}	
.buttonblau {
	fill: #5B9FFA; background-color:#5B9FFA;/* Old browsers */
	background: -moz-linear-gradient(top,  #5B9FFA 0%, #1E4EA1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #5B9FFA 0%, #1E4EA1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #5B9FFA 0%, #1E4EA1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5B9FFA', endColorstr='#1E4EA1',GradientType=0 ); /* IE6-9 */
}

.francisgruen {
	fill: #5CAD44; background-color:#5CAD44;/* Old browsers */
	background: -moz-linear-gradient(top,  #5CAD44 0%, #CAE3BA 50%, #5CAD44 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,   #5CAD44 0%, #CAE3BA 50%, #5CAD44 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,   #5CAD44 0%, #CAE3BA 50%, #5CAD44 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5CAD44', endColorstr='#5CAD44',GradientType=0 ); /* IE6-9 */
}
.motorbraun {
	fill: #A04D1A; background-color:#A04D1A;/* Old browsers */
	background: -moz-linear-gradient(top,  #A04D1A 0%, #D69F7B 50%, #A04D1A 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,   #A04D1A 0%, #D69F7B 50%, #A04D1A 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,   #A04D1A 0%, #D69F7B 50%, #A04D1A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A04D1A', endColorstr='#A04D1A',GradientType=0 ); /* IE6-9 */
}


.pumpenblau{
	fill: #97B8D3; background-color:#97B8D3;/* Old browsers */
	background: -moz-linear-gradient(top,  #97B8D3 0%, #CEDBEA 50%, #97B8D3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,   #97B8D3 0%, #CEDBEA 50%, #97B8D3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,   #97B8D3 0%, #CEDBEA 50%, #97B8D3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97B8D3', endColorstr='#97B8D3',GradientType=0 ); /* IE6-9 */
}

.shadow {  
		border: solid 3px red;
} 

/*Leitungen KHR*/

/*.leitungblauanim{fill:none;stroke:#1CA2ED;stroke-width:8;troke-dasharray:6,6;}*/
.leitungblau1{fill:none;stroke:#1CA2ED;stroke-width:7;stroke-miterlimit:10;stroke-dasharray:9,5;}
.leitungblau1x, #a_anlage0X .leitungblau1{fill:none;stroke:red;stroke-width:7;stroke-miterlimit:10;stroke-dasharray:9,5;}
.leitungblau1y {fill:none;stroke:green;stroke-width:7;stroke-miterlimit:10;stroke-dasharray:9,5;}







.leitungblau1b{fill:none;stroke:#1CA2ED;stroke-width:4;stroke-miterlimit:10;stroke-dasharray:9,5;}
.leitungblau1bx{fill:none;stroke:red;stroke-width:4;stroke-miterlimit:10;stroke-dasharray:9,5;}

.leitunggelb1{fill:none;stroke:#FBC00B;stroke-width:7;stroke-miterlimit:10;stroke-dasharray:9,5;}
.motor1{fill:none;stroke:#A04D1A;stroke-width:70;stroke-miterlimit:10;stroke-dasharray:4,6;}


/*Textlegende KHR*/

.text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
}
.text1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
}
.text2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
}
	
.titel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:22px;
	font-weight:bold;
}
.titel2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height:23px;
	font-weight:bold;
}	
.titel3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height:40px;
	font-weight:bold;
}		
	
	
/*-----------------------------------------*/








/* Leitung3 */
	.leitungblau{fill:none;stroke:#30CEF2;stroke-width:8;stroke-miterlimit:10;}
	.leitungrot1{fill:none;stroke:#FF0000;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;}
	.leitungrot2{fill:none;stroke:#ff797c;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;}

	.bu2{ fill:#FFF;stroke:none;cursor:pointer; opacity:0.1;}	

	.bu{ fill:#FFF;stroke:none;cursor:pointer; opacity:0;}	
	.bu0{ fill:#FFF;stroke:none;cursor:pointer; opacity:0;}	

	.st00{fill:url(#verdampfer);}
	
	.st00x{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
	fill: #1e5799; /* Old browsers */
	fill: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
	fill: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	fill: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	
	
	}
/*
	.schnee {
	  transform: translate(0px, 0px);
	  transition-property: transform;
	  transition-duration: 300ms;
	  transition-timing-function: ease;
	  transition-delay: 0s;
	  backface-visibility: hidden;
	}
    .circ {
    	cursor:pointer; 
    	fill:#FFF;
    } 
   .circ:hover, .circ:focus {
    	fill:#93C23E;
    }
   .circ:focus {
    	fill:red;
    }
   .circactiv {
    	fill:#93C23E;
    } 



	.schnee{fill:none;stroke:#99AFDB;stroke-width:2.5;}	
	.fluss2{opacity:0.5;}
	.fluss3{fill:none;stroke:#2583C5;stroke-width:6;}


	.haus1{fill:#DADCDD;stroke:#B8BAC1;stroke-width:5.2031;stroke-linecap:square;}
	
	.haus{fill:#DADCDD;background-color:#DADCDD;}
		
	.haus2{fill:none;stroke:#B8BAC1;stroke-width:5.2031;stroke-linecap:square;}
	.hoele{fill:none;stroke:#E0B677;stroke-width:6.0788;}
	.ventil{fill:#E63616;}
	.schacht{fill:#B8BAC1;}
	.linielegendeX{fill:none;stroke:#2583C5;stroke-width:6;}
	.linielegende{fill:none;stroke:#ccc;stroke-width:6;}
	.linielegende0{fill:#ccc;}
	#beschneiungwinter{opacity:0.3;}
/*

/* 
	.fassung{fill:none;stroke:#2284C2;stroke-width:6;stroke-dasharray:4,4;}
	.fassungbfull{fill:#A5BFE0;}
	.haus{fill:#DCDCDB;}
	.fassungb{fill:none;stroke:#A5BFE0;stroke-width:6;}
	.rot{fill:#E5391A;}

	.hoele{fill:none;stroke:#E0B674;stroke-width:6.0788;}
	.weiss{fill:#FFFFFF;}
	.turbinerot{fill:#E5391A;}
	.begrenzung{fill:none;stroke:red;stroke-width:1.9257;stroke-miterlimit:10;}

fassung */


/* 

.sommerhg1 {fill:#95c25c;}
.sommerhg2 {fill:#cfc8aa;}
.sommerhg3 {fill:#d7e1e4;}
.sommerhg4 {fill:#daeffc;}

.hellblau {fill:#d7e9f7;}
.leitungwinter	{fill:none;stroke:#FFF;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;}

.winterhg1 {fill:#8db8d8;}
.winterhg2 {fill:#a2ccec;}
.winterhg3 {fill:#c7dff4;}
.winterhg4 {fill:#daeffc;}
.textlegendefett {font-family: aL57, Arial, Helvetica, sans-serif;font-size:20px;fill:#000;display:none;}

.color2b{fill:#2583C5;}
.leitung2b{fill:none;stroke:#2583C5;stroke-width:8;}	
.leitung2banim{fill:none;stroke:#FFF;stroke-width:8;stroke-dasharray:6,6; opacity:0.5;}	
.leitung0{fill:none;stroke:#FFF;stroke-width:8;stroke-dasharray:6,6; opacity:0;}
.leitung0b{fill:none;stroke:#2583C5;stroke-width:6;stroke-dasharray:6,6; opacity:0.5;} 
.leitung0c{fill:none;stroke:#2583C5;stroke-width:6;stroke-dasharray:4,4; opacity:0.9;}
.leitung0cc{fill:none;stroke:#616D74;stroke-width:6;}
.leitung0c{fill:none;stroke:#FFF;stroke-width:6;stroke-dasharray:4,4; opacity:0.5;}
.ob1{opacity:0.2;}
.ob2{opacity:0.5;}
.black{fill:#000;}
Leitung1 */

/*Tabelle und Legende*/

.lablebold {font-family: aL57, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8px; line-height: 16px; fill:#1A171B;}
.legende{font-size:14;}
.linie{fill:#323C46;stroke:#1D1D1B;stroke-width:0.5;stroke-miterlimit:10;}


/*Tabelle und Legende – END*/

/*Trinkwasser Detail2*/

.weinrot{fill:#7F1500;}
.schieber{fill:#94C256;}
.generatorrot{fill:#ED3200;}

.hellgrau1X{fill:none;stroke:#96AAB4;stroke-width:16;stroke-miterlimit:10;}
.hellgrau2{fill:#96AAB4;}

.dunkelgrau1{fill:none;stroke:#3F3F3F;stroke-width:16;stroke-miterlimit:10;}
.dunkelgrau2{fill:#3F3F3F;}
.dunkelgrau3b{fill:#686967;}
.dunkelgrau4{fill:#616D74;}


.pumpegrau1{fill:none;stroke:#696969;stroke-width:7.7621;stroke-miterlimit:10;}
.pumpegrau2{fill:#696969;}

.strom1{fill:none;stroke:#FFB103;stroke-width:8;stroke-miterlimit:10;}
.strom2{fill:#FFB103;}
.strom1anim{fill:none;stroke:#FFF;stroke-width:8;stroke-dasharray:6,6; opacity:0.5;}


.leitungblau2{fill:#30CEF2;}


/*.leitungblauanim{fill:none;stroke:#FFF;stroke-width:8;stroke-dasharray:6,6; opacity:0.5;}*/


/*Trinkwasser Detail2 – END*/

	.st4{fill:#E4391B;}
	

.linieschwarz{fill:none;stroke:#323C46;stroke-width:1.0307;stroke-miterlimit:10;}
.leitungrot1{fill:none;stroke:#FF0000;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;}
.leitungrot2{fill:none;stroke:#ff797c;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;}

.leitungwarm1{fill:none;stroke:#FF0000;stroke-width:5;stroke-miterlimit:10;stroke-dasharray:8,8;}
.leitungwarm2{fill:none;stroke:#ff797c;stroke-width:5;stroke-miterlimit:10;stroke-dasharray:8,8;}


.leitungblau3{fill:none;stroke:#CCBDE3;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;} /*B6CFFF .see{fill:#2583C5;background-color:#2583C5;}*/

.leitungweiss1{fill:none;stroke:#FFF;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:4,4;opacity:0.5;}
.leitungweiss1b{fill:none;stroke:#FFF;stroke-width:6;stroke-miterlimit:10;stroke-dasharray:4,4;opacity:0.5;}
.leitungblau4{fill:none;stroke:#2583C5;stroke-width:6;stroke-miterlimit:10;}


.leitungweiss2{fill:none;stroke:#FFF;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;opacity:0.5;}
.leitungweiss3{fill:none;stroke:#FFF;stroke-width:25;stroke-miterlimit:10;stroke-dasharray:8,8;opacity:0.5;}
.leitungfluss{fill:none;stroke:#2583c5;stroke-width:400;stroke-miterlimit:10;stroke-dasharray:4,8;opacity:0.5;}
.leitungflusshoch{fill:none;stroke:#2583c5;stroke-width:400;stroke-miterlimit:10;stroke-dasharray:16,8;opacity:1;}


.leitungabfall{fill:none;stroke:#e9c393;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;}


.niveauregulierung{fill:none;stroke:#616D74;stroke-width:1.8588;stroke-miterlimit:10;}	
.bypass1{fill:none;stroke:#BDE3F1;stroke-width:8;stroke-miterlimit:10;}
.reservoir{fill:none;stroke:#3C3D3D;stroke-width:5.7865;stroke-miterlimit:10;}
.uvbestrahlung1{fill:none;stroke:#F7B018;stroke-width:2.0463;stroke-miterlimit:10;}
.position{fill:none;stroke:red;stroke-miterlimit:10;display:none;/**/}
.tubine{fill:#C3341E; stroke-width:0.5;background-color:#C3341E;}

.strom2, .uvbestrahlung2{fill:#FFB103;background-color:#FFB103;}

.durchmesser{fill:#E2E2E2;background-color:#E2E2E2;}
.leitungblau2{fill:#30CEF2;background-color:#30CEF2;}
.leitunghellblau2{fill:#BCE2F0;background-color:#BCE2F0;}	

.see{fill:#2583C5;background-color:#2583C5;}
.seex{fill:red;background-color:red;}
.wasser{fill:#81B6DF;background-color:#81B6DF;}
.wasser2{fill:#007FBD;background-color:#007FBD;}	

.kaltwasser1{fill:#3090F2;background-color:#3090F2;}	
.kaltwasser2{fill:#3AA0EE;background-color:#3AA0EE;}	
.kaltwasser3{fill:#44B1E9;background-color:#44B1E9;}	
.kaltwasser4{fill:#4EC1E5;background-color:#4EC1E5;}	
.warmwasser1{fill:#FF797C;background-color:#FF797C;}
.warmwasser2{fill:#DCB6C5;background-color:#DCB6C5;}



.dunkelgrau{fill:#636E77;background-color:#636E77;}
.dunkelgrau2{fill:#3F3F3F;background-color:#3F3F3F;}	
.hellgrau1{fill:#E2E2E2;background-color:#E2E2E2;}
.durchmesser{fill:#E2E2E2;background-color:#E2E2E2;}	
.hellgrau2{fill:#96AAB4;background-color:#96AAB4;}
.hellgrau3{fill:#C7C7C7;background-color:#C7C7C7;}
.schieber{fill:#94C256;background-color:#94C256;}	
.generatorrot{fill:#ED3200;background-color:#ED3200;}	
.abfall{fill:#B1895E;}
.abfallgelb{fill:#FDF4A3;}

.weinrot{fill:#7F1500;background-color:#7F1500;}	

.pumpegrau2{fill:#696969;background-color:#696969;}	

.steine{opacity:0.7;fill:#8D9A86;background-color:#8D9A86;}

.aquifer{fill:#A7BFE2;background-color:#A7BFE2;}
.kalkstein{fill:#DBDDC3;background-color:#DBDDC3;}
.kristallin{fill:#DB6F78;background-color:#DB6F78;}
.trias{fill:#E9C393;background-color:#E9C393;}
.baige{fill:#DCCFBB;background-color:#DCCFBB;}		
.weiss{fill:#FFFFFF;background-color:#FFFFFF;}
.rot{fill:#E5391A;background-color:#E5391A;}	
.abluft{fill:#F1A384;}


.st3{fill:none;stroke:#4EC1E5;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3anim{fill:none;stroke:#FFF;stroke-width:6;stroke-miterlimit:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8,8;opacity:0.5;}



.legende{fill:#1E304E;font-size:13px;font-family:'Helvetica';}
.textweiss{font-family: aL57, Arial, Helvetica, sans-serif; font-size:16px; fill:#FFF;}
.zusatztext{font-family: aL57, Arial, Helvetica, sans-serif; font-size:16px; fill:#1A171B;}
.textlegende{font-family: aL57, Arial, Helvetica, sans-serif;font-size:14px;fill:#000;}	
.uebersichttext{font-family: aL57, Arial, Helvetica, sans-serif; font-size:13px; fill:#1A171B;}
.uebersichttext2{font-family: aL57, Arial, Helvetica, sans-serif; font-size:13px; fill:#F39e9b;}


.titel22{font-family: aL57, Arial, Helvetica, sans-serif; font-size:26px;fill:#727268;}


#farben {
	background-color:#FFF;
	width:300px;
	position:absolute;
	top:500px;
	left:-7980px;
	z-index:1000;
	color:#000;
	font-size:10px;
}	
#farben h1, #farben h2, #farben h3{
		color:#000;
}
#farben div{
	width:30px;
	height:30px;
	float:left;
	margin:2px;
}
#farben .clr2{
	clear:left;
}
.inhalt {
	display:none;
}


/* Desktop XLarge */
@media only screen and (min-width: 1536px) and (max-width: 3000px) {
.zusatztext{font-size:12px;}

}



/* Desktop large */
@media only screen and (min-width: 1280px) and (max-width: 1535px) {
.zusatztext{font-size:14px;}
}	




/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {	
.lable{font-size:8px; }
.textlegendefett {display:none;}         

}


@media only screen and (min-width: 512px) and (max-width: 767px) {
	.uebersichttext{font-size:13.5px; /*fill:#CFF;*/}
	.textlegendefett {display:none;} 
}

@media only screen and (min-width: 320px)  and (max-width: 511px) {
	.textlegende{font-size:18px;}	
	.textrot{font-size:19px;}
	.textweiss{ font-size:20px;}
	.uebersichttext{font-size:17px;}
	.textlegendefett {display:none;} 
	.zusatztext{font-size:22px;}
}