body, html{padding:0; margin:0; background-image:url(/picture/allgemein/bg.png); background-repeat:repeat;}

/*!  christmas 
 
 background: url(/picture/allgemein/weihnachten2.png) no-repeat center center fixed;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 } 
 */
 
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; }
#inhalt h1{font-size:24px; line-height:30px; color: #333;letter-spacing:0px;}
#inhalt h2, #inhalt .quelle, .button, a:link, .buttonoverview  {}
#inhalt h2  {line-height:13px; padding:10px; border-radius:3px; background-image:url(https://www.kisos.ch/picture/allgemein/bg.png); font-size:16px}
#inhalt h3{font-weight:bold}
#inhalt, #sidebar {font-size:15px; letter-spacing:0.1px;color: #333;  line-height: 23px;}
.quelle, .button, a:link, .buttonoverview  {font-family:Arial, Helvetica, sans-serif;}

 /*! ztzt  Farben definition */
#inhalt h2, .button {color:#1F5B78; }
#footerwidthbalken, #menubar {background-color:#A0B6C2;}
#linkskisos{height:200px}
#footerkisos{float:left; width:700px}

 /*! DIV definition */
#header, #container, #footerwidth {width:1120px}
#top{height:80px; background-color:#1D759D; width:100%; top:0px; position:relative; z-index:0;}
#headstreifen{height:195px; position:absolute; z-index:5; background-color:#F7F3F4; width:100%; opacity: 0.7; filter: alpha(opacity=70); margin-top:-20px;  border-bottom:1px solid #aaa; background-image:url(/picture/allgemein/bg.png); background-repeat:repeat; }
#header, #footerwidth {margin:0 auto}
#container{margin:190px auto; background-color:#fff; padding:20px; height:100%; margin-bottom:25px; 
-webkit-box-shadow: 1px 3px 15px 2px rgba(180,180,180,1);
-moz-box-shadow: 1px 3px 15px 2px rgba(180,180,180,1);
box-shadow: 1px 3px 15px 2px rgba(180,180,180,1)}

#inhalt{width:650px; z-index:20; float:left; margin-right:25px;  border-bottom:1px solid #fff}
#inhalt a:link, #inhalt a:visited, #sidebar a:link, #sidebar a:visited {text-decoration:none; font-size:14px; font-weight:bold; color:#1D809D;}
#inhalt a:hover, #inhalt a:active, #sidebar a:hover, #sidebar a:active {color:#444;}
#besucheranzahl {float:right; width:200px; margin-right:50px}

#balken{z-index:4; width:200px; position:absolute; height:260px; margin-top:-100px; background-color:#1F5B78;}
#footerwidthbalken {height:330px;  position:relative; width:200px;margin-left:-15px;  float:left; MARGIN-RIGHT:20PX}

#menubar, .buttongross, #balken  {border-radius: 3px;}
#menubar{z-index:4; width:180px; float:left;  margin-right:40px;}
#menubar li{list-style:none; display:inline;}
#menubar ul{display:inline; padding-left:0px;}

#sidebar{z-index:20; float:left ;}
#meinespende{border:1px solid #aaa; background-color:#1D819E; width:220px; height:60px; border-radius:10px; -webkit-box-shadow: 0px 11px 12px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 11px 12px -7px rgba(0,0,0,0.75);padding-top:10px; margin-top:30px;z-index:1; position:relative;
box-shadow: 0px 11px 12px -7px rgba(0,0,0,0.75); text-align:center; font-size:16px; color:#fff; cursor:pointer; font-weight:bold;  border:3px solid}
#meinespende:hover{ color:#EDE816; border:3px solid}
#kisosfigur{position:absolute; margin-top:-95px; margin-left:40px; z-index:0}

@media screen and (min-width : 1200px)  {#sidebar{display:block; width:220px} #inhalt{width:650px;}}
@media screen and (max-width : 1201px)  {#header{width:1000px;} #sidebar{display:none; width:220px} #container{width:900px;} #inhalt{width:650px;}   #toppos{margin-left:-49px; position:relative}  #balken{width:130px; margin-left:30px}  #footerwidth {width:900px} #besucheranzahl, #linkskisos{display:none} #footerkisos{width:400px}}
 /*! 
@media screen and (min-width : 1301px)  
{#sidebar{display:none;} 
#menubar{display:none;} 
#header{width:1000px;} 
#container{width:320px;} #inhalt{width:320px;}   #toppos{margin-left:149px; position:relative}  #balken{display:none;}
#toppos img{height:80px}
#headstreifen{display:none;} 
#top{height:10px; margin-bottom:10px}
.button{buttongross:0px} 
}
*/

#footer{padding:17px 15px 8px 15px; color:#444; font-size:12px;  width:auto;height:340px;  opacity: 0.8; filter: alpha(opacity=80);
 background-color:#E5E1E1; border-top:4px solid #CDCDCD; bottom:0px; }
#footer a:link, #footer a:visited {text-decoration:none; font-size:11px; font-weight:bold; color:#215886}
#footer a:hover, #footer a:active {color:#000;}
.footerleft{float:left; margin-right:4%;  line-height:18px; width:170px;  font-family: arial, Georgia, "Times New Roman", Times, serif;}
.footerleft li{border-bottom:1px dotted #666; list-style:none}

 /*! Button, varia */
.buttongross {font-size:15px; font-weight:bold; padding: 9px 15px; margin-top:7px}
.buttonklein {font-size:12px; padding: 8px 0px 8px 20px; display:block; width:164px; margin-left:8px;
background-image:url(https://kisos.ch/picture/allgemein/pfeil.png); background-repeat:no-repeat;   
  }
.buttonneben {float-left; margin-right:20px}
.button { 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e8e8e8));
	background:-moz-linear-gradient(top, #ffffff 5%, #e8e8e8 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #e8e8e8 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #e8e8e8 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #e8e8e8 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #e8e8e8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0);
	border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
	display:inline-block;
	cursor:pointer;
 	text-decoration:none;
}
.button:hover {background:none; background-color:#eee; color:#000;}
.buttonklein:hover {background:none; background-color:#eee; color:#000;background-image:url(https://kisos.ch/picture/allgemein/pfeil.png); background-repeat:no-repeat;  background-position: 3px 
}

.btnc{margin:10px 0px 0px   8px; background:none;background-color:#1D809D; color:#eee;border:2px solid #ddd; width:161px}
.quelle{font-size:11px; padding-bottom:10px;padding-top:5px; text-align:right;line-height:14px; ; color:#777}
.quelle::before {content: "Quelle: ";}

h1:after {  color:#1D809D; float:right; cursor:pointer; content: attr(drucken) url(https://kisos.ch/picture/allgemein/drucken.gif)} 
#noprint h1:after {float:none; cursor:normal; content: ""} 
h2:after {content: "↑"; color:#1D809D; float:right; cursor:pointer} 

.dreieck::before {content: "▶ "; color:#1D809D; font-size:16px} 
.tinhalt  {border-spacing: 10px; margin:0px; padding:0}

.idee, .info, .achtung{min-height:50px;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;}

.idee {background-image:url(https://www.kisos.ch/picture/allgemein/idee.png); background-color:#fff0c9} 
.info {background-image:url(https://www.kisos.ch/picture/allgemein/info.png); background-color:#c9eaff} 
.achtung {background-image:url(https://www.kisos.ch/picture/allgemein/achtung.png); background-color:#fdd0d0}
 
.hervor{ padding:10px;margin:10px;background-color:#DEE8EA; border-left:5px solid #1F5B78}
.meldung{margin:20px; padding:20px; border:1px solid #B7C6CE; background-color:#f3f7ff; background-image:url(https://www.kisos.ch/picture/allgemein/info.png); background-repeat:no-repeat; padding-left:70px; background-position: 10px 12px; }
.richtig {border: 1px solid #1221DB; padding: 3px; text-align: center; color:#000; background-color:#D6DBFF}
.falsch {border: 1px solid #1221DB; padding: 3px; text-align: center; color:#000; background-color:#FE6767}

.left{float:left}
.clboth {clear:both}

hr {border:0; border-top:1px solid #A0B6C2; margin:0;padding:0;}
input, option, select {font-size:15px; height:27px; padding-left:10px; margin:5px}
.bgblau{backgroun-color:#A0B6C2}
.loeschen{min-height:25px; line-height:25px;border-radius:3px; min-width:35px; background: #fcd1d1;
background: -moz-linear-gradient(top,  #fcd1d1 0%, #fe9090 78%, #ff8e8e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcd1d1), color-stop(78%,#fe9090), color-stop(100%,#ff8e8e));
background: -webkit-linear-gradient(top,  #fcd1d1 0%,#fe9090 78%,#ff8e8e 100%);
background: -o-linear-gradient(top,  #fcd1d1 0%,#fe9090 78%,#ff8e8e 100%);
background: -ms-linear-gradient(top,  #fcd1d1 0%,#fe9090 78%,#ff8e8e 100%);
background: linear-gradient(to bottom,  #fcd1d1 0%,#fe9090 78%,#ff8e8e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd1d1', endColorstr='#ff8e8e',GradientType=0 );
}
.richtig{padding:2px; line-height:20px;border-radius:3px; min-width:35px;
background: #f0f9ff;
background: -moz-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff));
background: -webkit-linear-gradient(top, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);
background: -o-linear-gradient(top, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);
background: -ms-linear-gradient(top, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);
background: linear-gradient(to bottom, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 );}

.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);}

.buttonoverview {  margin: 10px 0px 0px 8px;
border-bottom:1px solid #ddd; border-right:1px solid #ddd;
text-decoration:none;font-size:12px; padding: 8px 0px 8px 20px; display:block; width:164px;  
background-image:url(https://kisos.ch/picture/allgemein/pfeil.png); background-repeat:no-repeat;  background:none;background-color:#1D809D; color:#eee;border:2px solid #ddd; width:161px 
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0px;
	height:0;
	overflow:hidden;
}

.video-container iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
iframe{border:0;}
#suchresultat a:link {color:#1D819F; text-decoration:none; font-weight:bold }
#suchresultat a:hover {color:#000;  }
#search{margin-top:120px;  border:1px solid #ccc; z-index:12; position:absolute; width:150px; margin-left:20px; border-radius: 3px; opacity:0.9; background-image:url(/picture/allgemein/suche.png); background-repeat:no-repeat;text-indent:15px}