html, body {width: 100%; height: 100%; margin: 0px; padding:0px; background-color:#fff; font-family: 'Open Sans', sans-serif; font-style: normal; text-align:center }

#top{ margin:0px auto; padding-top:20px;padding-left:20px;text-align:left;  }

.language {cursor:pointer; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif; font-size: 13px; line-height:18px;  text-transform: uppercase;float:left; padding-right:10px }
#footer a:link, #footer a:visited,#inhalt a:link, #inhalt a:visited  {text-decoration:none; color:#777; font-size:15px;line-height:27px;  }
#inhalt a:hover,#inhalt a:active {color:#000; text-decoration:underline}

#inhalt {min-height:400px; z-index:0; letter-spacing:0.8px; line-height:18px; color: #333;
    max-width:1000px; width:95%; text-align:left; background-color:#fff; 
  padding:8px; margin:0 auto}

.txt_titel,.txt_eintrag,.txt_hinweis{line-height:19px }
.txt_titel{color:#333; font-size:14px;font-weight:bold}
.txt_eintrag{color:#111; font-size:14px;font-weight:normal}
.txt_hinweis{color:#000; font-size:14px;font-weight:normal}

#inhalt h1,#inhalt h2,#inhalt h3,#inhalt h4, #inhalt h5,.fehler,.meldung{padding:0px;margin:0px;  margin:10px 0 20px -2px;}
#inhalt h2, #inhalt h3{font-weight:bold;  }
#inhalt h1  {font-size:32px;  line-height:32px; color: #00529E; font-family: 'Josefin Sans', sans-serif; }
#inhalt h2  {font-size:18px; background-color:#4876B4; line-height:27px; border-radius:2px; width:98%; padding:8px 0 0.3% 10px; color:#fff;
font-family: 'Josefin Sans', sans-serif; 
background: -moz-linear-gradient(top, rgba(49,139,204,1) 0%, rgba(10,101,143,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,139,204,1)), color-stop(100%, rgba(10,101,143,1)));
background: -webkit-linear-gradient(top, rgba(49,139,204,1) 0%, rgba(10,101,143,1) 100%);
background: -o-linear-gradient(top, rgba(49,139,204,1) 0%, rgba(10,101,143,1) 100%);
background: -ms-linear-gradient(top, rgba(49,139,204,1) 0%, rgba(10,101,143,1) 100%);
background: linear-gradient(to bottom, rgba(49,139,204,1) 0%, rgba(10,101,143,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318bcc', endColorstr='#0a658f', GradientType=0 );cursor:pointer;}
.h2offen:before {content: "- "; }
.h2zu:before {content: "+ "; }

#inhalt h3  {font-size:16px;}
#inhalt img{border:none}
#inhalt li {margin:0px; ;margin-left:-10px }
#inhalt ul {margin-top:0px }

.verlinkung, .dreieck:before   {color:#3e4a86;}

.ilink a:link, .ilink a:visited {text-decoration:none; font-size:14px; font-weight:bold; color:#215886}
.ilink a:hover, .ilink a:active {color:#000;}


#footer{  color:#fff; font-size:12px;   background-color:#006D9F; border-top:#E26A00 4px solid}
#footercontent{max-width:1100px; width:95%;  margin:0 auto; padding:10px}
#footer a:link, #footer a:visited {text-decoration:none; font-size:11px; font-weight:bold; color:#DBE39A}
#footer a:hover, #footer a:active {color:#fff;}

.fehler {padding:5px; border: solid 1px red; background-color:#FEE2E2;font-size:15px}
.meldung {padding:5px;margin:5px; border: solid 1px #009933; background-color:#014981; font-size:15px;  color: #fff}
#end{clear:both}
 
.verlinkung, .dreieck:before {content: "▶ "; font-size:16px; list-style-type:disc } 
 
.seitumbruch{clear:both;margin-top:-10px;position:relative;}
input.txt{background-color:transparent; border:none;border-bottom:1px dashed ; -moz-border-radius:1px; -webkit-border-radius: 1px; -khtml-border-radius:1px; border-radius:0px;}
.hidden{display:none}
.tabellefontsize{font-size:12px}
.tabellelinie td{border-top:1px dashed #999}
.quelle{font-size:12px; padding-bottom:10px;padding-top:5px; text-align:right; line-height:12px}
.hervor{ padding:10px;margin:10px;background-color:#FCFCFC; border-left:5px solid #FFDB8E; background-color:#FFF2D8} 

.tabellenrahmen {border:1px solid #CCC}
.trennlinie{border-bottom:1px dashed #999; margin-top:10px}

#graphic1,#graphic2,#graphic3,#graphic4,#graphic5,#graphic6,#graphic7{-webkit-box-shadow: 6px -3px 8px 0px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    6px -3px 8px 0px rgba(50, 50, 50, 0.65); box-shadow: 6px -3px 8px 0px rgba(50, 50, 50, 0.65);
-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;border:1px solid #00719B;
background: rgb(249,198,103); 
background: -moz-linear-gradient(top,  rgba(249,198,103,1) 0%, rgba(247,150,33,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,198,103,1)), color-stop(100%,rgba(247,150,33,1)));
background: -webkit-linear-gradient(top,  rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); 
background: -o-linear-gradient(top,  rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); 
background: -ms-linear-gradient(top,  rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); 
background: linear-gradient(to bottom,  rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
}
.gewusst{min-height:150px; overflow:hidden}
.gewussthervor{min-height:80px;}
.video-container {	position:relative;	padding-bottom:56.25%;	padding-top:0px; height:0; width:90%; margin:0 auto}
.video-container iframe {	position:absolute;	top:0;	left:0;	width:100%;	height:100%;}

td {padding:6px}
table,  textarea, input, select {-moz-border-radius:3px; -webkit-border-radius: 3px; -khtml-border-radius:3px; border-radius:4px;}
textarea {border:1px solid #999; margin-left:5px;padding:4px}
input, select {border:1px solid #999; margin-left:5px;background-color:#E2F5F5;padding:3px}
p {page-break-after:avoid;}
.idee, .info, .achtung{min-height:60px;padding:10px 8px 10px 70px;  background-repeat:no-repeat;background-position:10px; border:1px solid #E5E5E5; margin:20px 10px 10px 0px; -webkit-box-shadow: 4px 1px 4px 0px rgba(10, 50, 50, 0.10); box-shadow:4px 1px 4px 0px rgba(10, 50, 50, 0.10);border-radius: 3px;}
.bgblau{background-color:#1b75a9; color:#fff}
.bgbgrau{background-color:#eee}
.idee {background-image:url(https://www.soquaenergie/picture/allgemein/idee.png);background-color:#FFF2C6} 
.info {background-image:url(https://www.soquaenergie/picture/allgemein/info.png); background-color:#D8EAFF } 
.achtung {background-image:url(https://www.soquaenergie/picture/allgemein/achtung.png);background-color:#FFD8DB}
.strichlinie {border-bottom:dashed 1px #444; padding-top:0px;padding-bottom:0px}
.richtig {border: 1px solid #1221DB; padding: 3px; text-align: center; color:#000}
iframe{border:0; overflow: hidden;}
.table-null{border-collapse: collapse; border-spacing: 0;}
ul.verzeichnis {list-style-type:none; padding-left:10px}
.verzeichnis li:before {content: "▶ "; font-size:16px; color:#116C9A; }

#suchmaske{border:1px solid #aaa;  background-color:#fff; padding:10px;min-width:300px; font-size:12px; margin-left:-100px; margin-top:10px; text-align:left; line-height:17px; display:none}
#suchmaske a:link{text-decoration:none;  color:#333}
#suchmaske a:hover{text-decoration:underline; line-height:15px}
#suche{padding:2px;margin:0px; width:100px; float:left; margin-right:10px; height:11px; border: 1px solid #ccc; margin-top:-1px; background-color:#fff; width:20px;
  background-image:url('/picture/allgemein/lupe.png');  background-repeat:no-repeat;  padding-left:20px;}

#logo{max-width:300px;  min-width:290px; width:60%;  padding-right:81px;  margin-left:5%}
#sprachenauswahl{margin-right:20px; line-height:12px; float:right; margin-top:10px}
#print{cursor:pointer; width:20px; height:15px; margin-left:12px}

#bild1 {max-width:1100px; width:95%; visibility:visible }
#bild2 {max-width:1100px; width:95%; visibility:hidden; display:none}
#logoprint {visibility:hidden; display:none}

@media print  {
.video-container, .video-container iframe, #sprachenauswahl, #footer, #cssmenu  { display:none; visibility:!important}
  #logo{width:30px; text-align:center; display:none }
  #inhalt{font-size:12px; line-height:14px}
  #inhalt h1{font-size:18px; line-height:18px}
  #inhalt h2{font-size:16px; line-height:15px;border-bottom:1px solid #000; border-radius:0px; margin-top:30px}
  #inhalt h3{font-size:13px; line-height:14px}
  #inhalt .verlinkung , a:hover {font-size:13px; line-height:14px}
  #bild1, #bild2, #divopener, #navigator, #up, #committed{ visibility:hidden; display:none}
  #logoprint{visibility:visible; display:block; text-align:center; width:50%}
 .idee, .info, .achtung{min-height:50px;padding:5px;    border:1px solid #E5E5E5;  -webkit-box-shadow: 4px 1px 4px 0px rgba(10, 50, 50, 0.10); box-shadow:4px 1px 4px 0px rgba(10, 50, 50, 0.10);border-radius: 3px;}
  .h2offen:before {content: ""; }
  .h2zu:before {content: ""; }
}
#divheigh{cursor:pointer; margin-top:5px}
#divopener{float:left; width:3%; margin-top:-8px}

#navigator{font-size:12px; margin-top:-7px; text-align:right; letter-spacing:-0.2px;  }
#up:hover{background-color:#1D84CF; cursor:pointer}
#up {background-color:#A5C4E7; display:none;  width:50px; position: fixed; right:4px; top:200px; border-radius:10px; opacity:0.7;}
#committed{position: absolute;
left: 51%; margin-top:77px;
-webkit-transform: translateX(-200%);
transform: translateX(-330%)}

.right, .false {background-repeat:no-repeat; width:22px;height:22px; border:none;}
.right {background-image:url(https://www.kisos.ch/picture/allgemein/right.gif);}
.false {background-image:url(https://www.kisos.ch/picture/allgemein/false.gif);}
.spontacts{border: 6px solid #4BB4E7;padding: 4px;}
a:hover {color:#5D6CF0 !important;}